/*
=============================================================
© 2008-2009 CerberSKDI (Guschevarov Aleksei)
http://www.cerber-skdi.net.ru/
style.css
=============================================================
*/
/* Основные стили. IN.  */
html {background: url('img/body-background.gif') repeat-x top #b6c0cd; height: 100%; font: 10px verdana; color: #909090;}
body {height: 100%; margin: 0px;}
.left-and-right-shadow {float: left; width: 1070px; background: url('img/left-and-right-shadow.gif') repeat-y top center;}
.main {width: 1070px; margin: 0px auto;}
.leftimg {float: left; width: 135px; height: 475px; background: url('img/body-background-left.gif') no-repeat;}
.center {float: left; width: 800px; padding-bottom: 35px; vertical-align: top; background: url('img/menus-background.gif') repeat-y left #edecec;}
.rightimg {float: left; width: 135px; height: 407px; background: url('img/body-background-right.gif') no-repeat;}
.copyright-background {float: left; height: 116px; width: 1070px; background: url('img/body-background-bottom.gif') no-repeat center top; padding: 35px 0px 0px 0px; vertical-align: top;}
.copyright-text {text-align: left; padding: 0px 0px 0px 320px;}
.copyright-text a {text-decoration: none; color: #909090}
.copyright-text a:hover {text-decoration: underline; color: #909090}
.logo {width: 800px; height: 154px; background: url('img/logo.jpg') no-repeat;}
.description {width: 590px; min-height: 47px; line-height: 15px; background: url('img/s-right.jpg') no-repeat top left; float: right; text-align: justify; padding: 7px 7px 7px 30px; border-bottom: 1px solid #909090;}
.description a {color: #828aa6; text-decoration: none;}
.description a:hover {color: #828aa6; text-decoration: underline;}
.s_left {width: 173px; height: 48px; background: url('img/s-left.jpg') no-repeat; float: left;}
.content {width: 627px; float: left; min-height: 259px;}
.menus {width: 173px; float: left;}
/*.rss-logo {width: 80px; height: 111px; position: relative; left: 143px; bottom: 161px;}*/
.rss-logo {width: 80px; height: 111px; position: relative; left: 143px; bottom: 154px;}
/* Основные стили. END.  */

/* Контент. IN.  */
.article {color: #5a5a5a; padding: 8px; text-align: justify; line-height: 15px; float: left;}
.bottom-border {color: #7c7c7c; text-align: left; vertical-align: middle; padding: 5px 0px 0px 10px; border-top: 1px dashed #909090; border-bottom: 1px solid #7c7c7c; border-left: none; border-right: none; height: 18px; width: 617px; background: url('img/bottom-border.gif') repeat-y right; float: left;}
/* Контент. END.  */

/* Дополнительные стили. IN.  */
img {border: none;}
a {color: #384a86; text-decoration: none;}
a:hover {color: #384a86;	text-decoration: underline;}
h1 {font: italic 12px verdana; color: #a13333; margin: 4px 4px 10px 6px; line-height: 20px; text-align: center;}
h1 a {color: #a13333; text-decoration: none; border-bottom: dashed 1px;}
h1 a:hover {color: #a13333; text-decoration: none; border-bottom: solid 1px;}
h2 {font: italic 11px verdana; color: #2f6345; margin: 0px 4px 8px 6px; line-height: 17px; text-align: center;}
h2 a {color: #2f6345;}
h2 a:hover {color: #2f6345;}
h3 {font: 11px verdana; color: #3367a1; margin: 25px 0px 6px 6px;}
h4 {font: bold 10px verdana; color: #61287c; margin: 25px 0px 6px 6px;}
h5 {font: bold 10px verdana; color: #4a7c28; margin: 25px 0px 6px 6px;}
p {margin: 6px;}
.article p {margin: 6px; width:600px;}
p.news img {float: left; background: white; padding: 6px; border: solid 1px #ccc; margin: 7px 5px 4px 0px;}
/*p.news img { margin: 0px 10px 5px 0px;}*/
p img{margin: 0px; padding: 0px 0px 0px 0px; text-align: center;}
p img:hover {border: solid 1px #45688E;}
span.strong {font-weight: bold;}
.article hr {height: 0px; border: none; border-bottom: dashed 1px;}
.top_title {font: italic 12px verdana; color: #7c7c7c;	text-align: left; vertical-align: middle; padding: 5px 0px 0px 10px; border-bottom: 1px dotted #7c7c7c; border-left: none; border-right: none; float: left; height: 18px; width: 617px;	background: url('img/bottom-border.gif') repeat-y right; float: left;}
.comments {float: left; text-align: center; width: 617px;}
.comments td {font: italic 11px verdana;}
.top-border {color: #7c7c7c; text-align: left; vertical-align: middle; padding: 5px 0px 0px 10px; border-bottom: 1px dashed #909090; border-top: 1px solid #7c7c7c; border-left: none; border-right: none; height: 18px; width: 617px; background: url('img/bottom-border.gif') repeat-y right; float: left;}
.comments_end {border-top: 1px dashed #909090; float: left; width: 617px; padding: 5px 0px 0px 10px;}
/* Дополнительные стили. END.  */

/* Стили для меню. IN. */
.menu {margin: 5px 0px 0px 0px; float: left; padding-bottom: 10px;}
.menuol {list-style: none; margin: 0 0 1.0em 0; padding: 0;}
.menuol li {font-size: 1.0em;}
.menuol li a {border: 0; border-top:1px solid #ebe9e9; display: block; padding: 3px 3px 3px 6px;}
.menuol li a:hover {background: #909090; color:#ffffff; border-top: 1px solid #909090; text-decoration:none;}
.menuHR {margin-top: 3px; padding-top: 3px; border-top: 1px solid #ccc;}
/* Стили для меню. END. */

/* Стили для нумерации страничек. IN. */
.pageList {float: right; margin: 5px 7px 5px 0; padding: 0;}
.pageList strong, .pageList a {border-bottom: 2px solid #EDECEC; padding: 3px; padding-bottom: 2px; display: inline;}
.pageList a {border: 1px solid #ADADAD;}
.pageList strong {border: 1px solid #ADADAD; background: #b6c0cd;}
.pageList a:hover {background: #909090; color: white; text-decoration: none;}
/* Стили для нумерации страничек. END. */

/* Дополнительные стили-2. IN. */
input[type="text"],
input[type~="text"],
input[type="password"],
input[type~="password"] {border: 1px solid #C0CAD5; padding: 3px; font-size: 11px; font-family: tahoma, tahoma, verdana, arial, sans-serif;}

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

form {margin:0px; padding:0px;}
small {font-size:10px;}
label {color: gray; font-weight: bold;}
select  {border: 1px solid #bdc7d8; padding: 2px; font-size: 11px; font-family: tahoma, verdana, arial, sans-serif;}
pre {font-family: Courier New; font-size: 11px; margin:0px;}
textarea {border: 1px solid #C0CAD5; padding: 3px; font-size: 11px; font-family: tahoma, tahoma, verdana, arial, sans-serif;}
/* Дополнительные стили-2. END. */

/* Стили для фотоальбома. IN. */
#album {margin: 0px; padding: 10px; float: left;}
#album td {padding: 3px 2px; text-align: center; vertical-align: middle;}
#album img {background: white; padding: 6px; border: solid 1px #ccc;}
#album img:hover {border: solid 1px #45688E;}
.aimage {padding-left: 2px; text-align: left;}
/*#photo a {float: left;}
#photo a:hover {color: #45668E;}
#photo_name {float: left; padding: 0 10px 0 10px; font-weight: bold;}
#photo_count {padding: 0 10px 0 10px; float: left; color: #808080; font-size: 10px;}*/
#error {float: left; color: #ED6266; padding: 0 10px 0 10px;}
#done {float: left; color: #384a86; padding: 0 10px 0 10px;}
#download {float: left; padding: 0 10px 0 10px;}
#upload_process{visibility:hidden;}
.photo {clear: both; text-align: center; padding: 2px 10px 10px 10px;}
.photo a {}
.photosubmit {clear: both; text-align: center; padding: 2px 0px 0px 0px;}
.photosubmit a {border: 1px solid #ADADAD; padding: 0 10px; margin: 0 1px; height: 20px; line-height: 20px; font-weight: normal; font-size: 15px;}
.photosubmit a:hover {background: #ffffff; text-decoration: none;}
.none_photo {border: 1px solid #ADADAD; padding: 0 10px; margin: 0 1px; height: 20px; line-height: 20px; font-weight: normal; font-size: 15px;background: #ADADAD;}
/* Стили для фотоальбома. END. */

/* Дополнительные стили-3. IN. */
#no_proza {color: #5a5a5a; padding: 8px 8px 8px 30px; text-align: justify; line-height: 15px; float: left;}
#copyright {padding: 0 10px 0 30px;}
#links {padding: 8px; line-height: 15px;}
#version {float: right; font-size: 10px; color: #909090; text-align: center;}
#smile a {background-color: #f5f5f5; display: block; height: 35px; text-align: center;}
#smile a:hover {background-color: #b0d8fc;}
.banner {width: 800px; height: 111px; margin: 25px 0px 0px 160px; bottom: 80px;}
.banner a {color: #909090; text-decoration: none;}
.banner a:hover {color: #909090;	text-decoration: underline;}
#alpha a img {opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);}
#alpha a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}
.guest_smile {}
.guest_smile h3 {cursor: pointer;font: 11px verdana; color: #3367a1; margin: 0px 0px 0px 0px;}
.guest_smile h3:hover {background-color: #e3e2e2;}
.guest_smile h3.active {background-position: right 5px;}
.rand_menu {margin: 0px; padding: 0px 10px 10px 10px; float: left;}
.rand_menu td {padding: 0px 2px; text-align: center; vertical-align: middle;}
.rand_menu img {background: white; padding: 6px; border: solid 1px #ccc;}
.rand_menu img:hover {border: solid 1px #45688E;}
.rand_menu_ td {padding: 0px 2px; text-align: left; vertical-align: middle;}
/* Дополнительные стили-3. END. */

a.tt span{display:none;}
a.tt:hover{
position:relative;/*Ставим точку отсчета для тултипа внутрь данной ссылки*/
z-index:23;/*это нужно что бы тултип показывался поверх этой и других ссылок*/
}
a.tt:hover span{
display:block;/*показываем тултип при наведении*/
position:absolute;
top:-10px;
left:40px;/*три строки для позиции тултипа относительно левого верхнего угла ссылки*/
z-index:22;/*мне 22 + см. выше*/
background:#fafafa;/*фон, что бы было видно тултип*/
}