body { color: black; font-size: 0.8em; }
body, input, textarea { font-family: Georgia,Times,serif; line-height: 1.5em; }

a { color: #373c98; }

h1 { font-size: 2.2em; font-weight: normal; margin: 0.7em 0 1.5em; }
h2 { font-size: 1.9em; font-weight: normal; position: relative; }
h3 { font-size: 1.6em; font-weight: normal; }
h1 span { padding: 2px 5px; }
h2 span { padding: 2px 12px 6px 36px; }
h3 span { padding: 2px 5px; }
h5 { margin: 1em 0 0.2em; font-weight: normal; font-size: 1em; color: #423f5a; font-style: italic; }
h2 small { font-size: 0.6em; color: #888888; }


#layout { position: relative; top: 0; min-width:970px; max-width: 1300px; margin: 0px auto; width: 100%; min-height: 100%; overflow: hidden; }
#header, #content, #footer .inner { position: relative; margin: 0px 20px; }
#header { z-index: 10; }
#content { margin-bottom: 320px; }
#footer { position: absolute; bottom: 0px; left: 0px; width: 100%; }

.wn {  }
.wn td.left { width: 76% }
.wn td.right { width: 24% }
.wn td .inner { padding-top: 1px; }
.wn td.left .inner { margin-right: 10.5% }
#mainpage .wn td.left .inner { margin-top: 110px; }
#mainpage .wn td.right .inner { }
#music .wn td.left .inner { margin-right: 5%; }
#photo .wn td.right .inner { margin-top: 75px; }
/*#news .wn td.left .inner { margin-top: 30px; }*/
#news .wn td.right .inner { margin-top: 30px; }

.news span,
.music span,
.photos span,
.video span,
.about span,
.schedule span,
.news span a,
.music span a,
.photos span a,
.video span a,
.schedule span a,
.about span a { color: white; }

.news span { background-color: #c61639; }
.music span { background-color: #96b714; }
.photos span { background-color: #00456e; }
.about span { background-color: #d39e17; }
.video span { background-color: #7e019b; }
.mainpage span { background-color: #770d22; }

.news span.hover { background: #c61639 url('/i/pattern/red.png') repeat right top; }
.music span.hover { background: #96b714 url('/i/pattern/green.png') repeat right top; }
.photos span.hover { background: #00456e url('/i/pattern/blue.png') repeat right top; }
.about span.hover { background: #d39e17 url('/i/pattern/orange.png') repeat right top; }
.video span.hover { background: #7e019b url('/i/pattern/purple.png') repeat right top; }
.mainpage span.hover { background: #770d22 url('/i/pattern/red.png') repeat center top; }



/*.orange { background: #f4ebda; }*/

.block { position: relative; padding: 1px 5px; margin-bottom: 3em; }
.block .inner { margin: 0px!important; }
.closed { background: transparent; }
.closed .inner { display: none; }

.orange { background: #f4ebda; }
.blue { background: #DAECF4; }
.green { background: #dff4da; }

.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; }


h2 span i,
#main_menu li.mainpage i { display: block; overflow: hidden; width: 24px; height: 24px; }
h2 span i b,
#main_menu li.mainpage i b { position: absolute; background: url('/i/i.png') no-repeat left top; width: 200px; height: 24px; top: 0px; }

h2 span { position: relative; background-repeat: repeat; background-position: left top; }
h2 span i { position: absolute; left: 6px; top: 7px; }
h2.news span { background-image: url('/i/pattern/red.png'); }
h2.music span { background-image: url('/i/pattern/green.png'); }
h2.photos span { background-image: url('/i/pattern/blue.png'); }
h2.about span { background-image: url('/i/pattern/orange.png'); }
h2.schedule span { background-image: url('/i/pattern/lightgreen.png'); }

h1 span { position: relative; background-repeat: repeat; background-position: left top; }
h1.news span { background-image: url('/i/pattern/red.png'); }
h1.music span { background-image: url('/i/pattern/green.png'); }
h1.photos span { background-image: url('/i/pattern/blue.png'); }
h1.about span { background-image: url('/i/pattern/orange.png'); }
h1.video span { background-image: url('/i/pattern/purple.png'); }

h3 span { position: relative; background-repeat: repeat; background-position: left top; }
h3.news span { background-image: url('/i/pattern/red.png'); }
h3.music span { background-image: url('/i/pattern/green.png'); }
h3.photos span { background-image: url('/i/pattern/blue.png'); }
h3.about span { background-image: url('/i/pattern/orange.png'); }



#main_menu li.mainpage i b { left: 0px; }
h2.news span i b { left: -24px; }
h2.music span i b { left: -48px; }
h2.photos span i b { left: -72px; }
h2.about span i b { left: -96px; }

h3.music span { background-color: #317d20; }

#main_menu { padding: 20px 0px 0px; width: 100%; }
#main_menu li { margin-right: 3px; font-size: 1.1em; font-weight: bold; }
#main_menu li span { padding: 3px 6px 6px; display: block; }
#main_menu li.mainpage span { padding: 2px; }
#main_menu li.mainpage i { position: relative; }
#main_menu li.mainpage a { display: block; width: 100%; height: 100%; cursor: pointer; }
#main_menu li span.selected { background: white; position: relative; top: -3px; margin-bottom: -6px; border-top-width: 3px; border-bottom-width: 3px; border-top-style: solid; border-bottom-style: solid; }
#main_menu li span.selected,
#main_menu li span.selected a { color: black; }

#main_menu .news span.selected { border-top-color: #c61639; border-bottom-color: #c61639;}
#main_menu .music span { border-top-color: #96b714; border-bottom-color: #96b714;}
#main_menu .photos span { border-top-color: #00456e; border-bottom-color: #00456e;}
#main_menu .about span { border-top-color: #d39e17; border-bottom-color: #d39e17;}
#main_menu .video span { border-top-color: #7e019b; border-bottom-color: #7e019b;}



#logo { position: relative; z-index: 100; top: 10px; }
#logo img { width: 103%; max-width: 1300px; position:relative; left: -23px; top: 6px; z-index: 100; }

i.nose { display: block; width: 13px; height: 13px; position: absolute; left: 7px; top: -13px; }
i.nose b { display: block; width: 13px; height: 13px; background: url('/i/nose/h.png') no-repeat left top; }

.clippy { font-family: arial; position: absolute; z-index: 200; }
.clippy .text { position: relative; padding: 5px 10px; margin: 10px; }
.clippy .text p { margin: 0px; }
.clippy .text,
.clippy .text i.nose { background: #ffe79f }
.clippy .text i.nose { left: -13px; top: 5px; }
.clippy .text i.nose b { background-image: url('/i/nose/v.png'); }
.clippy .text a { color: #c61639; }

.clippy_top { top: 0px; right: 0px; width: 300px; padding-left: 87px; height: 75px; background: url('/i/clippy/top.jpg') no-repeat left top; }

/* ============== mainpage ========================*/

#rotator { position: relative; z-index: 5; }
#rotator .container { height: 390px; overflow: hidden; }
#rotator .container .page { height: 390px; width: 100%; position: absolute; top: 0px; left: 0px; }
#rotator .tabs { padding-top: 17px; position: absolute; }
#rotator .tabs li { width: 130px; background: #f1f1f3; margin-right: 10px; padding: 10px 20px 15px; cursor: pointer; }
#rotator .tabs li i.nose { display: none; left: 7px; top: -13px; }
#rotator .tabs li i.nose b { }
#rotator .tabs li.selected,
#rotator .tabs li.selected i.nose { background: #c61639;}
#rotator .tabs li.selected,
#rotator .tabs li.selected a { color: white; }
#rotator .tabs li.selected i.nose { display: block; }
#rotator .tabs li p { margin: 0px; }
#rotator .tabs li h5 { margin: 0px 0px 5px; font-size: 1.2em; font-style: italic; font-weight: normal; color: #c61639; }
#rotator .tabs li.selected h5 { color: white; }

.links li { padding: 4px 6px; margin-right: 2px; }
.tags { border-bottom: #770d22 2px solid; }
.tags li { background: #f1f1f3; }
.tags li.selected { background: #770d22; }
.tags li.selected,
.tags li.selected a { color: white; }

.news_item { margin-top: 20px; padding-top: 1px; position: relative; }
.news_item .links { padding-bottom: 6px;  border-bottom: #770d22 2px solid; font-size: 0.9em; }
.news_item .links,
.news_item .links a { color: white; }
.last .links { /*border-bottom: none;*/ }
.news_item .links .c { background: #c61639; }
.news_item .links .t { background: #770d22; font-family: arial; font-size: 0.95em; }
.news_item .container { padding-left: 65px; margin-bottom: 10px; }
.news_item .pic { position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; }
.news_item h3 { margin-top: 0px; }
.news_item h3,
.news_item h3 a { color: #c61639; }
.news_item small.title { color: #770d22; font-family: Arial; font-size: 0.8em; display: block; margin-top: -17px; }



.pages li { background: #770d22; font-family: arial; font-size: 0.85em; }
.pages li,
.pages li a { color: white; }
.pages li.disabled { background: #f1f1f3; color: #c9c9ca; }

ul.songs { position: relative; width: 100%; }
ul.songs li.ill { position: absolute; display: block; z-index: 0; background: url('/i/f/ivan_music.jpg') no-repeat left top; width: 88px; height: 205px; right: 0px; top: 0px; }
ul.songs li { margin-bottom: 6px; z-index: 2; }
ul.songs li i { position: absolute; left: -23px; top: -1px; }

dl.contacts dt { font-style: italic; }
dl.contacts dd { margin: 0.1em 0 0.7em; padding: 0; font-size: 1.6em; }
dl.contacts dd.email { margin: 0.2em 0 0em; font-size: 1em; }
dl.contacts dd.email span {}

h3.about span { background-color: #835e01; }

ul.with_icons { margin-top: 1em; }
ul.with_icons li { position: relative; margin-left: 25px; margin-bottom: 7px; }
ul.with_icons i { position: absolute; left: -25px; top: 2px; width: 16px; height: 16px; }

i.vk { background: transparent url('/i/icons/vk.gif') no-repeat left top; }
i.lj { background: transparent url('/i/icons/lj.gif') no-repeat left top; }
i.lastfm { background: transparent url('/i/icons/lastfm.gif') no-repeat left top; }
i.twitter { background: transparent url('/i/icons/twitter.gif') no-repeat left top; }
i.word { background: transparent url('/i/icons/word.gif') no-repeat left top; }

ul.photos li { margin-bottom: 10px; }
ul.photos img { display: block; }
ul.photos i { font-style: normal; font-family: arial; position: absolute; left: 0px; bottom: 0px; }
ul.photos i span { padding: 4px; background-color: #002b45; }

ul.schedule li { font-size: 1.4em; margin-bottom: 10px; }
ul.schedule li b { color: #014733; font-size: 1.1em; font-weight: normal; }
ul.schedule li small { font-size: 0.8em; color: #888888; }

div.separator { padding-top: 20px; }

/* ============== music ========================*/

.album_covers_container {}

.album_cover { float: left; clear: none; width: 300px; height: 350px; padding: 1px; margin: 0px 10px 10px 0px; }
.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: 5px; }

.album_covers_container .hover { border: #f4ebda 1px solid; padding: 0px; height: 350px; }
.album_covers_container .hover .title { background-color: #f4ebda; }
.album_covers_container .hover .img img { opacity: 1; filter: alpha(opacity=100); }

.album_announce h3 { margin-bottom: 1em; margin-top: 0.25em; }
.album_announce img { width: 300px; height: 300px; float: left; clear: none; margin-right: 20px; margin-bottom: 20px; }
.album_announce .text { margin-bottom: 2em; font-size: 1.2em; }
.album_announce ul { margin-bottom: 2em; clear: none; }


.song_text { font-size: 1.3em; line-height: 1.4em; width: 450px; white-space: nowrap; padding-right: 50px; }
.song_text span { line-height: 3.4em; vertical-align: 1.5em; font-size: 0.8em; }
.song_text span.outer { line-height: 1.5em; vertical-align: 0em; margin-right: 1em; }

.vertical_menu {  }
.vertical_menu li { margin-bottom: 5px; }
.vertical_menu li span { font-size: 1.3em; font-family: Arial; line-height: 1.4em; }
.vertical_menu li ul { margin-left: 20px; padding: 0px; }

i.player { position: relative; top: 4px; margin-right: 4px; }

#music h1 { margin-bottom: 25px; }
#music h1 i.player { top: 2px; }

.mp3_link { position: relative; padding-left: 25px; margin-top: 0.5em; margin-bottom: 0.5em; }
.mp3_link span { position: absolute; left: 0px; bottom: 0em; width: 18px; height: 18px; background: transparent url('/i/ico_mp3.png') no-repeat left top; }


/* ============== about ========================*/

.signature { text-align: center; font-size: 1.3em; line-height: 1.3em; margin: 0.5em 0; }
#about .inner { position: relative; }
#about .wn .left td .inner { margin-right: 40px; }
#about .illustration { width: 100%; position: relative; }
#about .illustration img { width: 100%; float: left; clear: both; }
#about h2 { color: #b18001; }

/* ============== foto ========================*/

.album_covers_container .hover { border: #d6d9f3 1px solid; padding: 0px; height: 350px; }
.album_covers_container .hover .title { background-color: #d6d9f3; }

.thumbs_container b { float: left; clear: none; margin: 0 30px 30px 0; width: 100px; height: 100px; position: relative; }
.thumbs_container b i { display: block; position: absolute; }

.arrows { position: relative; margin: 50px 0; }
.arrows .arrow { position: absolute; top: 0px; width: 200px; height: 50px; }
.arrows .back { left: 0px; }
.arrows .fwd { right: 0px; }
.arrows .arrow i { position: absolute; top: 0px; font-size: 1.3em; font-style: normal; }
.arrows .back i { left: -40px; }
.arrows .fwd i { right: -40px; }

.arrows .center_comment { width: 400px; margin: 0px auto; }
.gallery_arrows { margin-top: 20px; margin-bottom: 0px; }
.gallery_arrows .arrow { width: 50px; }
.gallery_arrows .back { left: 7%; }
.gallery_arrows .fwd { right: 7%; }
.gallery_arrows .arrow b img { width: 50px; height: 50px; }

.photo_container { margin-top: 40px; text-align: center; }
.photo_container img { }

#photo .vertical_menu li { font-size: 1.3em; font-family: Arial; line-height: 1.4em;  }
#photo .vertical_menu li span { position: relative; padding: 2px 5px; left: -5px; top: -2px; margin-bottom: -4px; font-size: inherit; line-height: inherit;  }

/* ============== news ========================*/

.tag_cloud { font-size: 4em; }
.tag_cloud b { font-size: 10px; padding: 0px 10px 0px 0px; }


/* ============== video ========================*/

#video iframe { margin-bottom: 25px; }

/* ============== footer ========================*/

#footer,
#footer .inner { height: 300px; }
#footer .strip { position: absolute; bottom: 20px; z-index: 1; width: 100%; height: 50px; background-repeat: repeat; background-position: center top; }
#mainpage #footer .strip,
#common #footer .strip,
#news #footer .strip { background-image: url('/i/pattern/red.png'); }
#music #footer .strip { background-image: url('/i/pattern/green.png'); }
#about #footer .strip { background-image: url('/i/pattern/orange.png'); }
#photo #footer .strip { background-image: url('/i/pattern/blue.png'); }
#video #footer .strip { background-image: url('/i/pattern/purple.png'); }
#footer .ill { position: absolute; z-index: 2; bottom: 0px; right: 40%; }
#footer .main_menu { position: absolute; z-index: 2; bottom: 70px; }
#footer .main_menu li { font-weight: bold; margin-right: 5px; font-size: 0.85em; }
#footer .main_menu li span { padding: 1px 6px 3px; display: block; }
#footer .copy { position: absolute; z-index: 2; width: 30%; left: 60%; padding: 0px 0px 0px 10px; }
#footer .mojj { bottom: 80px; }
#footer .podhod,
#footer .podhod a { color: white; }
#footer .podhod { bottom: 25px; }