/************* Global *************/

html,body {height:100%}



* {

margin: 0;

padding: 0;

}



body, input{

font-family: "Trebuchet MS", Verdana, sans-serif;

text-align: left;

}



a {

text-decoration: none;

color: #009933;

}



blockquote {

background: #555222;

padding: 15px;

margin: 0px 0;

}



/************* Container *************/

#container {

height: auto !important;

min-height: 100%;

padding-bottom: 5px;

position: relative;

background: url(images/bg.gif) repeat;

}



* html #container {

	height: 100%;

}



/************* Header *************/

#headerWrap {

height: 0px;

background: #336633;



}



#header {

width: 738px;

margin: 0 auto;

}



#header h5 a {

font-size: 20px;

letter-spacing: -1px;

padding-top: 0px;

float: left;

color: #336633;

}



ul#navigation li {

list-style-type: none;

float: right;

}



ul#navigation li a {

padding: 0px 7px 0px;

display: block;

font-size: 14px;

color: #fff;

}



ul#navigation li a:hover, #footer a:hover {

background: #678231;

}



/************* Content *************/

#content {

width: 736px;

margin: 0px auto 0;

background: #fff;

border: 1px solid #fff;

position: relative;

}



#content:after {

content: "."; 

display: block; 

clear: both; 

height: 0;

visibility: hidden

}	



#content a:hover {

background: #95ba46;

color: #fff;

}



/* 

Header with picture and site description.

It uses a hack for vertical-align because IE doesn't work properly with tables

*/

#contentHeader {

margin: 0px auto;

width: 736px;

height: 182px;

background: url(header.jpg) no-repeat;

border: 1px solid #44434c;

position: relative;

}



#contentHeader[id] {

display: table;

position: static;

}



#siteDescription {

position: absolute;

top: 100%;

padding-left: 0px;

color: #44434c;

}



#siteDescription[id] {

display: table-cell;

vertical-align: middle;

position: static;

}



#siteDescription p {

position: relative;

top: -100%;

}



#content h2 {

margin: 0px 0;

border-bottom: 1px solid #96bb47;

}



#content ul {

padding: 10px 15px 10px 20px;

list-style-image: url(arrow.gif);

}



/************* Main *************/



#main {

margin: 0px;

width: 736px;

float: left;

}



.post {

text-align: left;

}



/************* Secondary *************/



#secondary {

width: 220px;

margin: 0 2px;

float: right;

}



/************* Search *************/

#searchform input {

background: #f7f7f7;

font-size: 0.9em;

}



#searchsubmit {

margin-top: 5px;

padding: 0 10px;

text-align: center;

}



#searchform fieldset {

border: 0;

}



/************* Footer *************/

#footer {

position: relative;	

clear: both;

margin: 0 auto;

background: #336633;

width: 740px;

color: #fff;

border: px solid #336633;

clear: both;

text-align: center;

background: #336633;

}



#footer a {

color: #fff;

font-weight: bold;

}