*{margin:0; padding:0; border-spacing:0; border-collapse:collapse}
html, body{height:100%; width:100%; margin:0; padding:0;}

body{background:url(../img/headback.gif) top center repeat-x; color:#555; font:normal 12px Tahoma; text-align:center}
/* Общее */
td{vertical-align:top; text-align:left}
.right{text-align:right}
.clear{clear:both}
table{border-spacing:0; border-collapse:collapse}
input.field{border:1px solid #555; width:200px; color:#999}
/* Кнопки/ссылки */
a{text-decoration:none; font:normal 12px Tahoma; outline:0; color:#06c}
a img{border:none}
a b, a em, a i, a u{position:absolute; width:1px; height:1px; background:#fff; font-size:1px}
a b{top:0; left:0}
a em{top:0; right:0}
a i{bottom:0; left:0}
a u{bottom:0; right:0}
a.hd{display:block; height:20px;  background:#3d8cc4; color:#eee; padding:1px 5px; font:normal 14px Verdana; position:relative; width:170px; margin:15px 0 2px 0}
a.hd:hover{background:#a6d7e5}
a.hd span{display:block; float:right; font:bold 14px Arial; padding:2px 5px 0 0}
a.button{padding:2px 10px; color:#555; background:#ccc; display:inline-block; height:17px; position:relative; font-size:12px}
a.button:hover{background:#ddd}
td table td a.button, div.message a.button{float:right; margin-top:5px}
a.title{padding:0 7px; font:bold 12px Verdana}
a.title:hover{position:relative}
a.high{font-weight:bold}

/* Ссылки на профили пользователей */
a.group2{color:#900}
a.nouser{color:#999}

/* Метки */
div.tags a.tag{display:block; padding-top:7px; float:left}
a.tag:hover, div.tags a:hover{text-decoration:underline}

/* Формы */
input.invis, #login table input.invis{width:1px; height:1px; border:none}
input.inp, textarea, select{border:1px solid #ccc; width:100%; color:#666; padding:2px}
select.bb, table.form  select.bb{width:100px; padding:0}
table.form input{vertical-align:middle}
h1.title{color:#693; font:bold 18px Arial; border-bottom:1px dashed #693}
h1#frm_title{border:none; cursor:pointer; padding-top:15px; font-size:12px}
table.form{border:1px solid #ccc; width:100%; margin:15px 0; font:normal 14px Verdana}
table.form td, table.form th{padding:5px; width:50%; border-bottom:1px dotted #ccc; font-weight:normal; text-align:left}
table.form th{color:#09c}
table.form td.last{border-bottom:none}
table.form span, #cf span.e{color:#900; font:normal 10px Tahoma}
#cf div.bbcode span{font-size:inherit; color:inherit}
table.form textarea{height:80px}
table.form td.accept, table.form td.denied{text-align:right; font:italic 12px Tahoma; color:#555}
table.form td.accept{font-weight:bold}

/* Страница комментариев */
#comments, .uinfo{width:100%}
#comments td, .uinfo td{text-align:center; padding-top:7px}
#comments td.left, .uinfo td.left{padding-right:15px; width:150px}
#comments td div, .uinfo td div{text-align:left}
#comments td img, .uinfo td img{margin:5px 0}
.info, #comments td.sign, #comments td.sign div.bbcode{font-size:12px}
.info span{color:#09c}
.info span.g{float:right}
.uinfo .info span{float:none; display:block; padding:2px 0}
.uinfo .info{text-align:left}
.uinfo .info img{margin:0; vertical-align:middle}
#comments td.sign{height:1px; padding-left:5px}
#comments td.sign div.bbcode{border-top:1px dashed #ccc; padding-top:5px}
#comments td.sign, #comments td.left{padding-bottom:20px}
.uinfo .sm{width:33%}

/* Различные блоки для вывода сообщений */
div.loader{float:left; color:#3d8cc4; font:normal 10px Tahoma; margin-top:5px}
#login div.loader{font-size:10px; margin:0; padding-bottom:2px}
div.container, div.message{border:1px solid #ccc; padding:10px 7px 0 7px}
div.container{border-top:none}
div.container table{border:none; margin-bottom:0}
div.container h1.title{font-size:12px; padding-bottom:5px}

div.message{margin:5px auto; border-style:dotted; padding-bottom:5px; background:#fff}
div.message h1{font:bold 14px Arial; margin:5px 0; color:#09c; border-bottom:1px dashed #09c; padding-bottom:2px}
div.bar, div.bar *{font:normal 12px Verdana}
div.bar{color:#aaa; font-weight:bold; padding-bottom:2px}
div.bar span{float:right}
div.bar, div.b{border-bottom:1px dashed #999}
.nb{border:none}
.b2{padding-top:5px}
div.think{font-weight:normal}

div.msg{padding:5px; font-size:12px}
div.error{color:#900; margin-top:15px}

/* Блоки с BB-кодом */
div.message div.bbcode{padding:5px; border-bottom:1px dashed #999; margin-bottom:5px; color:#777}
div.bbcode{text-align:left}
div.bbcode, div.bbcode a, div.bbcode div, div.bbcode span{font:normal 14px Tahoma}
div.bbcode a, div.bbcode div, div.bbcode span{font-family:inherit; font-style:inherit; }
div.bbcode span.quote, div.bbcode a.quote{margin:0 10px; font-size:12px}
div.bbcode a.quote{padding-top:5px; display:block}
div.bbcode span.quote{padding:3px; background:#eee; border:1px dotted #999; margin-bottom:5px}
div.bbcode a b, div.bbcode a u, div.bbcode a i{position:static; width:auto; height:auto; background:none; font-size:inherit}
#comments div.bbcode img{margin:0; vertical-align:middle}
span.quote{display:block}

/* Галерея */
div.picture{padding:15px 0; text-align:left}
div.picture div{width:33%; text-align:center; float:left; min-height:150px; height:auto!important; height:150px}
div.picture div.clear{width:auto; float:none; height:auto; min-height:0}
div.picture span{font:normal 14px Verdana; color:#06c}
div.picture img{margin:10px 0}
div.picture div input{vertical-align:middle}

div.photo{text-align:center}
div.photo div.head{color:#699; font:normal 18px Verdana; margin:20px 0}
div.photo_props, div.photo_props a{margin:10px 0; font:normal 12px Verdana}

/* Постраничная разбивка */
div.paginator{text-align:center; padding:7px}
div.paginator a{padding:3px; border:1px solid #999; color:#999}
div.paginator a:hover{color:#fff; background:#999}

/* Редактор BB-кодов */
div.bb{padding:5px 0}
div.bb input, div.bb span.button{padding:1px; margin:0 2px; background:#ccc; border:1px solid #555;  cursor:pointer}
div.bb span.button{padding:1px 3px; background:#999}
div.bb input, div.bb span.button, div.bb span.button span{color:#555; font:normal 12px Verdana}
div.bb span.button span{display:inline-block; width:10px; background:#090}
div.bb input:hover, div.bb input.hover{color:#eee; background:#333}
div.bb img{width:15px; height:15px; cursor:pointer; padding:5px 2px}

/* Блок со скроллингом - для истории сообщений в ЛС под формой ответа */
div.scroll{height:200px; overflow:scroll; background:#eee}

/* Управляющие ссылки для статьи (подробнее, комментарии, редактировать etc) */
div.downlinks, div.downlinks a{font:normal 12px Tahoma;}
div.downlinks{text-align:right; padding-top:5px; margin-bottom:20px}
div.downlinks a{color:#00f; padding-left:7px}
div.downlinks a:hover{color:#09c}

/* Список attachment'ов для статьи */
div.upload{padding-bottom:10px}
div.upload h3{font:normal 14px Verdana; color:#aaa; border-bottom:1px dashed #aaa; margin:12px 0}
div.upload a{font-size:12px}
div.upload a span{visibility:hidden}
div.upload a:hover span{visibility:visible}
div.upload td.load{font-size:10px; padding:3px 5px}

/* Список меток */
div.tags{text-align:justify}
div.bbcode div.tags{padding-top:10px}

/* Выделение (в поиске) */
span.sel{background:#099}

/* Pop-up tooltips */
a.title span{display:none; position:absolute; top:20px; left:0; padding:5px; background:#eee; border:1px dashed #999; color:#09c; width:250px; font:normal 12px Verdana; z-index:2000}
a.title span span{display:block; position:static; border:none; color:#922; width:auto}
a.title:hover span{display:block}

/* Вкладки */
table.tabs{width:100%; border-left:1px solid #ccc}
table.tabs a{display:block; padding:10px 15px; border:1px solid #ccc; border-right:none; background:#eee}
table.tabs a:hover{background:#ddd}
table.tabs a.act,table.tabs a.act:hover{background:none; border-bottom:none}
table.tabs a.first{border-left:none}
table.tabs a.last{border-right:1px solid #ccc}
table.tabs td.last{border-bottom:1px solid #ccc; height:35px; width:100%}

/* Картинки */
img.ava{float:right; margin-bottom:5px}
img.captcha{vertical-align:middle; float:right}

/* Запрещённая ссылка */
span.bad_link{color:#900; border-bottom:1px dashed #900}

/* СТруктура страницы */
#main{width:1020px; min-height:100%; height:100%; margin:0 auto;}

#head{height:150px; vertical-align:bottom; background:#56A1CB url(../img/hd.jpg) top right no-repeat}
#head div{padding:0 0 10px 180px; color:#fff; font:bold 14px Verdana}
#head a{display:block; margin-bottom:5px; height:50px; width:200px; background:url(../img/name.png) top left no-repeat}

#search{height:35px; vertical-align:middle; text-align:right; padding-top:5px}
#search span{padding-top:5px; height:20px}
#search a{padding-right:20px}

.menu a{display:block; color:#444; font:normal 15px Verdana; padding:1px 0 5px 0; border-bottom:1px dashed #999}
.menu a:hover{background:#eee}
.menu a span{padding:2px; font:normal 14px Arial; visibility:hidden}
.menu a:hover span{visibility:visible}

#login, #uinfo{text-align:center}
#login table{margin:5px auto; font:normal 12px Tahoma}
#login table td{padding:0 5px 2px 0}
#login table input.inp{font-size:10px; width:105px}
#login label{font:normal 12px Verdana; display:block; padding:7px}
#login input{vertical-align:top}



#leftnav, #rightnav{width:180px; padding-bottom:30px}
#content{width:680px; padding:0 25px 30px 25px}

#foot,#foot a{font:normal 16px Verdana;}
#foot{height:50px; text-align:center; color:#555}
#foot a{color:#06c}
#foot a:hover{color:#900}
#foot div#counter{margin-top:10px}