/*  
Theme Name: Wellness
Version: 1.0
Author: Tee G. Peng
Author URI: http://www.lotusseedsdesign.com/


The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


@import url(css/css3support.css);
@import url(css/wellness.css); /* <-- controls layout structure*/
/* ======================================
[common and reset elements]
======================= */



a:hover {text-decoration: none}
product-feed {width: 100px;}

span {font-size: 12px;}
span.date, span.post-date,
span.mcategories,
span.nocomments {color: #545454;}
span.author {color: #DB6535;}
legend span.no-display {position: absolute;text-indent: -99999px;}
.bold {font-weight: bold;}

/*floated box*/
.box {float: left;width:48%!important;}
	

/*breadcrumb*/
#breadcrumbs {margin:6px 0 0 15px;display: block;width:63%;text-align: left!important;}
#breadcrumbs a, #breadcrumbs{font-size: 14px;}


h2 {font: 130% Palatino, Constantia, Big Carlon, Bistream Charter, Georgia, "Times New Roman", Times, serif;background: url(images/headingbg.png) no-repeat 0 0;padding-left:40px;padding-top:15px}



/*share elements #blog_content/#blog_sidebar =========================================*/	

#blog_content p a, #blog_content li a {color: #553113;}


#blog_content p.category, #blog_sidebar .box h6{background: url(images/line_dotted.png) repeat-x left bottom;text-transform: uppercase;letter-spacing: 1px;}

h2,
h2 a,
h3, 
h3 a, 
h4,
h4 a, 
h5,
h5 a, 
#blog_content h6 a
#blog_sidebar .rssfeed ul li a{color: #326600}



/*share hover effect
=========================================*/	
h2 a:hover,
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
#blog_content h6 a:hover
#blog_sidebar .rssfeed ul li a:hover,
 #blog_content p.post-info a:hover{color: #DB6535}

#blog_content a:hover, #blog_content li a:hover,
 #blog_content p.category a:hover,
 #blog_content p.post-info a {color:#0D7D00;}
 



.post-date {color: #999;font-size: .7em;}
.post-date:first-child {margin-top: -25px;}


#blog_content h2.title {color:  #326600;margin:20px 0 10px 0}
h2.blog-home, .postcontent {margin-bottom: 20px;clear: both;display: block;}
.announce h2.homeh2 {margin: 5px 0 0 0!important;}

h3.blog-title  {font-size: 130% ;background: url(images/headingbg-small.png) no-repeat left top;margin-top: 15px;padding-bottom: 5px;padding-left: 32px;}


.postcontent {padding-bottom: 15px;}
#blog_content p.post-info {background: #fefefe;padding: 15px 15px 10px 15px;border: 1px solid #E6DFD6;margin-top: 15px;}

.tags {display: block;margin-top: 15px;font-size: .9em;}


#blog_content h3:first-child {margin-top: 0;padding-top: 0;}



/* ======================================
[categories menu]
======================= */
#catnav{display: block;width: 930px;height: 35px;position: absolute;margin-top: -29px;margin-left:1px;z-index:1000;background: transparent;padding-left: 3px;}

#catnav ul  {margin-left:6em;}
#catnav ul li {float: left;}
#catnav .categories {width:6em;position: absolute;margin-left: 20px;color: #ededed;}


#catnav li a:focus{color: #101010;}

/*** DEMO SKIN ***/

#catnav li a {text-decoration: none;
color: #fff;font-size: .85em;
padding: 9px 15px;letter-spacing: 1px;
font-weight: bold;line-height: 1em;text-transform: uppercase;}
/* visited pseudo selector so IE6 applies text colour*/


#catnav li:first-child {margin-left: 5px;}	 

#catnav li.active a {color:#151515}
#catnav li:hover,
#catnav li:first-child:hover,
#catnav li a:hover,
#catnav li.active,
#catnav li.active a{background:transparent url(images/sitelink_bg.png) no-repeat left top;color: #56771c;}




/* ======================================
[site structure]
======================= */


#blog_content ul.disc{margin-top: 15px;}
#blog_sidebar ul, #blog_sidebar ol {width: 98%;margin: 0 auto 15px auto;}
#blog_content ul.disc li {list-style-type: disc;margin-left: 25px;}
#blog_content ul li, #blog_content ol li {font-size: .95em;}
#blog_sidebar ol li a {color: #000;line-height: 1.5;}

#blog_content ol.decimal li{list-style-type: decimal;margin-left: 35px;}

#blog_content ul.related_post li {list-style-type: disc;margin-left: 35px;}


	#blog_content h2,
	.archives ul li{  display: block;}
	.archives ul li a {  float: left;display: block;padding-right: 5px;color:#DB6535}
.archives ul {margin-left: 15px;margin-top: 10px;clear: both;overflow: hidden;}

#blog_content h3,
#blog_content h4,
#blog_content h5,
#blog_content h6,
#blog_content dt {font-weight: normal;font-size: 1.2em;margin-top: 15px;padding-bottom: 5px;padding-top: 0;font-family: Georgia, "Times New Roman", Times, serif;color: #146e0d;text-transform: capitalize;display: block;}

#blog_content h3.related_post_title {font-size: 1em;color: #DB6535;margin: 15px 5px 5px 15px; background: url(images/line_dotted.png) repeat-x left bottom;padding-left: 5px;padding-top: 5px;}
	
/* ======================================
[Blog home items]
======================= */	
#blog_content .image {margin-right: 15px;margin-bottom: 5px;margin-top: 10px;padding: 3px; float: left;background:#F0E8D3; }


.announce {display: block;overflow: hidden; background: url(images/line_dotted.png) repeat-x left bottom;padding-bottom: 15px;clear: both;}

/*blog content*/ 

.box-full {display: block;
width: 100%;overflow: hidden;clear: both;}
.blog-article {width: 48%;float: left; height: 24em;}

#blog_content p {padding: 5px 0;font-size: .95em;}

#blog_content img {border: 1px solid #E1BEA2;}
#blog_content p.category a {color:#2A201A;font-size: .7em;font-weight: normal;}

#blog_content p.category {padding: 3px 0 0 4px;margin-top: 10px;background: url(images/bamboo_bg2.png) repeat-x center bottom;border-bottom: 1px dotted #dad3cb;border-top: 1px dotted #dad3cb;font-weight: normal;color: #888;}

	
	 p.category span {font-size: 10px;text-transform: capitalize;font-weight: normal;font-style: normal;}
	 
	 p.continued-reading { padding-right: 25px!important;text-align: right;clear: both;}
 p.continued-reading span {position: absolute;top: -999px;}

/*==========================================
[Right Column Sidebar/widgets items] 
==========================================*/	
	/*share elements ======================= */	

#blog_sidebar h6 {display: block;text-align: left;padding: 8px 15px;
font:bold 1em Constantia, Big Carlon, Palatino, Bistream Charter, Georgia, serif;color: #e05439;text-transform: uppercase;padding-left:15px;background:url(images/sitelink_bg.png) no-repeat center bottom;}

#blog_sidebar h6 a {color: #e05439;}


	#blog_sidebar .box {margin-bottom: 10px;width: 90%;}
	.rightbox {float: right!important;}



 /* for image/video using adv. custom field*/
#blog_sidebar #adv_cust {margin-bottom: 10px;display: block;background: url(images/bamboo_bg2.png) repeat-x center bottom;text-align: center;margin-top:5px;}

#blog_sidebar #adv_cust h5 {background: url(images/sitelink_bg.png) repeat-x center bottom!important;display: block;color:#006E00;margin: 10px 5px 0 4px;font: 1em Georgia, "Times New Roman", Times, serif;padding: 5px 0;}

#blog_sidebar #adv_cust img {margin: 0 auto 5px auto;width: 95.5%;border: 1px solid #E1BEA2;padding: 2px;background:#F0E8D3; }



.widget-wrap {margin-top: 10px;clear: both;overflow: hidden;padding-top: 15px;width: 100%;}
#blog_sidebar #adv_cust span em{color:#146e0d;font: bold 1.1em Palatino, Constantia, Big Carlon, Bistream Charter, Georgia, "Times New Roman", Times, serif}






/* Social Media Icons
==========================================*/
#follow {margin-top: 15px;}
.rssfeed {overflow: hidden;position: relative;padding: 8px 3px 0 0;width: 45%;float: right;}
ul#socialmedia {margin-left:12px;float: right;clear: both;}
ul#socialmedia li {float: left;width: 54px; height: 62px; display: block;margin-right:10px;}
ul#socialmedia li:hover {background-image: none;}
ul#socialmedia li a {background: url(images/socialmedia.png) no-repeat;float: left;width: 54px; height: 62px; display: block;}
ul#socialmedia li a:hover {background: url(images/socialmedia_hover.png) no-repeat 0 center;}


ul#socialmedia li a#rss {background-position: 0 center;}



ul#socialmedia li a#rss-email {background-position: -54px center;}
ul#socialmedia li a#facebook {background-position:  -108px center;}


ul#socialmedia li a#twitter {background-position: -162px center;}

ul#socialmedia li a span {position: absolute;text-indent: -3333em;}












/*search box*
==========================================*/
 #searchform {clear: both;margin-bottom:5px; float: right; margin-right: 15px;display: block;}
 #searchform input {border:  1px solid  #77934a;padding: 4px;width:160px;margin-right:5px;margin-left: 10px;background: url(images/sitelink_bg.png) repeat-x left 50%;float: left;}

/* My Comment */

.blog #searchform .submit {border:1px solid #778D3F;background: transparent url(images/sitelink_bg.png) repeat-x left center;font-weight: bold;color: #212121;float: left;font-size: .7em;padding: 2px 5px;text-transform: uppercase;margin-top: 2px;}


.blog #searchform button:hover,
 #searchform input:focus {background: transparent url(images/bamboo_bg.gif) repeat-x left top;}


	
/*sidebar tab - tabbed widget
	========================================*/
	
	.tw-hide {position: absolute;text-indent: -9999em;}
	
	/*wrap the tab container*/
	/*#blog_sidebar .tw-rotate
	{width: 346px;overflow: hidden;background:  url(images/bg3.png) repeat center center;border: 2px solid #048200;border-top: 0;}*/

#blog_sidebar #tab{margin:15px 0;width: 280px;overflow: hidden;padding-bottom: 0!important;background:url(images/bamboo_bg.gif) repeat center center;clear: both;}

#blog_sidebar #tab ul {margin-bottom: 1px;}
#blog_sidebar .ui-tabs-panel { padding:10px 0 0 0!important;margin: 0!important;}
 

 #blog_sidebar .ui-tabs-hide { display: none; }
   
#blog_sidebar ul#tabnav {display: block;background:url(images/sitelink_bg.png) no-repeat center bottom;;width: 100%;border: 0;}



#blog_sidebar .ui-tabs-nav {  padding: 0;margin:0 0 5px 0}
#blog_sidebar .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

#blog_sidebar .ui-tabs-nav li { float: left; margin: 5px 1px 0 0;min-width: 100px; /* be nice to Opera */border: 0;
     text-align: center;color: #fff;}

#blog_sidebar .ui-tabs-nav a, #blog_sidebar .ui-tabs-nav a span {display: block;background: #007000;}

#blog_sidebar #tab .ui-tabs-nav li a {
padding: 6px 8px 4px 8px;border: 0;text-align: center;color: #353535;background: url(images/line_dotted.png) repeat-x left bottom;
    text-decoration: none;;
    white-space: nowrap;font: bold 11px Calibri, Arial, sans-serif;text-transform: uppercase;letter-spacing: 1px;}
    
    
#blog_sidebar #tab .ui-tabs-panel li a {margin: 0!important;}
#blog_sidebar #tab .ui-tabs-panel li {width: 100%; margin: 0!important;padding-top:3px;padding-bottom: 3px; line-height: 1.4em;}

#blog_sidebar .ui-tabs-nav li:first-child {margin-left: 10px;}




#blog_sidebar #tab .ui-tabs-nav .ui-tabs-selected a,
#blog_sidebar #tab .ui-tabs-nav a:focus,
 #blog_sidebar #tab .ui-tabs-nav a:hover,
 #blog_sidebar #tab .ui-tabs-nav a:focus, 
 #blog_sidebar #tab .ui-tabs-nav a:active
 { color: #326600;position: relative;  z-index: 2;background: transparent url(images/sitelink_bg.png) repeat center top;border: 1px solid #778D3F;border-bottom: 0;}
 
 
 
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}	

#tab .recent-entries li:hover {background:url(images/bamboo_bg2.png) repeat center center;}	

	/*star icon for tabbed widget list*/
	/*icon for recent posts*/
	#blog_sidebar .widget_recent_entries li a {background: url(images/icon-star.png) no-repeat 8px 0;padding-left: 29px;display: block;}
	#blog_sidebar .widget_recent_entries li a:hover {background: url(images/icon-star-hover.png) no-repeat 8px 0;}
	
	/*icon for recent comments*/
	
	#blog_sidebar .recent-comment ul li
	{background: url(images/icon-comment.gif) no-repeat 9px 3px!important;padding-left: 26px;}
	
	#blog_sidebar .recent-comment ul li{border-bottom:  1px dotted #E0E5D1;}



#blog_sidebar .box li,
 #blog_sidebar .widget li {display: block;padding:4px 12px;background: url(images/line_dotted.png) repeat-x left bottom;text-transform: capitalize;color: #43392F; }
  
 #blog_sidebar .widget li a{background: url(images/icon_dot2.gif) no-repeat left center;padding-left: 20px;color: #151515;font-size:1.05em;display: block;} 
	
		

#blog_sidebar li:hover
 {text-decoration: none;background:url(images/bamboo_bg.gif) repeat center center;display: block;}
	
/*Here we fine-tone each tab*/
	/*recent post items*/
	.widget_recent_entries{ margin-top: 10px;}
	.widget_recent_entries li, .tabbed-widget-item li,
	.widget_twitter li,
	.recent-comment li  {font-size: .85em;
	background: url(images/line_dotted.png) repeat-x left bottom;}
	
	 span.c-excerpt {display: block;font-size: 15px;margin-left: 15px;margin-right: 15px;color: #353535;}
		
		/*======for tag cloud
==================================================*/
	#blog_sidebar .tags-cloud {padding: 10px!important;}
	.tags-cloud a{ padding: 3px;color: #34302a;}
	.tags-cloud a:hover {text-decoration: none;color:#006000;}
	




/* ======================================
[COMMENTS SECTION]
======================= */


.postmeta-bottom {margin-top: 15px;padding: 6px 10px;color: #777;font-size: .75em;overflow: hidden;clear: both; display: block;}


#searchsubmit {overflow: hidden;padding-left:5px;	}
	
#blog_content .commentlist img{padding: 0;border:0;margin: 0 auto;}
		
#commentform label {display: block;	width: 26%;float: left;font-size: 1em;}


#commentform input { background:  #fff url(images/bgbox-trans.png) repeat-x 0 top;
	width: 53%;float: left;
	margin: 0px 5px 1px 0;
	padding: 3px ;border:  1px solid #E0E5D1;
	}

#commentform textarea {width: 98%;
	margin-top:5px;border: 1px solid #E0E5D1;background:  #fff url(images/bgbox-trans.png) repeat-x 0 top;
}
	
	/*submit comment button/ share with search button*/
	.submit:focus, .submit:hover,
.submit:hover{background: url(images/button_buy.png) no-repeat right 90%;border:   1px solid #778D3F;color:  #252525;}



	
span.user {color: #749926;}



.commentlist dl {overflow: hidden;}


.commentlist dl dt span {padding-left: 10px;font-size: .7em;font-weight: normal;} 


.commentlist li {padding: 0;margin: 0;background: url(images/bgbox-trans.png) repeat-x 0 top;}
.commentlist li.even {overflow: hidden;border-top: 1px dashed #dad3cb;
background: url(images/bg-even.png) repeat 0 top;}
.commentlist li.odd {background: url(images/bg-odd.png) repeat 0 top;overflow: hidden;border-top: 1px dashed #dad3cb;}

.reply {float: right;}
.reply a {font-size: 9px;margin-right: 10px;background: url(images/hdr-bg.png) no-repeat right 90%;padding: 2px 5px!important;border: 1px dashed #dad3cb;}
.button a:hover{background-position: left top;text-decoration: none;} 


button {border:1px solid #E6E0D7;padding:2px 5px;margin-top: 4px;background: transparent url(images/button_bg.png) repeat-x left top;font-weight: bold;color: #212121;font-size: 10px;vertical-align:middle;line-height: 1.5;
}


button:hover, button:focus{text-decoration: none;background-position: center bottom;color:#fff}







.avatar{float: left;}
.guest {color: #7b361c; font-size: 1.1em;line-height: 0.5;}
ol.commentlist dd  {display: block;font-size: 16px!important;clear: both;padding-left: 10px;}
dl#leave-comment {overflow: hidden;padding: 0;margin: 0;}

dl#leave-comment dt {margin-bottom: 10px;}
dl#leave-comment dt a, p.nocomments {font-size: .9em;display: block;font-weight: bold;background: url(images/bamboo_bg2.png) repeat-x left 50%;border-top: 1px dotted #dad3cb;border-bottom: 1px dotted #dad3cb;color: #DB6535;padding-left: 10px;}


.nocomments a {color: #999;padding-left: 16px;background:url(	images/icon-comment.gif) no-repeat right 2px;padding-right: 15px;}
.nocomments {margin-left: 5px;}
p.nocomments{margin-top: 25px}


dl#leave-comment p.allowed-tags {font-size: .9em;color: #333;padding-left: 0;}

dl#leave-comment button.close {margin-top: 15px;clear: both;}

dl#leave-comment dt a:hover {color:#313131;}
dl#leave-comment dd {padding: 5px 5px 15px 5px;}

dl#leave-comment div {float: left;width: 33%;}
dl#leave-comment label {display: block;clear: both;font-weight: normal;width: 90%;}
dl#leave-comment div input {display: block;clear: both;width: 86%;margin-bottom: 10px;}

#blog_content ul.decimal {margin: 20px 10px 10px 10px;list-style: decimal;}
#blog_content ul.decimal li {margin-left: 35px;padding-bottom: 6px;color: #777;list-style-type: decimal;}
#blog_content ul.decimal li a {color: #f0efd5;font-size: 1em;}

.cms-index-defaultnoroute code {padding: 5px 15px!important;display: block;border: 1px dashed #b5bf85;margin: 5px 10px 5px 15px;background:#616560 ;}
.blog-post-view span {font-size: .95em;}

em {color: #DB6535;}
p#comment-count {font-size: 1.1em;padding-left: 10px;}

.cancel-comment-reply {clear: both;display: block;
}



p.published-notice {font-size: .8em;color: #dedeb0;}

/*share background images*/
.wp-pagenavi,
#comment-count {background: url(images/bamboo_bg2.png) repeat-x center bottom;}


/*page navigation - adding '.blog' class prevents the pagenav plugin style's sheet from taking over
============================================================*/
.blog .wp-pagenavi {font-size: .8em;clear: both;margin-top: 10px;display: block;width: 100%;text-align: right;}

.blog .wp-pagenavi a {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	text-decoration: none;
	color: #252525;
	background: url(images/button_buy.png) no-repeat right 90%;
}
.blog .wp-pagenavi a:hover {	
	
	color: #fff!important;
	background: #007000;
}
.blog .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	
	background: url(images/button_buy.png) no-repeat right 90%;}
.blog .wp-pagenavi span.pages {
	padding: 2px 4px; 
	margin: 2px;
letter-spacing: 1px;text-transform: uppercase;
	color: #333;
	}
	



.blog .wp-pagenavi span.current {
	padding: 2px 4px 3px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #252525;
background: url(images/button_buy.png) no-repeat right 90%;}


.blog .wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	

	color: #007000;
	
}

.blog .wp-pagenavi a{padding: 3px 5px 2px 5px;

	color: #007000;

}

.blog .wp-pagenavi a:active {

	text-decoration: none;
	color: #007000;
	
}
.blog .wp-pagenavi span, 
.blog .wp-pagenavi span.current {padding: 3px 5px;}




/* Align classes generated by WordPress
============================================================*/

.aligncenter {
	margin: 10px auto 20px auto;
	display: block;
}

.alignleft {
	margin: 10px 20px 8px 0;
	float: left;
}

.alignright {
	margin: 10px 0px 8px 20px;
	float: right;
}

.col-left {
	float: left;
}

.col-right {
	float: right;
}