* {
margin:0;
padding:0;
}

body {
font:62.5%/1.6em Myriad Pro, Arial, Helvetica, sans-serif;
color:#555;
margin:20px;
background:url(../images/body.jpg) top repeat-x #333; 
}

a {
color:#7BB2D6; text-decoration: none; 
}

a:hover { text-decoration: underline; }

img {
border: 0px; }

form {
margin:0px;
padding:0px;
}

/* Поля, Кнопки */
.inputText,
.inputPassword {
  border: 1px solid #C0CAD5; 
  font-family: tahoma, tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  padding: 3px; 
}
        
input[type="text"],
input[type="password"],
input[type~="text"], 
input[type~="password"] {
  border: 1px solid #C0CAD5; 
  padding: 3px;
  font-size: 11px;
  font-family: tahoma, tahoma, verdana, arial, sans-serif; 
}

textarea {
  border: 1px solid #C0CAD5;
  padding: 3px;
  font-size: 11px;
  font-family: tahoma, tahoma, verdana, arial, sans-serif; 
}
      
input[type="submit"],
input[type="button"],
input[type~="submit"],
input[type~="button"] {
  background-color: #36638E;
  color: #FFFFFF;
  font-size: 11px;
  padding:3px;
  font-family: tahoma, tahoma, verdana, arial, sans-serif; 
  border:0
}

/* Заголовки */
h1      {
        margin: 0px;
        padding: 0px;
        font-size: 14px; }

        h1 a { color: white; text-decoration: none; }
        h1 a:hover { color: white; text-decoration: underline; }
        h1 em { font-style: normal; border-bottom: solid 1px #DAE1E8; }

h2      {
        font-size: 11px;
        margin: 0px;
        padding: 0px; }

h6 {	border-bottom: 1px solid #DAE1E8;
	color: #36638E;
	margin:0px; padding:0px;
	font-size: 14px;
	padding-bottom: 5px; }

h3      {
        color: #444;
        font-size: 11px;
        font-weight: normal;
        margin: 0px;
        padding: 0px; }

h4      {
        color: #36638E;
        font-size: 11px;
        margin: 0px 0px 6px 8px; }

        h4 .edit { display: inline; margin-left: 8px; }
        h4 .edit a { color: lightgrey; }
        h4 .edit a:hover { color: #36638E; }

h5      {
       color: #36638E;
       font-size: 11px;
       margin: 0px 0px 6px 8px; }

       h5 .edit { display: inline; margin-left: 8px; }
       h5 .edit a { color: lightgrey; }
       h5 .edit a:hover { color: #36638E; }
	   
/* Страница */
#wrapper {
background:#fff;
border:4px solid #222;
margin:0 auto;
padding:5px;
}

.fixed {
width:760px;
}

.fluid {
width:90%;
}

#right {
float:right;
}

/* Форма Авторизация */
#login_form{
position: absolute;
width: 24%;
left: 38%;
top: 85px;
background: #fff;
border:solid #eee 5px;
display: none;
z-index: 99;
overflow: hidden;
}

#login_form #border{
border:1px solid #c4c4c4;
padding:15px;
padding-left:65px
}

#login_form a{	
font:11px Tahoma, Verdana;
text-decoration: none;
color:#2887c3;}

#login_form a { text-decoration: underline; }
#login_form a:hover { text-decoration: none; }
/* Шапка */

#header {
height:90px;
background:url(../images/header.jpg) top repeat-x;
}

#header h1 {
height:45px;
font:250% Trebuchet MS;
color:#fff;
padding:30px 20px 10px;
}

#search {
background:#fff url(../images/search.gif) top left no-repeat;
font-size:11px !important;
color:#b7b7b7;
width:130px;
height:13px;
border:1px solid #000;
margin:0;
padding:4px 0 4px 23px;
}

.search {
position:relative;
float:right;
padding:32px 30px 0 0;
}

#navigat {
height:125px;
background:#333;
}

#nav {
list-style:none;
width:570px;
margin:0;
  font-family: tahoma, tahoma, verdana, arial, sans-serif;
}

#nav li {
display:block;
float:left;
background:none;
height:48px;
margin:0 0 2px;
padding:8px 0 0 21px;
}

#nav li a {
color:#EEE9DC;
font-size:18px;
text-decoration:none;
display:block;
float:left;
width:160px;
height:44px;
margin:0;
padding:4px 0 0;
}

#nav li a span {
font-size:10px;
display:block;
margin-top:-2px;
}

#nav li a img {
display:block;
float:left;
border:3px #45403C solid;
margin:-4px 10px 0 0;
}

#nav li a:hover img,#nav li a.active img {
border-color:#FFF;
}

#nav li a:hover {
color:#FFF;
text-decoration:none;
}

#login {
border-left:1px #45403C solid;
width:160px;
height:100%;
font-size:12px;
float:right;
color:#ccc;
padding:0 10px 0 11px;
}

#login img {
border:3px solid #555;
float:right;
width:48px;
}

#login ul {
list-style-type:none;
line-height:20px;
margin:0;
padding:0;
}

#login a,#login li a{
font-size:12px;
text-decoration:none;
color:#ccc;
padding:3px 5px;
}

#login a:hover,#login li a:hover{
background:#e7e7e7;
color:#333;
}

/* Левая блок */
#sidebar_left {
float:left;
width:180px;
background:#f6f6f6;
font:100% Verdana;
line-height:20px;
border-right:1px solid #eee;
margin:0 15px 0 0;
padding:0 10px;
}

#sidebar_left h2 {
font:140% Trebuchet MS;
color:#222;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
padding:5px;
}

#sidebar_left p {
line-height:20px;
}

.arrowlistmenu {
width:180px;
}

.arrowlistmenu .menuheader {
font:bold 14px Myriad Pro;
color:#FFF;
background:#333 url(../images/titlebar.png) repeat-x center left;
margin-bottom:10px;
text-transform:uppercase;
cursor:pointer;
padding:4px 0 4px 10px;
}

.arrowlistmenu .openheader {
background-image:url(../images/titlebar-active.png);
}

.arrowlistmenu ul {
list-style-type:none;
margin:0 0 8px;
padding:0;
}

.arrowlistmenu ul li {
padding-bottom:2px;
}

.arrowlistmenu ul li a {
color:#A70303;
background:url(../images/arrowbullet.png) no-repeat center left;
display:block;
text-decoration:none;
font-weight:700;
border-bottom:1px solid #dadada;
font-size:12px;
padding:2px 0 2px 19px;
}

.arrowlistmenu ul li a:visited {
color:#A70303;
}

.arrowlistmenu ul li a:hover {
color:#A70303;
background-color:#F3F3F3;
}

/* Контент */
ul.tabs {
height:18px;
line-height:25px;
list-style:none;
font:100% Myriad Pro, Arial, Helvetica, sans-serif;
margin:5px 0 3px;
}

* html ul.tabs {
margin-bottom:0;
}

ul.tabs li {
float:left;
margin-right:1px;
}

ul.tabs li a {
display:block;
margin-bottom:-1px;
color:#444;
text-decoration:none;
cursor:pointer;
background:#F9F9F9;
border:1px solid #EFEFEF;
border-bottom:1px solid #F9F9F9;
position:relative;
padding:0 13px 1px;
}

ul.tabs li a:hover {
color:#F70;
background:#FFFFDF;
border:1px solid #FFCA95;
padding:0 13px;
}

ul.tabs li.tab-current a {
color:#444;
background:#EFEFEF;
border:1px solid #DDD;
border-bottom:1px solid #EFEFEF;
padding:0 13px 2px;
}

#content {
font-size:130%;
padding:0 0 0 10px;
}
#content h2 {
font:130% Trebuchet MS;
color:#999;
}

#content h3 {
font:110% Trebuchet MS;
color:#999;
}

#content h2 a {
font:130% Trebuchet MS;
color:#999;
text-decoration:none;
}

#content h2 span a {
font:130% Trebuchet MS;
color:#73C700;
text-decoration:none;
}

#title {
border-bottom:1px solid #eee;
margin:0;
padding:0;
}

.with_sidebar {
margin:0 0 0 200px;
}

#content h1,h2,h3,h4,p,ul,ol,blockquote {
line-height:20px;
margin:15px 0;
}

.info_holder {
margin-top:6px;
margin-left:-15px;
z-index:500;
white-space:nowrap;
height:30px;
clear:left;
padding:0 15px;
}

*html .info_holder {
margin-top:5px;
}

.info_holder div {
float:left;
margin-top:-1px;
margin-right:-1px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
padding:1px 10px;
}

.info_holder a {
font-family:Arial;
font-size:9px;
display:block;
float:left;
text-decoration:none;
font-weight:700;
}

.info_holder div.first {
margin-bottom:-2px;
padding-bottom:1px;
white-space:nowrap;
}

.arrows_vote {
display:block;
float:left;
}

div.date a {
padding-left:14px;
background:url(../images/plashka_clock.gif) center left no-repeat;
color:#369;
text-decoration:none;
}

div.date a:hover span {
background-color:#369 !important;
color:#FFF;
}

*html div.date a:hover span {
background-color:#FFF;
color:#369;
}

div.date a:hover {
background:url(../images/plashka_clock_hover.gif) center left no-repeat;
}

div.user a {
padding-left:14px;
background:url(../images/plashka_user.gif) center left no-repeat;
color:#C00;
text-decoration:none;
}

div.user a:hover span {
background:#C00;
color:#FFF;
}

*html div.user a:hover span {
background:#FFF;
color:#C00;
}

div.user a:hover {
background:url(../images/plashka_user_hover.gif) left center no-repeat;
}

div.comment_plashka a {
padding-left:16px;
background:url(../images/plashka_comment.gif) left center no-repeat;
color:#C00;
text-decoration:none;
}

div.comment_plashka a:hover {
background:url(../images/plashka_comment_hover.gif) left center no-repeat;
}

div.comment_plashka a:hover span.red {
background-color:#C00 !important;
color:#FFF;
}

div.comment_plashka a:hover span.green {
background-color:#390 !important;
color:#FFF;
}

*html div.comment_plashka a:hover span {
background-color:#FFF !important;
color:#369 !important;
}

#footer {
background:#f6f6f6;
border-top:2px solid #eee;
clear:both;
margin:30px 0 0;
padding:15px;
}

div.t2,div.t3,div.t4 {
display:none;
}

div.t1,div.t2,div.t3,div.t4 {
border:1px solid #DDD;
background:#fff;
padding:0 10px;
}

.repa {
border:1px solid #DDD;
background-color:#FFF;
color:#757575;
text-decoration:none;
margin:20px 10px;
padding:10px;
}

.repa a {
color:#4B73D4;
text-decoration:none;
}

.repa a:hover {
color:#4B73D4;
text-decoration:underline;
}

#left,* html ul.tabs li a,*+html ul.tabs li a {
float:left;
}

#content h2 a:hover,#content h2 span a:hover {
color:#222;
}

#sidebar_left h1,h2,h3,h4,p,ul,ol,blockquote,#sidebar_right h1,h2,h3,h4,p,ul,ol,blockquote {
margin:15px 0;
}

.tag {
background:url(../images/tags.gif) no-repeat center left;
padding:2px 0 2px 19px;
}

.tag a:link {text-decoration:none; padding:3px;}
.tag a:hover {text-decoration:none; padding:3px; background:#f0f0ec; color:#000000;}
.tag a:visited {text-decoration:none; padding:3px; color:#000000;}

.info_holder div.first a span,.arrows_vote img {
padding:0 2px;
}

.userinfo {
padding-top:20px;
}

.userinfo_line .left {
color:#666;
font-weight:700;
float:left;
width:200px;
text-align:right;
padding-right:0.5em;
}

.userinfo_line .right {
margin-left:200px;
padding-left:12px;
padding-bottom:7px;
}

* html .userinfo_line .right {
margin-left:0;
float:left;
}

* html .userinfo_line {
clear:left;
}

.userinfo_line .right img {
vertical-align:middle;
margin-right:3px;
}

.commentbox { margin-bottom: 1em; padding: 1em; border: 1px solid #efefef; }
.commentbox:hover { background: #fdfdfd; }
.commentbox h4 { padding-bottom: 0.4em; border-bottom: 1px dashed #CCCCCC; font-size: 110%; }
.userpic, .comment { vertical-align: top; }
.comment { font-size: 100%; line-height: 150%; color: #5b5b5b; }
.commentoptions { height: 1em; font-size: 100%; text-align: right; }
.commentoptions a { padding: 0.1em 0.3em; color: #c0c0c0; }
.commentoptions a:hover { background: #e2e2e2; color: #000000; text-decoration: none; }

.h {height: 300px;}
.w {width:450px;}

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

#blok p {line-height:10px;}