/*
Theme Name: Kohler H202 Visions
Theme URI: http://blendinteractive.org/
Description: Simple two column layout, clean design
Version: 2.0 alpha
Author: Sam (Design), Chris & Tim (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; }

.space20					{ padding-bottom:20px; }

/****************[ 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; }

.sorting .archived			{ border-right: 1px solid #DFDFDF; left: 265px; padding:3px 6px; position: absolute; top: 0; white-space: nowrap; }

.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:110px; width:60px; }
.retweet					{  }
.post_info a				{ text-decoration: underline; }
.post_info a:hover			{ text-decoration: none; }
.icon_wrapper .icon			{ background: url('images/icon_box02.gif') top left no-repeat; height: 50px; width: 50px; }
.icon_wrapper .icon a		{ float:left; padding:10px; }
.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;}
.share_meta					{ border-top: 2px solid #e6e6e6; padding: 10px 0; }
.share_meta div				{ height: 10px; line-height: 0px; }
.share_meta .fb_share		{ float: left; margin: 0 12px 0 1px; }
.share_meta .digg			{ float: left; margin: 0 12px 0 0; }
/*.share_meta .sharethis		{ float: left; margin: 1px 0 0 0; }*/
.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; position: relative; }
.graffiti_wrapper .sorting,
.graffiti_wrapper 
.pagination					{ margin:0 60px 0 35px; }
.winner_post				{ border-bottom: 2px solid #E6E6E6; padding-bottom: 20px; }
.photo_title				{ color: #363A42; font-size: 15px; font-weight: bold; margin: 20px 0 0 30px; }
.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; }
.thumb_entry				{ height: 200px; overflow: hidden; }
.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; }

.photo_meta					{ background: url('images/graffiti_bar.gif') top left no-repeat; color:#fff; float:left; font-size:12px; width:315px; }
.photo_meta a				{ color:#fff; float:left; margin:3px 4px 0 6px; }
.photo_meta a.full_view		{ margin:3px 8px 0 20px; }
.photo_meta 
.blendvotebutton			{ float:right; margin:0 8px 0 0; }
.photo_meta 
.blendvotebutton img		{ float:right; }
.photo_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					{ margin-bottom: 20px; }
#searchform .s				{ background: url('images/search_box02.gif') top left no-repeat; border:none; color:#808080; 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; }

.faucet						{ overflow: hidden; }
.faucet p					{ color: #939598; font-size: 18px; line-height: 1.3em; }
.navi						{ height: 17px; position: relative; }
.navi a						{ cursor: pointer; display: block; height: 17px; margin: 0; position: absolute; top: 0; }
.navi a img					{ cursor: pointer; }
.navi #play					{ left: -9999em; }
.navi #pause				{ left: 0px; }
.navi #up					{ left: 24px; }
.navi #down					{ left: 165px; }
.sink						{ height: 390px; overflow: hidden; position: relative; }
.drain						{ height: 495px; left: 0; margin-top: 10px; overflow: hidden; position: absolute; top: -130px; width: 300px }
.tweet						{ height: 130px; position: absolute; width: 300px; }
.tweet .icon				{ padding-top: 5px; }
.tweet .info				{ width: 250px; }
.tweet .info .copy			{ line-height: 1.8em; }
.tweet .info .meta			{ height: 16px; margin-top: 5px; position: relative; }
.tweet .info .meta span		{ height: 16px; }
.tweet .meta .reply,
.tweet .meta .retweet		{ margin-left: 10px; position: absolute; }
.tweet .meta .reply 		{ bottom: 0; right: 0; }
.tweet .meta .retweet 		{ bottom: 0; right: 55px; }
.tweet .meta .reply a		{ height: 16px; vertical-align: top; }
.tweet .meta .retweet a		{ height: 16px; vertical-align: top; }

.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; }


#productSpinner				{ font-size:14px; height:110px; line-height:1.5em; position:relative; }
#productSpinner .desc		{ float:right; width:190px; margin-right:10px; }
#productSpinner .product	{ position:absolute; width:100%; }

/****************[ 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; }