html {background-color: linen; color: black;}

:root, html {margin: 0; padding: 0; border: 0; background-color: wheat;}
body {margin: 0; padding: 0; background-color: linen;}

body {
 background-image: url('/images/global_bg.jpg');
 background-repeat: repeat;
   -icab-background-size: 100% 100%;
   -icab-background-origin: border-box;
  -khtml-background-size: 100% 100%;
  -khtml-background-origin: border-box;
 /* -moz-background-size: 100% 100%; */
    -moz-background-origin: border    ;
      -o-background-size: 100% 100%;
      -o-background-origin: border-box;
 -webkit-background-size: 100% 100%;
 -webkit-background-origin: border-box;
         background-size: 100% 100%;
         background-origin: border-box;
}

h1, h2, h3, h4, h5, h6, dt, th, thead, tfoot {color: green;}

blockquote, section, article, header {
 display: block;
}

nav, aside, footer {
 display: block;
}

/*
p, article, header, nav, aside, footer
{
   -icab-border-image: url('/images/rope-bg.png') 7 7 7 7 round round;   
  -khtml-border-image: url('/images/rope-bg.png') 7 7 7 7 round round;
    -moz-border-image: url('/images/rope-bg.png') 40% 40% 40% 40% round round;
      -o-border-image: url('/images/rope-bg.png') 40% 40% 40% 40% round round;
 -webkit-border-image: url('/images/rope-bg.png') 40% 40% 40% 40% round round;
         border-image: url('/images/rope-bg.png') 7 7 7 7 round round;   
 border: 1em wheat solid;
}
*/

article header, #article-header {
  font-size: 120%;
  margin-top: 1.4em;
  margin-left: -0.2em;
  margin-bottom: 0.8em;
  text-indent: -28px;
  font-variant: small-caps;
  display: block;
  clear: both;
}

article h1:before, #article h1:before {
  content: url("/favicon.ico");
  padding-right: 0.5em;
}

/* ------------------- links ------------------ */

a:link{text-decoration:underline;font-weight:bold;color:green;background:inherit;}		
a:visited{text-decoration:underline;font-weight:bold;color:sienna;background:inherit;}		
a:active{text-decoration:overline;font-weight:bold;color:green;background:lime;}		
a:hover{text-decoration:none;color:linen;background:green;}
a:focus{text-decoration:none;color:linen;background:saddlebrown;}
a:hover:focus{text-decoration:overline underline;color:linen;background:sienna;}
a.offsite{text-decoration:none;font-weight:normal;color:green;background:linen;}

/* ------------------ banner ------------------ */

body > header h1 a,             h1#site a,
body > header h1 a:link,        h1#site a:link,
body > header h1 a:visited,     h1#site a:visited,
body > header h1 a:hover,       h1#site a:hover,
body > header h1 a:focus,       h1#site a:focus,
body > header h1 a:hover:focus, h1#site a:hover:focus {
  text-decoration: none;
  color: gold;
  background-color: green; 
}

body > header h1, h1#site {
  float: left;
  float: no\ne;
  padding-left: 3%;
  margin: 0;
  line-height: 3em;
  font: bold italic 200%/1.5em Helvetica Neue Black Condensed, Arial Black, Arial, Sans-Serif;
  text-transform: lowercase; 
}

/*
body > header h1, h1#site {
  float: left; 
  padding-left: 3%; 
  margin: 0;
  font: bold italic 340%/0.7em  Helvetica Neue Black Condensed, Arial Black, Arial, Sans-Serif; 
  text-transform: lowercase; 
  width: 100%;
}
*/
body > header h1, h1#site {
  color: gold; 
  background-color: green;
}

body > header form, form#site-search {
  z-index: 0;
  float: right;
  right: 1em;
  top: 0;
  text-align: center;
  position: absolute;
  width: 12em; width: -moz-fit-content; width: fit-content;
  text-align: right;
  margin-top: 0.2em;
  margin-right: 0.2em;
  margin-bottom: -0em;
  padding: 0.4em 0.4em 0.2em 0em;
  background-color: green;
    -icab-border-radius: 1em;
   -khtml-border-radius: 1em;
     -moz-border-radius: 1em;
       -o-border-radius: 1em;
  -webkit-border-radius: 1em;
          border-radius: 1em;
}

input, textarea {
  color: black;
  background-color: cornsilk;
  border: none 0;
  padding: 2px;
    -icab-border-radius: 1em;
   -khtml-border-radius: 1em;
     -moz-border-radius: 1em;
       -o-border-radius: 1em;
  -webkit-border-radius: .9em; /* must be after -khtml and be less than 1em */
          border-radius: 1em;
}

#q {
  width: 7.5em;
  margin-bottom: 0.3em;
}

body > header form:before, form#site-search:before {
  content: url("/images/tango-icon-theme/16x16/actions/system-search.png");
}

body > header form label, form#site-search label {
  display: none;
}

body > header, #site-header {
  padding-top : .4em; 
  margin: -0.5em 0 1.53em 0;
  display: block;
  color: gold;
  background-color: green; 
}

body > header p, p#tag-line {
  padding: 0 0 0 5em;
  margin: 0;
  font-family: Geneva, Lucida, Helvetica, sans-serif;
  clear: both;
  background-color: olivedrab;
  color: linen;
}

/* --------------- center area --------------- */

article, #article {
  display: block;
  line-height: 1.4;
  color: black;
  margin: 0em 13em 1em 4em;
  z-index: 0;
  padding-left: 1.5em;
}

/* --------------- right bar --------------- */

aside, #aside {
  background-color: khaki;
  color: black;
  position: absolute;
  float: right;
  right: 1em;
  text-align: center;
  top: 5em;
  width: 10em;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
    -icab-border-radius: 1em;
   -khtml-border-radius: 1em;
     -moz-border-radius: 1em;
       -o-border-radius: 1em;
  -webkit-border-radius: 1em;
          border-radius: 1em;
}

h2 {
  background: green;
  color: gold;
  font-size: 100%;
  font-weight: bold;
  clear: both;
  margin: 0.7em 0.7em 0.1em 0.7em;
  padding: .25em 1em .25em 1em;
    -icab-border-radius: 1em;
   -khtml-border-radius: 1em;
     -moz-border-radius: 1em;
       -o-border-radius: 1em;
  -webkit-border-radius: .8em; /* must appear after -khtml and be < .9em */
          border-radius: 1em;
 width: -moz-fit-content;
 width: fit-content;
 text-align: center; 
}

#site-nav ul li {
list-style-type: none;
 margin-left: 0;
}