body {
margin : 0;
padding : 0;
font : 73% "Trebuchet MS", verdana, arial, sans-serif;
background : #2e2e2e;
color : #333;
}
#container {
width : 740px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 5px solid #336633;
background : #e9eee4;
color : #333;
}
			/*TOP BANNER*/
#topimg {
height : 150px;
padding : 0;
margin : 0;
background : #417c2c url('img/custom_vivarium_guards.jpg') no-repeat;
color : #333
}
#topimg h1 {
float : left;
margin : 10px 0 0 15px;
font-size : 150%;
letter-spacing: 3px;
color : #fff;
background : #336633;
}
			/*TOP NAVIGATIONY*/
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin : 0 0 10px 0;
font-size : 110%;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
background : #8BBA00;
color : #333;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #fff;
background : #336633;
color : #fff;
}
#navcontainer ul li a:hover, #navcontainer ul li a#active {
background : #8BBA00;
color : #000;
}
#active a:link, #active a:visited, #active a:hover {
background : #E21A1A;
color : #fff;
}



			/*MAIN CONTENT*/
#content {
margin : 0 0 5px 170px;
padding : 2px;
border-left : 1px solid #CCCCCC;
background : inherit;
color : #333;
}
#content2 {
margin : 0 0 5px 5px;
padding : 2px;
background : inherit;
color : #333;
}
#content a:link, #content a:visited {
background : inherit;
color : #008800;
}
#content a:hover {
background : inherit;
color : #91AE00;
}
#content2 a:link, #content a:visited {
background : inherit;
}
#content2 a:hover {
background : inherit;
color : #336633;
}
			/*SIDEBAR*/
#sidebar {
float : left;
width : 160px;
margin : 0 10px 0 0;
padding : 5px;
background : #e9eee4;
color : #333;
}
			/*SIDE MENU*/
.sidemenu ul {
list-style-type : none;
text-align : left;
}
.sidemenu ul li {
display : block;
color : #666;
background : inherit;
}
.sidemenu a {
display : block;
width : 145px;
padding : 0.em 0.2em;
text-decoration : none;
color : #fff;
background : #336633;
}
.sidemenu a:hover {
background : #8BBB00;
color : #333;
}
			

/*LEFT MENU*/
#menu {
width : 150px;
padding : 5px 0 0 0;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 0 0.2em 0;
}
#menu a {
display : block;
width : 140px;
padding : 0.1em 0.8em;
text-decoration : none;
color : #FFF;
background : #336633;
}
#menu a:hover {
background : #8BBA00;
color : #ffff00;
}
#active a:link, #active a:visited, #active a:hover {
background : #8BBA00;
color : #ffff00;
}


/*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin : 0;
font-size : 90%;
border-top : 1px solid #fff;
background : #8BBA00;
color : #333;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #fff;
}
#footer a:hover {
border-bottom : 1px dashed #eee;
background: inherit;
color : #333;
}
			/*TYPOGRAPHY*/
p {
line-height: 1.7em;
margin : 15px;
}
h1 {
margin-top : 10px;
padding : 0;
font-size : 140%;
letter-spacing: 0px;
color : #336633;
background : inherit;
}
h2 {
margin-top : 10px;
padding : 0;
font-size : 73%;
letter-spacing: 0px;
color : #336633;
background : inherit;
}
			/*CLASSES*/
.img {
float : left;
padding : 10px;
border : none;
}
.img a {
border : none;
}
.post { 
background : #eee;
padding : 3px;
border : 0px dashed #8a795d;
font-size : 90%; margin-left:5px; margin-right:10px; margin-top:20px; margin-bottom:0
} 
.post .comments { 
background : url('img/comment.gif') no-repeat left center;
padding-left : 15px;
margin-left:5px; margin-right:15px; margin-top:0; margin-bottom:0
} 
.post .readmore { 
background : url('img/document.gif') no-repeat left center;
padding-left : 15px;
margin-left:5px; margin-right:15px; margin-top:0; margin-bottom:0
} 
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}