/*  $Id: s0-separate.css 154 2010-11-29 21:29:03Z adam $    */

/* MASTER BODY DETAILS */

body{
    background-color: #002;
    color: #000;
    padding: 10px;
    margin: 0;
    font-family: "Myriad Pro", "Frutiger Linotype", "Gillius ADF No 2", "Gill Sans", "Humanst521 BT", "Lucida Grande", Calibri, Helvetica, "Nimbus Sans L", Arial, sans-serif;
    font-size-adjust: 0.48;
    font-size: 14pt;
    line-height: 1.4em;
}



/* MASTER DIV/PAGE LAYOUT STRUCTURES */

/*  Outer container */
#outer {
    margin: 10px 0;
    padding: 0 200px;
}

/*  Inner container */
#inner {
    background-color: #ffc;
    float: left;
    width: 100%;
    border-left:   200px solid #002;    /* The width and color of the left rail */
    border-right:  200px solid #002;    /* The width and color of the right rail */
    margin-left:  -200px;
    margin-right: -200px;
    margin-bottom: 10px;
    display: inline;                    /* So IE plays nice */
}

/*  Centre block, main content */
#centre {
    float: left;
    width: 100%;
    margin-right: -100%;
    padding: 10px 0;
}

/*  Rails to left and right of centre block. */
.rail {
    width: 180px;
    position: relative;
    background-color: #ffc;
}

/*  LEFT rail specific style */
#left-rail {
    float: left;
    margin-left: -200px;
    padding: 62px 0 62px 10px;
}

/*  RIGHT rail specific style */
#right-rail, #blog-rail {
    float: right;
    margin-right: -200px;
    margin-left: 10px;
    padding: 62px 10px 62px 0;
}

/*  blocks outside of inner/outer container, full page width */
.wide {
    clear: both;
    background-color: #ffc;
    margin: 0;
    padding: 10px;
}

/*  FOOTER specific details */
#footer {
    clear: both;
}


/*  LINK SPECIFC BEHAVIOUR (excluding navigation structures) */

a         { text-decoration: none; }
a:link    { color: #00f; }
a:visited { color: #551A8B; }
a:hover   { color: #f00; }
a:active  { color: lime; }

a img {
    border: none;
    padding: 0;
    margin: 0;
}


/* STANDARD HTML ELEMENTS */

h1, h2, h3, h4, h5 {
    color: #002;
    margin:  10px;
    padding: 10px;
}

h1 {
    text-shadow: #ddb 6px 6px 3px;
    border-bottom: 2px solid #002;
}

tt, pre, code, .code {
    font-family: "Anonymous Pro", Monaco, "Aerial Mono", "DejaVu Sans Mono", "Andale Mono", "Driod Sans Mono", "Lucida Console", monospace;
    font-size-adjust: 0.455;
}



/*
    AREA SPECIFIC STYLES
*/


/*  NAVIGATION AREAS */
.rail ul, #inner-nav ul {
    margin:  0;
    padding: 0;
}

.navigation li a, .navigation li.on a {
    display: block;
    padding: 5px;
}

.rail li {
    margin: 0;
    padding: 5px 0;
    text-align: center;
    list-style: none;
}


/*  LEFT RAIL */
#left-rail li {
    margin-right: 10px;
}

#left-rail li a, #blog-rail li a {
    background-color: #ffa;
    color: #002;
    border-top:    2px solid #002;
    border-bottom: 2px solid #002;
}

#left-rail li a:hover, #blog-rail li a:hover {
    background-color: #002;
    color: #fcc;
}

/*  RIGHT RAIL */
#right-rail li, #blog-rail li {
    padding-left: 10px;
}


/*  CENTRE "PUBS" BREADCRUMB AREA */
#inner-nav {
    padding: 0;
    margin:  0 10px;
    border-bottom: 1px dotted #002;
}

#inner-nav li {
    margin: 0 0 0 5px;
    padding: 2px 0px;
    text-align: left;
    float: left;
    font-size: 11pt;
    display: inline;
}

#inner-nav li a {
    margin:  0;
    padding: 5px;
    display: inline;
}

#inner-nav ul li:before {
    content: " :: ";
    }

#inner-nav ul li.first:before {
    content: " ";
    }


#inner-nav li a:hover {
    margin: 0;
    color: #ffc;
    background-color: #002;
    text-decoration: none !important;
}


/*  HEADER CONTENTS */


/*  FOOTER CONTENTS */
#footer p {
    font-size: 12pt;
    margin:  0;
    padding: 0;
    text-align: right;
}
#footer a:hover {
    text-decoration: underline;
}


/*  CENTRE AREA */
#centre p, #centre address {
    text-align: left;
    padding: 10px;
    margin:  10px;
}

#centre p a:hover, #centre li a:hover {
    text-decoration: underline;
}

#centre div.code, #centre .book, #centre .article-footer {
    border: 2px solid #002;
    font-size: 10pt;
    padding: 10px;
    margin:  10px;
    line-height: 1.2em;
}

#centre p code, #centre div.code, #centre .book, #centre .article-footer {
    background-color: #ffa;
}

#centre p code, #centre li code, #centre .book, #centre .article-footer {
    font-size: 12pt;
    }

#search {
    text-align: center;
}

#centre blockquote {
  font-style: italic;
  background-color: #ffa;
  border: 2px solid #002;
  padding: 10px;
}

#centre table {
  padding: 10px;
  margin: 10px 10px 10px 20px;
  border: 1px solid #002;
  background-color: #ffa;
}

#centre ul {
  padding-right: 15px;
}

#obsolete-ie {
    border: 5px dashed #000;
    margin: 5px;
    padding: 5px;
    background-color: yellow;
}

/*  Added for Vote for Fairer Voting */

div#yes {
    background-color: #9C3F98;
    color: #fff;
    border: 5px dashed #002;
    margin:30px;
    padding:30px;
    text-align: center;
}

div#yes h1 {
    font-variant: small-caps;
    font-size: 30pt;
    text-shadow: none;
    border-bottom: 2px solid #fff;
}

div#yes p {
    text-align: center;
}

div#yes a {
    color: #fff;
}

div#yes a:hover {
    color: #002;
}

/* END Voting Refore insert */

/* Hide from IE/Mac \*/

* html .navigation li a, * html navigation li.on a {
    height: 15px;
}
* html #footer p {
    text-align: center;
}
* html body {
    font-size: 13pt;
}


/* end hide  */