body { padding: 0px; margin: 0px; background-color: #000; }
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #333; }

input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; }

#wrapper { background-color: #fff; }
#container { width: 900px; margin: 0px auto; background-color: #fff; }

#header { clear: both; background-color: #000; height: 77px; background-image: url('/template/headerbg.gif'); background-repeat: repeat-x; }

#leftcol { width: 330px; float: left; background-color: #fff; text-align: center; }
#rightcol { width: 570px; float: left; background-color: #fff; }

#logo	{ margin-top: 15px; width: 330px; float: left; text-align: center; font-size: 24px; color: #fff; font-weight: normal; padding: 0px; text-transform: uppercase; }

#mainnav { background-color: #000; width: 700px; font-size: 11px; float: right; margin-top: 5px; }
#mainnav a	{ color: #999; text-transform: uppercase; text-decoration: none; padding-top: 20px; padding-bottom: 20px; display: block; border-right: 1px dashed #333; float: right; width: 94px; text-align: center; }
#mainnav a:hover,
#mainnav a.selected { color: #fff;  }

#content { padding-top: 60px; padding-left: 20px; padding-right: 0px; }

h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; line-height: normal; color: #000; }

h1 { font-size: 28px; text-transform: uppercase; margin-bottom: 20px; }
h2 { font-size: 16px; text-transform: uppercase; margin-bottom: 15px; }
h3, h3 a { font-size: 13px; margin-bottom: 15px; color: #000; }
h4, h4 a { font-size: 13px; margin-bottom: 5px; color: #000; }

p { margin: 0px; padding: 0px; margin-bottom: 15px; }

a { text-transform: uppercase; font-size: 11px; color: #555; text-decoration: none; outline: none; }
a:hover{ text-decoration: underline; } 

#container .photo_thumb { background-image: url('/template/photobg_thumb.gif'); background-repeat: no-repeat; width: 134px; height: 170px; }
#container .photo_thumb img { margin-top: 15px; margin-left: 17px; }

#container .date, #container .date a { font-size: 10px; text-transform: uppercase; }
#container .comment	{ border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
#container .comment p { margin-bottom: 5px; }
#container .comment_date { font-style: italic; text-align: right; text-transform: lowercase; color: #555; font-size: 10px; }

#container .blognav { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; }

#container .contentbox { background-image: url('/template/boxbg.gif'); background-repeat: repeat-x; padding: 20px; }

#footer		{ padding-top: 10px; margin-top: 10px; padding-bottom: 10px; color: #999; font-size: 10px; text-transform: uppercase; text-align: center; }

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