/*
Theme Name: shab52

*/


/* Reset CSS
---------------------------------------*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME,
H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE,
A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE,
DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP,
SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR,
B, U, I, CENTER,
DL, DT, DD, OL, UL, LI,
FIELDSET, FORM, LABEL, LEGEND {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
BODY {line-height: 1;}
UL {list-style: none;}
:focus {outline: 0;}
INS {text-decoration: none;}
DEL {text-decoration: line-through;}
.clear {
    clear: both;
}

a {
	color: #008cd6;
	text-decoration: underline;

	}

a:hover {
	color: #119ae2;
	text-decoration: none;
	}

p {
	margin: 5px 0;
	}

/* BODY */

body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	background: #f2f2f2;
	color: #373737;
	margin: 0;
	padding: 0;
	}

#page {
	text-align: left;
	margin: 0;
	padding: 0;
	width: 100%;
	}

#header {
	background: url('images/header.jpg') repeat-x;
	margin: 0;
	padding: 0;
	height: 82px;
	width: 100%;
	}

.headertop {
	height: 59px;
	width: 100%;
	}

.logo{
	position: absolute;
	top: 15px;
	left: 40px;
	height: 114px;
	width: 136px;
	}

.logo a{
	display: block;
	height: 114px;
	width: 136px;
	background: url('images/logo.png') no-repeat;
	}

.headerright{
	float: right;
	width: 670px;
	padding: 11px 23px 0 0;
	}

.headerright a{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	}

.headerright a:hover{
	color: #fff;
	text-decoration: none;
	border-bottom: 0;
	}

.skachat{
	float: left;
	width: 220px;
	height: 22px;
	padding: 6px 0 0 33px;
	background: url('images/skachat.png') no-repeat;
	}

.login{
	float: left;
	width: 180px;
	padding: 6px 0 0 0;
	}

.login a{
	margin: 0 0 0 18px;
	}

.search{
	float: left;
	width: 237px;
	padding: 0px 0 0 0;
	}


.headermenu{
	padding: 0 23px 0 0;
	}

.headermenu li.first{
	float: right;
	border-left: 1px solid #999999;
	display: block;
	}

.headermenu li a{
	float: right;
	display: block;
	height: 20px;
	border-right: 1px solid #999999;
	padding: 2px 11px 0 11px;
	background: url('images/menu.png') repeat-x;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	}

.headermenu li a:hover, .headermenu li.current_page_item a, .headermenu li.current-cat a{
	background: none;
	color: #4a6e19;
	text-decoration: none;
	}


.tdcenter{
	padding: 14px 0 0 0;
	}


#content {
	line-height: 14px;
	border: 1px solid #c8c8c8;
	border-bottom: 1px solid #878787;
	}

h2.ptitle{
	height: 30px;
	padding: 8px 0 0 17px;
	background: url('images/titles.jpg') repeat-x;
	font: 18px Verdana, Arial;
	color: #fff;
	}

h2.ptitle a{
	color: #fff;
	text-decoration: none;
	}

.contentmenu{
	padding: 0 4px 0 4px;
	background: url('images/contentmenu.jpg') repeat-x;
	border-top: 1px solid #c7d6e0;
	}

.contentmenu li a{
	float: left;
	display: block;
	height: 17px;
	padding: 1px 4px 0 4px;
	color: #3e3f40;
	font-size: 11px;
	text-decoration: none;
	}

.contentmenu li a:hover{
	background: #dff0fa;
	color: #5e5f61;
	text-decoration: none;
	}

.contentmenu li.current-cat a{
	background: #fff;
	color: #5e5f61;
	text-decoration: none;
	}


#posts{
	padding: 0 11px 15px 7px;
	background: #fff;
	}


#footer {
	padding: 20px 23px 0 23px;
	margin: 0;
	clear: both;
	height: 90px;
	}

.fb1 {
	border-top: 1px solid #f9f9f9;
}

.fb2 {
	border-top: 1px solid #cccccc;
}

.copy {
	float: left;
	width: 620px;
	padding: 8px 0 0 10px;
	color: #7c7c7c;
	line-height: 16px;
	}

.frss {
	float: right;
	width: 320px;
	}

.frss a{
	float: left;
	display: block;
	padding: 1px 19px 0 20px;
	height: 14px;
	background: url('images/rss.png') no-repeat;
	}
.advertsicon{
	float: right;
	width: 320px;
	}

.advertsicon a{
	float: left;
	display: block;
	padding: 1px 19px 0 20px;
	height: 14px;
        margin: 1px;
	background: url('images/adverts.png') no-repeat;
	}


.stat {
	float: right;
	width: 300px;
	text-align: right;
	padding: 10px 0 0 0;
	}

.stat img{
	margin: 0 0 0 8px;
	}



/* END BODY */





/* H, P, A */

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
	}

h1, h2, h3 {
	font-weight: normal;
	padding: 0;
	margin: 0;
	color: #008cd6;
	font: 14px Verdana, Arial;
	}

h1 {
	font: 15px Verdana, Arial;
	}

h1 a, h2 a {
	color: #008cd6;
	}





h2.pagetitle {
	text-align: center;
	}







/* END H, P, A */




/* SEARCH */

#searchform {
	margin: 0;
	padding: 0;
	}

#searchform #s {
	width: 230px;
	height: 16px;
	padding: 2px;
	border-left: 1px solid #63696e;
	border-top: 1px solid #63696e;
	border-right: 1px solid #80baef;
	border-bottom: 0;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}


/* END SEARCH */




/* Begin Various Tags & Classes */

.navigation {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	}

.navigation .current {
	margin: 0 4px;
	}

.navigation a {
	margin: 0 4px;
	}

/* End Various Tags & Classes*/




/* POST */

.post {
	padding: 10px 0;
	border-bottom: 1px solid #c7c7c7;
	}

.postdate{
	float: right;
	width: 100px;
	color: #7c7c7c;
	font: 12px Verdana, Arial;
	text-align: right;
	font-style: italic;
	padding: 2px 0 0 0;
	}

.postdate a{
	color: #7c7c7c;
	text-decoration: none;
	}

.postdate a:hover{
	color: #7c7c7c;
	text-decoration: underline;
	}

.singledate{
	color: #7c7c7c;
	font: 12px Verdana, Arial;
	padding: 7px 0;
	font-style: italic;
	}

.singledate a{
	color: #7c7c7c;
	text-decoration: none;
	}

.singledate a:hover{
	color: #7c7c7c;
	text-decoration: underline;
	}

.postcat{
	padding: 2px 0 7px 0;
	color: #7c7c7c;
	font-style: italic;
	}

.postcat a{
	color: #7c7c7c;
	font: 12px Verdana, Arial;
	text-decoration: none;
	}

.postcat a:hover{
	color: #7c7c7c;
	text-decoration: underline;
	}

.comments_feed{
	color: #7c7c7c;
	font: 12px Verdana, Arial;
	font-style: italic;
	padding: 7px 0;
	}

.entry{
	font-size: 12px;
	}

.entry img{
	margin: 0 7px 5px 0;
	}

.singlenavi{
	color: #008cd6;
	font-size: 13px;
	padding: 7px 0;
	}

.post hr {
	display: block;
	}

.postmetadata {
	clear: both;
}

/* END POST */





/* SIDEBAR */

#leftsidebar{
	width: 320px;
	padding: 0 0 0 23px;
	}

#rightsidebar{
	width: 160px;
	padding: 14px 0 0 8px;
	}

.widget h3{
	height: 30px;
	padding: 8px 0 0 17px;
	background: url('images/titles.jpg') repeat-x;
	font: 18px Verdana, Arial;
	color: #fff;
	}

.widget{
	padding: 0 0 8px 0;
	}

.online {
	width: 320px;
	height: 161px;
	background: url('images/online.jpg') no-repeat;
	}

.onlineplay{
	float: left;
	width: 120px;
	height: 95px;
	padding: 58px 0 0 0;
	}

.onlineved{
	float: left;
	width: 200px;
	}

.onlineava{
	width: 110px;
	height: 80px;
	padding: 11px 0 0 58px;
	}

.onlineava img{
	width: 110px;
	height: 80px;
	}

.onlinevedon{
	padding: 3px 14px 0 0;
	font: 16px Verdana, Arial;
	color: #166faa;
	line-height: 16px;
	text-align: right;
	}

.onlinevedon span{
	color: #333333;
	}

.onlinevednext{
	padding: 10px 14px 0 0;
	font: 11px Verdana, Arial;
	color: #666666;
	text-align: right;
	font-style: italic;
	}

.wleft{
	float: left;
	}

.wright{
	float: right;
	}

.sbgallery{
	width: 320px;
	height: 127px;
	overflow: hidden;
	}

.wsbgallery{
	position: relative;
	}

#gprev{
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top:85px;
	left:20px;
	background: url('images/gprev.png') no-repeat;
	z-index:10;
	}

#gnext{
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top:85px;
	left:268px;
	background: url('images/gnext.png') no-repeat;
	z-index:10;
	}

#sbgallery{
	width: 2502px;
	z-index:1;
	}

.sbgallery ul li{
	float: left;
	display: block;
	width: 320px;
	}

.widgetpogoda{
	float: left;
	width: 175px;
	padding: 0 11px 0 0;
	}

.widgetsoc{
	float: left;
	width: 129px;
	}

.twitter{
	display: block;
	width: 129px;
	height: 33px;
	margin: 19px 0 0 0;
	background: url('images/twitter.jpg') no-repeat;
	}

.vkontakte{
	display: block;
	width: 129px;
	height: 33px;
	margin: 14px 0 0 0;
	background: url('images/vkontakte.jpg') no-repeat;
	}

.poolsblock{
	font: 11px Verdana, Arial;
	padding: 0 0 7px 0;
	}

.poolsblocktop {
	padding: 0px 0 7px 0px;
	color: #38393b;
	font-weight: bold;
	}

.poolsblockcont li{
	margin: 0 0 2px 0;
	color: #666666;
	}

.poolsblockvote .Buttons{
	width: 105px;
	height: 25px;
	padding: 0 0 2px 0;
	background: url('images/vote.png') no-repeat;
	border: 0 !important;
	font: 12px Verdana, Arial;
	color: #fff;
	margin: 0 0 0 19px;
	}

.poolsblockvote .Buttons:hover{
	background: url('images/vote.png') no-repeat 0px -25px;
	}

.poolsblockvoteres{
	padding: 8px 0 0 0;
	font: 12px Verdana, Arial;
	font-style: italic;
	}

.poolsblockvoteres a{
	display: block;
	float: left;
	color: #008cd6;
	text-decoration: none;
	border-bottom: 1px dotted #008cd6;
	margin: 0 0 0 11px;
	}

.poolsblockvoteres a:hover{
	color: #1296dc;
	text-decoration: none;
	border: 0;
	}

.sbchat{
	background: #fff;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #878787;
	}

.pagechat{
	padding: 10px 0;
	width: 100%;
	height: 740px;
	}

#wordspew{
	position: relative;
	height: 420px;
	}

.pagechat #wordspew{
	width: 100%;
	}

#chatInput{
	position: absolute;
	height: 172px;
	padding: 0 5px;
	}

.pagechat #chatInput{
	width: 100%;
	padding: 0;
	}

#chatInput #shoutboxname{
	width: 231px;
	height: 17px;
	padding: 2px;
	background: #fafafa;
	border: 1px solid #dbdbdb;
	margin: -3px 0 0 0;
	}

#chatInput #chatbarText{
	width: 298px;
	height: 46px;
	padding: 2px;
	background: #fafafa;
	border: 1px solid #dbdbdb;
	margin: -3px 0 0 0;
	}

.pagechat #chatInput #chatbarText{
	width: 99% !important;
	height: 96px;
	}


#chatoutputblock{
	position: absolute;
	top:172px;
	}

.pagechat #chatoutputblock{
	top:222px;
	}

#usersOnline{
	position: absolute;
	top:394px;
	padding: 0 5px;
	color: #7c7c7c;
	font: 10px Verdana, Arial;
	font-style: italic;
	}

.pagechat #usersOnline{
	top:744px;
	}

.smilesend{
	padding: 9px 0 0 0;
	}

#SmileyList{
	float: left;
	width: 230px;
	height: 46px;
	background: url('images/SmileyList.jpg') no-repeat 0px 1px;
	padding: 0 5px 0 5px;
	line-height: 1;
	}

.submitchat {
	float: left;
	width: 57px;
	padding: 0 0 0 7px;
	}

.submitchat #submitchat{
	width: 57px;
	height: 40px;
	background: url('images/submitchat.jpg') no-repeat ;
	border: 0;
	cursor: pointer;
	}

.chatname{
	cursor: pointer;
	}

#chatoutput{
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #cccccc;
	}

/* ENDSIDEBAR */


/* Цвет логина для всех */

#chatoutput span{
	color: #498fe1;
	}

/* Цвет логина для всех зарегистрированных */

#chatoutput .jal_user .chatname{
	color: #57a24d;
	}

/* Цвет логина для конкретного юзера */
/* Цвет логина для Администраторов */
#chatoutput li.admin .chatname,#chatoutput li.Радик .chatname{
	color: #505050;
	}
#chatoutput li.Модератор .chatname{
	color: #66ff00;
	}
/* Цвет логина для DJ */
#chatoutput li.Радио .chatname{
	color: #ff0000;
	}
#chatoutput li.Лениза .chatname, #chatoutput li.Айдар .chatname, #chatoutput li.Румиль .chatname, #chatoutput li.Йолдыз .chatname{
	color: #ff0000;
	}
#chatoutput li.АйратГабдуллин .chatname, #chatoutput li.Айрат+Габдуллин .chatname, #chatoutput li.ЛЕНИЗА .chatname{
	color: #ff0000;
	}
#chatoutput li.АЙРАТ .chatname, #chatoutput li.РАДИО .chatname{
	color: #ff0000;
	}
/* Цвет ника для VIP */

/* Цвет сообщения для конкретного юзера */

/* Цвет сообщения для администрации сайта */
#chatoutput li.admin,#chatoutput li.Радик{
	color: #505050;
	}

#chatoutput li.Модератор{
	color: #66ff00;
	}
/* Цвет сообщения для DJ */

#chatoutput li.Радио,#chatoutput li.РАДИО{
	color: #57a24d;
	}

/* Цвет сообщения для АЙРАТ ГАБДУЛЛИН*/

#chatoutput li.Айрат+Габдуллин,#chatoutput li.АЙРАТ,#chatoutput li.АйратГабдуллин{
	color: #57a24d;
	}

/* Цвет сообщения для ЛЕНИЗА*/

#chatoutput li.ЛЕНИЗА,#chatoutput li.Лениза{
	color: #57a24d;
	}
/* Цвет сообщения для ЙОЛДЫЗ*/

#chatoutput li.Йолдыз{
	color: #57a24d;
	}

/* Цвет сообщения для VIP */

/* Цвет сообщения КОНЕЦ*/
.blogimg {
	width: 135px;
	}

.allfoto {
	display: block;
	float: right;
	font-size: 13px;
	padding: 4px 10px 0 0;
	}

.allfoto a{
	color: #fff;
	}

.widgetfon{
	background: #ffffff;
	border: 1px solid #c8c8c8;
	border-bottom: 1px solid #878787;
	padding: 7px;
	}