body {
	background:#fff;
	font: 1em/10px Verdana, Geneva, sans-serif;
	color:#222;
}

h1,h2,h3 {
	color:#222;
	font-weight:normal;
	font: 1em/1em Verdana, Geneva, sans-serif;
}

#wrapper {
	width:960px!important;
	width:960px;
	width/**/:/**/960px;
	margin:0 auto;
	font-size:.75em;
}

a{
	color: #666;
}

a:hover{
	color: #c3590c;	
}


/* GLOBAL
============================================================== */
.clear{clear:both;}


/* HEADER
============================================================== */
#header{
	width: 960px;
	height: 120px;
	background: url(../images/header_bg.png) top left no-repeat;
	margin: 20px 0 0 0;
}

#logo{
	float: left;
	width: 220px;
	height: 120px;
	background: url(../images/logo.png) 25px 25px no-repeat;
}

#topbar{
	float: left;
	width: 720px;
	height: 20px;
	padding: 10px;
	font-size: 0.8em;
	color: #efefef;
}

#topbar a{
	color: #efefef;	
}

#topbar a:hover{
	color: #c3590c;	
}

#topbar a.selected{
	color: #c3590c;	
}

#topright{
	float: right;
	height: 20px;
	padding: 10px 0 0 10px;
	background: url(../images/trenner_top.png) left bottom no-repeat;
	margin: 0 0 0 10px;
}

#topleft{
	float: left;
	height: 20px;
	padding: 10px 0 0 10px;
}

ul#navigation {
	float: left;
}

ul#navigation li {
	display: inline;
}

ul#navigation li a {
	float: left;
	margin: 0 0 0 8px;
	text-decoration: none;

}

ul#navigation li a:hover {
	text-decoration: none;
}

#bottombar{
	float: left;
	width: 720px;
	height: 40px;
	padding: 0 10px 0 10px;
	margin: 20px 0 0 0;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #6d6d6d;
}

#bottombar a{
	color: #6d6d6d;
	font-weight: bold;
}

#bottombar a:hover{
	color: #c3590c;	
}

ul#menu {
	float: left;
}

ul#menu li {
	display: inline;
}

ul#menu li a {
	float: left;
	padding: 15px 20px 15px 20px;
	text-decoration: none;
	background: url(../images/trenner_menu.png) left bottom no-repeat;
}

ul#menu li a:hover {
	text-decoration: none;
}

ul#menu li a.active_category{
	color: #c3590c;
}

#search{
	float: right;
	padding: 10px 0 0 0;
}

#searchsubmit{
	color: #6d6d6d;
}

/* SIDEBAR
============================================================== */
#sidebar{
	float: left;
	width: 220px;
}

#sidebar h2{
	width: 190px;
	height: 20px;
	background: url(../images/widget_head.png) top left no-repeat;
	padding: 10px 0 0 30px;
	text-transform: uppercase;
	color: #6d6d6d;
	font-weight: 800;
}

#sidebar ul li{
	margin-top: 20px;	
}

#sidebar ul li ul{
	width: 218px;
	border: 1px solid #e7e7e7;
	border-top: 0;
	background: url(../images/widget_body.jpg) bottom left no-repeat;
}
	
#sidebar ul li ul li{
	width: 200px;
	height: 10px;
	padding: 10px;
	border-top: 1px solid #e7e7e7;
	margin: 0;
}

#sidebar ul li ul li a{
	color: #666;
}

#sidebar ul li ul li a:hover{
	color: #999;
}

#sidebar a.active_category{
	color: #c3590c;
}

img.ads {
	padding: 10px;
	border: 1px solid #e7e7e7;
	background: url(../images/widget_body.jpg) bottom left no-repeat;
}

/* MAIN
============================================================== */
#main{
	float: left;
	width: 500px;
	margin: 20px 10px 0 10px;
}

#slide{
	width: 478px;
	height: 258px;
	padding: 10px;
	border: 1px solid #e4e4e4;
}

#main_recent{
	width: 478px;
	height: 108px;
	border: 1px solid #e4e4e4;
	padding: 10px;
	margin-top: 10px;
}

#main_recent:hover{
	background: #f2f2f2;
}

.main_recent_thumb{
	position:relative;
	float: left;
	width: 192px;
	height: 108px;
	margin-right: 10px;
}

.main_recent_thumb img{
	position:absolute;
}

.main_recent_thumb span{
	position:absolute;
	top: 88px;
	width: 182px;
	height: 10px;
	padding: 5px;
	background: #222;
	opacity: 0.7; /* standard: ff gt 1.5, opera, safari */
	-ms-filter: “Alpha(Opacity=70)”; /* ie 8 */
	filter: Alpha(Opacity=70); /* ie lt 7 */
	-khtml-opacity: 0.7; /* safari 1.x */
	-moz-opacity: 0.7; /* ff lt 1.5, netscape */
}

.main_recent_thumb span a{
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8em;
}

.main_recent_thumb span a:hover{
	color: #c3590c;
}

.main_recent_info{
	float: left;
	width: 276px;
	height: 88px;
}

.main_recent_info h3 a{
	line-height: 1.4em;
	font-weight: 800;
	color: #666;
}

.main_recent_info h3 a:hover{
	color: #999;
}

.main_recent_info p{
	font-size: 0.9em;
	line-height: 1.4em;
	color: #666;
}

.main_recent_foot{
	float: left;
	width: 276px;
	height: 10px;
	padding: 5px 0 5px 0;
	font-size: 0.8em;
	color: #999;
	text-transform: uppercase;
	border-top: 1px solid #e7e7e7;
}

.main_recent_foot span{
	float: left;
}

.main_recent_foot small{
	float: right;
}

.main_recent_foot a{
	color: #999;
}

.main_recent_foot a:hover{
	color: #c3590c;
}


/* PAGE NUMBERS
============================================================== */
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {

}

#wp_page_numbers {
	width: 478px;
	height: 10px;
	padding: 9px 10px 9px 10px;
	margin-top: 10px;
	border: 1px solid #e4e4e4;
	text-transform: uppercase;
	color: #999;
	font-size: 0.8em;
	font-weight: 800;
}

#wp_page_numbers ul {
	float: right;
}

#wp_page_numbers li {
	display: block;
	float: left;
}

#wp_page_numbers a {
	color: #666;
	padding: 4px 4px 4px 4px;
}

#wp_page_numbers li a:hover {
	color: #c3590c;
}

#wp_page_numbers li.space {

}

#wp_page_numbers li.first_last_page {

}

#wp_page_numbers li.active_page a {
	color: #c3590c;
}

#wp_page_numbers li.active_page a:hover  {
	color: #c3590c;
}

#wp_page_numbers li.page_info {
	padding: 0 8px 0 0;
}


/* POST
============================================================== */
.post{
	float: left;
	width: 500px;
	margin: 20px 10px 0 10px;	
}

div.wp-caption{
	border: 1px solid #e7e7e7;
	background: #f2f2f2;
}

div.wp-caption p{
	display: block;
	border-top: 1px solid #e7e7e7;
	font-size: 0.8em;
	color: #999;
	padding: 5px 5px 0 5px;
}

div.alignright {float:right; margin:0 0 10px 10px}
div.alignleft {float:left; margin:0 10px 10px 0}
div.aligncenter {display: block; margin-left: auto; margin-right: auto}
div.wp-caption a img {float:left; padding: 5px;}

.post h2{
	width: 478px;
	height: 10px;
	padding: 9px 10px 9px 10px;
	border: 1px solid #e4e4e4;
	text-transform: uppercase;
	color: #6d6d6d;
	font-weight: 800;
}

.post #entry{
	width: 478px;
	border: 1px solid #e4e4e4;
	padding: 10px;
	line-height: 1.4em;
	color: #444;
}

.post #entry p{
	margin-bottom: 10px;
	text-align: justify;
}

.post #entry h3{
	width: 478px;
	padding: 0px 0px 9px 0px;
	border-bottom: 1px solid #e4e4e4;
	color: #6d6d6d;
	font-weight: 800;
	margin-bottom: 10px;
}

.post #entry #meta{
	width: 478px;
	margin-top: 20px;
	text-align: left;
	border-top: 1px solid #e7e7e7;
	font-size: 0.8em;
	color: #999;
}

.post #topinfo{
	width: 478px;
	height: 10px;
	padding: 9px 10px 9px 10px;
	border: 1px solid #e4e4e4;
	text-transform: uppercase;
	color: #999;	
	font-size: 0.8em;
}

#topinfo p{
	float: left;	
}

#topinfo small{
	float: right;	
}

.postnavi {
	width: 478px;
	height: 10px;
	padding: 9px 10px 9px 10px;
	border: 1px solid #e7e7e7;
	background: #f2f2f2;
	font-size: 0.8em;
	color: #999;
}

.postnavi a {
	text-transform: uppercase;
	color: #999;
}

.postnavi a:hover {
	color: #c3590c;
}

.post blockquote{
	background: #ffffd4;
	padding: 10px;
}
/* COMMENTS
============================================================== */
h3#comments {
	width: 478px;
	height: 10px;
	border: 1px solid #e7e7e7;
	border-bottom: 2px solid #e7e7e7;
	margin: 10px 0 10px 0;
	padding: 9px 10px 9px 10px;
	text-transform: uppercase;
	font-size: .8em;
	color: #6d6d6d;
	font-weight: bold;
}
h3#comments span.respondEntryTitle {
	color: #8d8d8d;
	padding: 0 0 0 8px;
	font-weight: normal;
	text-transform: none;
}
h3#leaveComment{
	width: 478px;
	height: 10px;
	border: 1px solid #e7e7e7;
	padding: 9px 10px 9px 10px;
	text-transform: uppercase;
	font-size: .8em;
	color: #6d6d6d;
	font-weight: bold;
	margin-top: 10px;
}
p#commentNotification { /* text style for notification message that is displayed when post is pass protected or comments are closed */
	display:block;
	margin-top:7px;
	background:#f9f9f9;
	padding:3px 5px;
	font-weight:bold;
}
ol.commentlist li { /* Comment Wrapper */
	width: 478px;
	border:1px solid #e6e6e6;
	height:1%;
	margin:0 0 10px 0;
	padding:10px;
	position:relative;
	background: #f2f2f2;
}
ol.commentlist li a { /* Comment Wrapper */
	color: #666;
}
ol.commentlist li a:hover{ /* Comment Wrapper */
	color: #999;
}
li div.vcard { /* Font style for comment author link*/
	padding:0 80px 0 0; 
	margin:0;
	border-bottom: 1px solid #e6e6e6;
	height: 15px;
}

li div.vcard cite{ /* Font style for comment author link*/
	padding:0 0 0 50px;
	font-style: normal;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 800;
	color: #666;
}

li div.vcard span{ /* Font style for comment author link*/
	padding:0 0 0 4px;
	font-style: normal;
	text-transform: uppercase;
	font-size: .8em;
	color: #8d8d8d;
}

li div.vcard img.avatar { /* Avatar style between comments */
	border:1px solid #d5d5d5;
	padding:2px;
	background:#fff;
	left:10px;
	position:absolute;
	top:10px;
}
li div.comment-meta { /* Style for date of comment */
	position:absolute;
	right:10px;
	text-align:right; 
	top:10px;
}
li div.comment-meta a {
	text-transform: uppercase;
	font-size: .8em;
	color:#999;
}
li div.comment-meta a:hover {
	color: #c3590c;
}
ol.commentlist li p { /* Comment font style */
	font-size: 0.95em;
	font-weight: normal;
	line-height: 1.4em;
	text-align: justify;
	padding: 5px 0 5px 50px;
	color: #666;
} 
li div.reply {  /* Reply button style */
}
ol.commentlist li div.reply:hover {
}

ol.commentlist em {
	font-size: 0.8em;
	font-weight: normal;
	padding:0 0 0 50px;
	color: #999;
}

li div.reply a {
	font:bold 9px arial,sans-serif; 
	text-transform:uppercase;
}
ol.commentlist li ul.children { /* Inner comment style */
	margin-top:10px;
}
li.depth-2,li.depth-3,li.depth-4,li.depth-5 { /* inner comment margin-bottom */
	margin:0 0 .20em;
}
ol.commentlist li.even { /*The background color for 1-3-5... no comments*/
	background:#fff;
}
ol.commentlist li.odd { /* Background color for 2-4-6... no comments */
	background:#f9f9f9;
}
ol.commentlist li.pingback div.vcard {
	padding:0 170px 0 0;
}

/* COMMENT FORM
============================================================== */
p#noComment {
	background:#f7f7f7;
	padding:4px 4px 4px 10px;
}
#respond {
	width: 478px;
	padding: 10px;
	border:1px solid #e6e6e6;
	background: url(../images/widget_body.jpg) bottom left repeat-x;
}
.cancel-comment-reply {
	font-size:12px;
}
.cancel-comment-reply, #respond cite {
	font-size:12px;
	padding-top:4px;
}
#respond p cite {
	display: block;
	height: 16px;
	margin-bottom: 8px;	
	font-size: .8em;
	text-transform: uppercase;
	font-style: normal;
	color: #adadad;
}

#respond p cite a{
	color: #666;
}

#respond p cite a:hover{
	color: #c22d2b;
}

#respond p cite a:visited{
	color: #c22d2b;
}

#respond p cite a:active{
	color: #c22d2b;
}

#respond label {
	padding-left:4px;
	text-transform: uppercase;
	font-size: .8em;
	color:#999;
}
#author,#email,#url {
	width: 35%;
	padding: 4px;
	background:#fefefe;
	border: 1px solid #e6e6e6;
	color: #8d8d8d;
}
#respond input {
	margin: 0 0 4px 0;
}
#respond textarea:focus, #respond input[type="text"]:focus {
	border: 1px solid #e6e6e6;
	background: #fefff7;
}
#respond textarea {
	width: 468px;
	height: 120px;
	background:#fefefe;
	border: 1px solid #e6e6e6;
	padding: 5px;
	color: #8d8d8d;
	margin: 0 0 8px 0;
}
#submit {
	background: #444;
	width: 72px;
	height:16px;
	border:none;
	display:block;
	cursor:pointer;
	text-transform: uppercase;
	font-weight:800;
	font-size: .8em;
	padding: 0 0 3px 0;
	text-align: center;
	color: #f2f2f2;
}
#submit:hover {
	cursor:pointer;
	background: #c3590c;
	color: #fff;
}

/* RIGHTBAR
============================================================== */
#rightbar{
	float: left;
	width: 220px;
}

#rightbar h2{
	width: 190px;
	height: 20px;
	background: url(../images/widget_head.png) top left no-repeat;
	padding: 10px 0 0 30px;
	text-transform: uppercase;
	color: #6d6d6d;
	font-weight: 800;
}

#rightbar ul li{
	margin-top: 20px;	
}

#rightbar ul li ul span{
	display: block;
	width: 200px;
	height: 10px;
	padding: 5px 0 10px 0;
	margin-left: 10px;
	border-top: 1px solid #e7e7e7;
	font-size: 0.8em;
	color: #999;
}

#rightbar ul li ul{
	width: 218px;
	border: 1px solid #e7e7e7;
	border-top: 0;
	background: url(../images/widget_body.jpg) bottom left no-repeat;
}
	
#rightbar ul li ul li{
	width: 200px;
	padding: 10px;
	border-top: 1px solid #e7e7e7;
	margin: 0;
}

#rightbar ul li ul li a{
	color: #666;
}

#rightbar ul li ul li a:hover{
	color: #999;
}

/* FOOTER
============================================================== */

#footer{
	width: 958px;
	height: 48px;
	padding: 1px;
	background: url(../images/footer_bg.png) top left no-repeat;
	margin: 20px 0 20px 0;
}

#footer a img{
	border:0;
	opacity: .7; /* standard: ff gt 1.5, opera, safari */
	-ms-filter: “Alpha(Opacity=70)”; /* ie 8 */
	filter: Alpha(Opacity=70); /* ie lt 7 */
	-khtml-opacity: .7; /* safari 1.x */
	-moz-opacity: .7; /* ff lt 1.5, netscape */
}

#footer a:hover img{
	border:0;
	opacity: 1; /* standard: ff gt 1.5, opera, safari */
	-ms-filter: “Alpha(Opacity=100)”; /* ie 8 */
	filter: Alpha(Opacity=100); /* ie lt 7 */
	-khtml-opacity: 1; /* safari 1.x */
	-moz-opacity: 1; /* ff lt 1.5, netscape */
}

#footright{
	float: right;
	background: url(../images/trenner_footer.png) bottom left no-repeat;
}

#footleft{
	float: left;
}