html, body { height: 100%; }
body, input, textarea { font-family: Georgia,Times,serif; line-height: 1.5em; }
body { font-size: 0.75em; }
#layout { overflow: hidden; position: absolute; top: 0px; width: 100%; min-width: 994px; min-height: 100%; background: #fff none no-repeat center bottom; }
* html #layout{ width: expression((documentElement.clientWidth||document.html.clientWidth)<994?'994px':'auto'); }

a { color: #373c98; }
#main_menu a, .block h3 a { color: #c61639; }

p { margin: 0.5em 0 1.5em; }

.left { width: 55%; }
.right { width: 45%; }
.right .left { width: 45%; }
.right .right { width: 55%; }

.left .inner { padding-left: 17%; }
* html .left .inner { padding-left: expression(this.offsetWidth*0.17 + 'px'); }

#header { height: 40px; width: 100%; }
#body { margin-bottom: 470px; color: #423f5a; }
#footer { position: absolute; bottom: 0px; height: 150px; width: 100%; }

.block { margin-bottom: 3em; }
.block h3 { font-size: 2em; line-height: 1.3em; margin-top: 0.5em; font-weight: normal; position: relative; }
.block h3 span { position: absolute; left: -36px; top: 0.2em; height: 22px; width: 22px; background-position: left top; background-repeat: no-repeat; }
.block h3 a span { //cursor: pointer; }

.blog h3 span { background-image: url('/img/icons/blog.gif'); }
.concerts h3 span { background-image: url('/img/icons/concerts.gif'); }
.media h3 span { background-image: url('/img/icons/songs.gif'); }
.gallery h3 span { background-image: url('/img/icons/photos.gif'); }

#main_menu { margin-top: 1em; margin-left: -0.5em; padding-left: 9%; }
#main_menu li { float: left; padding: 0.2em 0.7em; margin: 0 0.3em; background: white; }
#main_menu li.selected { background-color: #f4ebda; }

.logo { width: 388px; height: 41px; position: relative; left: -12px; line-height: 0px; }
.logo img { width: 388px; height: 41px; }
.logo div { width: 388px; height: 41px; background: transparent url('/img/logo.gif') no-repeat left top;}
/*
* html .logo div { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo_white.png',sizingMethod='crop');}
*/
.logo .border { position: absolute; width: 100%; height: 0px; border-bottom: #c61639 2px solid; bottom: 4px; left: 0px; display: none; }
.logo a .border { display: block; }


div.concerts { margin-top: 0px; }
table.concert { position: relative; left: -21%; //left: -17%; margin-bottom: 1em; }
table.concert td { padding: 0.5em 0.5em 0.5em 0; }

table.concert tr.selected td { background-color: #f4ebda; }
table.concert td.first-child, table.concert td.place, table.concert td .comment { font-family: Arial; font-size: 0.8em; line-height: 1.3em; }
table.concert td.first-child { color: #95724f; padding: 2em 1em; }
table.concert tr.selected td.first-child { background-image: url('/img/perforation.jpg'); background-position: right top; background-repeat: repeat-y; }

table.concert td.place { color: white; padding: 1.3em 0.5em; //padding-top: 1.6em; }
table.concert tr.selected td.place { padding-top: 2em; padding-right: 2em; }
table.concert td.place span { color: white; background-color: #999; padding: 0.5em; }
table.concert tr td.msk span { background-color: #de788c; }
table.concert tr td.spb span { background-color: #a8aacb; }
table.concert tr td.chg span { background-color: #f38f65; }
table.concert td .date { color: #b8334d; font-size: 1.7em; line-height: 1.3em; }
table.concert tr.selected td .date { color: #ce3453; font-size: 2.2em; line-height: 1.3em; }
table.concert td .title { color: black; font-size: 1.2em; }
table.concert td .comment { margin-top: 0.5em; margin-bottom: 1em; color: #6f3773; }

.media .navigation li { font-size: 1.2em; margin-bottom: 0.5em; }
.media .readmore { margin-top: 2em; }

.gallery {  }
.gallery .thumbs .thumb { float: left; clear: none; margin: 0 5px 5px 0; line-height: 0px; }
.gallery .thumbs .thumb a {  }

.blog {  }
.blog h3 { margin-bottom: 0.5em; }
.blog .posting { position: relative; margin-right: 15%; }
.blog .posting .container { position: relative; width: 100%; padding-bottom: 10px; }
.blog .posting .title { font-size: 160%; line-height: 1.5em; font-family: Arial; margin-bottom: 0.1em; }
.blog .posting .title span { position: relative; left: -0.5em; color: #423f5a; cursor: pointer; padding: 0.2em 0.5em; //padding-right: 0.2em; //background-color: white; }
.blog .posting .title span span { position: static; border-bottom: #423f5a 2px dashed; padding: 0em; //margin-right: 0.1em; //background: none; }
.blog .posting .title span.selected { background-color: #f4ebda; }
.blog .posting .additional { color: #8b8a92; font-size: 0.9em; }
.blog .posting .text { //float: left; //clear: both; }
.blog .posting .text .readmore { margin-top: -0.5em; font-size: 1.2em; }
.blog .posting .tags { position: absolute; left: 200px; background-color: #f3e5e8; padding: 0.7em; margin-top: 12px; font-family: Arial; z-index: 100; }
.blog .posting .tags span {  }
.blog .posting .comments { margin-top: 23px; }


.readmore { margin-top: 1em; font-family: Arial; font-size: 0.9em; }

.announce { margin-top: 2em; position: relative; height: 100px; margin-bottom: 22px; }
.announce .img span { position: absolute; left: 0px; top: 0px; width: 96px; height: 87px; background: transparent url('/img/banner_album.png') no-repeat left top; }
* html .announce .img span { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/banner_album.png',sizingMethod='crop'); }
.announce .img a span { //cursor: pointer; }
.announce .text { padding: 0px 100px 0 110px; font-family: Arial; font-size: 1.2em; clear: both; float: left; }
.announce .text p { margin-top: 0px; }

.orange { position: relative; left: -1.5em; padding: 0.7em 1.5em; background: #f4ebda; }
.blue { position: relative; padding: 0.7em 1.5em; background: #DAECF4; }

.banner { position: relative; height: 90px; padding-top: 1em; }
.banner .img { position: absolute; left: 10px; top: 5px; width: 96px; height: 87px; }
.banner .text { padding-left: 115px; font-size: 1.2em; line-height: 1.3em; font-family: Arial; }


.orange { width: 90%; margin-bottom: 1em; font-size: 1.2em; }
* html .orange { float: left; height: 1px; }
.orange .title { font-size: 1em; line-height: 1.4em; font-family: Arial; }
.orange .title span { color: #423f5a; border-bottom: #423f5a 1px dashed; cursor: pointer; }


.blue { width: 90%; float: left; margin-bottom: 1em; font-size: 1.2em; }
* html .blue { float: left; height: 1px; }
.blue a { font-size: 1.3em; }
.blue .title { font-size: 1em; line-height: 1.4em; font-family: Arial; }
.blue .title span { color: #423f5a; border-bottom: #423f5a 1px dashed; cursor: pointer; }


.album_covers_container { }

.album_cover { float: left; clear: none; width: 300px; height: 351px; margin: 1px 31px 11px 1px; }
* html .album_cover { border: white 1px solid; margin: 0px 30px 10px 0px; height: 350px; }
.album_cover .img { line-height: 0px; font-size: 0px; height: 300px; }
.album_cover .img a { line-height: 0px; font-size: 0px; }
.album_cover .img img { opacity: 0.9; filter: alpha(opacity=90); }
.album_cover .title { height: 40px; text-align: center; padding-top: 10px; }
.inner .album_cover_hover { border: #f4ebda 1px solid; margin: 0px 30px 11px 0px; height: 350px; }
* html .inner .album_cover_hover { margin: 0px 30px 10px 0px; }

.inner .album_cover_hover .title { background-color: #f4ebda; }
.inner .album_cover_hover .img img { opacity: 1; filter: alpha(opacity=100); }

.separator { width: 100%; clear: both; }


#footer { color: #a4a29a }
#footer a { color: #878478 }
#footer .mojj_copy, #footer .podhod_copy { position: absolute; bottom: 30px; }
#footer .mojj_copy { left: 15%; }
#footer .podhod_copy { right: 10%; }