/* Reset styles */
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, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
}
strong {
margin:0;
padding:0;
border:0;
font-style:inherit;
font-size:100%;
font-family:inherit;
}
a img, :link img, :visited img {
border:0;
}
.sd {
border-collapse:collapse;
border-spacing:1;
border: 2px;
}
table {
border-collapse:collapse;
border-spacing:0;
border: 0px;
}
table td {
padding: 0px;
border: 0px;
border-width: 0px;
border-style: solid ;
border-color: #9BB2B9;
}
.bord {border: 1px;
border-width: 1px;
border-style: solid ;
border-color: #9BB2B9;
}
.razm {font-size:40px;
font-family:tahoma;
}
table td.bordered {
padding: 0px;
border: 1px;
border-width: 1px;
border-style: solid;
border-color: #111;
}
ol, ul {
list-style:none;
}
q:before, q:after, blockquote:before, blockquote:after {
content:"";
}
/* Site styles */
body {
width:1024px;
/* background:url("../images/bg.jpg") no-repeat right top;*/
font:0.8em Arial;
color:#202020;
background: url("../images/fonu.jpg");
background-repeat: repeat;
margin-left:auto;
margin-right:auto;
}
a {
text-decoration:underline;
color:#00AEEF;
}
a:hover {
text-decoration:none;
}
/* Titles */
h1 {
color:#009D00;
font-size:20px;
font:"Times New Roman", Times, serif;
margin-bottom:3px;
font-weight:bold;
}
h2 {
color:#00BFF3;
border-bottom:1px solid #F26522;
background:url("../images/h2-bg.gif") no-repeat right;
font:bold 1.2em/25px Arial;
padding-right:12px;
margin-bottom:7px;
}
h3 {
text-decoration:underline;
font-weight:bold;
}
h4 {
font:bold 1.1em Arial;
}
h5 {
background:url("../images/h5.png") no-repeat;
width:58px;
height:17px;
top:143px;
left:103px;
color:#ACD373;
font:bold 1.1em/17px Arial;
text-align:center;
position:absolute;
}
/* Form elements */
.textbox {
border:1px solid #ccc;
background:#fff;
font:normal 1em Arial;
}
.button {
border:1px solid #ccc;
background:#fff;
font:normal 1em Arial;
cursor:pointer;
}
textarea {
background:#eee;
padding:0;
font:normal 1em Arial;
}
select {
border:1px solid #666;
background:#fff;
font:normal 1em Arial;
}
/* Structure */
#wrapper {
width-min:1000px;
background:#EDF7FA repeat-x top;
/* background:url("../images/bg.jpg") no-repeat right top;*/
}
#container {
width:100%;
float:left;
margin-right:-220px;
background:#EDF7FA repeat-x top;
}
/* Header */
#header {
width:1024px;
height:150px;
position:relative;
background:url("../images/logotip2.jpg") no-repeat;
}
.logo {
left:50px;
top:34px;
display:block;
position:absolute;
width:218px;
height:64px;
}
.logo span {
left:0;
top:0;
position:absolute;
display:block;
background:url("../images/logo.png") no-repeat left top;
width:218px;
height:64px;
cursor:pointer;
}
.banner-header {
position:absolute;
top:41px;
left:50%;
margin-left:-200px;
}
.top-nav {
text-align:center;
position:relative;
top:120px;
padding-left:68px;
}
.top-nav li {
display:inline;
border-left:1px solid #000;
margin-left:-1px;
padding:0 10px;
}
.top-nav li a {
color:#000;
font:normal 1.1em Arial;
}
.top-nav .first {
border:0;
}
.nav {
position:absolute;
top:164px;
left:18px;
background:url("../images/nav-bg.gif") no-repeat left top;
width:67px;
height:17px;
padding:4px 0 0 6px;
}
.nav li {
float:left;
padding:0 3px 0 2px;
}
/* Menu */
.menu {
background:#345A7D;
padding:8px 0 8px 95px;
overflow:hidden;
margin-bottom:1px;
}
.menu ul {
float:left;
overflow:hidden;
}
.menu li {
float:left;
border-right:1px solid #fff;
margin-right:-1px;
}
.menu li a {
display:block;
font:bold 1em Arial;
color:#fff;
text-decoration:none;
padding:0 10px;
margin-left:1px
}
.menu li a:hover {
background:#F7941D;
}
/* Content */
#content {
margin-right:220px;
}
/* Central column */
#main {
margin-left:226px;
padding:0 15px 12px;
}
.searchbox {
background:#D8EEF3 url("../images/search-l-t.gif") no-repeat left top;
text-align:center;
}
.searchbox div {background:url("../images/search-l-b.gif") no-repeat left bottom;}
.searchbox div div {background:url("../images/search-r-b.gif") no-repeat right bottom;}
.searchbox div div div {
background:url("../images/search-r-t.gif") no-repeat right top;
padding:20px 20px;
}
.searchbox .textbox {
background:#F1F8F9;
width:80%;
}
.searchbox .button {
background:#55B4B9;
color:#fff;
}
.searchbox span {
font-size:1.2em;
color:#329ADD;
font-weight:bold;
}
.post {
background:#fff url("../images/post-l-t.gif") no-repeat left top;
margin-top:14px;
}
.post1 {background:url("../images/post-r-t.gif") no-repeat right top}
.post2 {background:url("../images/post-r-b.gif") no-repeat right bottom}
.post3 {
background:url("../images/post-l-b.gif") no-repeat left bottom;
padding:10px 15px 15px;
}
.title-footer {
margin-bottom:10px;
}
.title-footer a {
text-decoration:none;
color:#0076A3;
font-weight:bold;
}
.title-footer a:hover {
text-decoration:underline;
}
.title-footer span a {
color:#F26C4F;
}
.title-footer img {
vertical-align:top;
}
.post-content {
overflow:hidden;
font-size:120%;
}
.post-content img {
margin:0 5px;
}
.post-content2 {
overflow:hidden;
}
/* .post-content2 img {
margin:0 10px; float:left;
}
*/
.related-news {
padding:10px 0 0;
}
.post-footer {
margin-left:60%;
background:url("../images/post-footer.gif") no-repeat left bottom;
font:bold 1.1em/25px "Times New Roman", Times, serif;
padding-left:4px;
color:#00AEEF;
height:25px;
overflow:hidden;
margin-bottom:10px;
}
.post-footer div {
float:left;
padding:0 15px 0 11px;
background:#fff url("../images/post-r-b.gif") no-repeat right bottom;
}
.filter {
padding:10px 10px 0;
}
/* Block */
.block {
background:url("../images/block.png") repeat-y center;
margin-bottom:15px;
}
.b1 {
background:url("../images/block.png") no-repeat left top;
}
.b2 {
background:url("../images/block.png") no-repeat right bottom;
padding:8px 16px 16px 12px;
}
/* Left column */
#leftside {
width:217px;
float:left;
padding-left:9px;
}
.login {
text-align:right;
padding-right:10px;
margin-bottom:6px;
}
.login p {
margin-bottom:7px;
}
.login .textbox {
width:117px;
margin-left:10px;
}
.login .button {
background:#55B4B9;
color:#fff;
}
.reg a {
color:#F26522;
}
/* Right column */
#rightside {
width:217px;
float:right;
padding-right:3px;
}
.left-menu {
border-bottom:1px solid #F26522;
padding-bottom:5px;
margin-bottom:10px;
}
.left-menu li {
margin-bottom:7px;
}
.left-menu li a {
color:#0076A3;
display:block;
background:url("../images/left-menu.gif") no-repeat left 6px;
padding-left:10px;
vertical-align:top;
font-size:1.1em;
text-decoration:none;
}
.left-menu li a:hover {
text-decoration:underline;
}
.forum {
background:url("../images/h2-bg.gif") no-repeat left;
padding-left:14px;
font-size:1.1em;
color:#0076A3;
text-decoration:none;
display:block;
}
.forum:hover {
text-decoration:underline;
}
.partner-news {
color:#333;
margin-bottom:12px;
}
/* Footer */
#footer {
background:#556066;
text-align:center;
padding:15px 10px;
color:#fff;
clear:both;
position:relative;
}
.footer-nav {
margin-bottom:3px;
}
.footer-nav li {
display:inline;
padding:0 6px;
border-left:1px solid #fff;
}
.footer-nav li a {
color:#fff;
}
.footer-nav .first {
border:0;
}
#footer p a {
color:#6DCFF6;
text-decoration:none;
}
#footer p a span {
color:#F7941D;
}
.counter-block {
position:absolute;
top:15px;
right:10px;
}
.counter-block2 {
position:absolute;
top:15px;
left:10px;
}
/* Navigation */
.navigation {
color:#666;
padding:0 0 5px;
}
.navigation a {
text-decoration:none;
color:#636363;
background:#F9F9F9;
border:1px solid #999;
padding:3px 6px;
font-size:11px
}
.navigation a:hover {
background:#556066;
color:#fff;
border-color:#999;
}
.navigation span {
text-decoration:none;
background:#fff;
padding:3px 6px;
border:1px solid #999;
color:#999;
font-size:11px;
}
/* Add comments */
.addcomment {
width:462px;
vertical-align:top;
text-align:left;
}
.addcom {
width:490px;
margin:14px auto 0;
}
.addcomment textarea {
width:100%;
border:none;
height:100px;
}
.commentform {
line-height:25px;
width:24%;
}
/* Comments styles */
.comment-head {
color:#333;
background:url("../images/title-footer.gif");
margin:-5px -15px 0;
padding:0 15px 5px;
overflow:hidden;
border-bottom:2px solid #00AEEF;
}
.comment-head h3 {
margin:0;
}
.comment-head a {
color:#333;
}
.icq img {
margin-bottom:-5px;
}
.right {
float:right;
}
.comment {
overflow:hidden;
padding-bottom:7px;
margin:0 -15px;
background:url("../images/comment-bg.gif") repeat-y left;;
}
.author-info {
float:left;
width:151px;
padding:6px 6px 6px 15px;
}
.comment-body {
display:table;
padding:6px;
}
.quote {
margin:5px 0;
border:1px dotted #999;
}
.comment-footer {
padding:5px 15px 0;
margin:0 -15px -5px;
border-top:2px solid #00AEEF;
}
/* Add news */
.addnews {
width:98%;
}
.addnews td {
padding:3px;
}
.addnews textarea {
width:100%;
height:100px;
}
.addnews .textbox {
width:200px;
}
.addnews img {
vertical-align:top;
}
/* Feedback */
.feedback {
width:98%;
}
.feedback td {
padding:3px;
}
.feedback textarea {
width:100%;
height:100px;
}
/* Lost password */
.lostpassword td {
padding:3px;
}
/* Personal message */
.pm {
border-collapse:separate;
width:462px;
}
.pm td {
padding:3px;
}
.pm textarea {
width:100%;
border:0;
height:100px;
}
/* Registration */
.registration td{
padding:5px;
}
.registration .button1 {
margin-bottom:0;
}
.registration .textbox {
width:150px;
}
/* User info */
.userinfo {
width:98%;
margin-bottom:10px;
}
.userinfo td {
padding:3px;
vertical-align:top;
}
.userinfo textarea {
width:100%;
height:80px;
}
.userinfo .textbox {
width:200px;
}
.ul a:link {
color: #0B97DE; text-decoration: none;
}
/* Stats */
.stats {
border-collapse:separate;
margin-bottom:10px;
width:98%;
}
.stats td {
vertical-align:top;
padding:3px;
}
.partner {
color: blue;
font-size: 11px;
font-family: Georgia;
padding-top: 15px;
}
.partner a {
color: red;
text-decoration:none;
}
.partner a:hover {
text-decoration: underline;
}
#hintbox {
text-align:left;
width:280px;
font-size: 11px;
border: 1px solid #9F9F9F;
filter:alpha(opacity="95");
font-family: Verdana, Geneva, sans-serif;
color:#4B4B4B;
z-index: 3;
margin: 0px 15px 0px 0px;
-moz-opacity : 0.9;
-moz-border-radius : 3px;
padding:10px;
position:absolute;
visibility:hidden;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
background-color: #F7F7F7;
}
#hintbox {
text-align : left;
width : 150px;
font-size : 10px;
border : 1px solid #99a1ab;
background-color : #fff;
layer-background-color : #a396d9;
color : #282828;
margin : 10px 0 0 10px;
padding : 3px 5px;
position : absolute;
visibility : hidden;
z-index : 998;
-moz-opacity : 0.9;
-moz-border-radius : 5px;
filter : alpha(opacity="90");
}
.onl_table {
width : 100%;
font-size : 10px;
}
.onl_table td {
padding-right : 5px;
font-size : 10px;
/* Раскомментировать, если у Вас в две колонки*/ /* width : 50%;
*/ }
.a_link, .a_link a:link, .a_link a:visited, .a_link_on {
color : #ff0000;
}
.a_link_on a:hover, .a_link_on a:active {
color : #ff0000;
}
.u_link, .u_link a:link, .u_link a:visited, .u_link_on {
color : #666666;
}
.u_link_on a:hover, .u_link_on a:active {
color : #4b73d4;
}
.e_link, .e_link a:link, .e_link a:visited, .e_link_on {
color : #00a400;
}
.e_link_on a:hover, .e_link_on a:active {
color : #00a400;
}
.j_link, .j_link a:link, .j_link a:visited, .j_link_on {
color : #0000ff;
}
.j_link_on a:hover, .j_link_on a:active {
color : #0000ff;
}
.b_link, .b_link a:link, .b_link a:visited, .b_link_on {
color : #666666;
}
.b_link_on a:hover, .b_link_on a:active {
color : #666666;
}
.r_news li {
display: block;
position: relative;
border-bottom: 1px solid #ddd;
margin: 0 -7px;
padding: 0 7px 5px 7px;
color: #514f51;
font: normal 10px/14px "Trebuchet MS", Tahoma, serif;
}
.r_news li:first-line { font: normal 13px/16px Arial, serif;}
.r_news li:hover { background: #F5F5F5; color: #000;}
.r_news li b { color: #2d9dff;}
.r_news li:hover b, .r_news li:hover a{ color: #000;}
.r_news li a { text-decoration: none;}
.r_news li a:hover { text-decoration: underline; color: #2d9dff;}
/*lastcomments block*/
.lcommbox {
display: none;
position: absolute;
z-index: 3;
left: 193px;
top: 0px;
padding:10px;
border: 1px solid #ccc;
background: #fff;
font-size: 12px;
}
.lcomment.hover div[class="lcommbox"] {display: block;}
.lcommbox p {color: #2d9dff; background: #F5F5F5;
margin: -9px -9px 10px -9px; padding: 5px 9px; font-size: 12px;}
.lcommbox p:first-child { margin-bottom: 0;}
.lcomment a {color: #000; font-size: 11px;}
.lcomment b a {color: #2d9dff; font-size: 13px;}