/* Ячейка опроса 
 ------------------------------------------*/ 
 .cell_poll_title { 
 text-align:center; 
 font: 100%/1.5 Verdana,Arial,Helvetica, sans-serif; 
 padding: 5px 0px; 
 } 

 .cell_poll_left { 
 float:left; 
 width:115px; 
 } 

 .cell_poll_right { 
 float:left; 
 text-align:right; 
 width:115px; 
 } 

 .cell_poll_forum, 
 .cell_poll_rezultat, 
 .cell_poll_variant, 
 .cell_poll_title, 
 .cell_poll { 
 float:left; 
 width:230px; 
 } 

 .cell_citation { 
 font-size:10px; 
 color:#555; 
 } 

 .cell_citation_os { 
 float:left; 
 background-color: #fff; 
 border: 1px solid #B6B6B5; 
 padding: 5px; 
 } 

 .cell_poll_rezultat, 
 .cell_poll_variant { 
 padding: 5px 0px; 
 } 

 .answer { 
 padding: 5px 0px 5px 0px; 
 } 

 .answer div div { 
 height: 10px !important; 
 border: 1px solid #fff; 
 } 

 .answer div { 
 display: block; 
 position: relative; 
 padding: 0 !important; 
 border: 1px solid #B6B6B5; 
 background: #F4F5F6; 
 margin: 3px 0px 0px 0px;} 
 /* -------------------------------------- */ 
/* Тёмный вариант последних комментарий 
 ------------------------------------------*/ 
.last_comment_os { 
 overflow: hidden; 
 float:left; 
 font: 11px Verdana,Arial,Helvetica, sans-serif; color:#B5B5B5; 
 width:250px; 
 margin: 5px 0px 5px 0px; 
} 

.last_comment_os a:link, 
.last_comment_os a:visited {color:#B5B5B5;} 
.last_comment_os a:hover {color:#929292;} 

.lc_message { 
 float:left; 
 margin: 0; 
 padding:5px; 
 width:238px; 
 background: #555; 
 border: 1px solid #2c2c2c; 
} 

.lc_uzer { 
 float:left; 
 text-align:right; 
 width:250px; 
 position: relative 
} 

.lc_ugol { 
 position:absolute; 
 float:right; 
 background: url(http://www.center-dm.ru/ucoz/informer/coment/v1/lc_ugol_Black.png) no-repeat right; 
 width: 27px; 
 height: 27px; 
 top: -1px; 
 right: 20px; 
} 

.lc_avatar { 
 float:right; 
 width: 30px; 
 height: 30px; 
 padding:3px; 
 border: 1px solid #2c2c2c; 
 margin: 10px 55px 0px 10px; 
} 

.lc_name { 
 float:right; 
 width: 145px; 
 margin: 13px 0px 2px 0px; 
 font-weight: bold; 
} 

.lc_data { 
 float:right; 
 font: 9px Verdana,Arial,Helvetica, sans-serif; color:#999; 
 width: 145px; 
} 

.transparency_i a:hover img { 
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); 
 -moz-opacity: 0.5; 
 opacity: 0.5; 
 filter: alpha(opacity=50); 
} 
/* ------------------------------------------*/
Оранжевый вариант:

CSS
Выделить всё
/* Оранжевый вариант последних комментарий 
 ------------------------------------------*/ 
.last_comment_os { 
 overflow: hidden; 
 float:left; 
 font: 11px Verdana,Arial,Helvetica, sans-serif; color:#555; 
 width:250px; 
 margin: 5px 0px 5px 0px; 
} 

.last_comment_os a:link, 
.last_comment_os a:visited {color:#cd781d;} 
.last_comment_os a:hover {color:#f5c189;} 

.lc_message { 
 float:left; 
 margin: 0; 
 padding:5px; 
 width:238px; 
 background: #fff7e0; 
 border: 1px solid #dacba2; 
} 

.lc_uzer { 
 float:left; 
 text-align:right; 
 width:250px; 
 position: relative 
} 

.lc_ugol3 { 
 position:absolute; 
 float:right; 
 background: url(http://www.center-dm.ru/ucoz/informer/coment/v1/lc_ugol_Orange.png) no-repeat right; 
 width: 27px; 
 height: 27px; 
 top: -1px; 
 right: 20px; 
} 

.lc_avatar { 
 float:right; 
 width: 30px; 
 height: 30px; 
 padding:3px; 
 border: 1px solid #dacba2; 
 margin: 10px 55px 0px 10px; 
} 

.lc_name { 
 float:right; 
 width: 145px; 
 margin: 13px 0px 2px 0px; 
 font-weight: bold; 
} 

.lc_data { 
 float:right; 
 font: 9px Verdana,Arial,Helvetica, sans-serif; color:#999; 
 width: 145px; 
} 

.transparency_i a:hover img { 
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); 
 -moz-opacity: 0.5; 
 opacity: 0.5; 
 filter: alpha(opacity=50); 
} 
/* ------------------------------------------*/
Синий вариант:

CSS
Выделить всё
/* Синий вариант последних комментарий 
 ------------------------------------------*/ 
.last_comment_os { 
 overflow: hidden; 
 float:left; 
 font: 11px Verdana,Arial,Helvetica, sans-serif; color:#555; 
 width:250px; 
 margin: 5px 0px 5px 0px; 
} 

.last_comment_os a:link, 
.last_comment_os a:visited {color:#4982a4;} 
.last_comment_os a:hover {color:#9cbed3;} 

.lc_message { 
 float:left; 
 margin: 0; 
 padding:5px; 
 width:238px; 
 background: #e7f6ff; 
 border: 1px solid #cedfe9; 
} 

.lc_uzer { 
 float:left; 
 text-align:right; 
 width:250px; 
 position: relative 
} 

.lc_ugol { 
 position:absolute; 
 float:right; 
 background: url(http://www.center-dm.ru/ucoz/informer/coment/v1/lc_ugol_Blue.png) no-repeat right; 
 width: 27px; 
 height: 27px; 
 top: -1px; 
 right: 20px; 
} 

.lc_avatar { 
 float:right; 
 width: 30px; 
 height: 30px; 
 padding:3px; 
 border: 1px solid #cedfe9; 
 margin: 10px 55px 0px 10px; 
} 

.lc_name { 
 float:right; 
 width: 145px; 
 margin: 13px 0px 2px 0px; 
 font-weight: bold; 
} 

.lc_data { 
 float:right; 
 font: 9px Verdana,Arial,Helvetica, sans-serif; color:#999; 
 width: 145px; 
} 

.transparency_i a:hover img { 
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); 
 -moz-opacity: 0.5; 
 opacity: 0.5; 
 filter: alpha(opacity=50); 
} 
/* ------------------------------------------*/
Зелёный вариант:

CSS
Выделить всё
/* Зелёный вариант последних комментарий 
 ------------------------------------------*/ 
.last_comment_os { 
 overflow: hidden; 
 float:left; 
 font: 11px Verdana,Arial,Helvetica, sans-serif; color:#555; 
 width:250px; 
 margin: 5px 0px 5px 0px; 
} 

.last_comment_os a:link, 
.last_comment_os a:visited {color:#4a9d46;} 
.last_comment_os a:hover {color:#82cf7e;} 

.lc_message { 
 float:left; 
 margin: 0; 
 padding:5px; 
 width:238px; 
 background: #e3ffe0; 
 border: 1px solid #a5daa2; 
} 

.lc_uzer { 
 float:left; 
 text-align:right; 
 width:250px; 
 position: relative 
} 

.lc_ugol { 
 position:absolute; 
 float:right; 
 background: url(http://www.center-dm.ru/ucoz/informer/coment/v1/lc_ugol_Green.png) no-repeat right; 
 width: 27px; 
 height: 27px; 
 top: -1px; 
 right: 20px; 
} 

.lc_avatar { 
 float:right; 
 width: 30px; 
 height: 30px; 
 padding:3px; 
 border: 1px solid #a5daa2; 
 margin: 10px 55px 0px 10px; 
} 

.lc_name { 
 float:right; 
 width: 145px; 
 margin: 13px 0px 2px 0px; 
 font-weight: bold; 
} 

.lc_data { 
 float:right; 
 font: 9px Verdana,Arial,Helvetica, sans-serif; color:#999; 
 width: 145px; 
} 

.transparency_i a:hover img { 
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); 
 -moz-opacity: 0.5; 
 opacity: 0.5; 
 filter: alpha(opacity=50); 
} 
/* ------------------------------------------*/
Красный вариант:

CSS
Выделить всё
/* Красный вариант последних комментарий 
 ------------------------------------------*/ 
.last_comment_os { 
 overflow: hidden; 
 float:left; 
 font: 11px Verdana,Arial,Helvetica, sans-serif; color:#555; 
 width:250px; 
 margin: 5px 0px 5px 0px; 
} 

.last_comment_os a:link, 
.last_comment_os a:visited {color:#b52626;} 
.last_comment_os a:hover {color:#e39b9b;} 

.lc_message { 
 float:left; 
 margin: 0; 
 padding:5px; 
 width:238px; 
 background: #ffe0e0; 
 border: 1px solid #daa2a2; 
} 

.lc_uzer { 
 float:left; 
 text-align:right; 
 width:250px; 
 position: relative 
} 

.lc_ugol { 
 position:absolute; 
 float:right; 
 background: url(http://www.center-dm.ru/ucoz/informer/coment/v1/lc_ugol_Red.png) no-repeat right; 
 width: 27px; 
 height: 27px; 
 top: -1px; 
 right: 20px; 
} 

.lc_avatar { 
 float:right; 
 width: 30px; 
 height: 30px; 
 padding:3px; 
 border: 1px solid #daa2a2; 
 margin: 10px 55px 0px 10px; 
} 

.lc_name { 
 float:right; 
 width: 145px; 
 margin: 13px 0px 2px 0px; 
 font-weight: bold; 
} 

.lc_data { 
 float:right; 
 font: 9px Verdana,Arial,Helvetica, sans-serif; color:#999; 
 width: 145px; 
} 

.transparency_i a:hover img { 
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); 
 -moz-opacity: 0.5; 
 opacity: 0.5; 
 filter: alpha(opacity=50); 
} 
/* ------------------------------------------*/

На этом всё...
Яндекс.Директ 
Все объявленияBattlefield 3 
Третья часть легендарной серии. Почувствуйте жар битвы!
ozon.ru Коттеджный поселок эконом класса! 
Продажа участков с коммуникациями в коттеджном поселке Солнечная поляна!
Адрес и телефон kilyakovka.ru Квартиры от 1,96млн.р. с отделкой 
Квартиры в новостройке Санкт-Петербурга. Паркинг. Рассрочка. Ипотека.
cfa.su Волгоград

Источник:
http://www.center-dm.ru
Вольный перевод:
--------------------
Поделиться…

Быстрая подписка на Email:
Ваша оценка новости
1
2
3
4
5
оценка новости
4.5
голосов: 13
Теги: orange, ucoz, комментарий, green, white, Black, Blue, Red
0 
16 turno (04.02.2012 09:03) 
RuleZ-DM, изменил все на 300 - все равно не помогло. В чем еще может быть причина? Подскажи плиз)


0 
15 erudit (01.02.2012 14:19) 
Довольно таки неплохо 


0 
12 wallaby (31.01.2012 18:16) 
Светлая стилизация - Админ, убери в CSS "1" 
 Вот правельный CSS: 
Выделить всё
/* Белый вариант последних комментарий 
 ------------------------------------------*/ 
 .last_comment_os { 
 overflow: hidden; 
 float:left; 
 font: 11px Verdana,Arial,Helvetica, sans-serif; color:#555; 
 width:250px; 
 margin: 5px 0px 5px 0px; 
 } 

 .last_comment_os a:link, 
 .last_comment_os a:visited {color:#555;} 
 .last_comment_os a:hover {color:#999;} 

 .lc_message { 
 float:left; 
 margin: 0; 
 padding:5px; 
 width:238px; 
 background: #F6F6F6; 
 border: 1px solid #D6D6D6; 
 } 

 .lc_uzer { 
 float:left; 
 text-align:right; 
 width:250px; 
 position: relative 
 } 

 .lc_ugol { 
 position:absolute; 
 float:right; 
 background: url(http://www.center-dm.ru/ucoz/informer/coment/v1/lc_ugol_White.png) no-repeat right; 
 width: 27px; 
 height: 27px; 
 top: -1px; 
 right: 20px; 
 } 

 .lc_avatar { 
 float:right; 
 width: 30px; 
 height: 30px; 
 padding:3px; 
 border: 1px solid #D6D6D6; 
 margin: 10px 55px 0px 10px; 
 } 

 .lc_name { 
 float:right; 
 width: 145px; 
 margin: 13px 0px 2px 0px; 
 font-weight: bold; 
 } 

 .lc_data { 
 float:right; 
 font: 9px Verdana,Arial,Helvetica, sans-serif; color:#999; 
 width: 145px; 
 } 

 .transparency_i a:hover img { 
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); 
 -moz-opacity: 0.5; 
 opacity: 0.5; 
 filter: alpha(opacity=50); 
 } 
 /* ------------------------------------------*/


0 
10 turno (31.01.2012 16:00) 
И все же, как изменить размер ширины?


+1 
13 RuleZ-DM (31.01.2012 23:37) 
нужно изменить все значения width: на свои...


0 
14 turno (01.02.2012 12:11) 
RuleZ-DM, изменил все на 300 - все равно не помогло. В чем еще может быть причина? Подскажи плиз)


0 
9 uThemes (31.01.2012 13:15) 
chernoffo, а почему на твоем сайте World electro dance не стоят копирайты uTHemes?


0 
6 AssaI (31.01.2012 10:27) 
Обожаю этот блог!!! 


0 
5 turno (31.01.2012 09:20) 
А как изменить размер ширины? Меняю в css вот это: width:250px; на это width:300px; но ничего не происходит.


-2 
4 turno (31.01.2012 09:08) 
Урааа. Я герой сюжета!!!! Отлично смотрится!!! Побежал устанавливать на свой сайт)))


0 
7 chernoffo (31.01.2012 10:54) 
и с какого ты стырил мой аватар спрашиваетя??


0 
8 turno (31.01.2012 13:11) 
Я не знал, что этот аватар является твоей собственностью)) Все, сменил.


0 
11 chernoffo (31.01.2012 17:22) 
мой аватар-моя собственность..т.к я его сделал


0 
3 3loY (30.01.2012 18:13) 
Весьма вэбдваинольно 


+1 
2 Bride (30.01.2012 00:46) 
Выглядит очень красиво 


1-10 11-11 
Имя *: 
Email: 
 





Код *: 



Выбираем рубрикуhtml-css
[19]
Юзабилити
[9]
Ошибки сайта
[3]
Это надо знать
[12]
Полезные сайты
[16]
Живое интервью
[3]
Web решения для uCoz
В целом о uCoz
[8]
Разбор полётов
[4]
Ajax окна
[6]
Слайдеры
[4]
jQuery и JS
[20]
Форма входа
[3]
Форма Поиска
[2]
Форма регистрации
[1]
Форма комментарий
[3]
Вид комментарий
[3]
Вид информеров
[10]
Вид навигации
[5]
Вид новостей
[2]
Вид Опроса
[2]
Shortcodes
Вид Рейтинга
[4]
Вид Календаря
[3]
Вид Цитаты и кода
[2]
Вид Панели BB-кодов
[3]

Лучшие пользователи
 

RuleZ-DM
 

chernoffo
 

3loY
 

Silver
 

erudit
 

armenka
 

iGosu
 

Angry
 

Skoda
 

Foggy
Обрати внимание

Twitter лента
uCoz
DM+


Статистика А блогу, исполнился 590-й день
Проверенно в браузерах
11.0
18.5
11.5
5.1
9.0
Ваш браузер opera 9.80

 

 

 


[ При использовании материалов с блога, ссылка на блог обязательна! ]
© Сenter-dm.ru 2011-2012
Авторские права и создание сайта © RuleZ-DM
 
 
Наверх
Поделитесь с друзьями
Я.ру
ВКонтакте
Одноклассники
Twitter
Facebook
Мой Мир
LiveJournal
Google Plus
Яндекс
/* Rip and adaptation by Slavkeee (THE-RIP.RU) under cms uCoz */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
body { background: #f8f8f8; color: #7e7e7e; word-wrap: break-word; } 

h1, h2, h3, h4, h5 { line-height: normal; } h1 { font-size: 1.25em; } h2 { font-size: 1.2em; } h3 { font-size: 1.15em; } h4 { font-size: 1.1em; } h5 { font-size: 1em; }

a { color: #79b727; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: 0 none; }

input, textarea, select, button, body { font: 12px/16px Arial, Helvetica, sans-serif; }
input, textarea, select, button, a { outline: none; }

p { margin-bottom: 0.4em; } hr { border: 0 none; border-top: 1px solid #dbe8ed; height: 1px; } ul { margin: 0 0 18px 2em; list-style: disc outside; } ol { margin: 0 0 18px 2.1em; list-style: decimal; }

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

.clr { clear: both; } .thide, .htmenu span { overflow: hidden; display: block; height: 0; line-height: normal; }
table.userstop, table.pm, table.tableform, table.calendar { border-collapse: collapse; border-spacing: 0; }
.lcol, .rcol, form { display: inline; } .lcol { float: left; } .rcol { float: right; } .small { font-size: 0.9em; }

/** go **/
.wrapper { width: 975px; text-align: left; margin: 0 auto; }
/** top info **/
.lineinfo { height:26px; line-height:26px; padding:0 10px; color:#7e7e7e;}
.lineinfo a {text-decoration:none;}
.lineinfo .rcol a {border-bottom:1px dashed #79b727; }
.lineinfo .lcol a { color:#7e7e7e; border-bottom:1px dashed #F90;}

/* heder */
.heder { background: url("../images/heder.png") no-repeat; width:975px; height:140px;margin-bottom:2px;}

/** logo **/
.heder span { display: inline; } .heder span a { margin:4px 0 0 30px;; float: left; width: 219px; padding-top: 106px; background: url("../images/logo.png"); }
 
/** heder news **/ 
.hedernews { margin:20px 30px 0 0; width:500px; height:90px;}
.hnewsc, .hnewsc .hnewsl, .hnewsc .hnewsr {height:90px;} 
 .hnewsc {overflow: hidden;background: url("../images/hedernews.png") repeat-x 0 -90px;}
 .hnewsc .hnewsl {background: url("../images/hedernews.png") no-repeat 0 0; padding-left: 8px;}
 .hnewsc .hnewsr{background: url("../images/hedernews.png") no-repeat 100% -180px; padding-right: 8px;}
 .hnewsc h1 {font-size:14px; height:26px; line-height:26px; font-weight:normal;} .hnewsc h1 a {color: #7e7e7e; text-decoration:none;}
 .hnewsc h2 {font-size:14px; height:26px; line-height:26px; font-weight:normal;} .hnewsc h2 a {color: #7e7e7e; text-decoration:none;}
 .hnewsc p {color:#fff;}

/** top menu **/ 
.topmenu, .topmenu .topl, .topmenu .topr {height:35px; margin-bottom:13px;} 
 .topmenu {overflow: hidden;background: url("../images/topmenu.png") repeat-x 0 -35px;}
 .topmenu .topl {background: url("../images/topmenu.png") no-repeat 0 0; padding-left: 5px;}
 .topmenu .topr{background: url("../images/topmenu.png") no-repeat 100% -70px; padding-right: 5px;}
 
.topmenu li, .topmenu li span {float: left;height: 35px;line-height: 35px;cursor: pointer;}
.topmenu li a {color: #7e7e7e;}
.topmenu li a:hover {border-bottom:1px dashed #7e7e7e; text-decoration:none;}
.topmenu b { padding: 0 12px 0 12px; font-weight:normal; }
.topmenu li span {padding: 0 12px 0 12px;background: transparent url("../images/topline.png") no-repeat;}

/** search **/
.sear {float: right; width: 194px; height: 25px; background: url("../images/she.png") no-repeat; padding:0 6px;margin-top: 5px; }
 .sear span { float: left; height: 25px; } .sear .inp { width: 194px; overflow: hidden; }
 .sear .inp input { color: #bebebe; float: left; height: 15px; width: 194px; border: 0 none; background: #fbfbfb; margin-top: 5px; }
 
/** struktura **/
.newc, .blockl{ float:left;}
.newc { width:550px;}
.blockl{ width:212px;}
.blockr{ float:right; width:193px; padding-left:19px;}
 
/** block **/
.block { width: 193px; margin: 0 0 2px 0; background: url("../images/block.png") repeat-y -193px 0;}
.bt { font-size: 1.2em; height: 29px; background: url("../images/block.png"); overflow: hidden; }
.bt span { display: block; margin: 7px 8px 0 8px; color:#fff; }
.dcont { padding: 0 8px; width: 177px; }
.bbut { height: 14px; background: url("../images/block.png") no-repeat 100% 100%;}

/** block comm **/
.comm {background: url("../images/comm/butc.png") repeat-y -178px 0; width:178px; margin:8px 0 8px 0; }
.comm p { padding:0 10px; margin:0px; color:#5f8c22;}
.commt {background: url("../images/comm/top.png") no-repeat; height:28px; color:#476f11;}
.commt span { font-size:14px; margin:0 0 0 8px;}
.commb {background: url("../images/comm/butc.png") no-repeat; width:178px; height:11px;}

/** block arch **/
.arch {padding:8px;}
.arch a{color:#476f11;}

/** chat **/
.chat {padding:8px;}
.fons {border:1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:4px; margin-bottom:4px;}
.fons span { color:#476f11;} .fons p { color:#608d22; margin:0;} .fons a { color:#c1c1c1; text-decoration:underline;}

/** topnews **/
.topns { margin:10px 0 10px 0;} .topns li{border-bottom:1px dashed #c3c3c3; padding:4px 0;}

/** login **/
.loginblock {background: url("../images/login.png") no-repeat; width:193px; height:123px;}
.loginblock .ltit {display: block; color:#fff;font-size: 1.2em; padding:8px 0 0 8px; }
.logss, .vhod {padding:0 8px;}
.logss span a, .logss ul li a, .logss span, .vhod a {color:#fff;}
.a1{width:50%} .lline { height:5px; border-bottom:1px dashed #FFF; margin-bottom:4px;}

.fonlog {float: lift; width: 176px; height: 21px; background: url("../images/logimp.png") no-repeat; padding:0 6px;margin-top: 5px; }
.linp input { color: #bebebe; float: left; height: 15px; width: 160px; border: 0 none; background: #fbfbfb; margin-top: 3px; }
.vhod a.regc { color:#333; text-decoration:underline;}
.vh {border: 0 none; color:#7e7e7e; font-weight:bold; background-color:#f7f7f7; padding:3px 4px; margin:6px 4px 0 0; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/** shor **/
/* osn */
.s-h, .s-f { height:10px;}
.s-c {background: url("../images/s-c.png") repeat-y 0 0; margin-bottom:14px;}
.s-h {background: url("../images/s-h.png") no-repeat;}
.s-f {background: url("../images/s-f.png") no-repeat;}

/* title */
.tt {margin:-3px 6px 0 6px;}
.tt, .tt .tl, .tt .tr {height:31px;} 
 .tt {overflow: hidden;background: url("../images/title.png") repeat-x 0 -31px;}
 .tt .tl {background: url("../images/title.png") no-repeat 0 0; }
 .tt .tr{background: url("../images/title.png") no-repeat 100% -62px;}
 
.tt .realn {font-weight:bold;font-size:14px;}
.tt h1 {font-size:14px;}

.tt .realn, .tt h2, .tt h1, .tt h3 {line-height:31px; margin-left:11px; float:left; width:430px; overflow:hidden;}
.tt h2 a { color:#7e7e7e;}
.tt h2 a:hover {border-bottom:1px dashed #7e7e7e; text-decoration:none;}
.tt .rcol { margin:7px 10px 0 0;}
/* info */
.s-i { margin:0 6px 0 6px; border-bottom:1px solid #dadada; height:22px; line-height:22px; padding:0 8px;}
/* but */
.s-b {background: url("../images/but-go.png") no-repeat 0 0; width:102px; height:30px;}
.s-nnn {background: url("../images/but-nazad.png") no-repeat 0 0; width:102px; height:30px;}
/* sys */
.s-s { padding:10px 10px 0 10px;}
.s-s img {margin:0 4px 0 0;}
/** error **/
.werror {background: url("../images/alert.png") no-repeat; padding:0 0 0 42px; margin:0px 8px; min-height:36px;}

/** comment **/
.avatar { width:70px; height:70px;} .avatar img { width:60px; height:60px; margin:4px;}
.avatar, .comconne, .avatar img {background-color:#fff; border:1px solid #c3c3c3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.comconne { margin-bottom:10px; width:456px; position:relative;}
.comconne .mmpad {padding:10px}
.comugol {position:absolute; background: url("../images/com.png") no-repeat; width:14px; height:26px; left:-14px; top:10px;}
.comslin {height:28px; line-height:28px; border-bottom:1px dashed #c3c3c3; margin:0 10px 0 10px;}
.comslin .mass {margin:8px 3px 0 0;}

/** forms **/
.mass_comments_action { margin: 0 0 15px 0; background-color: #f1f0ed; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.mass_comments_action { padding: 10px 13px; } .tableform { width: 100%; }

.tableform td.label { width: 20%; vertical-align: top; padding-right: 0; font-weight: bold; } .tableform td.labelll{ width: 50%; vertical-align: top; padding-right: 0; }
.tableform td { padding: 10px 13px; border-bottom:1px dashed #c3c3c3; } .fieldsubmit{ padding: 10px 13px; }
.addnews { font-weight: bold; } .impot { color: #d51e44; font-weight: normal; }
.checkbox { padding: 4px 0; line-height: 1em; } .checkbox input { margin-top: -2px; vertical-align: middle; }

.f_input { width: 300px; padding: 1px; } .f_textarea { width: 458px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input { padding: 2px; background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; }
.f_textarea, .editor_button select { padding: 0; }
.textin { padding: 2px; }

/*---Userinfo---*/
.userinfo { padding-left: 125px; } .rateui { width: 85px; height: 17px; margin: 0 auto; padding-top: 4px; }
.userinfo .lcol { margin-left: -125px; width: 110px; padding-right: 15px; } .userinfo .lcol .avatarr { margin-bottom: 10px; padding: 4px; background-color: #fff; border: 1px solid #dfddd9; }
.userinfo .lcol .avatarr img { width: 100px; } .userinfo .rcol { width: 100%; }
.userinfo .rcol ul { list-style: none; margin-left: 0; } .userinfo .rcol ul li { margin-bottom: 0.2em; } .ussep { padding-top: 12px;}

/* NAVIGAT */
.verh, .catPages1 span, .catPages1 a { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.catPages1 {color: #555555; border: 0px; margin:0px 0px 20px 0px;}
.verh, .swchItem a:link,.swchItem a:visited,.swchItem a:active {text-decoration: none;color: #555555;background-color: #ededed;border: 1px solid #e1e1e3;padding: 3px 6px;font-size: 11px}
.verh, .swchItem a:hover { background-color: #79b727; color: #fff; border-color: #e1e1e3;}
.catPages1 span {background-color: #fff;padding: 3px 6px;border: 1px solid #e1e1e3;color: #555555;font-size: 11px;}
.catPages1 span.nav_ext {border: none;background: transparent;}
.verh a{color:#fff; text-decoration:none;}
/** footer **/
.footer {background: url("../images/footer.png") no-repeat; width:975px; height:95px;}
.footer .copyright {margin:16px 0 0 14px;}
.footer .copyright, .footer .copyright a {color:#FFF; text-shadow: 0 1px 0 #6bac11;}
.footer .copyright a {text-decoration:underline;}
.fooline {height:26px;}
.footer .counts {width:180px; margin:16px 14px 0 0;}
.counts ul { display: inline; } .counts ul li {opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }.counts ul li:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.normal {background: url("../images/normal.png") no-repeat; width:307px; height:10px; margin:10px 0; float:right; text-indent: -9000px;}
.topava {width: 70px;} 
.topava img {padding:4px;border:1px solid #E7E5E0;}