/*
Theme Name: Surf Spot
Theme URI: http://surf-spot.ru
Description: Тема от MakAveArtS на тематику кайтсерфинга, и серфинга для WordPress 3.5.x
Author: MAKAVE
Author URI: http://www.maultalk.com/user44231.html
*/
@charset utf-8;
html,body{height:100%;}
.clr{clear:both;}
a{text-decoration:none;color:#0EA6E2;}
body{background:#63CAF3 url('images/background.png') repeat-x top;font:normal 12px Verdana;}
#header{margin:0 auto;width:990px;height:256px;background-repeat:no-repeat;background-image:url('images/header1.png');}
#logotype{margin:0 auto;width:350px;height:83px;position:relative;top:152px;}
#logotype span{display:block;float:left;color:#FFFFFF;font-family:Tahoma;font-size:18px;padding:0 0 4px 8px;letter-spacing:0.3px;}
#pagewrapper{background:#F3FCFF url('images/navigations.png') no-repeat top;margin:0 auto;width:990px;}
#search{float:right;width:264px;height:42px;padding:0;}
#search form{margin:0;}
#search fieldset{margin:0;padding:0;border:none;}
#search-text{width:180px;height:34px;background:none;font-size:12px;color:#15ADE9;float:left;border:none;padding-left:15px;line-height:34px;}
#search-submit{width:17px;height:16px;border:none;font-size:0;cursor:pointer;float:right;margin:14px 26px 0 0;background:url('images/seaicon.png') no-repeat;}
#sideright{float:right;width:226px;margin:14px 15px 0 0;background:url('images/sidebarbg.png') repeat-y left;}
#sideright #sidebtm{background:url('images/sidebarbtm.png') no-repeat left bottom;padding-bottom:7px;}
#sideright .clr{height:0;}
#sideright .sb_block{width:211px;background:url('images/block_cont_bg.png') repeat-y right;margin-bottom:13px;float:right;}
#sideright .last{margin:0;}
.sb_block .bl_btm{background:url('images/blockbtm.png') no-repeat bottom;padding-bottom:12px;}
#sideright .sb_block h3{font-size:12px;color:#F3FCFF;line-height:36px;padding-left:6px;background:url('images/blocktop.png') no-repeat;width:211px;height:36px;text-transform:uppercase;}
.sb_block .bl_cont{padding:10px 6px 0 10px;}
.sb_block ul{padding:0;list-style:none;padding-bottom:10px;}
.sb_block .bl_cont .two_column{float:left;width:40%;margin-right:10px;}
.sb_block .bl_cont .bl_subtitle{font-size:16px;font-weight:normal;color:#059DD9;padding:5px 5px 5px 0;background:url('images/subtitle.png') no-repeat left center; padding-left:22px; display:inline-block; background-color:#F5F5F5; width:85%;}
.sb_block li{border-bottom:1px #BEBEBE dotted;padding-bottom:3px;}
.sb_block li a{color:#848383;font-size:12px;padding:6px 0 6px 12px;display:block;background:url('images/sidearrow.png') no-repeat left;}
.sb_block li a:hover{color:#069EDA;}
#sideleft{float:left;width:732px;margin-left:15px;}
#content{padding-top:15px;}
/*<-----------------------Вывод сообщений*/
div.message{margin:0 0 10px 0;padding:0;clear:both;overflow:hidden;-moz-border-radius:4x;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;}
div.message div.image{margin:2px 0 2px 5px;padding:6px;float:left;}
div.message div.image img{margin:0;vertical-align:middle;}
div.message div.text{margin:0;padding:10px 6px 10px 6px;float:left;}
div.message div.text h1,div.message div.text h2,div.message div.text h3,div.message div.text h4,div.message div.text h5,div.message div.text h6{margin:0;padding:0px;border:none;}
div.message div.text span{margin:0;padding:5px 0 0 0;height:1%;display:block;}
div.message-success{height:1%;clear:both;overflow:hidden;background:#D5F3FF;border:1px solid #27BFFB;color:#015678;}
div.message-success h6{color:#015678;font-size:14px;}
div.message-notice{height:1%;clear:both;overflow:hidden;background:#F3D9D9;border:1px solid #D20009;color:#7B050F;}
div.message-notice h6{color:#7B050F;font-size:14px;}
/*<-----------------------Вывод записей*/
.post{width:732px;background:url('images/post_cont_bg.png') repeat-y;margin-bottom:13px;float:left;}
.post .title{font-size:14px;color:#F3FCFF;line-height:34px;padding-left:6px;background:url('images/post_top.png') no-repeat;width:732px;height:35px;overflow:hidden;}
.post .title a{font-size:14px;color:#F3FCFF;}
.post .title a:hover{text-decoration:underline;}
.post .post_btm{background:url('images/post_cont_btm.png') no-repeat left bottom;padding-bottom:12px;display:inline-table;}
.post .post_cont{width:710px;padding:10px 4px 0 10px;margin:0 1px 0 1px;text-align:justify;color:#858585;line-height:22px;font-size:14px;}
.post .post_utility{width:710px;padding:10px 4px 0 10px;margin:0 1px 0 1px;color:#797979;line-height:normal;font-size:12px;}
.post .post_cont img{margin:0 10px 5px 0;border:4px #E5E5E5 solid;float:left;}
.post .post_cont .more-link{color:#797979;font-size:12px;}
.post .postfooter{width:736px;min-height:29px;display:inline-block;}
.post .meta{background:url('images/post_meta_bg.png') repeat-x;margin:14px 0 0 8px;float:left;}
.post .meta .meta-left{background:url('images/post_meta_left.png') no-repeat left;padding-left:8px;}
.post .meta .meta-right{background:url('images/post_meta_right.png') no-repeat right;padding-right:10px;height:29px;}
.post .meta .meta-category {max-height: 15px;max-width: 290px;overflow: hidden;}
.post .meta ul{padding:0;list-style:none;}
.post .meta li{color:#606060;background:url('images/bord.png') no-repeat right center;margin-right:10px;padding:6px 10px 0 0;float:left;font-size:11px;height:19px;}
.post .meta .comico{background:none;}
.post .meta .comico a{background:url('images/meta_icon.png') no-repeat left;padding-left:28px;display:block;height:19px;}
.post .meta li a{color:#00A4E5;}
.post .meta li a:hover{color:#606060;}
.post .morelnk{background:url('images/morebg.png') repeat-x;margin:14px 10px 0 0;float:right;}
.post .morelnk .more-left{background:url('images/moreleft.png') no-repeat left;padding-left:25px;}
.post .morelnk .more-right{background:url('images/moreright.png') no-repeat right;padding-right:7px;height:29px;}
.post .morelnk a{color:#FFFFFF;line-height:25px;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;text-align:right;width:50%;}
#footerwrapper{width:990px;height:223px;margin:0 auto;background:url('images/footerbg.png') no-repeat;}
#footer #counter{width:88px;height:31px;float:left;margin:110px 0 0 8px;}
#footer #copyr{width:600px;height:50px;float:left;color:#797979;margin:110px 0 0 126px;}
.alternative_head{margin:20px 0 10px 0;font-size:14px;color:#F3FCFF;padding:7px 0 4px 5px;background:#059EDA url('images/alternative_head-bg.jpg') repeat-x top;min-height:25px;-o-background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;background:-webkit-gradient(linear,left top,left bottom,from(#1CB5EF),to(#059EDA));background:-webkit-linear-gradient(top,#1CB5EF,#059EDA);background:-moz-linear-gradient(top,#1CB5EF,#059EDA);background:-o-linear-gradient(top,#1CB5EF,#059EDA);background:linear-gradient(top,#1CB5EF,#059EDA);}
.nav-single{line-height:normal;width:710px;display:inline-block;}
.nav-single a:hover{text-decoration:underline;}
/*<-----------------------Комментарии*/
#comments{width:710px;padding:10px 4px 0 10px;margin:0 1px 0 1px;color:#797979;}
.commentlist{list-style:none;margin:0;}
.commentlist li.comment{border-top:5px #E5E5E5 solid;border-bottom:1px solid #e7e7e7;line-height:24px;margin:0 0 24px 0;padding:0 0 0 56px;position:relative;}
.commentlist li:last-child{border-bottom:none;margin-bottom:0;}
#comments .comment-body ul,#comments .comment-body ol{margin-bottom:18px;}
#comments .comment-body p:last-child{margin-bottom:6px;}
#comments .comment-body blockquote p:last-child{margin-bottom:24px;}
.commentlist ol{list-style:decimal;}
.commentlist .avatar{position:absolute;top:4px;left:0;}
.comment-author cite{color:#000;font-style:normal;font-weight:bold;}
.comment-author .says{font-style:italic;}
.comment-meta{font-size:12px;margin:0 0 18px 0;}
.comment-meta a:link,.comment-meta a:visited{color:#888;text-decoration:none;}
.comment-meta a:active,.comment-meta a:hover{color:#ff4b33;}
.reply{font-size:12px;padding:0 0 24px 18px;background:url('images/replayico.png') no-repeat left 5px;}
.reply a,a.comment-edit-link{color:#888;}
.reply a:hover,a.comment-edit-link:hover{color:#ff4b33;}
.commentlist .children{list-style:none;margin:0;}
.vcard{background:#E5E5E5;padding-left:5px;border-top:3px #F5F5F5 double;}
.vcard .fn{color:#797979;}
.commentlist .children li{border-top:5px #E5E5E5 solid;margin:0;}
.nopassword,.nocomments{display:none;}
#comments .pingback{border-bottom:1px solid #e7e7e7;margin-bottom:18px;padding-bottom:18px;}
.commentlist li.comment,li.pingback{margin-top:-6px;}
#comments .pingback p{color:#888;display:block;font-size:12px;line-height:18px;margin:0;}
#comments .pingback .url{font-size:13px;font-style:italic;}
/*<-----------------------Comments form*/
input[type="submit"]{color:#333;}
#respond{border-top:1px solid #e7e7e7;margin:24px 0;overflow:hidden;position:relative;}
#respond p{margin:0;}
#respond .comment-notes{margin-bottom:1em;}
.form-allowed-tags{line-height:1em;}
.children #respond{margin:0 48px 0 0;}
h3#reply-title{margin:18px 0;}
#comments-list #respond{margin:0 0 18px 0;}
#comments-list ul #respond{margin:0;}
#cancel-comment-reply-link{font-size:12px;font-weight:normal;line-height:18px;}
#respond .required{color:#ff4b33;font-weight:bold;}
#respond label{color:#888;font-size:12px;}
#respond input{line-height:35px;width:98%;border:1px ##797979 solid;background:#F5F5F5;color:#797979;}
#respond textarea{width:98%;border:1px ##797979 solid;background:#F5F5F5;color:#797979;}
#respond .form-allowed-tags{color:#888;font-size:12px;line-height:18px;}
#respond .form-allowed-tags code{font-size:11px;}
#respond .form-submit{margin:12px 0;}
#respond .form-submit input{font-size:14px;width:auto;}
/*<-----------------------Выпадающее меню*/
#mainfirst{float:left;width:667px;height:37px;margin:8px 0 0 59px;padding:0;   }
#maintwo{float:left;width:660px;height:27px;margin-left:26px;}
#mainfirst li,#maintwo li{float:left;margin:0; padding:0;position:relative;}
#mainfirst li a,#maintwo li a{float:left;  font-weight:bold;font-size:14px;margin-right:15px; padding:5px;color:#F07023;position:relative;z-index:2;background:#F3FCFF;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;}
#maintwo li a{position:relative;padding:2px 5px 4px 5px;z-index:3;}
#mainfirst li a:hover,#maintwo li a:hover{color:#059DD9;}
#mainfirst .show-sub a:hover,#maintwo .show-sub a:hover{padding-bottom:20px;}
#mainfirst li .sub,#maintwo li .sub{position:absolute;  z-index:10;top:30px; left:0;padding:20px 20px 20px;float:left;background:#F3FCFF;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px; -moz-box-shadow:0 0 10px rgba(0,0,0,0.5);    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);    box-shadow:0 0 10px rgba(0,0,0,0.5);display:none;}
#mainfirst li .sub ul,#maintwo li .sub ul{list-style:none;margin:0; padding:0;width:170px;float:left;}
#mainfirst .sub ul li,#maintwo .sub ul li{width:100%;color:#FFFFFF;}
#mainfirst .sub ul li h2,#maintwo .sub ul li h2{padding:0;  margin:0;font-size:18px;font-weight:normal;color:#059DD9;}
#mainfirst .sub ul li a,#maintwo .sub ul li a{float:none; text-indent:0;height:auto;background:url('images/sidearrow.png') no-repeat 5px 12px;padding:7px 5px 7px 15px;display:block;text-decoration:none;font-size:11px;color:#F07023;}
#mainfirst .sub ul li a:hover,#maintwo .sub ul li a:hover{color:#059DD9;padding:7px 5px 7px 15px;}
.right {float:left; width:240px;}
.left {float:left; width:240px;}

ul.tabs {
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #DDD;
	background: #FFF;
}
.tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0 13px 1px;
	color: #777;
	cursor: pointer;
	background: #F9F9F9;
	border: 1px solid #E4E4E4;
	border-bottom: 1px solid #F9F9F9;
	position: relative;
}
.tabs li:hover,
.vertical .tabs li:hover {
	color: #F70;
	padding: 0 13px;
	background: #FFFFDF;
	border: 1px solid #FFCA95;
}
.tabs li.current {
	color: #444;
	background: #EFEFEF;
	padding: 0 13px 2px;
	border: 1px solid #D4D4D4;
	border-bottom: 1px solid #EFEFEF;
}
.box {
	display: none;
	border: 1px solid #D4D4D4;
  border-width: 0 1px 1px;
	background: #EFEFEF;
	padding: 0 12px;
}
.box.visible {
	display: block;
}