/***************************
 RESET BROWSER DEFAULTS
 Add any selectors you need
***************************/
html, body, div, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, fieldset, form, label, legend{
margin:0;
padding:0;
border:0;
}
/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}
/**********************
GENERAL LAYOUT
**********************/
body{
background:url(bodybg.jpg) top left no-repeat #010101;
background-attachment:fixed;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:.875em;
text-align:center;
}
#wrapper{
width:960px;
margin:0 auto;
margin-top:40px;
}
/***************
HEADER
***************/
header{
text-align:left;
}
header h1{
font-size:2.8em; 
font-family:Georgia, Arial, "Times New Roman", Times;
padding-left:45px;
color:#91dc7a;
line-height:.55em;
margin:0 0 25px 0;
text-transform:uppercase;
text-shadow: 0px 2px 3px #222;
}
header h1 .color{
color:#fff;
text-transform:none;
font-size:70%;
font-weight:normal;
text-shadow: none;
vertical-align:20%;
letter-spacing:-1px;
text-transform:lowercase;
}
header h1 .sub{
color:#ced3bf;
font-size:45%;
letter-spacing:-1px;
margin-left:5px;
text-transform:lowercase;
font-weight:normal;
text-shadow:none;
}
header h1 a{
text-decoration:none;
color:#91dc7a;
}
header h1 a:hover, header h1 a:focus{
color:#fff;
}
/***************
NAVIGATION
****************/
nav#main{
width:170px;
float:left;
background-color: rgba(0,0,0,0.65);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align:left;
margin-top:40px;
padding:20px 0;
}
nav#main ul{
text-transform:lowercase;
list-style-type:none;
}
nav#main li{
margin-bottom:10px;
}
nav#main li a {
color:#e5e5e4;
font-family: Arial, "Times New Roman", Times, serif;
text-decoration: none;
padding:0 10px 0 25px;
line-height:30px;
}
nav#main li a:active, nav#main li a:hover, nav#main li a:focus{
color:#91dc7a;
text-decoration: underline;
}
nav#main img{
margin-top:20px;
}
nav#main img:hover{
opacity:.8;
position:relative;
top:-1px;
}
nav#main img:focus{
border:1px solid #545f2b;
position:relative;
top:-1px;
}
/********************
MAIN CONTENT
*******************/
#content{
width:760px;
float:right;
margin:0 0 30px 20px;
padding-top:10px;
background-color: rgba(0,0,0,0.65);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
#content h2{
text-align:left;
color:#ebf2d5;
font-size:2.1em;
letter-spacing:.05em;
font-weight:normal;
font-family:Georgia, Arial, "Times New Roman", Times;
text-shadow: 0px 1px 1px #323b10;
margin-left:-5px;
padding:6px 10px;
line-height:.65em;
margin-bottom:-15px;
}
#content h2 span.sub{
font-size:50%;
text-shadow:none;
margin-left:30px;
color:#a8ab9d;
letter-spacing:normal;
}
article{
width:90%;
overflow:hidden;
background:#0e0e0e;
color:#fff;
text-align:left;
padding:10px;
margin:30px auto;
border:1px solid #000;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
article p{
line-height:1.6em;
margin-bottom:10px;
color:#eceeec;
font-size:90%;
}
article ul{
list-style-type:circle;
}
article ul li{
margin-left:30px;
font-size:90%;
line-height:1.3em;
margin-bottom:5px;
}
article a:link{
color:#9db064;
}
article a:visited{
color:#c9d89d;
}
article a:active, article a:hover, article a:focus{
color:#fff;
}
article h3{
font-size:130%;
color:#d8e1bb;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
background-color:#010101;
margin-left:-5px;
margin-bottom:5px;
padding:2px 5px;
display:inline-block;
line-height:2em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/*images*/
article img{
margin:10px 15px;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
padding: 10px;
background: #e4e4e4;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#e4e4e4));
background: -moz-linear-gradient(top, #eee, #e4e4e4);
background: -o-linear-gradient(top, #eee, #e4e4e4);
background: linear-gradient(top, #eee, #e4e4e4);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.imagecenter{
text-align:center;
}
.imageleft{
float:left;
}
.imageright{
float:right;
}

/*******************
FOOTER
*******************/
footer{
clear:both;
width:100%;
overflow:hidden;
background-color: rgba(0,0,0,0.65);
color:#f1f0e1;
margin:0 auto;
4margin-bottom:50px;
padding:10px;
text-align:left;
font-size:.9em;
}
footer a{
color:#f4f4f4;
}
footer a:hover, footer a:focus {
color:#91dc7a;
}
footer h3{
font-size:150%;
color:#d8e1bb;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
padding:4px 0;
display:inline;
line-height:1.8em;
background-color:#0e0e0e;
padding:2px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
footer nav{
width:60%;
float:left;
padding-left:10px;
}
footer nav ul {
padding-bottom:0;
padding-top:2px;
list-style-type:none;
}
footer nav li{
display:inline;
float:left;
width:145px;
padding: 5px 10px;
line-height:1.3em;
}
/*Search*/
#footer-search{
float:right;
margin-right:30px;
}
footer form{
margin-top:10px;
}
footer fieldset label, legend{
display:none
}
footer input#term{
color:#2c2c2c;
background:#dde4d0;
margin:10px 5px 7px 0;
width:160px;
border:1px solid #8fa54b;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
padding:4px 5px;
text-transform: lowercase;
letter-spacing:normal;
font-size:1.1em;
}
footer input#term:focus{
background:#cedc9e;
border:1px solid #cedc9e;
}
footer input#searchbutton{
padding:4px 10px;
font-size:1.1em;
background-color:#8fa54b;
border:1px solid #645d57;
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
color:#242424;
cursor:pointer;
}
footer input#searchbutton:hover, footer input#searchbutton:focus{
background-color:#999e88;
}
/********************
BASE
**************/
#base{
margin:20px 0 40px 0;
}
#base p{
color:#5F5E54;
font-size:.9em;
}
#base a{
color:#5F5E54;
}
#base a:active, #base a:hover, #base a:focus{
text-decoration:none;
}