@import url(base.css);
@import url(content.css);

/*
465161	757D89	a3a9B1	d1d3d7	edeef0	3c4552	353d49	232931	121418	07080a
*/

BODY {background: #465161 url(../i/body-bg-top-tiled.png) repeat-x; color: #07080a; line-height: 1.4; }
/* font-family: Arial, Helvetica, sans-serif; font-size: .875em;  */

A[href ^='/redir/?url=http']:not([href *='tanalin.com']):not([href $='.mp3']):not([href $='.ogg']):not([href $='.rar']):not([href $='.zip']) {background-image: url(../i/icons/external-link.gif); background-position: 100% .23em; padding-right: 12px; }

#app A[href ^='http:']:not([href *='tanalin.com']):not([href $='.mp3']):not([href $='.ogg']):not([href $='.rar']):not([href $='.zip']) {background-position: 100% .16em; }

SMALL A {background-position: 100% .1em !important; }



#page,
#canvas {margin: 0 auto; min-width: 770px; max-width: 100em; }

#page > DIV,
#page > DIV > DIV,
#canvas > DIV,
#canvas > DIV > DIV {background-image: url(../i/canvas-shadow.png); }

#page > DIV > DIV,
#canvas > DIV > DIV {background-position: right top; }

#page > DIV > DIV > DIV,
#canvas > DIV > DIV > DIV {border-bottom: 5px solid #2e353f; margin: 0 20px; }

#page > DIV > DIV > DIV > DIV,
#canvas > DIV > DIV > DIV > DIV {background: #fff; border: 1px solid #fff; border-top: none; position: relative; }

#page > DIV > DIV > DIV > DIV:after,
#canvas > DIV > DIV > DIV > DIV:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }



#top {background: #757d89 url(../i/topBgR.jpg) right top no-repeat; border-bottom: 1px solid #e0e0e0; position: relative; height: 64px; }



#skip {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }



#logo,
#logo A,
#logo SPAN {display: block; width: 173px; height: 51px; }

#logo {font-size: 1.25em; margin: 0 !important; position: absolute; left: 23px; top: 6px; z-index: 10; }
#logo A {overflow: hidden; }

#logo SPAN {background-image: url(../i/logo.png); margin-bottom: -51px; position: relative; z-index: 10; }
#logo A:hover SPAN {background-position: 0 -51px; }



#mnu {background-color: #2e353f; background-image: url(../i/mnuSeparator.gif); background-position: right top; font-size: 1.3846em; margin: 0 -1px 0; min-height: 1px; padding-right: 1px; position: relative; text-shadow: #000 0 0 3px; }
#mnu DIV {display: table; font-weight: normal; line-height: 1.3em; width: 100%; }
#mnu TABLE {width: 100%; }

#mnu UL {display: table-row; list-style: none; margin: 0; padding: 0; }
#mnu UL LI {display: table-cell; margin: 0; }

#mnu UL LI,
#mnu TABLE TD {background-image: url(../i/mnuSeparator.gif); padding: 0; vertical-align: top; }

#mnu A {color: #e0e1e2; display: block; margin-left: 1px; padding: .4em 1em .7em; text-align: center; text-decoration: underline; white-space: nowrap; }

#mnu A:hover,
#mnu A:focus {background-color: #161a1f; }

BODY.websites #mnu .websites A,
BODY.music    #mnu .music    A,
BODY.articles #mnu .articles A,
BODY.blog     #mnu .blog     A,
BODY.misc     #mnu .misc     A,
BODY.about    #mnu .about    A,
BODY.contact  #mnu .contact  A {background-color: #161a1f; text-decoration: none; }

BODY.websites #mnu .websites,
BODY.music    #mnu .music,
BODY.articles #mnu .articles,
BODY.misc     #mnu .misc,
BODY.about    #mnu .about,
BODY.contact  #mnu .contact {border-color: #1a1e24; }



#localNav {background: #1a1e24; border: 1px solid #2e353f; border-top: none; margin: 0 -1px; padding-top: 1px; position: relative; }

#localNav UL,
#localNav UL LI {margin: 0; padding: 0; }

#localNav UL {list-style: none; margin-left: -15px; }
#localNav UL LI {float: left; }

#localNav UL LI,
#localNav UL LI A,
#localNav UL LI SPAN {background-image: url(../i/sub-mnu-bull.gif); background-position: 7px 50%; }

#localNav UL LI A,
#localNav UL LI SPAN {color: #e0e1e2; float: left; padding: .3em 15px .4em; }

#localNav UL LI A {text-decoration: underline; }
#localNav UL LI A:hover {background-color: #2e353f; }

#localNav UL LI.cur A {text-decoration: none; }

#localNav DL {margin: 0; padding: 0; padding-left: 35px; }
#localNav DL DT {display: none; margin: 0; }
#localNav DL DD {margin: 0; }



#main {background: url(../i/mainBgTopTiled.png) repeat-x; margin-top: 1px; padding-bottom: 3em; min-height: 350px; position: relative; }
#main .blk H2 {margin-top: 0; }



#contentBox {float: left; width: 72%; }
#contentBoxA {padding: 1.5em 30px 3em; }



#crumbs {font-size: .846em; margin-bottom: 1em; }

#crumbs,
#crumbs A {color: #757d89; }

#crumbs A:hover {color: #3C4552; }

#crumbs SMALL {font-size: 100%; }
#crumbs SPAN {font-size: 1.17em; }

#crumbs DL {margin: 0; padding: 0; }
#crumbs DL DT {display: none; }

#crumbs UL,
#crumbs UL LI {margin: 0; padding: 0; }

#crumbs UL {list-style: none; }
#crumbs UL LI {display: inline; }



#app {background: url(../i/botBgBotTiled.png) left bottom repeat-x; font-size: .9231em; margin-left: 72%; }
#app > DIV {border-left: 1px solid #fff; padding-bottom: 38px; }

#app,
#app A {color: #465161; }

#app BLOCKQUOTE,
#app P,
#app UL {margin-bottom: 1em; }

#app BLOCKQUOTE {margin-top: 0; margin-left: 0; border-left: none; padding-left: 0; }
#app BLOCKQUOTE P {margin-bottom: 0; }

#app .blk {background: #f0f0f0 url(../i/mainBgTopTiled.png) repeat-x; border-top: 1px solid #FFF; min-height: 68px; margin: -1px 0 1px; padding: 1.636em 15px .5em; }
#app .blk UL {margin-top: .5em; }
#app .blk UL.medium LI {margin-bottom: .5em !important; }
#app .blk UL.short LI {margin-bottom: 0 !important; }

#app DL.blk > DT {font-weight: bold; }



#app DL {margin-left: 0; }
#app DL.links {font-size: .9167em; }
#app DL.links A:hover {color: #000; }



#app .blk.feed {background-position: 0 -75px; min-height: 0; }
#app .blk.feed P {background-image: url(../i/icons/feed.png); margin: 0 0 1em; min-height: 16px; line-height: 16px; }
#app .blk.feed A {padding-left: 20px; }
#app .blk.feed A:hover {color: #000; }



#bot {color: #a3a9b1; border-top: 1px solid #edeef0; position: relative; width: 100%; }
#bot > DIV {background: url(../i/botBgBotATiled.gif) left bottom repeat-x; min-height: 34px; width: 100%; }
#bot > DIV > DIV {min-height: 40px; padding: .7em 15px .8em 30px; position: relative; padding-right: 235px; } /* font-size: .846em;  */



#bot P {margin: 0; }
#bot SMALL {font-size: 100%; }
#bot A {color: #a3a9b1; text-decoration: none; }
#bot A:hover {color: #465161; text-decoration: underline; }



#copy SPAN {display: none; }



#counters {margin: 0; position: absolute; right: 15px; top: 1em; }
#counters:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#counters DT {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }
#counters A {background: none; padding: 0; }

#counters UL,
#counters UL LI {margin: 0; padding: 0; }

#counters UL {list-style: none; float: right; }
#counters UL LI {float: left; padding-left: 5px; }
#counters UL SPAN {display: block; overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }

#counters IMG {vertical-align: top; }
#counters LI {opacity: .2; }
#counters LI.liveinternet {opacity: .35; }
#counters LI:hover {opacity: 1; }

#counters LI {-ms-filter: "alpha(opacity=20)"; }
#counters LI.liveinternet {-ms-filter: "alpha(opacity=35)"; }
#counters LI:hover {-ms-filter: "alpha(opacity=100)"; }



#serv,
#serv A {color: #07080a; }

#serv {font-size: .846em; position: absolute; right: 0; top: 0; z-index: 5; }
#serv UL {list-style: none; }
#serv UL:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

#serv UL,
#serv UL LI {margin: 0; padding: 0; }

#serv UL LI,
#serv UL LI A {float: left; }

#serv UL LI {background: url(../i/servBgTiled.png); margin-left: 1px; }
#serv UL LI A {display: block; padding: .1em .6em .25em; text-decoration: none; }
#serv UL LI A:hover {background: #FFF; }



#lang {font-size: .846em; margin: 0; position: absolute; right: 15px; top: 5px; }
#lang A {color: #a3a9b1; }
#lang A:hover {color: #353d49; }



#app UL,
#app UL LI {margin: 0; padding: 0; }

#app UL {margin-left: 20px; }
#app UL LI {margin-bottom: 1em !important; }



#app .bn {text-align: center; }
#app .bn .pic {margin: 30px 0 25px; }
#app .bn .pic A {background: none; padding: 0; }
#app .bn .pic IMG {vertical-align: top; }



UL.tags,
UL.post-tags {list-style: none; margin-left: 0; }

UL.tags LI {margin-left: 0; }

UL.tags LI,
UL.post-tags LI {display: inline; }

UL.tags,
UL.tags LI {margin: 0 !important; padding: 0 !important; }

UL.tags A:hover {background: #465161; color: #fff !important; }

UL.tags {font-size: .8333em; }
UL.tags LI.w-1  A {font-size: 1.1em; }
UL.tags LI.w-2  A {font-size: 1.2em; }
UL.tags LI.w-3  A {font-size: 1.3em; }
UL.tags LI.w-4  A {font-size: 1.4em; }
UL.tags LI.w-5  A {font-size: 1.5em; }
UL.tags LI.w-6  A {font-size: 1.6em; }
UL.tags LI.w-7  A {font-size: 1.7em; }
UL.tags LI.w-8  A {font-size: 1.8em; }
UL.tags LI.w-9  A {font-size: 1.9em; }
UL.tags LI.w-10 A {font-size: 2.0em; }
UL.tags LI.w-11 A {font-size: 2.1em; }
UL.tags LI.w-12 A {font-size: 2.2em; }
UL.tags LI.w-13 A {font-size: 2.3em; }
UL.tags LI.w-14 A {font-size: 2.4em; }



UL.post-tags {font-size: 1em; }
UL.post-tags A {color: #888; }
UL.post-tags A:hover {color: #000; outline: none; }



#comments {background: url(../i/botBgBotTiled.png) 0 1px repeat-x; border-top: 1px solid #2e353f; clear: both; margin-left: -35px; padding: 1em 0 0 35px; position: relative; }

#comments H5 {font-size: 1.3846em; font-weight: normal; margin-bottom: 1em; overflow: hidden; width: 100%; }
#comments H5 SMALL {font-size: .7222em; position: relative; top: -.1em; }

#comments DL.comments,
#comments DL.comments DT,
#comments DL.comments DD {margin-left: 0; padding-left: 0; }

#comments DL.comments DT SMALL {font-size: .6923em; font-weight: normal; margin-left: .5em; }
#comments DL.comments DT SMALL A {color: #d1d3d7 !important; }
#comments DL.comments DT SMALL A:hover {color: #465161 !important; }

#comments DL.comments DD {border-bottom: 1px dotted #a3a9b1; line-height: 1.2; margin-left: -30px; position: relative; }
#comments DL.comments DD.last {border-bottom: none; }

#comments DL.comments DD DL,
#comments DL.comments DD DL DT,
#comments DL.comments DD DL DD {margin-left: 0; }

#comments DL.comments DD DL DD {border-bottom: none; position: static; }

#comments DL.comments DD DIV {padding-left: 30px; padding-bottom: 1px; }
#comments DL.comments DD DIV DIV {overflow-x: auto; padding-left: 0; padding: 0 0 .5em; width: 100%; }

#comments DL.comments DD DL.reply,
#comments DL.comments DD DL.reply DT,
#comments DL.comments DD DL.reply DD {margin: 0; padding: 0; }

#comments DL.comments DD DL.reply {background: #edeef0; border-left: 3px solid #a3a9b1; margin-left: 20px; overflow-x: visible; padding: 10px; width: auto; }
#comments DL.comments DD DL.reply DT {margin-bottom: .2em; }

#comments DL.comments DT.author-reply,
#comments DL.comments DT.author-reply A {color: #428200; }

#comments DL.comments DT.author-reply A:hover {color: #07080a; }

#comments DL.comments DD DL.reply DD {border-bottom: none; }
#comments DL.comments DD DL.reply P {margin: 0; }

#comments DL.note {background: #cfc; border: none; border-left: 5px solid #0d0; padding-top: .5em; padding-left: 25px; padding-bottom: .6em; }

#comments P {margin: 1em 0; }
#comments P.code {background: #edeef0; border-left: 1px dotted #465161; font-family: Consolas, "Courier New", Courier, monospace; line-height: 1.1; margin: .5em 0 .5em; padding: .2em 0 .3em 10px; }
#comments P.code CODE {font-size: 1em; }

#comments BLOCKQUOTE {border-left: 1px solid #465161; line-height: 1.1; margin: .5em 0 .5em; padding: 0 0 0 10px; }



#link-to-comments-form,
#frmComments {clear: both; }



#frm-comment-identification {border-right: 1px solid #465161; margin-bottom: -2.6em; position: relative; width: 210px; }

#frm-comment-identification DL,
#frm-comment-identification DL DD.last {margin: 0 !important; }

#frm-comment-identification .name {border-right: 1px solid #e8e8e9; margin-right: -1px; position: relative; }



#frm-comment-remember {margin-left: 220px; }
#frm-comment-remember DT {margin-left: -40px; }
#frm-comment-remember DT SPAN {margin-left: 40px; }
#frm-comment-remember DT LABEL SPAN {display: none; }
#frm-comment-remember DD {width: 40px; }



#content .music A,
#content .music TH {padding: .2em 10px .4em !important; }

#content .music A {display: block; text-decoration: underline !important; }
#content .music A:hover {background: #1a1e24; text-decoration: none !important; }

#content .music TABLE {border-spacing: 0; border-collapse: collapse; }
:root #content .music TABLE {border-collapse: separate; }

#content .music TABLE,
#content .music A {color: #fff !important; }

#content .music TD.mp3 {background: #586270; }
#content .music TD.zip {background: #6b7481; }
#content .music TD.ogg {background: #7d8590; }
#content .music TD.smp {background: #8c939d; }
#content .music TD.smp A {background: none; display: inline; padding: 0 !important; }

#content .music TD,
#content .music TH {background: #465161; border: solid #fff; }

#content .music TD {border-width: 0 0 1px 1px; padding: 0; }
#content .music TH {border-width: 0 0 1px 0; font-weight: normal; text-align: left; }

#content .music TR:last-child TD,
#content .music TR:last-child TH {border-bottom: none; }

#content .music TH SMALL {color: #a2a8b0; }

#content .music OBJECT,
#content .music EMBED,
#content .music IMG {vertical-align: middle; }

#content .music TR.section TH {background: none; color: #000; font-size: 1.3846em; font-weight: normal; padding: 1em 0 0 !important; }
#content .music TR.section:first-child TH {padding-top: 0 !important; }



#content .about-photo-n-txt:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
#content .about-photo-n-txt .txt {margin-left: 99px; }
#content .about-photo-n-txt .pic {float: left; margin: 0; padding-top: .2em; width: 84px; }



#text {padding-bottom: 3em; }
#text:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }



BODY.home #logo {font-size: 26px; line-height: 183px; margin: 0; padding: 0; overflow: hidden; position: absolute; left: 0; top: 0; width: 40%; height: 189px; text-align: center; }
BODY.home #logo SPAN {width: 100%; height: 183px; }
BODY.home #logo > SPAN {background: url(../i/bg-white.gif); border: solid #2e353f; border-width: 3px 0; margin-bottom: -189px; overflow: hidden; position: relative; z-index: 5; }
BODY.home #logo > SPAN > SPAN {background: url(../i/mainBgTopTiled.png) repeat-x; }
BODY.home #logo > SPAN > SPAN > SPAN {background-image: url(../i/logo-home.png); background-position: 50% 61px; }



BODY.home BLOCKQUOTE {border-left: 1px solid #d1d3d7; color: #a3a9b1; font-size: .846em; padding-left: 10px; }

BODY.home #main .blk:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
BODY.home #main .blk H2 SMALL {color: #a3a9b1; display: block; font-size: .6em; margin-bottom: 1em; }
BODY.home #main .blk H2 SMALL SPAN {display: none; }



BODY.home #bot > DIV > DIV {min-height: 0; } /* padding-right: 15px; padding-left: 15px;  */



BODY.home #counters {overflow: hidden; width: 0; height: 0; }



BODY.home .blk {margin-bottom: 2em; }
BODY.home .blk UL SMALL {color: #a3a9b1; font-size: .846em; font-style: normal; }



#home-col-1,
#home-col-1 A {color: #465161; }

#home-col-1 {background: url(../i/botBgBotTiled.png) left bottom repeat-x; float: left; font-size: .9167em; padding: 190px 0 38px; width: 40%; }
#home-col-1 A:hover {color: #07080a; }

#home-col-1 .blk {background: url(../i/mainBgTopTiled.png) repeat-x; border-bottom: 1px solid #ccc; margin: 0; margin-bottom: 1px; padding: .75em 30px 1em; }

#home-col-1 H4 {font-size: 1.5em; font-weight: normal; margin-top: 0; margin-bottom: .5em; }

#home-col-1 UL {list-style: none; margin-left: 0; margin-top: 0; margin-bottom: .5em; }
#home-col-1 UL LI {margin-bottom: .3em; }



#home-col-2 {float: right; margin-left: -40%; width: 100%; }
#home-col-2 > DIV {margin-left: 40%; }
#home-col-2 > DIV > DIV {margin-left: 1px; padding: 2em 15px; padding-left: 30px; }

#home-col-2 H2 {font-size: 1.6em; margin: 0 0 .75em; }
#home-col-2 BLOCKQUOTE {margin-top: 1.5em; }
#home-col-2 BLOCKQUOTE P {margin: 0; }
#home-col-2 DL {margin-top: 0; }

#home-col-2 .blk {margin-bottom: 1em; }
/*#home-col-2 .blk > P {margin-left: 35px; }*/

#home-col-2 DL {margin-left: 0; }



BODY.home .blk.music UL.tracks {list-style: none; margin-left: 0; }
BODY.home .blk.music UL.tracks LI {margin-bottom: .3em; }
BODY.home .blk.music UL.tracks LI SMALL {color: #a3a9b1; font-size: .75em; font-style: normal; font-weight: normal; }

BODY.home .blk.about {margin-bottom: 0 !important; }
BODY.home .blk.about H4 {margin-bottom: .5em; }

BODY.home #main {padding-bottom: 20px; }



BODY.sitemap #serv .sitemap {display: none; }



BODY.not-found #contentBox {float: none; margin: 0; width: 100%; }

BODY.not-found DIV.rus {float: left; width: 50%; }
BODY.not-found DIV.eng {margin-left: 50%; }

BODY.not-found DIV.rusA,
BODY.not-found DIV.engA {padding-right: 10px; }

BODY.not-found DIV.eng H2 {border-left: none; margin-left: 0; padding-left: 0; }