﻿* {padding:0;}
html {height:100%;}
body {min-height:98%; height:98%; background:#bcbcbc; margin:0;font-family:Verdana;font-size:12px;}
h1 {font-size:x-large; margin-bottom:0px;}
h2 {font-size:17px; margin-bottom:0px;}
img {border:0px;}
table {border:0px; border-collapse:collapse; margin-left:auto; margin-right:auto;}
a {color:black; font-weight:bold; text-decoration:underline}
.clickable {cursor: pointer; color:black; font-weight:bold; text-decoration:underline;}
div.page {width:800px; margin:auto; height:auto !important; min-height:100%; height:100%; background:#fdfdfd;}
div.header {height:176px;}
div.mainbar {width:780px; float:left; vertical-align:top; height:auto !important; min-height:74%; height:74%; padding:10px;}
div.footer_guarantor {height:35px; clear:both;}
div.footer {background:#ffa542; margin:auto; margin-top:-35px; width:800px; height:35px; clear:both;}

table.body {width:800px;}
table.sections {font-size:small; text-align:center;}
table.sections a { text-decoration:none !important; }
table.news td {padding:5px 5px; text-align:left; vertical-align:top;}
table.topics td {padding:0; text-align:left; font-size:small; vertical-align:top;}
td.index_title {height:20px; color:#19419d; font-weight:bold;font-size:14px;border-bottom:1px dashed #8E2435;}
td.comment {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:xx-small; color:#666666; text-align:center;}
td.orangeline {background:#ffa542; height:35px;}
.events {font-size:12px; padding:5px;}

div.album_cover {float:left; width:200px; margin-right:55px; margin-left:25px;text-align:center;}
div.album_tracks {float:left; margin-top:20px; text-align:left; font-size:13px;}
div.newblock {clear:both; text-align:center;}
div.artist_top {text-align:center;}
div.photo {width:400px; float:left; margin-top:10px;}
div.links {text-align:left; font-size:small; margin-left:50px;margin-top:10px;}
div.info {text-align:justify; margin:20px;}
div.clips {text-align:left;}
div.bottom_menu {font-size:9px; float:left; text-align:left; padding-top:10px; padding-left:40px;}
div.extralinks {float:left; text-align:left; margin-left:230px;}
.smallfont {font-size:xx-small;}
.xsmallfont {font-size:12px;}
.nextLink{cursor: pointer; text-decoration:underline; font-size: 10px; font-weight: bold;}
.sectionLink { font-variant:small-caps; color:#1b4886;}

.comment_track {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:xx-small; color:#666666;}
.comment_album {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:xx-small; color:#666666; line-height:1;}
.comment_tn {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:xx-small; color:#666666; text-align:center; padding-bottom:10px; width:130px;}
.letters {font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; font-size:medium; color:#333333; letter-spacing:4px;}
.letters_en {font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; font-size:medium; color:#333333; letter-spacing:2px;}
.letters a:visited, .letters a:link {color:#333333; text-decoration:underline;}
.letters_en a:visited, .letters_en a:link {color:#333333; text-decoration:underline;}

.orange_font {color:#ff8700;}
.grey_font {color:#333;}
.redtitle {color:#F00; font-weight:bold;}
.bluetitle {color:#DE3233; font-weight:bold;line-height:17px;}

.links {text-align:center;}
.input {font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; font-size:small; color:#333333; background-color:#a0bfff;}
.att {font-family:Arial,Helvetica,sans-serif; font-size:small; color:#FF0033; font-weight:bold}
.forumlist {margin-left:25px;}

p.top {font-size:small; margin:5px 0 5px 0;}

td.tn {text-align:center; background:url(images/tn_bg.gif); background-repeat:no-repeat; height:120px; width:120px; padding-right:10px; }
/*search*/
div.result {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; padding: 20px;}
div.result a {color: #2222b2;}
div.result a:hover {color: #226cb2;}
div.result span.date {color: #006600; font-size: 9pt;}
div.result span.quotes {font-size: 10pt;}
/*search*/

/* modal window */
#simplemodal-overlay { 
background-color:#000; /* Тут выбираем цвет затемнения */ 
cursor:wait; /* Курсор при наведении на затемненную область */ 
filter: alpha(opacity=80); /* Интенсивность затемнения */ 
height: 100%; 
} 

#simplemodal-container { 
height:auto;  /* Для растягивания по высоте */ 
width:500px; 
left:50%; /*в купе с margin-left, которая равна минус половине ширины центруют по горизонтали*/ 
top:50%;  /*центрует по вертикали, вместе с margin-top, если задать высоту*/ 
margin-left:-150px; 
padding: 10px; 
} 
a.simplemodal-close { 
background:url(x.png) no-repeat; 
width:25px; /* Положение отличается от тех, что в примере. Мне кажется так удобнее */
height:29px; 
display:inline; 
z-index:3200; 
position:absolute; 
top:0px; 
right:0px; 
cursor:pointer; 
}
/* modal window */
