/*
Theme Name: Blog Commerce (Hemingway base)
Theme URI: http://chonnabod.com/wordpress/
Description: Blog with WP-E-Commerce Plugin include. Optimize Hemingway Themes for used wp-e-commerce plugin 
thanks to <a href="http://warpspire.com">Kyle Neath</a> aimed at giving bloggers a great platform on which to customize.
Version: 1
Author: Khon Chonnabod
Author URI: http://chonnabod.com
Hemingway Author: Kyle Neath
Hemingway Author URI: http://warpspire.com/hemingway
Tags: green, white,dark, many columns, e-commerce
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}
/*h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0em;}*/
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1.2em 0em 0em 0em ;}
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.h{display:none}
.hi{display:none}
.hide, .print-logo, .close-button{ display:none; }
.error {color:#F00}
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
.nospace{padding:0px; margin:0px;}
.line1{ clear:both;  font-size:1px; height:1px; padding:0px; background:#060; line-height:1px;} 
.line2{ clear:both;  font-size:1px; height:1px; padding:0px;line-height:1px; border-bottom:1px dotted #CCC} 
a img{ border:none; }

input{ margin:5px 0px;}
/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	color:#FFF;
	font-size:75%;
	font-family:'Segoe UI',Helvetica,Verdana, Arial, sans-serif;
}

a{color:#FF9; text-decoration:none}
a:hover{color:#FF9; text-decoration:underline}
h1{
	font-size:1.5em;
	font-weight:normal;
	/*margin:0.5em 0;*/
}

h2, h3{
	font-size:1.15em;
	font-weight:normal;
}

p{
	line-height:1.5em;
}

blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC;
	color:#CCC;
}

pre{
	width:100%;
	padding:5px 0;
	margin:5px 0;
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

table{
	width:100%;
	border-spacing:1px;
	/*margin:1em 0;*/
}
table th, table td{ padding:0.2em 0.5em }
table th{
	background:#CCC;
	color:#000;
	text-align:left;
}
table td{
	/*background:#49565e;*/
	color:#FFF;
}
table caption{
	text-align:left;
	color:#FFF;
	margin-bottom:-1em;
	margin-top:1em;
}

.rule{
	border-top:1px solid #CCC;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:1.5em 0;
}


.hd1{font-size:.8em; font-weight:bold}
.hd2{font-size:1em; font-weight:bold}
.hd3{font-size:1.3em; font-weight:bold}
.hd4{font-size:1.6em;font-weight:bold}
.t1{font-size:.8em;}
.t2{font-size:1em;}
.t3{font-size:1.3em;}
.t4{font-size:1.6em;}
.c-red{ color:#F00}
.c-org{color:#F60}
.c-whi{color:#FFF}
.c-blk{color:#000}
.lineg1{ border-bottom:1px solid #030; margin:0 0 5px 0; height:1px; line-height:1px;}
.u{text-decoration:underline}

.column{ float:left;}


.wp-caption-text{font-size:.85em; padding: 0 10px;}

/*  ROW */

#header {background:#1d2c33; background:url(images/bg-highlight-bt.jpg) bottom no-repeat #1d2c33;}

#content {background:url(images/bg-content.jpg) top center no-repeat #49892b; }
#sidebar {background:url(images/bg-sidebar.jpg) top repeat-x #fff; }
#secondary {background:#49892b}
#second {background:#FFF}
#header .inside, #content .inside, #footer .inside, #sidebar .inside, 
#secondary .inside, #second .inside {width:900px;}
.inside{margin:0em auto;}

#header .inside{ height:100px; padding:2em 0 1em 0; border-bottom:1px solid #364349}
#content .inside{display:block}

#header .logo{ float:left; width:400px; padding-bottom:5px;}
#header h1{
	color:#FFF;
	font-family:'Myriad Pro',Verdana, Geneva, sans-serif;
	font-size:2.0em;
	margin:0 0.5em 0 0;
	padding:0;	
}
#header h1 a{ text-decoration:none; }
#header p{
	font-size:.8em;
	color:#CCC;
	padding:0em 0 0 0;
	margin:0;
	line-height:1em;
}

/* HiLIGHT */
#hi-left{float:left;width:250px;}
#hilight{float:right;width:650px;}
#hilight h1{ float:right; font-size:3.2em; margin:0px; line-height:1em; padding:0px;font-family: Myriad Pro, Helvetica, Arial, sans-serif;}

/*#menu*/
#mnu { float:left;list-style: none;}
#mnu li { float:left;display: block; width:160px; margin:1px;}
#mnu a {display: block;color:#354249; padding: 0.5em; padding-left:5px; ; color: #fff; text-decoration: none;}
#mnu a:hover {background:#354249; border-left:2px solid #4c565b; padding-left:3px;}
#mnu .current a { background:#354249}
#mnu em {display: block; clear: right; color: #aaa; font-style: normal; font-size: 0.85em;}
#mnu span {display: none;}


#banner{width:540px; margin:10px 0px;float:left;}
#about{width:320px;margin:10px; float:right}

#about h2{font-size:2.8em; font-weight:normal;margin:0em 0px; font-family:'Myriad Pro',Verdana, Geneva, sans-serif}
#about h3{ font-size:1.6em; color:#FFF;}

#product{width:540px; margin:0px 10px;float:left;}
#product h2{font-size:1.8em; font-weight:bold;margin:0px;}
#product h3{font-size:1.2em;}

#write{width:320px;float:right}
#write .story .cont{ padding-left:20px;}
#write .story p{ margin:0px;}
#write h2{font-size:.85em; font-weight:normal;margin:1em 0px;text-align:right; text-decoration:underline}
#write h3{ font-size:1.3em; color:#FFF;}


/*****  PRODUCT ******/
#small_thumbs{ margin:0; padding:0px}
#small_thumbs li {float:left;list-style:none;width:106px; height:110px; padding:0px; margin:0 5px 5px 0;
border:1px solid #465057; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#small_thumbs li .name{font-size:1.1em; color:#FFF}
#small_thumbs li .more{text-align:right; color:#FFC; padding-right:10px}
#small_thumbs li .price{font-size:1em; color:#FFF; font-weight:bold; text-decoration:underline; padding:2px}
#small_thumbs li p{ margin:2px 2px; font-size:.9em; line-height:1.2em; color:#CCC}
#small_thumbs li img {border:1px solid #666; width:100px; height:70px; padding:0; margin:0;}
#small_thumbs li a{display: block; padding:2px; text-decoration:none;}
#small_thumbs li a:hover{background:url(images/bg-product-hover.jpg) bottom no-repeat;}


#thumbs_tag a{float:left;padding:2px 3px; margin-left:10px;}
#prod_thumbs{ margin:1em 0; padding:0px;}
#prod_thumbs li {float:left;list-style:none;width:165px;  height:205px;padding:0px; margin:0 10px 10px 0;
border:1px solid #FFC; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#prod_thumbs li .name{font-size:1.1em; color:#FFF}
#prod_thumbs li .more{text-align:right; color:#FFC; padding-right:10px}
#prod_thumbs li .price{font-size:1em; color:#FFF; font-weight:bold; text-decoration:underline; padding:2px}
#prod_thumbs li p{ margin:2px 2px; font-size:.9em; line-height:1.2em; color:#CCC}
#prod_thumbs li img {margin:3px; border:1px solid #666; width:153px; height:100px;}
#prod_thumbs li a{display: block; padding:2px; text-decoration:none;}
#prod_thumbs li a:hover{background:url(images/bg-product-hover.jpg) bottom no-repeat;}

#prod_2{height:60px;margin:5px 0; padding-top:15px;
	background:url(images/product_2.jpg) right no-repeat;  width:450px;
}
#prod_2 h4{font-size:2em; font-family:'Myriad pro',Helvetica, Verdana, Tahoma, Arial; margin-top:0px; padding:5px 10px;border-left:2px #FFF solid; }
#prod_2 a{text-decoration:none}
#prod_2 a:hover{ color:#FF9}


#content{ min-height:350px;
	padding:0px 0 2em 0;
	clear:both;
}

.story h3{	
	font-size:1.15em;
	margin:0 0 .5em 0;
	font-weight:normal;
}
.story h3 a{
	color:#FFF;
	text-decoration:none;
	border-bottom:1px dotted #CCC;
}
.story h3 a:hover{color:#FF9; text-decoration:underline}

.story .details{
	margin:.5em 0;
	text-align:right;
	border-top:1px solid #999;
	padding:0.5em 0;
	font-size:0.8em;
	color:#E4E4E4;
}
.story .details .read-on{
	background:url(images/readon_black.gif) 100% 60% no-repeat;
	padding-right:20px;
	display:block;
}

/* .story .details a{ color:#FF9;text-decoration:none;}
.story .details a:hover{ color:#FF9; text-decoration:underline } */



/* Single Post Styles */
.post-content{min-height:300px;}
.post-content h1{ font-size:2em;}
.post-content h2{ font-size:1.8em;}
.post-content h3{ font-size:1.6em;}
.post-content h4{ font-size:1.4em;}
.post-content h5{ font-size:1.2em;}
.post-content h6, .post-content address{ font-size:.8em; margin:0px; padding:0px; color:#E4E4E4; font-weight:normal;}

.post-content h1,.post-content h2,.post-content h3,.post-content h4{ margin:1.2em 0px 0em 0px;}
.post-content p{margin:0em 0em .7em 0}
.post-content ul{ margin-bottom:1.5em;}
.post-content img{ padding:5px;}
#content .post-content{
	float:right;
	width:65%;
}
.pagetitle{margin-bottom:10px; border-bottom:2px solid #FFC;font-weight:bold; color:#FFC; font-size:2.2em; font-family:'Myriad Pro',Helvetica, Verdana, Tahoma, Arial}

#content .entry{
	color:#EEE;
	float:right;
	width:30%;
	margin-top:1.5em;
	margin-right:5%;
	display:inline;
}
* html #content .entry{ margin-right:3%; }
.entry h2{font-size:1.4em;border-bottom: 1px solid #999; margin-bottom:10px;}
.entry .featured p{
	border-bottom:1px dotted #999;	
	padding:0.5em 0 0.6em 0;
	line-height:1.5em;
	margin:1em 0 0 0;
}
.entry .featured dl{
	margin:0 0;
	border-bottom:1px dotted #999;
	padding:0.5em 0 0.6em 0;
}
.entry dt{
	display:inline;
	margin:0;
	padding:0;
}
.entry dd{
	display:inline;
	margin:0;
	padding:0;
}


/*--Secondary Items ----*/
#secondary{
	padding:1px 2em;
}
#secondary .inside{
	border-top:5px solid #367518;
}
.comment-head{
	border-bottom:1px solid #3d7722;
	padding:0.8em 2em 1.0em 2em;
}
.comment-head h2{
	font-size:1.5em;
	margin:0;
}
.comment-head a{
	text-decoration:none;
	color:#FF9;
}
.comment-head .details{
	font-size:0.95em;
}

ol#comments{
	list-style-type:none;
	margin:2em 0;
}
ol#comments li{
	list-style-type:none;
	margin:2em 0;
}

#comments cite{
	float:left;
	width:31%;
	font-style:normal;
	text-align:right;
}
* html #comments cite{ width:30.6%; }
#comments cite span{
	display:block;
}
#comments cite .author{ font-size:1.2em; }
#comments cite .author a{
	text-decoration:none;
}
#comments cite .admin-tools{
	margin:5px 0;
}
#comments cite .admin-tools a{
	float:right;
	margin:0 5px;
	padding:0px 3px 3px;
	background:#666;
	border:1px solid #999;
	text-decoration:none;
}
#content .entry .admin-tools{ margin:1em 0; }

#preview{
	margin:1em 0;
	padding:0.5em;
	border:1px solid #333;
}
#preview p{ margin:1em 0 0 0; }
#errors{ color:#FF0000; font-weight:bold; }

#comments .pingback cite .author{
	display:block;
	padding-top:68px;
	background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}

#comments .content{
	float:left;
	width:60%;
	margin-left:1.9%;
	border-left:1px solid #868686;
	padding: 0 0 0 2%;
}
#comments .content p{
	margin:0 0 1em 0;
}
#comments .content h3{
	margin:0;
	font-size:1em;
}

#comment-form{
	margin:5em 0 5em 35.4%;
	width:36em;
}
input.textfield{
	width: 15em;
	margin:5px 0;
}
textarea.commentbox{
	width:28em;
	height:10em;
	padding:0.25em;
	margin:5px 0;
	font-size:1.25em;
	font-family:Arial, Helvetica, sans-serif;
}
label.text{
	position:relative;
	left:0.5em;
	top:-0.5em;
}
.formactions input.submit{ 
	float:right; 
	margin:-1em 0 0 0;
	padding:0 0.5em;
}
.formactions .spinner{
	float:right;
	margin:-8px -20px 0 0;
}

.navigation {
	display: block;
	text-align: center;
	clear: both;
}

.navigation div {
	margin-bottom: 2%;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}



/*------  sidebar Items -----------*/
#sidebar{
	font-size:1em;
	color:#333;
	padding:2em 0 0 0;
}
#sidebar a{ color:#333}
#sidebar a:hover{ color:#F60}
#sidebar .block{
	float:left;
	/*width: 180px;*/
	width:30%;
	margin:0 5px;
}
* html #sidebar .block{
	margin-left:10px;
}
#sidebar .twice-length{ width:65%; }
#sidebar .thrice-length{ width:100%; }
#sidebar .first, * html #sidebar .first{
	clear:both;
	/* margin:0;*/
}
#sidebar .block-separator{
	clear:both;
	height:2.5em;
}

#sidebar .block h4{
	margin:0px; padding:0px;;
}

div.block ul, ul.dates, ul.counts, ul.blogroll ul, ul.pages{
	list-style-type:none;
	margin:.5em 0px;
	
}
div.block ul li, ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
	list-style-type:none;
	margin:0;
	padding:0.5em 0;
	border-bottom:1px dotted #CCC;
}
ul.dates .date{
	font-size:.85em;
	padding:0 0 0 1.2em;
}

ul.counts .count{
	float:right;
	color:#DDD;
}

div.block ul a, ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{
	color:#FF9;	text-decoration:none;
}
div.block ul a:hover, ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ 
	color:#FF9; text-decoration:underline;
}

ul.blogroll{ margin-top:0; }
ul.blogroll li{
	list-style-type:none;
	margin:0;
}

ul.pages ul{
	margin:0;
}
ul.pages ul li{
	border:none;
	margin-left:2em;
	list-style-type:square;
}

.lk-roll{ width:120px; float:left}
.lk-banner { width:180px; float:right; margin-left:10px;} 
.lk-banner ul li{border:none; padding:1px;}



/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	color:#999;
	margin:2em 0 3em 0;
}
#footer .inside{	
	padding:1em 0;
}

#footer .contents{ border-bottom:1px solid #CCC; margin-bottom:1.5em;}

#footer p.powered{ float:left; }
#footer p.attributes{ float:right; }
#footer p.attributes a{
	padding:0 0 0 1em;
	text-decoration:underline;
}
#footer h5{font-size:.95em; padding-left:20px; background:url(images/rice.gif) left no-repeat}
#footer p{
	padding:0px 20px;
	margin:0;
	font-size:0.9em;
}
#footer a{
	padding:0 5px;
	text-decoration:underline;
	color:#999;
}
#footer a:hover{color:#333;}

/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/

#search{
	float:right;
	width:200px;
	margin:1em 0 0 0;
	-moz-opacity:0.4;
	text-align:right;
}
#search:hover{
	-moz-opacity:1.0;
}
#search .searchimg{
	float:left;
	width:14px;
	height:13px;
	background:url(images/search.gif) 0 0 no-repeat;
	position:relative;
	top:4px;
}
#search input{ 
	width:175px; 
	font-size: 0.85em; 
	background:#6d757a;
	margin-top:2px;
}
#search input:focus{
	background:#FFF;
}

#searchform{
	margin:1em 0;
}

#searchform #s{
	background:#4c565f;
	border:2px solid #6c7074;
	width:30em;
	color:#FFF;
	padding:0.25em;
}

#searchform #searchsubmit{
	background:#2f3c44;
	height:2.2em;
	padding:3px;
	color:#CCC;
	border:none;
	font-size:0.9em;
	text-transform:uppercase;
	letter-spacing:0.25em;
}

#search_result{}
#search_result .title{font-size:1.3em; font-weight:bold}
.column1{ float:left;margin:5px 5px 5px 20px; width:250px;}



#search img.archives-icon{
	margin:0 7px 0 0;
	top:1px;
}



/** Lastet Post */
#section{}
#latest{ float:left; width:510px; color:#555}
#latest h3{ font-size:1.3em; font-weight:normal;}
#latest h2{  font-size:1.6em; font-weight:bold; }
#latest .soft{font-size:1.2em; font-weight:normal; color:#CCC; margin-bottom:15px;}
#latest h1, #latest h2, #latest h3, #latest h4{ margin:1.2em 0px 0em 0px;}
#latest p{margin:0em 0em .7em 0}
#latest .details{color:#666}
#latest a{color:#960}
#latest a:hover{color:#F30}

/* Side on front page */
/*  resize block for only frontpage*/
#sidefront{ float:right;width:350px;}
#sidefront .block{width:47%}



/* TAGS */

#tags{border-bottom:1px #CCC solid; padding:1px 10px 10px 70px; background:url(images/bg-tags.gif) left top no-repeat}
#tags h3 {padding-bottom:0em; text-decoration:underline; color:#963; font-size:1.4em; line-height:1.5em;}

#tags .descript{ font-size:.8em; color:#999; margin-bottom:10px;}
#tags p{ font-size:1em;}
#tags a{color:#09C}
#tags-white a{color:#FF9}

#tags_col { margin-left:20px;}
#tags_col a{ width:100px; float:left;}

#product_area{
	background:#3f7f21;
	padding:10px;
}





/* fix for IE 100% rounding bug */
#sidebar .final,
#content.twocol-stories .final {float: right; margin:0 0 0 10px;}