/*
	Author: Rumin Sergey
	Copyright: CENTROARTS.com
	e-mail: centroarts@mail.ru
	URL: http://www.centroarts.com
*/

@import url("style.css");
@import url("blocks.css");
@import url("base.css");
@import url("tools.css");
@import url("engine.css");

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, 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, Arial, Verdana, sans-serif;
        margin: 0;
	line-height: 1.2em;
	font-weight: bold;
}

h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.2em; font-variant: small-caps; }
h6 a:hover { text-decoration: none; }

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

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

/*PAGE*/
body {
	color: #303030;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 0.70em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
}

.pagebg {
	padding: 0; margin: 0;
	background: #e5e9ee url(../images/7.png) repeat;
	background-color: #e0e0e0;
	background-attachment: fixed;	
}

/*OTHER SETTINGS*/
p {
	padding: 0; margin: 0;
	margin-bottom: 8px;
}
.nomarg { margin: 0; }
.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;
}

/*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;
}

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

.reset, .reset li { margin: 0; padding: 0; display: block; list-style: none; }

/*WRAPPER*/

.wrapper {
	margin: auto;
	width: 996px;
	text-align: left;
}

/*HEAD*/
.lcolomn { float: left; display: inline; }
.rcolomn { float: right; display: inline; }
.green { color: #7ab727; }

.headwide, .headwide .wrapper { height: 201px; }
.headwide { background: #e4e4e4 url("../images/headbg.png") repeat-x 0 -201px; }

/*toplinks*/
.toph span {
	float: left;
	font-size: 0.9em;
	color: #484646;
	padding-top: 7px;
}
.toph span a { color: #a1d354; }
.toph b { float: right; font-weight: normal; padding-top: 7px; }
.toph b a {
	color: #fff;
	height: 17px; width: 41px; float: right; text-decoration: none !important; }
.toph b a img {
	float: right;
	width: 16px; height: 17px;
	background: url("../images/icons.png") no-repeat 0 -13px;
	margin-left: 5px;
}
.toph b a:hover img { background: url("../images/icons.png") no-repeat -16px -13px; }

/*wrapbox*/
.wrapbox, .wrapbox, .wraplt, .wraprt, .wrapl, wrapr { width: 100%; }
.wrapbox { background: #fff url("../images/wrap_topbg.png") repeat-x 0 0; }
.wraplt { background: url("../images/wrap_topleft.png") no-repeat 0 0; }
.wraprt { background: url("../images/wrap_topright.png") no-repeat 100% 0; }
.wrapl { background: url("../images/wrap_left.png") repeat-y 0 0; }
.wrapr { background: url("../images/wrap_right.png") repeat-y 100% 0; }

/*ÑÒÐÓÊÒÓÐÀ ÁËÎÊÎÂ*/
.container,
.leftside,
.midside,
.rightside,
.mainside { overflow: hidden; }
.container { padding: 8px 0 0 224px; }
.container .midside .container { padding: 0 224px 0 0; }
.leftside {
	display: inline;
	float: left;
	width: 224px;
	margin: 0 0 0 -224px;

}
.rightside {
	display: inline;
	float: right;
	width: 224px;
	margin: 0 -224px 0 0;
}
.midside {
	float: right;
	width: 100%;
}
.mainside {
	float: left;
	width: 100%;
	padding-top: 11px;
}
table.conts {
	border-collapse: collapse;
	border-spacing: 0; border: 0px;
	width: 100%;
}

/*speedbar*/
.speedbar {
	padding: 0 14px 21px 14px;
	color: #ababab;
	background: url("../images/linespeed.png") repeat-x 0 100%;
}

.speedbar img {
	vertical-align: middle;
	width: 100px; height: 18px;
	background: url("../images/icons.png") no-repeat -54px 0;
	margin: -2px 5px 0 0;
}

/*footer*/
.wrapfoot, .wrapfoot div { height: 39px; }
.wrapfoot { background: #fff url("../images/wrap_btm.png") repeat-x 0 0; }
.wrapfoot div { padding: 0 0 0 224px; background: url("../images/wrap_btmleft.png") no-repeat 0 0; }
.wrapfoot div div { padding: 0 224px 0 0; background: url("../images/wrap_btmright.png") no-repeat 100% 0; }

/*FOOTER*/
.footer, .footer div { height: 61px; }
.footer {
	background: url("../images/footer.png") no-repeat 0 0;
	overflow: hidden;
	color: #fff;
	position: relative;
}
.footer .drl { padding: 0 0 0 25px; }
.footer .drl .drl { padding: 0 25px 0 0; }

.copyright, .copyright a { color: #fff; }
.copyright {
	float: left;
	padding-top: 11px;
}

.count {
	position: absolute;
	top: 13px; right: 23px;
	display: inline;
}

*html .count { bottom: 23px; }
.count span {
	display: block;
	float: left;
	height: 31px;
	margin-left: 4px;
}

#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%;
}

/*admin*/
.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; }

/*bot*/
.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; }

/*bas redaktor*/
.e_link, .e_link a:link, .e_link a:visited, .e_link_on { color : #ff0000; }
.e_link_on a:hover, .e_link_on a:active { color : #ff0000; }

/*redaktor*/
.d_link, .d_link a:link, .d_link a:visited, .d_link_on { color : #9E00AC; }
.d_link_on a:hover, .d_link_on a:active { color : #9E00AC; }

/*jurnalist*/
.j_link, .j_link a:link, .j_link a:visited, .j_link_on { color : #038A03; }
.j_link_on a:hover, .j_link_on a:active { color : #038A03; }

/*Moder*/
.m_link, .m_link a:link, .m_link a:visited, .m_link_on { color : #1E61C7; }
.m_link_on a:hover, .m_link_on a:active { color : #1E61C7; }

/*VIP*/
.v_link, .v_link a:link, .v_link a:visited, .v_link_on { color : #1D9EC2; }
.v_link_on a:hover, .v_link_on a:active { color : #1D9EC2; }

/*Brilliant*/
.r_link, .r_link a:link, .r_link a:visited, .r_link_on { color : #E36262; }
.r_link_on a:hover, .r_link_on a:active { color : #E36262; }

/*Gold*/
.g_link, .g_link a:link, .g_link a:visited, .g_link_on { color : #F07807; }
.g_link_on a:hover, .g_link_on a:active { color : #F07807; }

/*Silver*/
.s_link, .s_link a:link, .s_link a:visited, .s_link_on { color : #2E2E2E; }
.s_link_on a:hover, .s_link_on a:active { color : #2E2E2E; }

/*Bronze*/
.z_link, .z_link a:link, .z_link a:visited, .z_link_on { color : #6D9184; }
.z_link_on a:hover, .z_link_on a:active { color : #6D9184; }

/*activ*/
.c_link, .c_link a:link, .c_link a:visited, .c_link_on { color : #9EAC00; }
.c_link_on a:hover, .c_link_on a:active { color : #9EAC00; }

/*userler*/
.u_link, .u_link a:link, .u_link a:visited, .u_link_on { color : #737272; }
.u_link_on a:hover, .u_link_on a:active { color : #737272; }

/*princess*/
.p_link, .p_link a:link, .p_link a:visited, .p_link_on { color : #EB00BF; }
.p_link_on a:hover, .p_link_on a:active { color : #EB00BF; }

/*Forum Redaktor*/
.f_link, .f_link a:link, .f_link a:visited, .f_link_on { color : #1C04CF; }
.f_link_on a:hover, .f_link_on a:active { color : #1C04CF; }

.ican {         
   float:left;
   border: 1px;  
   padding-top: 3px;
   padding-left: 3px;     
   padding-bottom: 3px; 
   padding-right: 3px;    
   margin-top: 2px;
   margin-left: 2px;  
   margin-right: 2px;
   margin-bottom: 2px;
   border-style: dotted;  
   border-color: #00CD66;
}

.icant {  
   float:left;
   border: 1px;  
   padding-top: 3px;
   padding-left: 3px;     
   padding-bottom: 3px; 
   padding-right: 3px;
   margin-top: 2px;
   margin-left: 2px;  
   margin-right: 2px;
   margin-bottom: 2px;
   border-style: dotted;  
   border-color: #FF0000; 
   color: #FF0000;
}

#banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}

#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
.storyx img { max-width: 500px; }
.slink img { max-width: 400px; }