/*
Design by rooeh.net
http://www.rooeh.net
Released for free under a Creative Commons Attribution 3.0 License
*/

body {
padding:0;
margin:0;
background-color: #f5f5f5;
color:#000000;  
text-align:left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:.7em;
}

#container{
width:800px;
height:100%;
margin:0 auto;
padding:10px;
background-color:#eaeaea;}

#containerbg{
width:100%;
background-color:#eaeaea;}

#content { 	
width:565px;
padding:5px;
float:right;
background-color:transparent;
}

#content h2{
margin:0;
padding:10px 0 0 0;
font-size:1.1em;
font-weight:normal;
}
#content h3{
margin:0;
padding:00;
font-size:.8em;
font-weight:lighter;
letter-spacing:.1em;
}

#sidebar{
float:left;
width:200px;
padding:5px;
text-align:justify;
margin:2px;
background-color:transparent;
}

#sidebar h1{
font-size: 20px; 
font-weight:normal;
color: #666;
padding:0;
text-align:left;
}

#sidebar h2{
clear:both;
padding:0;
margin:-15px 0 0 0;
font-weight:normal;
text-align:left;
text-transform: uppercase;
font-size: 9px;
letter-spacing:2px;
color:#999;
}

#footer {
clear:both;
bottom:0;
margin:0;
padding:10px;
line-height:12px;
text-align:center;
font-size:.9em;
color:#000;
background-color:transparent;
}

#gutter{
width:100%;
height:200px;
margin:0 auto;
padding:0;
text-align:justify;
background-color:#f5f5f5;}

#guttercontainer{
padding:10px;
margin:0 auto;
width:720px;}

#gutter h2 {
float:left;
margin:0;
padding:0;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#000;
} 

#gutterimage {
float:left;
margin:0;
padding:0; 
width:200px;
height:150px;
text-align:center;
background-color:transparent;
}

#gutterinfo{
width:500px;
float:right;}


a {
color:#669999;
text-decoration:none;
}

a:hover {
color:#99CCCC;
text-decoration:none;
}