/*

Theme Name: naturespa

Theme URI: http://www.wprex.com

Description: a premium quality wordpress theme.

Version: v1.0

Author: wprex

Author URI: http://www.wprex.com 

*/

/*=============================================================================*/



/*global*/

body { margin: 0 auto; background:#dae364 url("images/header.jpg") no-repeat center top}

h1, h2, h3, h4 { margin: 0; }

a { text-decoration: none; }

a:hover { text-decoration: underline; }

img { border: 0; }

.alignleft{ float:left; }

.alignright{ float:right; }

.clear { clear: both; height: 0; overflow: hidden; }

/*wrap*/

#wrap { width: 1004px; margin: 0 auto; padding:0px;  }

#content-container {width: 994px;}

#contents { width: 985px; padding: 0 0px 0 10px; margin-top:-50px; position:relative; background:none; }

#contents_area { width: 920px; padding:20px 10px 0px 64px;  float:left; }

#contents_box { width: 864px; padding:0px;  background:url("images/bg.gif") repeat-y center top; float:left;}

#page-bottom { width:1004px; padding:0; }

/*header*/

#header { width: 1004px; height:450px;  position: relative;  }

#header-title { position: absolute; text-transform: uppercase; right: 50px; top: 100px; }

#header-title h1 { color: #ffffff; font:30px Arial; font-weight:bold; margin-bottom: 0px; }

#header-title h1 a { color: #7BA433; text-decoration: none; }

.header-subtitle { color: #446A03; font:12px Arial; }



#rss_feed{background: url("images/icon_feed.gif") no-repeat; float:left; padding-left:50px; padding-top:0px; height: 80px; width:210px;}

#rss_feed a { color: #a3aa44; font-weight:bold;}



#twitter_box{float:left; padding-left:130px;  height: 130px; width:160px; font: 12px tahoma; color: #a3aa44; background: url("images/twitter.gif") no-repeat left;}

#twitter_box a{color:#8b9230; text-decoration:none;}

/*top menus*/

#navlist { position: absolute; top: 70px; left: 80px; height: 33px; width:850px;}

#navlist ul { list-style-type: none; height: 28px; padding: 0; margin: 0; }

#navlist ul li { font: bold 14px tahoma; color: #c0cc43; margin: 0 0 0 2px; float: left; padding-left:7px;  background: url("images/navlist.gif") no-repeat left; }

#navlist ul li a { display: block; text-decoration: none; padding: 10px; padding-top:7px; height:18px; color: #c0cc43;}

#navlist ul li:hover { }

#navlist ul li a:hover { color: #6e7900;  }

#navlist ul li.current_page_item { color: #6e7900;  }

#navlist ul li.current_page_item a { color: #6e7900; }



/*search area*/

#menu_search_box { position: absolute; padding:0; top: 320px; left: 740px; width: 170px; height: 27px; background:url("images/search.gif") no-repeat left center; }

#menu_search_box #searchform { margin: 0; padding: 6px 0 0 5px; width: 145px; height: 27px; }

#menu_search_box #s { font: 11px tahoma; color: #5f7219; border: 0; background: none; float: left; width: 145px; height: 18px; padding-left:0px }

#menu_search_box #submit { display: none; }

/*post top*/

#contents .top_post { float: left; padding:0; margin: 0 0 10px 0; height:280px; width: 560px; }

.meta_inf { width: 530px; height: 22px; }

.meta_inf a{ color:#a8b222; }	

.headline { float: left; display:inline; padding-left: 5px; }

.headline_date { float: right; display:inline; padding-right: 0px; color:#CC6699; font:14px arial; }

.meta_date { float: right; display:inline;  padding:5px; text-align:right; color:#a3aa44; font:10px arial;  width:130px; overflow:hidden;}

.meta_comments { width:100px; background:url("images/comment.gif") no-repeat left center; float: left; font:10px arial; padding-left: 20px; padding-top:10px; height:22px;  }

.meta_comments a:hover { text-decoration:none}

.meta_more { float: right; font:10px arial; padding-left: 20px; padding-top:10px; height:22px;  }

.top_titles a{ color: #8b9230; text-decoration: none; font: bold 18px arial; }

.post_bottom { width: 560px; padding-top: 14px; line-height: 22px; height: 30px; font: 11px Arial; color: #96b9ca; }

.post_cat { padding-left: 14px; line-height: 22px; font: 11px Arial; color: #96b9ca; }

.post_cat a { color: #a8b222; }

/*magazine style posts*/

#content { float: left; width: 525px; overflow: hidden; padding-left:0px; padding-top:0;   }

#content .mag_posts { float: left; width: 515px; background:url("images/post-bg.gif") repeat-y left; margin: 0 6px 6px 0; color: #a8b222; font: 11px Arial; padding:0;  }

#content .mag_posts a { color: #a8b222; }

#content .top_mag_posts { width: 515px; background:url("images/post_mag_top.gif") no-repeat top left; }

#content .bottom_mag_posts { width: 515px; background:url("images/post_mag_bottom.gif") no-repeat bottom left;  padding-top: 7px; padding-bottom: 4px;  }

#content .mag_posts h2 { padding:0; padding-left: 20px; color: #6d7417; font: bold 14px verdana; height:30px; margin:0; }

#content .mag_posts h2 a { color: #6d7417; }

#content .top_mag_titles{ height:30px; text-align:left; clear:both; padding-top:5px;}

#content .top_mag_titles a{ color: #6d7417; text-decoration: none; font: bold 12px verdana; }

#content .mag_cat{float: right; background:url("images/categories.gif") no-repeat center left; font:10px arial; padding-right: 10px; padding-top:10px; padding-left:20px; height:22px;}

#content .mag_posts .mag_posts_entry { padding: 0px 9px 0px 15px; margin:0; width: 480px; height: 200px; text-align:justify; color:#8b9230; }

#content .mag_posts .mag_posts_meta { margin: 0 9px 0 6px; padding-left:30px;  width:450px; height: 30px; overflow:hidden;}

#content .mag_posts .mag_posts_meta a:hover {text-decoration:underline; }

/*pages*/

#content .post { float: left; width: 515px; background:url("images/post-bg.gif") repeat-y left; margin: 0 6px 6px 0; color: #a8b222; font: 11px Arial; padding:0;  }

#content .post-top { width: 515px; background:url("images/post_mag_top.gif") no-repeat top left; height:50px  }

#content .post-bottom { width: 515px; background:url("images/post_mag_bottom.gif") no-repeat bottom left;  padding-top: 0px; padding-bottom: 4px;}

#content .post-top a { color: #565b1c; text-decoration: none; }

#content .post-top a:hover { text-decoration: underline; }

#content .post-top h2 { color: #565b1c; font: bold 16px Arial; padding: 7px 5px 5px 10px; }

#content .post-top h2 a { color: #565b1c; text-decoration: none; }

#content .post-top h2 a:hover {  text-decoration: underline; }

#content .meta_inf { width: 420px; height: 22px; }

#content .post .post_ctg { width: 440px; padding-left: 4px; border:1px solid #476483; background:#0f3e5a; padding-top:10px; line-height: 22px; height: 22px; font: 11px Arial; color: #a8b222; }

#content .post .post_ctg a { color: #8b9230; }

#content .post-entry { font: 12px Arial; color: #989e46; width: 480px; padding:0 10px 10px 15px;  text-align:justify;  }

#content .post-entry a { color: #565b1c; text-decoration: none; }

#content .post .post-entry a:hover { text-decoration: underline; }

#content .post .post-entry blockquote { border-left: 6px solid #999999; margin: 0px 20px; padding-left: 10px; font-style:italic; }

#content .post .post-entry img { padding: 5px; border: 0px; }

#content .post h3 { margin: 20px 0 5px 0; color: #8b8c25; font: 18px Verdana; }

#comment { background:#ffffff; width:400px; border:1px solid #8d9433; }

#commentform input{ border:1px solid #8d9433; background:#ffffff; }

#commentform #submit{ border:1px solid #909090; border-style:outset; background:#EBECED; color:#222222; }

#comments_area { font: 11px Arial; color: #909090; width: 435px; padding: 10px 10px 10px 20px; margin-top:10px; text-align:justify;  }

#content .post .comments { font: 11px Arial; color: #8b8c25;  width: 420px;}

#content .post .comments ol { margin: 10px 0; padding-left: 25px; background:#e9eabb;  }

#content .post .comments ol li { padding: 5px;  }

#content .post .comments ol li a { color: #8b9230; text-decoration: none; }

#content .post .comments ol li a:hover { text-decoration: underline; }

#content .post .comments ol li.alt {  }

#content .post .comments ol li cite { color: #8b9230; font-style: normal; font-weight: bold; }

#content .post .comments ol li cite a { color: #8b9230; text-decoration: none; }

#content .post .comments ol li cite a:hover { text-decoration: underline; }

#content .post .comments ol li .commentmetadata a { color: #8b9230; text-decoration: none; }

#content .post .comments ol li .commentmetadata a:hover { text-decoration: underline; }

#content .post #commentform { font: 11px Arial; color: #3d4110; width: 448px; padding-left: 25px; margin: 0; }

#content .post #commentform a { color: #8b9230; text-decoration: none; }

#content .post #commentform a:hover { text-decoration: underline; }

/*sidebar 1*/

#sidebar-wrap { width:310px; margin-top:0px; padding-left:16px; float:left; background:none;}

#sidebar1 { float: left; width: 270px; padding-left:2px; font: 11px Arial; color: #a3aa44;  }

.sidebar_container { width:270px; margin-bottom: 3px;  float:left;  }

#sidebar1 h2 { width: 295px; height: 30px; padding-left: 10px; padding-top:10px; margin-bottom: 2px; font: bold 16px arial; color: #a3aa44; background: url("images/sidebar_title.gif") repeat-x top left; }

#sidebar1 a { color: #8b9230; text-decoration: none; }

#sidebar1 a:hover { text-decoration: underline; }

#sidebar1 ul { margin: 0; padding: 5px; list-style-type: none; }

#sidebar1 ul li { color: #656565; font: 11px Arial; border-bottom:0px dashed #96b9ca; width:250px; }

#sidebar1 ul li ul li{ color: #656565; font: 11px Arial; border-bottom:none; width:140px; padding-left:10px; background:none; }

#sidebar1 ul li ul li a{ background:none; }

#sidebar1 ul li a { color: #8b9230; text-decoration: none; padding: 5px 5px 5px 18px; margin:0; display: block; background: url("images/bullet.gif") no-repeat left; }

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

#sidebar1 ul li ul { margin: 0; padding: 0; background: none; }

#sidebar1 #searchform { display:none; }

#sidebar1 #searchform #s { width: 100px; }

#sidebar1 #calendar_wrap { width: 220px; margin: 0 auto; padding-top: 5px; }

#sidebar1 #calendar_wrap table { width: 220px; }

#sidebar1 #calendar_wrap caption { margin: 0 auto; font-weight: bold; }

#sidebar1 #calendar_wrap tbody { text-align: center; }

#sidebar1 #calendar_wrap tfoot #next { text-align: center; }

#sidebar1 #calendar_wrap #today { font-weight: bold; }

#sidebar1 .textwidget { padding: 0 5px; }

/* sidebox */

#sidebox { float: left; width: 270px; font: 11px Arial; color: #a3aa44; margin-left:2px;}

#sidebox h2{ color:#8e9714; background: url("images/sidebar_title.gif") no-repeat left top; font:bold 16px arial; width:290px;  height:40px; padding-top:8px; padding-left:10px; }

.sidebox_container { width:270px; margin-bottom: 3px; padding:0; background:none; float:left; border:none; }

#sidebox ul { margin: 0; width:250px; padding: 5px 0 5px 5px; list-style-type: none; }

#sidebox a{color:#8b9230; text-decoration:none;}

.input { background:#3a708a; border:1px solid #338ea8; color:#a3cfdb; font:11px arial}

.sidebar_bottom {}

/*advertisements*/

.ads_wrap { float: left;  position:relative; width: 260px; margin:0; padding:0; margin-bottom: 10px; }

.ad_block{ padding:2px; float:left; border:none; width:125px; height:125px;  }

.topads{width:486px;text-align:center;  padding-bottom:10px;}

/*recent posts*/

#recent_data { width: 880px; padding-left:80px; padding-top:40px; }

#recent_data_top {}

#recent_data_bottom {}

.recent_data_container { width: 230px; float: left; padding-left:5px; padding-right:40px;  }

.recent_data_container h3 { color: #7d860c; padding: 6px; height:27px; text-align:left; padding-top:10px; font: bold 14px Verdana; background: url("images/footer_top.gif") no-repeat top left; }

.recent_data_container ul { margin: 0; padding: 0; list-style-type: none; }

.recent_data_container ul li { font:10px tahoma; text-align:left; border-bottom: 1px dashed #dae364; height:30px; width:190px; overflow:hidden;  padding: 0px 5px 0px 18px; margin:0; display: block; background: url("images/bullet.gif") no-repeat left;}

.recent_data_container ul li a { color: #F2A9D5; text-decoration: none; display: block; padding: 4px; }

.recent_data_container ul li a:hover {}

.recent_data_container ul li a span { color: #222222; font: 10px Arial; padding-right:10px;}

.recent_data_container ul li ul { display: none; }

/*bottom nav*/

.navigation { font: 11px tahoma; color: #8b9230; width: 550px; padding:0; overflow:hidden; }

.navigation a { color: #CC9966; text-decoration: none; }

.navigation a:hover { color: #CC9966; text-decoration: underline; }

.navigation-p { float: left; }

.navigation-n { float: right; }

/*footer*/

#footer {width:979px; background:url("images/footer.gif") no-repeat center top; height: 290px; padding:0; color:#5e6416; text-align:center; font: 11px Arial; clear:both; }

#footerlinks {padding-top:20px; height:50px;}

#footer a {color:#8b9230; text-decoration: none; }

#footer a:hover {text-decoration: none; }



/*tabs*/

#tabs {margin:0px;width: 260px;overflow: hidden;padding:0;}

.tabs ul {list-style:none;}

.tabs li {float: left;display: inline;margin-right: 5px;margin-left:0;text-align: center;overflow: hidden;font:12px arial;list-style:none;background:#0f3e5a;border:1px solid #8ab4c2;}

.tabs li a {float: left;display: block;color: #8ab4c2;font-weight: bold;padding-left:2px;padding-right: 2px;line-height: 22px;height: 22px;}

.tabs li a:hover {display: block;}

.tabs li a.selected {display: block;color: #ffffff;background:#528ca8;}

.tabs li a.selected:hover {display: block;color: #8ab4c2;}

/***************** CSS For TAB Content *******************/

.tabcontent {display: none;border-top: 0;padding-top: 0px;padding: 0px;padding-bottom: 5px;overflow: hidden;font:11px arial;width:270px;}

.tabcontent a, .tabcontent a strong {color: #ffffff;}

.tabcontent a:hover, .tabcontent a:hover strong {color: #8ab4c2;}

.tabcontent ul {padding:5px;margin:0;}

.tabcontent ul li {display: block;margin:0;border: 1px dotted #8ab4c2; background:#0f3e5a;padding-bottom: 3px;margin-bottom: 3px;padding-left: 1px;color: #8ab4c2;line-height: 1.4em;list-style-type:none;}

.tabcontent ul li a {color: #8ab4c2;line-height: 1.4em;}

.tabcontent ul li a:hover {color: #f18973;}

.tabcontent ul li span {display: block;color: #999;}

/***************** CSS For TAB Content *******************/

@media print {.tabcontent {display: block !important;}

}