/*
Theme Name: spasaloon
Theme URI: http://themesjunction.com
Description: A Very high quality magazine wordpress theme
Version: 1.0
Author: Themes Junction Team
Author URI: http://themesjunction.com 
*/
/*=============================================================================*/

/*global*/
body { margin: 0 auto; background:#D5F0F9}
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; background:url("images/background.gif") repeat-y top; }
#content-container { width: 1004px; background: url("images/header.jpg") no-repeat top; margin: 0 auto; padding:0px; }
#contents { width: 940px; padding: 0 0px 0 45px; margin-top:10px; }
#page-bottom { width: 1004px; background: url("images/footer.gif") no-repeat bottom; }
/*header*/
#header { width: 1004px; height: 456px; position: relative; }
#header-title { position: absolute;  left: 70px; top: 90px; }
#header-title h1 { color: #ffffff; font:bold 36px arial; margin-bottom: 1px; }
#header-title h1 a { color: #0D455C; text-decoration: none; }
.header-subtitle { color: #0D455C; font:13px Arial; }
#rss {position: absolute; top: 0px; right: 37px; float:right; padding-left: 30px;  height: 33px; font: 10px tahoma; color: #a2a2a2; line-height:15px; }
#rss a { color: #efefef; }
/*top menus*/
#navlist { position: absolute; top: 415px; left: 50px; height: 35px; }
#navlist ul { list-style-type: none; height: 28px; padding: 0; margin: 0; }
#navlist ul li { font: bold 11px tahoma; padding-left:5px; color: #61A3C6; line-height:15px; margin: 0 0 0 2px; height: 28px; float: left;background:url("images/bullet.gif") no-repeat left center; }
#navlist ul li a { display: block; text-decoration: none; padding:5px 10px 0 10px; color: #61A3C6; }
#navlist ul li:hover { }
#navlist ul li a:hover { color: #ffffff; }
#navlist ul li.current_page_item { color: #ffffff; }
#navlist ul li.current_page_item a { color: #ffffff; }
/*aboutus summary*/
#about_box { float: left; width: 345px; margin-left:13px; padding:0 10px 0 10px; height:270px; margin-top:0px; text-align:justify; font:12px arial; color:#F8E1ED; overflow:hidden; background: url("images/box_about.gif") no-repeat top left; }
#about_box h3 { margin:5px 0px; color:#F8DFEC; font:bold 14px arial; padding:0; }
#about_box img{ float:right; padding:0px; margin:25px 0 0 10px; border:1px solid #999999; }
#about_box a{ color:#ffffff; text-decoration:none; }
/*search area*/
#menu_search_box { position: absolute; top: 15px; left: 35px; width: 150px; height: 20px; }
#menu_search_box #searchform { margin: 0; padding: 0; width: 180px; height: 27px; }
#menu_search_box #s { font: 10px tahoma; color: #2CA1B3; border: 1px solid #55C2D3; background: #B7DCE8; float: left; width: 130px; height: 15px; }
#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:#1F6C8A; }	
.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-top:10px; text-align:right; color:#666666; font:10px arial;  width:150px; overflow:hidden;}
.meta_comments { background: url("images/comments.gif") no-repeat top left; width:110px; float: left; font:10px arial; padding-left: 25px; padding-top:1px; height:25px; line-height:22px; }
.meta_comments a:hover { text-decoration:none}
.meta_more { float: right; width:120px; text-align:right; font:10px arial; padding-top:3px; }
.top_titles a{ color: #1F6C8A; text-decoration: none; font: bold 18px arial; }
.post_bottom { width: 560px; padding-top: 14px; line-height: 22px; height: 30px; font: 11px Arial; color: #cccccc; }
.post_cat { padding-left: 14px; line-height: 22px; font: 11px Arial; color: #cccccc; }
.post_cat a { color: #1F6C8A; }
/*magazine style posts*/
#content { float: left; width: 560px; padding-left:10px;  overflow: hidden; }
#content .mag_posts { float: left; width: 273px; margin: 0 1px 6px 0; color: #858585; font: 11px Arial; background: url("images/post_mag_bg.gif") repeat-y left; }
#content .mag_posts a { color: #1F6C8A; }
#content .top_mag_posts { width: 273px; background: url("images/post_mag_top.gif") no-repeat; }
#content .bottom_mag_posts { width: 273px;  padding-top: 7px; padding-bottom: 4px; background:url("images/post_mag_bottom.gif") no-repeat bottom left; }
#content .mag_posts h2 { padding:0; padding-left: 7px; color: #DD9BC3; font: bold 14px verdana; height:30px; margin:0; }
#content .mag_posts h2 a { color: #DEC3D3; }
#content .top_mag_titles{ height:30px; text-align:left; clear:both; padding-top:10px;}
#content .top_mag_titles a{ color: #1F6C8A; text-decoration: none; font: bold 12px verdana; }
#content .mag_cat{ height:30px; float:left}
#content .mag_posts .mag_posts_entry { padding: 0px 9px 0px 10px; margin:0; width: 250px; height: 350px; text-align:justify; }
#content .mag_posts .mag_posts_meta { margin: 0 9px 0 6px; width:260px; height: 40px; overflow:hidden; }
#content .mag_posts .mag_posts_meta a {color:#097680}
/*pages*/
#content .post { float: left; width: 531px; margin-bottom: 10px;  }
#content .post-top { width: 551px; clear:both; color: #D09640; height:50px; font: 10px Arial; background:url("images/post_top.gif") no-repeat top left; }
#content .post-bottom { width: 555px; padding-top: 14px; line-height: 22px; height: 30px; font: 11px Arial; color: #cccccc; }
#content .post-top a { color: #1F6C8A; text-decoration: none; }
#content .post-top a:hover { text-decoration: underline; }
#content .post-top h2 { color: #cccccc; font: bold 14px Arial; padding: 7px 5px 5px 25px; }
#content .post-top h2 a { color: #16A8B5; text-decoration: none; }
#content .post-top h2 a:hover {  text-decoration: underline; }
#content .meta_inf { width: 530px; height: 22px; }
#content .post .post_ctg { width: 560px; padding-left: 14px; line-height: 22px; height: 22px; font: 11px Arial; color: #666666; }
#content .post .post_ctg a { color: #16A8B5; }
#content .post-entry { font: 12px Arial; color: #909090; width: 520px; padding: 0 10px 0 10px; text-align:justify; }
#content .post-entry a { color: #1F6C8A; 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: #1F6C8A; font: 18px Verdana; }
#comment { background:#ffffff; width:500px; border:1px solid #606060; }
#commentform input{ border:1px solid #606060; background:#ffffff; }
#commentform #submit{ border:1px solid #909090; border-style:outset; background:#cccccc; color:#16A8B5; }
#content .post .comments { font: 11px Arial; color: #969696; width: 550px; }
#content .post .comments ol { margin: 10px 0; padding-left: 25px; }
#content .post .comments ol li { padding: 5px; }
#content .post .comments ol li a { color: #1F6C8A; text-decoration: none; }
#content .post .comments ol li a:hover { text-decoration: underline; }
#content .post .comments ol li.alt { background: #efefef; }
#content .post .comments ol li cite { color: #606060; font-style: normal; font-weight: bold; }
#content .post .comments ol li cite a { color: #606060; text-decoration: none; }
#content .post .comments ol li cite a:hover { text-decoration: underline; }
#content .post .comments ol li .commentmetadata a { color: #aaaaaa; text-decoration: none; }
#content .post .comments ol li .commentmetadata a:hover { text-decoration: underline; }
#content .post #commentform { font: 11px Arial; color: #909090; width: 548px; padding-left: 25px; margin: 0; }
#content .post #commentform a { color: #1F6C8A; text-decoration: none; }
#content .post #commentform a:hover { text-decoration: underline; }
/*sidebar 1*/

#sidebar1 { float: left; width: 185px; font: 11px Arial; color: #999999; }
#sidebar_container { width:170px; margin-bottom: 3px; }
#sidebar1 h2 { width: 165px; height: 25px; padding-left: 10px; padding-top:8px; margin-bottom: 2px; font: bold 14px tahoma; color: #fefefe; background: url("images/sidebar_title_left.gif") no-repeat top left; }
#sidebar1 a { color: #1F6C8A; text-decoration: none; }
#sidebar1 a:hover { text-decoration: underline; }
#sidebar1 ul { margin: 0; padding: 7px; list-style-type: none; }
#sidebar1 ul li { color: #656565; font: 11px Arial; border-bottom:1px dashed #DDDDDD; width:155px; }
#sidebar1 ul li a { color: #1F6C8A; text-decoration: none; padding: 5px 5px 5px 10px; margin:0; display: block; }
#sidebar1 ul li a:hover { text-decoration: none; }
#sidebar1 ul li ul { margin: 0; padding: 0 0 0 10px; background: none; }
#sidebar1 ul li ul li { border: none; line-height:7px; padding:0; }
#sidebar1 #searchform { display:none; }
#sidebar1 #searchform #s { width: 100px; }
#sidebar1 #calendar_wrap { width: 140px; margin: 0 auto; padding-top: 5px; }
#sidebar1 #calendar_wrap table { width: 140px; }
#sidebar1 #calendar_wrap caption { margin: 0 auto; font-weight: bold; }
#sidebar1 #calendar_wrap tbody { text-align: right; }
#sidebar1 #calendar_wrap tfoot #next { text-align: right; }
#sidebar1 #calendar_wrap #today { font-weight: bold; }
#sidebar1 .textwidget { padding: 0 5px; }
/*sidebar 2*/
#sidebar2 { float: left; width: 170px; font: 11px Arial; color: #999999; margin-left:2px; }
#sidebar2 h2 { width: 165px; height: 25px; padding-left: 10px; padding-top:7px; margin-bottom: 2px; font: bold 14px tahoma; color: #ffffff; background: url("images/sidebar_title_right.gif") no-repeat top left; }
#sidebar2 a { color: #666666; text-decoration: none; }
#sidebar2 a:hover { text-decoration: underline; }
#sidebar2 ul { margin: 0; padding: 7px; list-style-type: none; }
#sidebar2 ul li { color: #666666; font: 11px Arial; border-bottom:1px dashed #DDDDDD; width:155px; }
#sidebar2 ul li a { color: #666666; text-decoration: none; padding: 5px 5px 5px 10px; margin:0; display: block; background: none; }
#sidebar2 ul li a:hover { text-decoration: none; }
#sidebar2 ul li ul { margin: 0; padding: 0 0 0 10px; background: none; }
#sidebar2 ul li ul li { border: none; line-height:7px; padding:0; }
#sidebar2 #searchform { display:none; }
#sidebar2 #searchform #s { width: 180px; }
#sidebar2 #calendar_wrap { width: 140px; margin: 0 auto; padding-top: 5px; }
#sidebar2 #calendar_wrap table { width: 140px; }
#sidebar2 #calendar_wrap caption { margin: 0 auto; font-weight: bold; }
#sidebar2 #calendar_wrap tbody { text-align: right; }
#sidebar2 #calendar_wrap tfoot #next { text-align: right; }
#sidebar2 #calendar_wrap #today { font-weight: bold; }
#sidebar2 .textwidget { padding: 0 10px 0 10px; }
.sidebar_bottom { margin: 0px; padding: 0px; clear:both; height: 20px; width: 170px; display:block; position:relative; }
/*advertisements*/
.ads_wrap { float: left;  position:relative; width: 540px; margin:0; padding:0; padding-left:5px; margin-bottom: 10px; }
.ad_block{ padding:5px; float:left; border:none;  }

/*bottom nav*/
.navigation { font: 11px tahoma; color: #1F6C8A; 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: 934px; height: 40px; padding: 0; color: #7B97AC; padding-top:90px; text-align:center; font: 11px Arial; clear:both; }
#footer a { color: #39BFCB; text-decoration: none; }
#footer a:hover { text-decoration: none; }