@import url(site.base.css);

/* for reference only - not used in structure, only copied to appropriate container styles */
/*
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
*/




/* elements */

html{ background-color: #EAFFD5; }






/* links */

a, a:link, a:visited, a:hover, a:active, a:focus { color: #408000; }

/* reset button, positive and negative classes back to site.base */

a.button, button { color: #565656; }

/* Standard */
a.button:hover { color: #336699; }
a.button:active { color: #dff4ff; }

/* Positive */
a.positive { color: #529214; }
a.positive:hover { color: #529214; }
/* NOTE: doesn't work in IE */
a.positive:active {    color: #E6EFC2; }

/* Negative */
a.negative { color: #d12f19; }
a.negative:hover { color: #d12f19; }
/* NOTE: doesn't work in IE */
a.negative:active { color: #fbe3e4; }






/* content */

.content { width: 940px; margin-left: auto; margin-right: auto; padding-left: 1em; padding-right: 1em; }
.content h2 { margin-top: 1.6em; }
.quote-open, .quote-close
{
    font-size:2.5em;
    font-family:georgia,serif;
    font-style:italic;
    color:#aaa;
}






/* header */

#header { background-color: #408000; padding-top: 2.2em; padding-bottom: 2.2em; }

/* clearfix */
#header .content:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
#header .content {display:inline-block;}
* html #header .content {height:1%;}
#header .content {display:block;}
/* clearfix */

#header { color: #fff; }
#header a { color: #fff; }

#header-primary { float: left; width: 640px; /*text-align: center; padding-left: 300px;*/ }
#header-primary h1 { font-size: 2.2em; margin-top: .2em; margin-bottom: .2em; }
#tagline { margin-bottom: 0em; }

#header-secondary { text-align: right; width: 300px;}






/* body */

#body { background-color: #fff; padding-top: 2.2em; padding-bottom: 2.2em; }

/* clearfix */
#body .content:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
#body .content {display:inline-block;}
* html #body .content {height:1%;}
#body .content {display:block;}
/* clearfix */

#body-primary { float: left; width: 640px; }
#portrait { float: right; margin-left: 1.6em; width: 150px; height:150px; }
#support-wikipedia { margin-top: 3.2em; }

/* clearfix */
#body-primary blockquote:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
#body-primary blockquote {display:inline-block;}
* html #body-primary blockquote {height:1%;}
#body-primary blockquote {display:block;}
/* clearfix */

#body-primary blockquote { padding-left: 0em; padding-right: 0em; }

#body-primary .quote-open { display: block; float: left; width: 11px; margin-left: 16px; margin-right: 8px; }
#body-primary .quote-close { display: block; float: right; width: 11px; margin-left: 8px; margin-right: 16px; }
#body-primary .quote { display:block; float: left; width: 566px; }

#body-secondary { float: right; width: 268px; padding-left: 32px; }
#body-secondary fieldset { margin-top: 4em; }
#links { margin-bottom: 0em; margin-left: 0em; }
#links li { list-style: none; display: inline; margin-left: 0.8em;}
#sharethis { position: relative; top: -3px; }
#watermark {color: #EAFFD5; font-size: 40em; margin-bottom: 0em; padding-top: 180px; padding-bottom: 180px; }






/* footer */

#footer { border-top: 1px solid #408000; padding-top: 2.2em; padding-bottom: 2.2em }
#footer .content { color: #999; font-size: 90%; text-align: center; }