/* reset - Yahoo! YUI (version: 0.11.0) */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} /* тело */ body, html {height:100%;} body {font-family: "Trebuchet MS", Arial sans-serif;font-size:13px;background-color:#f3f3f3;} /* оформление ссылок */ a:link, a:active, a:visited {color: #0066FF;text-decoration:none;} a:hover {color: #119FFF;text-decoration: underline;} h1 {color:#ff6000;font-size:22px;} h2 {color:#ff7200;font:normal 20px "Trebuchet MS", Verdana, Arial;} h2.addcom {margin:5px 0 10px;} .votep {font:bold 11px tahoma;color:#777;margin:5px 0;} /* вырисовка фона и каркаса конструкции */ #wrapper {width:970px;margin:0 auto;background:url("../images/header-bg.png") top center no-repeat;height:100%;} .bg-center {height:100%;} #page {width:100%;height:100%;background:url("../images/bg-center.png") top center repeat-x;} #body-bg {min-height:100%;background:url("../images/body-bg.png") repeat-y scroll center top;} /* верхушка */ #header {width:100%;height:120px;} #header #logo {width:255px;height:65px;float:left;background:url("../images/logo.png") bottom right no-repeat;padding:30px 0 0 70px;} .headright {overflow:hidden;float:right;width:530px;height:108px;margin:5px 5px 0 0;float:right;} .headright #prompts {width:260px;height:106px;} .login {border:1px solid red;margin:3px;float:left;width:48%;} .prompt {border:1px solid red;margin:3px;float:right;width:48%;} .prompt ul {position: relative; left: -999em;} #prompt div {top:0;left:0} #prompt {margin:3px;float:left;width:280px;height:100px;line-height:14px;font-size:11px;color:#454444;font-family:tahoma;} #prompt div {padding: 5px;width:95%;height:80px;} #prompt div img {border:1px solid #d8d8d8;margin:0 10px 3px 0;clear:left;float:left;} /* панель подсказок */ .prompt {clear:both; overflow:hidden;line-height:14px;font-size:11px;color:#454444;font-family:tahoma;} .prompts li {width:210px;height:98px;float:left;margin:3px 10px;} #prompt a:link, #prompt a:active, #prompt a:visited {color:#00c0ff;text-decoration:underline;} #prompt a:hover {color:#E47600;text-decoration:underline;} #prompt img {border:1px solid #d8d8d8;margin:0 10px 3px 0;clear:left;float:left;} #prompt p {margin:3px 0;} #prompt span {font-size:11px;font-weight:bold;} /* панель пользователя */ #loginblock {line-height: 23px;width:185px;height:90px;float:right;background-color:#fffed6;margin:3px 0 0 3px;font-family:tahoma;font-size:11px;padding:5px 15px;} #loginblock ol li {color:#878787;float:none;width:95%;text-align:right;} .login-submit {float:right;cursor:pointer;border:0;margin:3px 0 0 0;width:45px;height:21px;} #loginblock a:link, #loginblock a:active, #loginblock a:visited {color:#fe6d2d;text-decoration:underline;} #loginblock a:hover {color:#00c0ff;text-decoration:none;} #loginblock ol li input.textinput {width:108px;height:15px;border:1px solid #dfded1;background-color:#fffff1;padding:1px 2px;color:#5e5e5e;} #loginblock fieldset {border:0;} #loginblock fieldset label {text-align:left;} #loginblock ol li span {display:block;line-height:130%;} html:root #loginblock ol li span {float:none;margin:0;padding:0;} #loginblock p {color:#606060;font-size:10px;line-height:150%;} /* верхнее меню */ #top-menu {width:100%;height:57px;padding:15px 0 0 0;margin-top:-10px;background:url("../images/menu-bg.png") top left repeat-x;font-family:arial;font-weight:bold;font-size:12px;} #top-menu ul li a:link, #top-menu ul li a:active, #top-menu ul li a:visited {color:#696969;text-decoration:none;} #top-menu ul li a:hover {color:#19a0ff;text-decoration:none;} #top-menu ul {list-style-type:none;} #top-menu ul li {float:left;border-left:1px solid #e2e3e4;border-left:1px solid #dcddde;padding:9px 20px;} /* поиск */ #top-search {float: right;padding: 7px 30px 0 0;width: 200px;} #top-search #sid1 {float: left;} #top-search #sid2 {float: right;} #top-search .sinput {width: 140px;height: 15px;border:1px solid #d9d9d9;background-color:#f9f9f9;padding:1px 4px;color:#5e5e5e;font-size: 11px;} .search-submit {cursor:pointer;border:0;width:43px;height:19px;background:url("../images/search-submit.png") top center no-repeat;} /* каркас середины и контента */ #wcontent {width:898px;margin:0 36px;} #ccontent {margin:-12px 10px 8px 10px;overflow: hidden;width: 98%;} #ccontent .main-left {width:570px;height:100%;float:left;} .main-left .main-content {width:570px;height:100%;margin-top:10px;padding:0 0 10px 8px;} /* вывод новостей */ .postnews {width:100%;font:normal 14px "Trebuchet MS", Verdana, Arial;padding-bottom: 15px;} .postnews h1 a:link, .postnews h1 a:active, .postnews h1 a:visited {color:#ff6000;font-size:22px;text-decoration: none;} .postnews h1 a:hover {text-decoration:underline;} .postnews .postinfo {background-color: #eee;font-size: 12px;margin:5px 0 0 0;padding: 5px 10px;color: #2d2d2d;overflow: hidden;width: 96%;} .postnews .postinfo img {margin-bottom: -1px;} .postinfo a:link, .postinfo a:active, .postinfo a:visited {color: #ff8400;text-decoration: underline;} .postinfo a:hover {text-decoration: none;} .postnews .postbody {color:#2c2c2c;line-height: 22px;padding-left: 2px;padding-top:5px;} .postnews .postbody div {} .postnews .postbody div[align="right"] img {clear:right;float:right;padding: 5px 10px;} .postnews .postbody div[align="left"] img {clear:left;float:left;padding: 5px 10px;} .postnews .postbody form div img {border:0;padding:0;clear:none;} .postnews .postbody form div input[type="text"] {margin:10px 0 5px;height:16px;padding:2px 3px;} .postnews .fullpostlinks {float:right;width: 310px;} .fullpostlinks span a:link, .fullpostlinks span a:active, .fullpostlinks span a:visited {width:128px;height: 17px;float: left;font-size: 12px;text-decoration: none;color: #2d2d2d;padding: 8px 10px;margin:0 5px 0 0;background:url("../images/fulllink-bg.png") top left no-repeat;} .fullpostlinks span a:hover {background-position:0% -32px;} .fullpostlinks span a img {margin-bottom: -2px;} .pagenav {text-align: center;font-size: 12px;margin: 5px 0;} .related-news {padding:5px 0 5px 2px;font-size:14px;color:#105981;} .l-infocol {float: left;} .mlink {margin-top:0;width:36px;float:right;} html:root .favlink {margin: -3px 0 0 0;} .navigation {font-size:13px;} .navigation a:link, .navigation a:active, .navigation a:visited {background-color:#fff;color:#00aeff;border:1px solid #e2e2e2;padding:2px 5px;} .navigation a:hover {background-color:#e2e2e2;color:#ff8a00;border:1px solid #dadada;padding:2px 5px;} /* sidebar */ #ccontent .sidebar {width:297px;height:100%;float:right;} #sb-top {width: 297px;height: 100%;background:url("../images/sb-top-bg.jpg") top center no-repeat;} /* подвал */ #footer {overflow:hidden;width:100%;margin:8px 0 10px;} #footer .fleft {float: left;width:570px;} #footer .fright {float: right;width:657px;background-color:#f9f9f9;font-size:11px;color:#414141;border:1px solid #f1f1f1;border-right:0;} .fright p a:hover {color: #46BAFF;background-color: #ebebeb;text-decoration: underline;} /* вывод комментариев */ .commentblock {width:560px;margin:10px 0;overflow:hidden;} .commenttop {overflow:hidden;width:100%;} div.wt {background: url("../images/tc.png") 0 0 repeat-x;} div.wb {background: url("../images/bc.png") 0 100% repeat-x;} div.wl {background: url("../images/cl.png") 0 0 repeat-y;} div.wr {background: url("../images/cr.png") 100% 0 repeat-y;} div.wtl {background: url("../images/tl.png") 0 0 no-repeat;} div.wtr {background: url("../images/tr.png") 100% 0 no-repeat;} div.wbl {background: url("../images/bl.png") 0 100% no-repeat;} div.wbr {min-height:160px;height:auto !important;height:160px;padding: 12px 15px;background: url("../images/br.png") 100% 100% no-repeat;} .commentcenterblock {overflow:hidden;width:100%;} .cbleft {float: left;padding:10px 0;} .cbright {float: right;} .compl {width: 430px;} .avatar-bg {width: 127px;height: 123px;background: url("../images/avatar-bg.png") top left no-repeat;} .avatar-bg img {margin: 10px 0 0 16px;} .infopanel {padding-left:15px;float: left;} .infopanel-r {padding-right:10px;float: right;} .userinfo {padding-left:13px;font-size:12px;} div.buttons ul {list-style-type:none;} div.buttons ul li {float: right;display: block;height: 26px;margin-right:5px;} div.buttons ul li a {cursor: pointer;} div.buttons ul li a span.b-quote {width:95px;height: 26px;display: block;background: url("../images/quote-new.png") top left no-repeat;} div.buttons ul li a span.b-edit {width:114px;height: 26px;display: block;background: url("../images/edit-new.png") top left no-repeat;} div.buttons ul li a span.b-delete {width:80px;height: 26px;display: block;background: url("../images/delete-new.png") top left no-repeat;} #iSM {margin:0 0 0px 0;padding:0;overflow:hidden;width:170px;} #iSM ul {border:0;margin:4px 0 0 0;padding:0;list-style-type:none;text-align:center;} #iSM ul li {display:block;float:left;text-align:center;padding:1px 0 0 0;margin:0;height:14px;} #iWeak,#iMedium,#iStrong {width:56px;font-size:.7em;color:#adadad;text-align:center;padding:2px;background-color:#F1F1F1;display:block;} #iWeak,#iMedium {border-right:solid 1px #DEDEDE;} #iMedium {width:55px;} #iMedium,#iStrong {border-left-width:0;} div.strong #iWeak, div.strong #iMedium, div.strong #iStrong {background: #00CC66;color: #00CC66;} div.medium #iWeak, div.medium #iMedium {background: #FFFF99;color: #FFFF99;} div.medium #iWeak, div.medium #iMedium {background: #FFFF99;color: #FFFF99;} div.weak #iWeak {background: #FF0000;color: #FF0000;} div.strong #iStrong, div.medium #iMedium, div.weak #iWeak {color:#000;} table.pm td {padding:3px;} /* показ баннеров */ div.limiter {width:476px;height: 68px;padding-right: 15px;margin:0 auto;} ul#banners li img{border: 1px solid #ccc;padding: 4px;} @-moz-document url-prefix() { #wrapper {background-position:top center;width:969px;} #top-menu {width:99.9%;} } .floatleft {float: left;} .floatright {float: right;} /* дополнительные стили на остальные страницы */ .addnews, .fb , .register, .lostpass, .pmpage, .stats {width:100%;} .addnews p, .fb p, .register p, .lostpass p, .pmpage p, .stats p, .userinfo p {display: block;margin: 10px 0 0;width: 100%;} .addnews label, .fb label, .register label, .lostpass label, .pmpage label, .stats label, .userinfo label {cursor: default;display: block;float: left;height: 18px;width: 150px;font-size:13px;} .stats, .userinfo {margin-top:10px;width:98%;overflow:hidden;} .stats span p label {width:380px;} .userinfo span p label {width:200px;} .register p.text {line-height:150%;} .register p {color:#5a5a5a} p.reg_code a {margin-left:150px;} table.usertop {width:98%;border:0;font:normal 11px tahoma;margin:10px 0;} table.usertop td {padding:2px 3px;} .inputreg {width:162px; height:20px;padding:0 0 0 3px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0} .addcomment {width:460px;} p.addcominputs {display: block;height: 30px;float:left;line-height: 16px;margin: 0;width: 230px;} p.antibot {margin-top:10px;} p.addcominputs input {width:200px; height:16px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0;padding:0 5px;} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { p.addcominputs input {height:14px;} } html:root p.addcominputs input {padding:5px 5px 0;} .lecom {width:100%;overflow:hidden;} .commenttext {width:450px;padding:5px; height:160px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;} .submit-button {font-family: "Trebuchet MS";font-size: 18px;margin: 5px 0 0;padding: 0;height: 36px;width: 150px;} .lastcomm { padding: 3px 2px 3px 2px; border-bottom:1px solid #E6E6E6; } .lastcomm_over { padding: 13px 12px 13px 12px; border-bottom:1px solid #E6E6E6; background:#F5F5F5; cursor: hand; } #hintbox { text-align:left; width:150px; font-size: 11px; border: 1px solid #000000; background-color: #FFFFFF; filter:alpha(opacity="95"); font-family: tahoma; layer-background-color:#a396d9; color:#000; z-index: 3; margin: 0px 15px 0px 0px; -moz-opacity : 0.9; -moz-border-radius : 5px; margin: 110px 10 10 110px; padding:3px 5px; position:absolute; visibility:hidden; z-index: 3; } /* clearing & floating */ .clearingfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} * html .clearingfix {height:1%;} .clearingfix {display: block;}}