/* *********************************************** */
/* 							LAYOUT							*/
/* *********************************************** */

/* **************** BASE *********************** */
body {
	background: #f7e7ce url(../i/layout/bg.gif) 50% 0 no-repeat; /* — с отключенным баннером */
	/*background: #f7e7ce url(../i/layout/bg.gif) 50% 90px no-repeat; — при включенном верхнем баннере использовать эту строчку */
}
a { text-decoration: none; color: #a00e4d; }
a:hover { text-decoration: underline; }

/* **************** BANNER *********************** */
.banner { background: #f28124; height: 90px; text-align: center; line-height: 90px; color: #fff; font-size: 4em; display: none; }

/* **************** HEDAER *********************** */
#header { background: url(../i/layout/header.png) center no-repeat; height: 180px; position: relative; }
#header h1 { width: 199px; height: 115px; background: url(../i/layout/logo.png); text-indent: -999px; position: absolute; left: 50%; top: 33px; margin-left: -464px; }
#header h1 a { display: block; width: 199px; height: 115px; }
#header #pnav { height: 19px; position: absolute; left: 50%; top: 89px; margin-left: -250px; width: 752px; overflow: hidden; }
#header #pnav li { float: left; height: 19px; margin-right: 17px; }
#header #pnav li a { display: block; float: left; height: 19px; line-height: 19px; padding-left: 24px; background: url(../i/layout/pnav_bullet.png) left no-repeat; font-weight: bold; font-size: 1.4em; }
#header #ser { position: absolute; left: 50%; top: 45px; margin-left: -250px; width: 200px; }
#header #ser li { float: left; margin-right: 28px; height: 1.3em; }
#header #ser li a { display: block; float: left; font-size: 1.1em; padding-bottom: 1px;  }
#header form { width: 218px; height: 22px; background: url(../i/layout/search_form.gif) right no-repeat; position: absolute; left: 50%; top: 24px; padding: 10px 0 9px 252px; }
#header form label { display: none; }
#header form input { font-family: Tahoma, Arial, Helvetica, sans-serif; display: block; float: left; }
#header form #query { width: 131px; height: 16px; background: #fff; border: 1px solid #7f9db9; padding: 2px 5px; color: #462300; font-size: 1.3em; }
#header form #submit { font-size: 1.3em; color: #a00e4d; border: none; background: none; text-decoration: underline; margin: 2px 0 0 17px; #margin-top: 0; cursor: pointer; }

/* **************** COLUMNS *********************** */
#content { width: 1000px; margin: 0 auto; _zoom: 1; position: relative; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content .wrap { float: right; width: 750px; }
#content #main { float: right; width: 750px; margin-top: 28px; }
#content .wrap #main { float: left; width: 540px; }
#content .wrap .right { float: left; width: 190px; margin: 0 0 0 20px; }
#content .left { float: right; width: 264px; margin: 28px -14px 180px 0; position: relative; left: -34px; background: #ffd191 url(../i/layout/sidebar_left_top.gif) top no-repeat; }
	#content .left.clr { background: none; }

/* **************** CONTNET *********************** */
#content { color: #551320; }
#content h1 { font-size: 3em; font-weight: normal; margin: 23px 0 27px 29px; #position: relative; #zoom: 1; }

/* **************** LEFT COLUMN *********************** */
#content .left h1 { color: #d13052; font-size: 1.4em; font-weight: bold; margin: 55px 0 20px 63px; }
#content .left ul { background: url(../i/layout/sidebar_left_bot.gif) bottom no-repeat; padding: 0 22px 52px 64px; margin-bottom: -180px; height: auto!important; min-height: 180px; height: 180px; #position: relative; }
#content .left li { background: url(../i/layout/dash_ff550f.gif) 0 100% repeat-x; font-size: 1.1em; padding-bottom: 1px; _zoom: 1; }
#content .left li a, #content .left li strong { display: block; padding: .7em 0 .7em 1px; line-height: normal; _zoom: 1; }
#content #subnav { background: #f8be20 url(../i/layout/subnav_top.jpg) top no-repeat; margin-bottom: -25px; }
#content #subnav ul { background: url(../i/layout/subnav_bottom.jpg) bottom no-repeat; padding: 30px 22px 52px 64px; margin: 0; height: auto!important; min-height: 240px; height: 240px; }
	#content .clr #subnav { background: url(../i/layout/subnav_bottom_clr.gif) bottom no-repeat; #zoom: 1; _position: relative; }
	#content .clr #subnav ul { background: url(../i/layout/subnav_top.jpg) top no-repeat; }
#content #subnav li { background: url(../i/layout/dash_fff.gif) repeat-x 0 100%; padding-bottom: 1px; }
#content #subnav a, #content #subnav strong { padding-left: 27px; background: url(../i/layout/subnav_bullet.gif) 1px 50% no-repeat; }
#content #subnav strong { color: #551320; }

/* **************** MAIN COLUMN *********************** */
#content #main h1 { font-size: 3em; color: #660113; font-weight: normal; margin: -5px 0 27px; #position: relative; #zoom: 1; }
#content .wrap #main h1 { margin: -5px -190px 27px 0; }
#content #main .block h1, #content #main .block h2 { font-size: 2.4em; font-weight: normal; margin: -1px 20px 23px; }
#content #main .block h3 { font-size: 1.4em; margin: 0 20px 19px; }
#content #main .block h4 { font-size: 1.1em; margin: 0 20px 3px; }
#content #main .block p { margin: 0 20px 1.45em; line-height: 1.4; }

/* **************** RIGHT COLUMN *********************** */
#content .right { padding-top: 49px; color: #551320; }
#content .right h2 { font-size: 1.8em; font-weight: normal; padding: 45px 0 21px; }
#content .right ul { font-size: 1.1em; line-height: normal; }
#content .right ul li { padding: 6px 0 5px; }
#content .right .episode li { padding: 4px 0 3px; }
#content .right .episode li ul { margin: 22px 0 17px; }

/* **************** FOOTER *********************** */
#footer { background: #b92b3f url(../i/layout/footer.png); clear: both; height: 97px; margin-top: 20px; font-size: 1.1em; color: #fff; position: relative; }
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer .altnav { position: absolute; left: 50%; top: 16px; margin-left: -237px; }
#footer .altnav li { float: left; margin-right: 31px; }
#footer .altnav li a { padding-bottom: 1px; zoom: 1; }
#footer .copy { position: absolute; left: 50%; top: 16px; margin-left: -478px; }
#footer .madeby { position: absolute; left: 50%; top: 0; margin-left: 152px; overflow: hidden;  background: url(../i/layout/madeby_bg.jpg) no-repeat; padding: 40px 0 17px 146px; }
#footer .counters { position: absolute; left: 50%; top: 48px; margin-left: -478px; }
#footer .counters a { margin-right: 8px; }



/* *********************************************** */
/* 							WIDGETS							*/
/* *********************************************** */



/* *********************************************** */
/* 							BLOCK								*/
/* *********************************************** */

#content .red, .announcement, .pract, .show, .gallery, .episodeguide, .blog, .user, .poll
{ background-image: url(../i/layout/box/red_right.gif); _zoom: 1; }
#content .red .tl, .announcement .tl, .pract .tl, .show .tl, .gallery .tl, .episodeguide .tl, .blog .tl, .user .tl, .poll .tl
{ background-image: url(../i/layout/box/red_left.gif); _zoom: 1; }
#content .orange, .advice
{ background-image: url(../i/layout/box/oran_right.gif); _zoom: 1; }
#content .orange .tl, .advice .tl
{ background-image: url(../i/layout/box/oran_left.gif); _zoom: 1; }
#content .white, .showpromo, .searchschedule, .dayschedule
{ background-image: url(../i/layout/box/whi_right.gif); _zoom: 1; }
#content .white .tl, .showpromo .tl, .searchschedule .tl, .dayschedule .tl
{ background-image: url(../i/layout/box/whi_left.gif); _zoom: 1; }
#content .block { margin: 15px 0 15px 10px; background-position: right top; background-repeat: no-repeat; }
#content #main .block { margin: 15px 0; }
#content .block .tl { background-position: left top; background-repeat: no-repeat; }
#content .block .bl { background: url(../i/layout/box/bot_left.gif) left bottom no-repeat; }
#content .br { background: url(../i/layout/box/bot_right.gif) right bottom no-repeat; padding: 29px 0 34px; }
#content .cont { background: #fff; overflow: hidden; _zoom: 1; word-spacing: -0.3em; }

/* **************** UNHACK *********************** */
/*#content .cont h1, #content .cont h2, #content .cont h3, #content .cont h4, #content .cont h5, #content .cont h6, #content .cont p, #content .cont a,
#content .cont li, #content .cont dd, #content .cont dt, #content .cont pre, #content .cont table, #content .cont blockquote, #content .cont form
{ word-spacing: 0; }  <-- походу это мой фейл, можно удалять, но пока пусть повисит */
#content .cont * { word-spacing: 0; }
/* Это правило отменяет действие word-spacing у #content .cont для всех элементов внутри него */

/* *********************************************** */
/* 							CONTENT							*/
/* *********************************************** */
#content .block p { font-size: 1.1em; }

#content table { margin: 0 20px; width: 700px; table-layout: fixed; }
#content table thead th { background: #e13675; color: #fff; padding: 0.5em 10px; text-align: left; font-weight: normal; }
#content table tbody tr td { border-bottom: 1px solid #e13675; padding: 0.75em 1em; }
#content table tbody tr.odd { background: #fff0f6; }
#content table .place { width: 210px; }
#content table .telecomp { width: 140px; }
#content table .prch { width: 90px; }
#content table .power { width: 70px; }
#content table .audience { width: 90px; }

#content form { margin: 0 20px; font-size: 1.1em; }
#content form div { margin-bottom: 10px; }
#content form .text label { width: 127px; display: inline-block; }
#content form .text input { width: 360px; height: 16px; background: #fff; border: 1px solid #7f9db9; padding: 2px 5px; }
#content form .submit { width: 499px; text-align: right; }

#content .news { width: 520px; float: left; margin-bottom: -1.45em; }
#content .archive { width: 190px; float: left; _display: inline; }
#content .archive form .select select { width: 166px; }
#content .archive form .submit { width: auto; text-align: left; }

#content .leaders { margin: 0 20px; }
#content .leaders .item { overflow: hidden; _zoom: 1; margin: 0 0 20px; }
#content .leaders .item img { float: left; margin-right: 20px; }
#content #main .leaders .item h3 { margin: 9px 20px 0; }
#content #main .leaders .item p { margin: 7px 20px 0; }


#content ul.col { margin: 0 0 40px 20px; display: inline-block; #display: inline; #zoom: 1; width: 231px; vertical-align: top; }
#content ul.col li { background: url(../i/layout/dash_ffc6ce.gif) 0 100% repeat-x; padding-bottom: 1px; font-size: 1.1em; }
#content ul.col li a { display: block; padding: .7em 0 .7em 20px; background: url(../i/layout/item_bullet.gif) 0 0.7em no-repeat; line-height: normal; }

#content .pic {
	display: inline-block; margin: 0 0 40px 20px; vertical-align: top;
}



#content .left .text { background: url(../i/layout/sidebar_left_bot.gif) bottom no-repeat; padding: 0 22px 52px 64px; margin-bottom: -180px; height: auto!important; min-height: 180px; height: 180px; #position: relative; }
#content .left h1 { margin-left: 0; }
#content .left .pream h1 { color: #551320; font-size: 1.6em; line-height: 1.5; }
#content .left .pream h1 strong {
	display: block; margin-left: -0.65em; _position: relative; _zoom: 1;
}
#content .left p { font-size: 1.1em; line-height: 1.36; margin-bottom: 2.5em; }