/*
Theme Name: Kohler H20 Visions
Theme URI: http://blendinteractive.org/
Description: Simple two column layout, clean design
Version: 1.10
Author: Sam (Design), Chris (HTML/CSS)
Author URI: http://blendinteractive.com/
Tags: widgets
*/


/****************[ GLOBAL SITE UTILITIES ]****************/
.alignleft, .left	{ float:left; }
.alignright, .right	{ float:right; }
img.alignleft		{ display:inline; margin:0 7px 2px 0; padding:4px; }
img.alignright		{ display:inline; margin:0 0 2px 7px; padding:4px; }
img.centered		{ display:block; margin:0 auto; }
.error				{ color:#e32421; }
.alignCenter		{ margin:0 auto; text-align:center; }
.clear				{ clear:both; }


/****************[ Surrounding Area ]****************/

body, html	{ background-color:#E6E6E6; text-align:center; }
.container	{ background-color:#FFF; margin:0 auto; text-align:left; width:960px; }



/****************[ Header ]****************/
.header					{ color:#939598; }
.header_top				{ background: url('images/water_splash01.jpg') bottom left no-repeat; height: 200px; padding:40px 45px 0; }
.intro					{ font-size:18px; padding:15px 45px; width:700px; }

.header_top .left img	{ padding:0 0 5px; }
.header_top .right img	{ margin:2px 0px -2px 20px; }

.top_nav				{ border-bottom:2px solid #BFBFBF; }

.top_links				{ float:right; margin:10px 20px -10px 0; }
.top_links li			{ float:left; }
.top_links li a			{ border-left: 1px solid #DFDFDF; display:block; padding:3px 6px; }
.top_links li.first a	{ border-left: none;}
.top_links .first a span{ position: absolute; top: 0; left: -9999em; }

.main_nav				{ float:left; margin: 0 0 -2px 45px; }
.main_nav li			{ background: url('images/tab_unselect_right.gif') top right no-repeat; float:left; height:41px; margin:0 0 0 3px; padding:0 10px 0 0; }
.main_nav li a			{ background: url('images/tab_unselect_left.gif') top left no-repeat; float:left; height:19px; font-size:16px; padding:11px 10px 11px 15px; }
.main_nav li.current-cat	{ background: url('images/tab_selected_right.gif') top right no-repeat; }
.main_nav li.current-cat a	{ background: url('images/tab_selected_left.gif') top left no-repeat; }


/****************[ Main ]****************/

.main					{ padding:47px 0 0 0; }
.content				{ float:left; width:640px; }

.sorting				{ text-align:right; width:541px; }
.sorting h1.title		{ float:left; }
#sortlinks				{ float:right; }
#sortlinks li			{ float:left; }
#sortlinks li a			{ border-left: 1px solid #DFDFDF; display:block; padding:3px 6px; }
#sortlinks li a.first	{ border-left: none; }

.draw_graffiti			{ float:right; }

.navigation				{ float:right; }
.navigation li			{ float:left; }
.navigation li a		{ border-left: 1px solid #DFDFDF; display:block; padding:3px 6px; }
.navigation li.first a	{ border-left: none; }

.post_wrapper			{ margin:0 60px 0 35px; padding: 0 0 37px 0; }
.page.post_wrapper		{ padding:0; }
.post_wrapper .author   { line-height: 1.5em; font-size: 14px; padding-top:25px; }
.post					{ width:541px; padding: 20px 0; line-height: 1.5em; font-size: 14px; }
.post ul,
.comment_text ul		{ list-style:disc outside; padding:0 0 0 20px; }
.post ol,
.comment_text ol		{ list-style:decimal outside; padding:0 0 0 25px; }
.page .post				{ padding:0; }
.post_info              { font-size: 12px; }
.icon_wrapper,
.comment_icon_wrapper,
.comment_form_left		{ float:left; height:60px; width:60px; }
.icon_wrapper			{ background: url('images/icon_box.gif') top left no-repeat; }
.icon_wrapper a			{ float:left; padding:7px; }
.comment_icon_wrapper	{ background: url('images/recent_comment_icon.gif') top left no-repeat; }
.post_content,
.comment_content,
.comment_form_wrapper			{ float:left; width:481px; }
.page_result .post_content,
.post_graffiti .post_content,
.page .post_content				{ width:541px; }
.entry							{ padding-top:10px; }
.post_meta_wrapper				{ padding-top:10px;}
.post_meta						{ background: url('images/post_bar.gif') top left no-repeat; color:#FFF; float:left; height:28px; width:481px; font-size: 12px; }
.post_graffiti .post_meta		{ background: url('images/graffiti_bar02.gif') top left no-repeat; width:540px; }


.post_meta div			{ float:left; }
.comments				{ float:left; margin:3px 0px 0px 9px; }
img.comments			{ margin:6px 0px 0px 9px; }
.comments a				{ color:#FFF; }
.divider				{ float:left; margin:0 3px; }
.post_meta .spacer		{ float:left; height:5px; width:10px; }
.blendvotes .phrase		{ float:left; margin:3px 0px 0px 3px; }
.blendvotebutton		{ float:right; margin:0 5px 0 0;}

.comment_info			{ font-size:11px; }
.comment_wrapper		{ float:left; padding:10px 0 30px; }

.wp-pagenavi				{ margin-left:60px; padding:10px 0 0 0; text-align:right; width:481px; }
.wp-pagenavi .pages			{ color:#939598; float:left; text-align:left; }
.wp-pagenavi .page,
.wp-pagenavi .current		{ background-color:#A7C278;  color:#FFF; margin:0 1px 0 0; padding:0 5px; }
.wp-pagenavi .page:hover,
.wp-pagenavi .current		{ background-color:#78A12F; text-decoration:none; }
.prev_pagelink				{ margin:0 8px 0 0; }
.next_pagelink				{ margin:0 0 0 7px; }


.graffiti_wrapper					{ margin:0; }
.graffiti_wrapper .sorting,
.graffiti_wrapper .pagination		{ margin:0 60px 0 35px; }
.graffiti_post						{ float:left; margin-right:1px; padding:15px 0; width:315px; }
.sidebar_graffiti_post				{ float:left; padding:3px 0; width:315px; }


.graffiti_header					{ margin-left:6px; }
.graffiti_meta						{ background: url('images/graffiti_bar.gif') top left no-repeat; color:#fff; float:left; font-size:12px; width:315px; }
.graffiti_meta a					{ color:#fff; float:left; margin:3px 0 0 2px; }
.graffiti_meta a.replay				{ margin:3px 0 0 6px; }
.graffiti_meta .blendvotebutton		{ float:right; margin:0 8px 0 0; }
.graffiti_meta .blendvotebutton img	{ float:right; }
.graffiti_meta .blendvotes .phrase	{ margin:3px 0 0 2px; }

.thumb_entry a, .thumb_entry img	{ float:left; }

/****************[ Sidebar ]****************/
.sidebar						{ float:left; width:320px; }	
.sidebar .hide_in_sidebar,
.graffiti_meta .hide_in_sidebar	{ display:none; }

#searchform			{  }
#searchform .s		{ background: url('images/search_box.gif') top left no-repeat; border:none; color:#FFF; float:left; height:20px; padding:4px 6px 0; width:256px; }

.widget				{ border-top:2px solid #E6E6E6; padding:15px 0; }
.widget_first		{ border:none; }
.widget .title		{ padding-bottom:10px; }

.logo					{ background: url('images/icon_box.gif') top left no-repeat; height:39px; margin:0 8px 0 0; padding:6px 0 0; width:45px; text-align:center;}
.author_widget li		{ padding:3px 0; font-size: 13px; }
.author_widget .links	{ padding-top:3px; }

.comments_widget li     { font-size: 13px; }

.recent_comments_wrapper, .product_desc_wrapper	{ float:left; padding:10px 0 0; }
.product_desc_wrapper_first						{ padding-top:20px; }
.recent_comment, .product_desc					{ float:left; width:240px; font-size: 13px; }
.recent_comments_wrapper .comment_icon_wrapper	{ width:53px; }
.product_number									{ height:50px; width:60px; float:left; }

/****************[ Footer ]****************/

.footer					{ padding:45px 0; }
.footer_content			{ background-color:#E6E6E6; padding:18px 0 26px 22px; }
.footer_content img		{ margin: 7px 15px -7px 0; }
.footer_content a		{ color:#363A42; text-decoration:underline; }
.footer_content a:hover	{ text-decoration:none; }