body
{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

form
{
	margin: 0;
	padding: 0;
}

table
{
	border-collapse: collapse;
	border: 1px solid #282828;
	margin: 0;
	padding: 0;
}

td
{
	border: 1px solid #282828;
	padding: 0 2px;
}

th
{
	border: 1px solid #282828;
	padding: 0 2px;
	
}

p
{
	margin: 0 0 6px 0;
}

li
{
	margin: 0;
}

h1
{
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0 0 6px 0;
}

/*

.bar
{
	background: url('../images/user/bkg-bar.gif');
}

#comments h1,
#expertColumn h1,
#theme .service
{
	background: url('../images/user/bkg-red.gif');
}

#news h1,
#contest h1
{
	background: url('../images/user/bkg-blue.gif');
}

#sections h1,
#olds h1,
#photoColumn h1,
#photoReaders h1
{
	background: url('../images/user/bkg-gray.gif');
}

#blogs h1,
#peopleNews h1
{
	background: url('../images/user/bkg-green.gif');
}

#anecdotes h1
{
	background: url('../images/user/bkg-brown.gif');
}

#podcasts h1,
#authorRubrics h1
{
	background: url('../images/user/bkg-black.gif');
}

*/

/*
** Цвета.
*/


/* Чёрный на белом */
.photo,
#footer,
#header,
#techRubrics
{
	color: #000;
	background-color: #fff;
}

/* Тёмно-серый на фоновом */
#techRubrics a,
#theme a
{
	color: #666;
	background-color: inherit;
}

/* Чёрный на телесном: цвет основного текста */
.column2,
#advertisment,
#advertisment a,
#authorRubrics,
#authorRubrics a,
#authorization,
#authorization a,
#expertColumn a,
#inquiry,
#inquiry a,
#loginZone,
#loginZone a,
#news,
#news a,
#olds,
#olds a,
#podcasts,
#podcasts a,
#sections a
{
	color: #282828;
/*	background-color: #fceedf;*/
	background-color: #fcf5e1;
}

/* Серый на телесном: цвет вспомогательного текста */
body,
.column1,
.columnEmpty,
#columns34,
#expertColumn,
#menu,
#menu a,
#photoColumn,
#photoColumn a,
#photoReaders a,
#photoReaders,
#sections
{
	color: #666;
	background-color: #fcf5e1;
}

/* Белый на чёрном: инвертированный цвет */
.bar,
.bar a,
.bar button
{
	color: #fff;
	background-color: #282828;
}

/* Чёрный на светло-сиреневом */
#contest,
#contest a
{
	color: #282828;
	background-color: #ced6eb;
}

/* Белый на тёмно-сирененвом */
#comments h1,
#contest h1,
#inquiry button,
#inquiry h1,
#news h1,
#podcasts h1
{
	color: #fff;
	background-color: #828dac;
}

/* Чёрный на светлом хаки  */
#blogs,
#blogs a,
#peopleNews,
#peopleNews a,
#webcameras,
#webcameras a
{
	color: #282828;
	background-color: #dfdfbe;
}

/* Белый на тёмном хаки */
#blogs h1,
#peopleNews h1
{
	color: #fff;
	background-color: #90978b;
}

/* Белый на сером */
#olds h1,
#photoColumn h1,
#photoReaders h1,
#sections h1
{
	color: #fff;
	background-color: #666;
}

/* Чёрный на розовом светлофиолетовом */
#comments,
#comments a
{
	color: #282828;
/*	background-color: #f2ddd6;	*/
	background-color: #ebe1f2;
}

/* Чёрный на светло-коричевом */
#anecdotes,
#anecdotes a
{
	color: #282828;
	background-color: #ddcfc4;
}

/* Белый на тёмно-коричневом */
#anecdotes h1
{
	color: #fff;
	background-color: #8c877b;
}

/* Белый на красном */
.rubric h1 a.theme,
#authorization button,
#authorization h1,
#expertColumn h1,
#theme .service,
#content h1
{
	color: #fff;
	background-color: #ab3e24;
}

/* Белый на ярко-красном */
.error
{
	color: #fff;
	background-color: #f00;
}

/* Красный на фоновом */
caption,
.blogTime,
#advertisment p.title a,
.rubric a,
.rubric h1,
#theme a,
#theme h1,
#theme h2,
#content a,
#content h2,
#ya
{
	color: #ab3e24;
	background-color: inherit;
}

/* Белый на зелёном */

#authorRubrics h1,
#webcameras h1
{
	color: #fff;
	background-color: #86965c;
}

/* Зелёный на фоновом */

.searchUrl,
#advertisment p.url
{
	color: #8c877b;
	background-color: inherit;
}

a.more
{
    text-decoration: none;
}

div.frame
{
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

div.service
{
    clear: both;
    margin: 12px 4px 0 12px;
    line-height: 200%;
}

table.frame,
table.frame table.frame,
table.frame table.frame table.frame,
#header,
#topZone
{
    border-collapse: collapse;
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

table.frame td,
table.frame table.frame td,
#header td
{
    border: none;
    margin: 0;
    padding: 0;
}

#header td img { vertical-align: bottom; }
 
table.frame table
{
    border-collapse: collapse;
    border: 1px solid #282828;
    margin: 0;
    padding: 0;
}

table.frame table th
{
    border: 1px solid #282828;
    margin: 0;
    padding: 0 2px;
}

table.frame table td
{
    border: 1px solid #282828;
    margin: 0;
    padding: 0 2px;
}

a .more
{
    text-decoration: none;
}

#authorization form
{
    position: relative;
      
}

#authorization .service
{
    line-height: 150%;
    margin: 0 0 10px 10px;
}

#labelLogin
{
    position: absolute;
    top: 2px;
    right: 132px;
    font-size: 8pt;
}

#login
{
    position: absolute;
    top: 0;
    left: 48px;
    width: 128px;
    border: 1px solid #ab3e24;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 8pt;
}

#labelPassword
{
    position: absolute;
    top: 24px;
    right: 132px;
    font-size: 8pt;
}

#password
{
    position: absolute;
    top: 22px;
    left: 48px;
    width: 128px;
    border: 1px solid #ab3e24;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 8pt;
}

#authorization button
{
    position: absolute;
    top: 44px;
    left: 48px;
    font-size: 8pt;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    border: none;
    margin: 0;
}

#bannerLeft
{
    display: block;
    margin: 0 0 8px 0;
}

#bannerRight
{
    padding: 0px 0 8px 0;
    text-align: justify;
    vertical-align: top;
}

#bannerRight img
{
    border: none;
    margin: 0 0 0 0;
}

#bannerTop
{
    text-align: center;
    height: 60px;
}

#blogs img
{
    border: none;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
}

#body
{
    margin: 8px 0;
}

#columns34
{
    width: 436px;
    vertical-align: top;
}

#columnLeft
{
    width: 286px;
}

#footer
{
    width: 100%;
    padding: 4px 0;
    font-size: 8pt;
    text-align: center;
    white-space: nowrap;
}

#footer img
{
    margin: 0 2px;
    border: none;
}

#techRubrics
{
    width: 100%;
    height: 17px;
    border-bottom: 1px solid #282828;
    font-size: 12px;
    text-align: right;
    white-space: nowrap;
}

#techRubrics a
{
    margin: 0 8px 0 0;
    text-decoration: none;
    font-weight: bold;
}

#theme h1
{
    width: auto;
    height: auto;
    margin: 6px 4px;
    font-size: 14pt;
    font-weight: normal;
    font-variant: normal;
    text-align: left;
}

#theme h1 a { text-decoration: none; }

#widget
{
    width: 237px;
    padding-right: 8px;
}

.bar
{
    height: 18px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.bar a
{
}

.bar button
{
    width: 60px;
    height: 16px;
    border: 1px solid #ddd;
    font-size: 10px;
    margin: 0;
}

.center
{
    text-align: center;
}

.column1
{
    width: 180px;
    vertical-align: top;
}

.column2
{
    min-width: 360px;
    vertical-align: top;
}

.column3
{
     width: 180px;
     vertical-align: top;
}

.column4
{
     width: 240px;
     vertical-align: top;
}

.column4 img.kartinka, .column1 img.kartinka{
	margin-bottom: 8px;
	clear: both;
}

.columnEmpty
{
    width: 8px;
    font-size: 1px;
}

.columnEmpty2
{
    width: 16px;
    font-size: 1px;
}

.rubric,
#theme,
#content
{
    margin: 0 0 8px 0;
    padding: 0 0 6px 0;
    font-size: 10pt;
}

.rubric h1,
#theme h2,
#content h2
{
    margin: 4px 0 0 0;
    font-size: 13pt;
    font-variant: normal;
    font-weight: bold;
    text-align: left;
}

.rubric h1 a
{
    /* text-decoration: none; */
}

.rubric h1 a.theme
{
    margin: 0;
    padding: 0 1em;
    font-size: 11pt;
    font-variant: small-caps;
    text-decoration: none;
}

#menu
{
    text-align: center;
    vertical-align: top;
    font-size: 80%;
}

#menu div
{
    width: 70%;
    margin: 0 auto;
}

#loginZone
{
    text-align: right;
    vertical-align: top;
    width: 428px;
    font-size: 70%;
}

.new-authorRubrics {
    border: 0 !important; 
    margin: 0 0 5px 0 !important;
}

.new-authorRubrics ul { margin-bottom: 0 !important;  padding-bottom: 0 !important; }

/* Разделы из 1-й и 3-й колонок с борюдом (полная ширина обеих колонок 180px). Раздел "Авторизация имеет то же оформление, но тёмнокрасный бордюр. */
#news,
#sections,
#inquiry,
#olds,
#podcasts
{
    width: 178px;
    margin: 0 0 8px 0;
    padding: 0 0 6px 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 8pt;
}

/* Разделы из 4-й колонки с бордюром (полная ширина колонки 240px) */
#authorRubrics,
#expertColumn,
#photoColumn,
#photoReaders
{
    width: 238px;
    margin: 0 0 8px 0;
    padding: 0 0 6px 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 8pt;
}


/* Разделы без бордюра в любых колонках (занимают всю ширину колонки) */
#anecdotes,
#advertisment,
#authorization,
#blogs,
#comments,
#contest,
#peopleNews,
#webcameras
{
    width: 100%;
    margin: 0 0 8px 0;
    padding: 0 0 6px 0;
    font-size: 8pt;
}

/* Абзацы, отделённые сверху чертой (относятся к колонкам, которые содержат список одно-абзацных сообщений: новости и т.д.) */
#news p,
#olds p
{
    border-bottom: 0px solid #ddd;
    margin: 0 4px 6px 4px;
}

/* Абзацы, отделённые снизу чертой (относятся к колонкам, которые содержат список одно-абзацных сообщений: новости и т.д.) */
#anecdotes p
{
    border-bottom: 0px dotted #666;
    margin: 0;
}

/* Абзацы без бордюров (относятся к колонкам, в которых содержатся произвольный текст и фотографии) */
#authorization p,
#authorRubrics p,
#blogs p,
#comments p,
#contest p,
#expertColumn p,
#inquiry p,
#peopleNews p,
#photoColumn p,
#photoReaders p,
#podcasts p,
#sections p
{
    margin: 0 4px 6px 4px;
}

/* Абзацы-заголовки для изображений */
#webcameras p
{
    margin: 0;
}

/* Списки, такие же, как и абзацы */
#authorRubrics li,
#sections li
{
    margin: auto 4px 0 auto;
}

/* Заголовки всех рубрик */
#anecdotes h1,
#authorization h1,
#authorRubrics h1,
#blogs h1,
#comments h1,
#contest h1,
#expertColumn h1,
#inquiry h1,
#news h1,
#olds h1,
#peopleNews h1,
#photoColumn h1,
#photoReaders h1,
#podcasts h1,
#sections h1,
#webcameras h1
{
    width: 100%;
    font-size: 11pt;
    font-weight: bold;
    padding: 2px 0;
}

#anecdotes h2,
#authorization h2,
#authorRubrics h2,
#blogs h2,
#comments h2,
#contest h2,
#expertColumn h2,
#inquiry h2,
#news h2,
#olds h2,
#peopleNews h2,
#photoColumn h2,
#photoReaders h2,
#podcasts h2,
#sections h2,
#webcameras h2
{
    clear: both;
    margin: 0 4px;
    font-size: 8pt;
    font-style: italic;
    font-weight: normal;
}

#anecdotes h2 a,
#authorization h2 a,
#authorRubrics h2 a,
#blogs h2 a,
#comments h2 a,
#contest h2 a,
#expertColumn h2 a,
#inquiry h2 a,
#news h2 a,
#olds h2 a,
#peopleNews h2 a,
#photoColumn h2 a,
#photoReaders h2 a,
#podcasts h2 a,
#sections h2 a,
#webcameras h2 a
{
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

#peopleNews h2 a { text-decoration: underline !important; }
#comments h2 a { text-decoration: underline !important; }

#theme h1.service,
#content h1
{
    width: 100%;
    margin: 0;
    font-size: 12pt;
    font-weight: bold;
    font-variant: small-caps;
    padding: 2px 0;
    text-align: center;
}

#contest p
{
    clear: left;
}

#contest p a img
{
    border: none;
    margin-bottom: 4px;
    margin-right: 4px;
    float: left;
}

#advertisment a
{
    font-weight: bold;
}

#advertisment p.title
{
    margin-bottom: 0;
}

#advertisment p.body
{
    margin-bottom: 0;
}

.error
{
    border: 1px solid #000;
    font-weight: bold;
    text-align: center;
}

#authorization .error
{
    margin-top: 1.5em;
}

.pages
{
    text-align: center;
}

.pages a,
.pages span
{
    margin: 0 0.3em;
}

.photo
{
    width: 280px;
    height: 260px;
    position: relative;
    float: left;
    margin-top: 4px;
    margin-right: 4px;
    padding-right: 14px;
    text-align: center;
    background: url('../../images/user/gallery-bg.jpg') no-repeat;
}

.photo a img
{
    margin-top: 8px;
    border: none;
}

.photo p.title
{
    position: absolute;
    width: 272px;
    left: 0;
    bottom: 14px;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #000;
}

.photo p.galleryComments
{
    position: absolute;
    width: 268px;
    left: 0;
    bottom: 4px;
    text-align: right;
    font-size: 90%;
}

.searchTitle
{
    font-size: 120%;
    margin-bottom: 0;
}

.searchTitle a
{
    font-weight: bold;
}

.searchBody
{
    margin-bottom: 0;
}

.blogTime
{
    font-size: 80%;
}

.blogComments
{
    font-size: 90%;
    text-align: right;
}

.blogComment
{
    position: relative;
    margin-bottom: 1em;
    clear: both;
}

.blogComment a img
{
    border: none;
    margin: 0 4px 4px 0;
    float: left;
}

.blogComment .commands
{
}

.blogComment .commands a
{
    font-size: 80%;
}

.blogComment .commands a.nick
{
    font-weight: bold;
    font-size: 100%;
    text-decoration: none;
}

.blogComment .body
{
}

.search-button {
        height: 17px;
        font-size: 11px;
}

fieldset {border: 1px solid #ddd; }

table.clean, table.clean td { border: none !important; }
table.clean td  { padding: 5px !important; }

/* CHART LISTS */
.chartlist { 
  float: left; 
  border-top: 1px solid #EEE; 
  width: 500px;
  padding: 0;
}
.chartlist li { 
  position: relative;
  display: block;  
  border-bottom: 1px solid #EEE; 
  _zoom: 1;
}
.chartlist li span.answer { 
  display: block; 
  padding: 0.4em 4.5em 0.4em 0.5em;
  position: relative; 
  z-index: 2; 
}
.chartlist .count { 
  display: block; 
  position: absolute; 
  top: 0; 
  right: 0; 
  margin: 0 0.3em; 
  text-align: right; 
  color: #999; 
  font-weight: bold; 
  font-size: 0.875em; 
  line-height: 2em; 
}
.chartlist .index { 
  display: block; 
  position: absolute; 
  top: 0; 
  left: 0; 
  height: 100%; 
  background: #B8E4F5; 
  text-indent: -9999px; 
  overflow: hidden; 
  line-height: 2em;
}
.chartlist li:hover { 
  background: #EFEFEF; 
}


.cleaner {
    clear: both;
    height: 1px;
    font-size: 0px;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
}


td.column2 p img, 
#theme img { margin: 0 10px; border: 1px solid #777; }
	td.column2 p img.left, #theme img.left  { margin: 4px 10px 0 0; }
	td.column2 p img.right, #theme img.right { margin: 4px 0 0 10px; }

tr.bar input.search-button { border: 1px solid #DDD; background: #000; color: #fff; margin: 0; padding: 0 auto; }

.cleaner {
    clear: both;
    height: 1px;
    font-size: 0px;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
}


#news p, #authorRubrics p {
    display: inline;
    margin: 0;
}

#news a.anons { text-decoration: none; }

hr {
    background: #DDDDDD; 
    color: #ddd;
    clear: both; 
    float: none; 
    width: 100%; 
    height: 1px;
    margin: 4px 0;
    line-height: 0px;
    border: none; 
    font-size: 1px;
}

a.anons-link {
	color: #282828 !important;
	text-decoration: none;
}

a.anons-link img { border: none !important; margin: 0 !important;}

#authorRubrics a img { border: none; }

.posts-images div
{
    width: 280px;
    height: 260px;
    position: relative;
    float: left;
    margin: 4px 4px 15px 0;;
    padding-right: 14px;
    text-align: center;
    background: url("../../images/user/gallery-bg.jpg") no-repeat;
}

.posts-images div p.blogTime {
	padding: 5px 0 0 0;
}

.posts-images div a img
{
    margin-top: 8px;
    border: none;
}

.posts-images div h2
{
    position: absolute;
    width: 272px;
    left: 0;
    bottom: 35px;
    text-align: center !important;
    font-weight: bold;
    border-top: 1px solid #000;
}

.posts-images div p.blogComments
{
    position: absolute;
    width: 268px;
    left: -7px;
    bottom: 7px;
    text-align: right;
    font-size: 90%;
}

.userpic{
	margin-bottom: 10px;
	clear: left;
}

input.login { border: none; background: #AB3E24; font-size: 11px; color: #fff; padding: 0px 5px; }
.index-comments-hd { display: none; font-size: 120%; font-weight: bold; text-align: left; padding: 0 0 7px 3px;}
.column2 textarea { width: 450px; height: 150px; }

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.message-success    { padding: 0.4em; margin-bottom: 0.5em; border: 2px solid #ddd; font-size: 0.8em;}

.error      		{ background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     		{ background: #FFF6BF; color: #514721; border-color: #FFD324; }
.message-success    { background: #E8FFD7; color: #264409; border-color: #C4F0A5; }
.error a    		{ color: #8a1f11; }
.notice a   		{ color: #514721; }
.success a  		{ color: #264409; }

.module-spacer              { clear: both; display: block; width: 1px; height: 8px; }
#news_post_comment          { clear: both; padding: 5px 0 0 0; }

table.search-form-table                             { border: 0 !important; }
table.search-form-table td                          { border: 0 !important; }

#theme table.search-form-table                             { border: 0 !important; width: 370px; }
#theme table.search-form-table td                          { border: 0 !important; }
#theme table.search-form-table td.td-input input#search    { width: 340px !important; height: 16px; font-size: 11px; border: 1px solid #ddd; }
#theme table.search-form-table td.td-button .search-button { font-size: 11px !important; height: 20px; }

.bar input#search     { width: 180px; height: 14px; border: 0px !important; font-size: 11px !important; }
.bar .search-button   { font-size: 11px !important; height: 16px; }

.clearfix             { clear: both; display: block; }

.pagination {
    background: none !important;
    float: none !important;
    height: auto !important;
    width: 100% !important;
    clear: both;
    text-align: center;
    padding: 3px;
    margin: 20px 0 0 0;
}
.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aaaadd;
    text-decoration: none;
    color: #000099;
}
.pagination a:hover, .pagination a:active {
    border: 1px solid #000099;
    color: #000;
}
.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #000099;
    color: #FFF;
}
.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #;
}