@import url("engine.css");

/*ICONS & BUTTONS*/
.votebtn, .votebtnhover,
.resultbtn, .resultbtnhover,
.okbtn, .okbtnhover,
.viewbtn, .viewbtnhover,
.editbtn, .editbtnhover,
.svotebtn, .svotebtnhover, 
.sresultbtn, .sresultbtnhover { width: 93px; height: 25px; }


#search {
color:#000;
border:0px;
}
#search .button_s {
width: 70px; height: 19px;
background: url("../images/search1.png");
border:1px solid black;

}
.votebtn, .svotebtn { background: transparent url("../images/vote.png") no-repeat 0 0; }
.votebtnhover, .svotebtnhover { background: transparent url("../images/vote.png") no-repeat -93px 0; }
.resultbtn, .sresultbtn { background: transparent url("../images/vote.png") no-repeat 0 -25px; }
.resultbtnhover, .sresultbtnhover { background: transparent url("../images/vote.png") no-repeat -93px -25px; }

.okbtn { background: transparent url("../images/icons.png") no-repeat 0 -93px; }
.okbtnhover { background: transparent url("../images/icons.png") no-repeat -93px -93px; }

.viewbtn { background: transparent url("../images/icons.png") no-repeat 0 -143px; }
.viewbtnhover { background: transparent url("../images/icons.png") no-repeat -93px -143px; }

.editbtn { background: transparent url("../images/icons.png") no-repeat 0 -118px; }
.editbtnhover { background: transparent url("../images/icons.png") no-repeat -93px -118px; }

.si_date, .si_author { vertical-align: middle; margin-right: 5px; width: 14px; height: 14px; }
.si_date { background: transparent url("../images/icons.png") no-repeat -22px 0; }
.si_author { background: transparent url("../images/icons.png") no-repeat 0 0; }
.si_edit { background: transparent url("../images/edit.png") no-repeat 0 0; vertical-align: middle; margin: -3px 5px; width: 18px; height: 18px; }
.si_delete { background: transparent url("../images/delete.png") no-repeat 0 0; vertical-align: middle; margin: -1px 5px; width: 16px; height: 16px; }

.ml_com, .ml_views {
    vertical-align: middle;
    margin-right: 5px;
    width: 16px; height: 16px;
    background: transparent url("../images/icons.png") no-repeat 0 0;
}

.ml_com { background-position: -40px 0; }
.ml_views { background-position: -59px 0; }

.btn_reglog {
    width: 108px; height: 18px;
    background: url("../images/button_reg.png") no-repeat 0 0;
    border: 0 none;
    margin: 0; padding: 0;
    cursor: pointer;
    padding-bottom: 2px;
    color: #728e9a;
    font-weight: bold;
}

.btn_reglog:hover { background: url("../images/button_reg.png") no-repeat 0 -18px; }
/*===ERRORS, INFO, WARNING===*/
.w_warning {
    border: 1px solid #d2c4b1;
    background: #fbdfd1 url("../images/alert.png") no-repeat 16px center;
    color: #ca4c20;
    margin-bottom: 10px;
    -moz-border-radius-topright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-bottomleft:3px;
}

.wmsg { 
    padding: 8px 8px 8px 70px;
}

/*Статистика*/
.statistics {
    width: 80%;
    margin: 0 auto;
}
.statinn {
    text-align: left;
    padding: 0 78px;
    background: url("../images/statics-2.png") no-repeat 0 0;
}

.statistics ul { margin-bottom: 15px; }
.statistics ul li { position: relative; background: url("../images/linepoint.gif") repeat-x left bottom; padding: 2px 0; }
.statistics ul li b { position: absolute; right: 0; }

/* ==================== Поле малой формы поиска */

.s_field {
    color: #466f9d;
    background-repeat: repeat-x;
    height: 14px;
    padding-left: 3px;
    border: 1px solid #bcbcbc;
}

/* ==================== Поле формы авторизации */

.a_field {
    color: #466f9d;
    background-repeat: repeat-x;
    height: 14px;
    padding-left: 3px;
    border: 1px solid #bcbcbc;
}

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

.f_textarea, .f_input, .f_select, .textin {
    color: #466f9d;
    background: #fff url("../images/fields.gif") repeat-x left top;
    border: 1px solid #bcbcbc;
}

.f_input { width: 300px; height: 14px; }
.f_select { height: 14px; }
.f_textarea { width: 459px; height: 156px; }

/*разбиение на страницы*/
.navigation {
    color:#666; 
    border:0px;
    padding: 2px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
    text-decoration: none;
    color: #636363;
    background-color: #F9F9F9;
    border: 1px solid #E6E6E6;
    padding: 3px 6px;
}

.navigation a:hover {
    background: #61a5cf;
    color: #fff;
    border-color: #61a5cf;
}

.navigation span {
    text-decoration: none;
    background-color: #fff;
    padding: 3px 6px;
    border: 1px solid #E6E6E6;
    color: #ccc;
}


/*FORMS EDITORS*/
.tableform { width: 100%; }
.tableform td { padding: 8px 0; }
.tableform td.label { width: 27%; font-weight: bold; vertical-align: top; }
.tableform tr { background: url("../images/linepoint.gif") repeat-x left bottom; }
.tableform tr.flast { background: none; }
.tableform tr.flast td { padding-bottom: 0; }
.addnews { font-weight: bold; }

.impot { color: #e82e1e; }

.pollvotelist { width: 60%; text-align: left; }
.pollvotelist input { margin-right: 5px; }
/*ПОПУЛЯРНЫЕ ТЭГИ*/
.rightside .btags .dtop { background-position: 0 -406px; }

.rightside .btags a { text-decoration: none !important; }

/* ==================== Облако тегов */
.btags .clouds_xsmall { color: #5D9EC3 !important; }
.btags .clouds_small { color: #88B8D4 !important; }
.btags .clouds_medium { color: #B4D3E4 !important; }
.btags .clouds_large { color: #E0EDF4 !important; }
.btags .clouds_xlarge { color: #ffffff !important; }

.rightside .btags a:hover { background-color: #589AC0; color: #fff !important; }

/* ==================== Облако тегов */
.clouds_xsmall { font-size: 9px; }
.clouds_small { font-size: 11px; }
.clouds_medium { font-size: 13px; }
.clouds_large { font-size: 15px; }
.clouds_xlarge { font-size: 17px; }
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset {
    margin:0;
    padding:0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, table, font {
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    margin: 0 0 0.2em 0;
    line-height: 1.1em;
}

/*Левые блоки*/
div.blocks                    {width: 212px; background: #f6f6f6 url("../images/block-bg.png") repeat-y left; margin-bottom: 8px;}
div.blocks div                {background: url("../images/block-v.png") no-repeat top left; width: 212px}
div.blocks div div            {width: 212px; background: url("../images/block-n.png") no-repeat bottom left;}
div.blocks div div div        {width: 174px; padding-bottom: 8px; margin-left: 8px; margin-right: 8px; padding-top: 8px; background: transparent;}
div.blocks div div div h3     {width: 174px; font-size: 12px; color: #ffffff; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:6px; padding-left:9px; padding-right:0; padding-top:2px; padding-bottom:7px; }
div.blocks div div div div    {padding: 0px;margin: 0px;}



#menu { background-color: black; height: 40px; }




#menu  ul a {font-size:14px; }

#menu  ul a:hover { background: #ff720a; }
#menu  ul { float:left; margin-left: 450px ;}
#menu  ul a:link {color : #ffffff; text-decoration: none;}
#menu ul a:visited {color : #ffffff; text-decoration: none;}
/*Правые блоки*/
div.blocksr                    {width: 216px; background: #f6f6f6 url("../images/block-bgr.png") repeat-y left; margin-bottom: 8px;}
div.blocksr div                {background: url("../images/block-vr.png") no-repeat top left; width: 216px}
div.blocksr div div            {width: 216px; background: url("../images/block-nr.png") no-repeat bottom left;}
div.blocksr div div div        {width: 174px; padding-bottom: 8px; margin-left: 8px; margin-right: 8px; padding-top: 8px; background: transparent;}
div.blocksr div div div h3     {width: 174px; font-size: 12px; color: #575757; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:6px; padding-left:7px; padding-right:0; padding-top:1px; padding-bottom:7px}
div.blocksr div div div div    {padding: 0px;margin: 0px;}

/*Шапка*/
#header-l {
    height: 100px;
    background: #FFF url("../images/header-l.png") 0 0 no-repeat;
    position: relative;
    padding-left: 30px;
}

#header-r {
    height: 100px;
    background: #FFF url("../images/header-r.png") right top no-repeat;
    position: relative;
    padding-right: 40px;
}

#logo {
    position: absolute;
    left: 0;
    display: block;
    width:145px;
    height: 20px;
    text-align: center;
}

#banners-block {
	position: absolute;
	top: 20px;
	right: 50px;
	width: 468px;
	height: 60px;
}

/*Низ*/
#footer {
	background: White url("../images/footer-bg.png") repeat-x bottom;
	position: relative;
	height: 69px;
	color: #4c4c4c;
	overflow: hidden;
	margin:3px;
}

#footer-l {
	background: transparent url("../images/footer-bgl.png") left bottom no-repeat;
	height: 69px;
	position: relative;
}

#footer-r {
	background: transparent url("../images/footer-bgr.png") right bottom no-repeat;
	height: 69px;
	position: relative;
}

#copyright {
	position: absolute;
	top: 15px;
	left: 20px;
    cursor:pointer;
}

#counts {
	position: absolute;
	top: 20px;
	right: 20px;
}

/*Логин*/
.enterbtn {
	margin-top: 8px;
	cursor: pointer;
	background: #ffb638 url("../images/enterbtn.png") no-repeat 0 0;
	border: none;
	width: 89px; height: 31px;
	font-weight: bold;
	padding-bottom: 2px;
}

.blogin ul, .blogin ul li, .statistics ul li, .statistics ul { list-style: none; margin: 0; padding: 0; display: block; }
.loginform li { line-height: 14px; }
.loginform li.lfield { padding-bottom: 5px; }
.loginform li.lfield div { 
	background: #fff url("../images/fields.gif") repeat-x 0 0;
	border: 1px solid #bcbcbc;
	text-align: center;
}
.loginform li.lfield input {
	width: 95%;
	padding: 2px;
	color: #466f9d;
	text-align: center;
	background: transparent none;
	border: none;
}

.loginform li.submit {
	height: auto;
	overflow: hidden;
	width:auto;
}

.loginform li.submit div { line-height: 12px; }

.loginform .btn,
.loginform .btnhover {
	float: right;
	width: 108px; height: 27px;
}

.loginform .btn { 	background: #ffb638 url("../images/enter.png") no-repeat 0 0;  }
.loginform .btnhover { 	background: #ffb638 url("../images/enter.png") no-repeat 0 0; }

/*LOGINDATE*/
.logindate li {
	border-top: 1px solid #f0f0f0;
	padding: 4px 0 !important;
}

/*Центр блоки*/
.bodyline		{ background: #FFF; border: 1px #d8d8d8 solid; }

.titlebasic {
	position: relative;
	display: block;
	height: 35px;
	color: #fff;
	font-weight: bold;
	line-height: 32px;
	overflow: hidden;
	background: #008ce3 url("../images/titlebasic_bg.png") top repeat-x;
	margin-bottom: 3px;
}

.titlebasic div {
	position: relative;
	display: block;
	background: transparent url("../images/titlebasic_l.png") top left no-repeat;
	padding-left: 4px;
	height: 35px;
}

.titlebasic div div {
	position: relative;
	display: block;
	background: transparent url("../images/titlebasic_r.png") top right no-repeat;
	padding-right: 4px;
	height: 35px;
}

.titlebasic div div div {margin:0; padding:0;}
.titlebasic a:link, #titlebasic a:visited { height: 35px; font-weight: bold; color: #424242;}
.titlebasic a:hover {font-weight: bold; text-decoration:underline;}

.newsdate{width:46px; height:50px; padding:2px 0 0 0; background:url("../images/date.jpg") top no-repeat; text-align:center; font-size:11px; line-height:12px; color:#94c342;}
.newsdate span{font-size:16px; color:#94c342; letter-spacing:-1px; line-height:18px;}
.newsdate i{font-size:9px; font-style:normal;}

.content {padding-left:5px;padding-right:5px;text-align:left;}

/*Коментарии*/
table.comblock {background-color: #ffffff; }
table.comblock td.cblock-content {background: transparent url("../images/comment/cblock_center_mtop.gif") left top repeat-x; }

table.comblock td.cblock-left { vertical-align: top; background: url("../images/comment/cblock_middle_left.gif") left top repeat-y;}
table.comblock td.cblock-right { vertical-align: top; background: url("../images/comment/cblock_middle_right.gif") right top repeat-y;}

table.comblock td.cblock-top {background: url("../images/comment/cblock_center_top.gif") left top repeat-x;}
table.comblock td.cblock-bottom {background: url("../images/comment/cblock_center_bottom.gif") left bottom repeat-x;}

table.comblock div.maincont { padding: 4px; }

.avatar img { width: 95px; height: auto; }
 
/*Настройка заголовков*/
h1 { font-size: 12px; font-weight: bold; }
h2 { font-size: 12px; font-weight: bold; line-height: 18px; }
h3 { font-size: 1em; font-weight: bold; line-height: 16px; }
h4 { font-size: 10px; font-weight: bold; line-height: 15px; }
.flarge { font-size: 17px; font-weight: normal; line-height: 18px; }
.indents {
	padding: 0; margin: 0;
	line-height: normal;
}
.indents span{text-align:justify;}

/*links*/
a { color: #7a8981; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

/*forms*/
input, textarea, select {
	font-size: 1em;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

/*PAGE*/
body {
	color: #414141;
	background-color: #f5f5f5;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 17px;
}

/*OTHER SETTINGS*/
p {
	padding: 0; margin: 0;
	margin-bottom: 12px;
}
.clr { clear: both; }
img  { border:0 none; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
hr	{
	border: 0 none;
	border-top: 1px solid #cfcfcf;
	height: 1px;
}

table {
	border-collapse: collapse;
	border-spacing: 0; border: 0px;
}

table td { padding: 0px; }

/*UL, LI*/
ul {
    margin: 0;
    padding-left: 16px;
    list-style-position:outside;
    list-style-image:none;
}

ul li { margin: 0; padding: 0; }

ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 18px;
	margin-left: 2.2em;
}

/*WRAPPER ОСНОВНОЙ РАЗМЕРНЫЙ БЛОК*/
.wrapper {
	margin: auto;
	width: 100%;
	text-align: left;
}

.wrapper { width: expression(((document.body.clientWidth)) < 100%? "100%": ((document.body.clientWidth)) > 1400? "1400px": "92%" ); }

/*СТРУКТУРА БЛОКОВ*/
.container,
.rightside,
.leftside,
.centersideinn { overflow: hidden; }
.rightside { float: right; width: 220px;padding-left:8px;padding-right:1px; padding-top: 4px;}
.leftside { float: left; width: 220px; padding-top: 4px; padding-left:5px; }
.centerside { padding-top: 6px;padding-right:8px; }
.centersideinn { overflow: hidden; }
*html .centerside { margin-left: 212px; margin-right: 212px; }
*html .centersideinn { width: 98.8%; }