body {background: #efefef;}
/*div {border: solid 1px;}*/
code { font: 8pt tahoma; color: #aaa;  margin: 8px;} 
h1 { font: 15pt verdana; color: #116; text-align: center; margin: 0px; padding: 24px;  }
h3 { font: 13pt verdana; color: #116; text-align: center; margin: 0px; padding: 24px;  }
h5 { font: 10pt verdana; color: #116; text-align: center; margin: 0px; padding: 24px;  }
a, a:visited { text-decoration: none; color: #00f;}
a:hover { color: #f88; }
button.sml_button_x { width: 20px; height: 20px; font: 8pt system; color: #fff; padding: 0px; background-color: #f88; border: solid 1px #ddd; float: right;}
button.sml_button_s { width: 20px; height: 20px; font: 8pt system; color: #fff; padding: 0px; background-color: #8f8; border: solid 1px #ddd;}
em { font: bold 1em Tahoma; color: #000; }
center {text-align: center;}
right {text-align: right;}
clear {clear:both;}
p { font: 11pt verdana; margin: 16px;}
/*hr { height: 1px; width: 1024px; margin: 0px auto; }*/

/*====[ структура ]====*/
/*div.logo { width: 480px; height: 64px; background: url('../img/logo.png') no-repeat;}*/
div.top, div.bottom, div.middle { width: 988px; margin: 0px auto;}
div.left, div.center, div.right {float: left;  }
div.left {width: 96px; }
div.center {width: 648px; padding: 0px 2px 0px 2px;}
div.right { width: 336px;}
div.under { padding: 16px 0px 0px 0px; text-align: center;}
div.bottom { clear: both; font: 10px arial; color: #c0c0c0; text-align: center; }

/*====[ компоненты: top-блок ]====*/
div.googletop { width: 732px; float: left }
div.bookmarks { width: 540px; margin: 32px; padding: 1px;  }

/*====[ компоненты: меню букв ]====*/
div.letters { height: 24px; position: absolute;  margin-left: -144px; text-align: center;  border: solid 1px #dfdfdf; border-bottom: solid 1px #999; border-right: solid 1px #999; background: #fbfbf6; }
div.letters_title { width: 88px; height: 48px; text-align: center; font: 13pt verdana; color: #c0604b; background: #f8f8e0; border: solid 1px #e0e0e0; border-bottom: solid 1px #aaa; border-right: solid 1px #aaa;}
a.letter, a.letter:visited { font: 14pt tahoma; color: #6666cc; }
a.letter:hover {color: #f88;}
span.letter {font: 0.5em arial; color: #aaa;}

/*====[ компоненты: главное меню ]====*/
div.menu { height: 24px; border: solid 1px #d0d0d0; border-bottom: solid 1px #666; border-right: solid 1px #666; background: #ddd; vertical-align: middle; }
ul.menu { margin: -12px -12px -12px -12px;}
li.menu { height:16px; display: block; float: left;  padding: 12px; }
a.menu, a.menu:visited { font: bold 14px tahoma; text-decoration: none; color: #44c }
a.menu:hover {color: #f88;}
div.besteriod { position: absolute; display: none; text-align: center; margin-left: -64px; font: 8pt tahoma; border: solid 1px #dfdfdf; border-bottom: solid 1px #999; border-right: solid 1px #999; background: #fbfbf6; }
div.hide div {display: none;}
div.hide:hover div {display: block;}


/*====[ компоненты: main ]====*/
div.main { width: 640px; background: #ffffff; border: solid 1px #dfdfdf; border-bottom: solid 1px #aaa; border-right: solid 1px #aaa; border-top: none; margin: 0px auto; min-height: 1280px;}

/*====[ компоненты: блоки ]====*/
div.block { width: 326px; border: solid 1px #e0e0e0; border-bottom: solid 1px #aaa; border-right: solid 1px #aaa;  margin-bottom: 8px; font: 11pt arial; color: #333; background: #f0f0f8; /*text-align: center;*/ padding: 4px;}
div.block_title {  width: 324px; height: 20px; border-bottom: solid 1px #aaa; border-right: solid 1px #aaa; text-align: center; color: #46c; font: bold 12pt arial;  /*color: #3f5fe0;*/ background: #dfdfff; margin-bottom: 4px;}
button.block { margin: 0px auto; text-align: center;}

/*===[ статистика ]====*/
span.statistic { display: block; margin: 8px 0px 8px 24px; width: 224px;}
button.add { font: bold 10pt tahoma; color: #fff; background-color: #66f; padding: 4px;}

/*===[ логин ]====*/
span.login { display: block; margin: 8px; font: 8pt verdana;}
button.login { border: none; background: transparent; color: #00f; text-decoration: none; font-family: arial; cursor: pointer; }
button.login:hover {color: #f88;}
input.login {width: 80px; margin: 0px 16px 8px 4px; }

/*====[ профиль ]====*/
table.profile { padding-left: 16px; width: 286px; }

/*====[ облако тегов ]====*/
div.tag  { margin: 0px 4px 0px 4px;  display: inline-block; }
div.indx { display: inline-block; margin: 8px 16px 8px -4px; }
div.sup, div.sub { margin: 0px; font: 0.4em trebuchet; color: #aaa; padding: 0px;  }
div.sup { border-bottom: dotted 1px #ccc; }


a.tag:hover {color: #f88; border-bottom: dotted 1px #f88; background: #fcf;}

/*====[ список rush ]====*/
div.rush { width: 576px; margin: 8px 0px 16px 24px; padding-left: 16px; border: none; font: 8pt tahoma; background: #fff; color: #555; }
div.rush_body { width: 576px; border: solid 1px #eee; border-top: solid 1px #aaa; border-left: solid 1px #aaa; margin: 4px auto 0px -16px; font: 10pt Tahoma; background: #f0f0f0; color: #000; } 
a.vote, a.vote:visited  { color: #369; font: 8pt "arial black"; border: solid 1px #ccc; padding: 0px 2px 2px 2px; }
a.vote:hover {color: #f88;}
a.sokra, a.sokra:visited {color: #66c;}
a.sokra:hover {color: #f88;}
td.approve { text-align: center; background: #8f8; }
td.delete { text-align: center; background: #f88; }

/*====[ навигатор страниц ]====*/
div.pagenavigator {font: 11pt verdana; color: #116; text-align: center; margin: 0px; padding: 2px; background: #ddd; }
a.pagenavigator { padding: 6px; margin: 4px;}
a.pagenavigator:hover { background: #dcf; /*border: solid 1px #666;  */}
span.pagenavigator {font-weight: bold; border: solid 1px #666; padding: 4px;}
    
/*====[ подтверждение человечности ]====*/    
fieldset.captcha {width: 512px; border: solid 1px #ccc; margin: 32px; font: 11pt tahoma;  text-align: center;}
legend.captcha { font: 11pt tahoma; color: #a9f;}
span.captcha { font: 11pt tahoma; margin: 16px; }     
select.captcha { font: 11pt tahoma; width: 224px; }
button.captcha { font: 11pt tahoma; color: #a9f; margin: 8px; }

/*====[ список пользователей ]====*/
table.ulist {width: 480px; margin: 0px auto; font: 11pt tahoma;  }
td.ulist {text-align: center; border-bottom: dotted 1px #ccc; padding: 2px;}
td.ulist_title { text-align: center; font-weight: bold; border-bottom: solid 1px #888;}

/*====[ регистрация пользователя ]====*/
table.reg { width: 400px; margin-left: 48px; font: 11pt tahoma; padding: 4px;}
td.reg {text-align: center; padding: 16px;}
input.reg { border: solid 1px #ccc;  font: 11pt tahoma;}
button.reg { color: #a9f;}

div.reg_comment {border-top: dotted 1px #ccc; margin: 16px 0px 0px 16px; text-align: justify; width: 480px; font: 11pt tahoma; padding: 8px;}
span.reg_comment {margin-left: 20px; font: 10pt tahoma;}

/*====[ предупреждающие надписи и ошибки ]====*/
span.ok_msg { font: italic 13pt courier new; color: #4a4; margin: 24px; }
span.wrn_msg { font: italic 13pt courier new; color: #aa4; margin: 24px; }
span.err_msg { font: italic 13pt courier new; color: #a44; margin: 24px; }

/*====[ добавление новых ]====*/
div.addnew { width: 512px; padding: 8px; margin: 32px; font: 10pt Verdana; line-height: 24px;}
table.addnew {width: 400px; padding: 8px; margin: 16px; font: 10pt Verdana; line-height: 24px;}
input.addsokra {width: 96px; border: none; border-bottom: solid 1px #ccc; font: bold 10pt verdana; margin: 0px 0px 0px 4px;}
input.addrush {width: 400px; border: none; border-bottom: solid 1px #ccc; font: 10pt verdana; margin: 0px 0px 0px 4px; }
input.addsokra:disabled, input.addrush:disabled { background: #eee; border: solid 1px #eee; color: #000; }
input.addsokra:disabled { font: bold 10pt verdana; }
input.addrush:disabled { font: 10pt verdana; }
input.adduser {width: 120px; border: solid 1px #eee; font-weight: bold; color: #000;  margin: 0px 64px 16px 4px;}
input.adddate {width: 120px; border: solid 1px #eee; color: #333;  margin: 0px 64px 16px 4px; }
input.editrate { width: 32px; height: 16px; font: bold 8px tahoma;}
td.addnew {text-align: center; padding: 16px;}
button.sent {width: 80px;  color: #a9f; margin: 16px 16px 0px 16px; }

/*====[ блок поиска ]====*/
button.search {width: 64px;  color: #a9f; margin: 8px 0px 8px 4px; }
input.search {width: 180px; margin-left: 8px; }

/*====[ рекламные ссылки ]====*/
div.bottom a, div.bottom a#visited { color: #c0c0c0; }
div.teaser { margin: 32px 16px 16px 16px; width: 576px; }
div.sbutton { float: left; margin: 0px 8px 0px 8px;  }
button.attract { width: 224px; height: 32px; background-color: #f69; color: #fff; font: bold 10pt Verdana;}
/*====[ форма сортировки ]====*/
div.sort {  width: 576px; padding: 16px; text-align: right; font: 8pt verdana; }
option.sortactive { font-weight: bold; }
button.sort { font: bold 8pt verdana; }