/************************************
    *                                   *
    *          Trojka + LOH2008         *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *         All web content           *
    *                                   *
    *  Last update:  25.07.2008         *
    *                                   *
    ************************************/

	/* --- | GLOBAL SETTINGS | --- */
	@import "global.css";
	
	* {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}

	/* --- | HTML | --- */
	html,
	body {height: 100%;}
	a {color: #3D940D;}
	a:hover {color: #000;}
	hr {}
	h2 {padding-left: 20px; background-image: url(../images2008/h2_bckg.png); background-repeat: repeat-y;}	

	/* --- | GENERAL CLASSES | --- */
	.p {font-size: 0.75em;}
	.p ul {list-style: none;}
	.act {cursor: default;}
	.more {padding: 0 0.5em; background-color: #fe7d19; color: #FFF !important; font-size: 0.75em; text-decoration: none; line-height: 115%;}
	
	/* --- Forms --- */
	legend {display: none;}
	
	/* --- | LAYOUT | --- */
	#page {position: relative; margin: 0 0 0 2.5em;  padding-top: 7em; width: 59.38em; min-height: 5em;}
	
	/* ---  Head --- */
	#head {position: relative; margin-bottom: 0.75em; border-bottom: 1px solid #c8c8c8; height: 8.9em;}
	#stv-logo {position: absolute; top: 1.4em;}
	/* Breadcrumb */
	#head .breadcrumb {position: absolute; right: 0; top: 0;}
	.breadcrumb {color: #bf0000; font-size: 0.69em;}
	.breadcrumb a {margin: 0 0.25em; color: #bf0000;}
	.breadcrumb a:hover {color: #000;}
	/* Quick select */
	#stv-menu {position: absolute; top: 1em; right: 0;}
	#stv-menu strong {color: #8c8c8c; font-weight: normal; font-size: 0.69em;}
	#stv-menu li {float: left; margin-right: 1.15em; _width: 1px; white-space: nowrap;}
	#stv-menu select {width: 12em; font-size: 0.69em;}
	#stv-menu #search-form {position: relative; top: -1em;}
	#stv-menu label {display: block; color: #8c8c8c; font-size: 0.69em;}
	#stv-menu .field {border: 1px solid #b2b2b2; width: 9em; font-size: 0.69em;}
	#stv-menu .button {position: relative; top: 3px;}
	/* Navigation */
	#nav {position: absolute; top: 5em;}
	#nav li {position: relative; float: left; display: block;}
	#nav a {padding: 0.4em 0.85em; display: block; height: 1.45em; color: #FFF; font-size: 0.81em; text-decoration: none; 
	_display: inline-block; /*IE*/}
	#nav a img {position: relative; 
	=top: 4px;/*IE*/}
	#nav a:hover {background-color: #f5f5f5; color: #000;}
	#nav a span {position: relative; z-index: 2;}
	/*#nav a b {position: absolute; left: -9%; top: -0.5em; width: 120%; height: 150%;}*/
	/*#nav a:hover b {background-color: #ffff00; z-index: 1;}*/
	#nav a.act {position: relative; top: -0.6em; border-top: 3px solid #a5a5a5; background-color: #FFF; color: #000;}
	#nav a.act span {top: 0.3em;}
	#nav a.act:hover b {display: none;}
	/* Items colors */
	#nv-i1 {background-color: #000000;}
	#nv-i2 {background-color: #0a0a0a;}
	#nv-i3 {background-color: #0a0a0a;}
	#nv-i4 {background-color: #0a0a0a;}
	#nv-i5 {background-color: #494949;}
	#nv-i6 {background-color: #707070;}
	#nv-i7 {background-color: #8c8c8c;}
	#nv-i8 {background-color: #a5a5a5;}
	#nv-i9 {background-color: #b7b7b7;}
	#nv-i10 {background-color: #c6c6c6; color: #000 !important;}
	#nv-i11 {background-color: #d7d7d7; color: #000 !important;}
	#nv-i12 {background-color: #e2e2e2; color: #000 !important;}
	#nv-i13 {background-color: #eaeaea; color: #000 !important;}
	#nv-i14 {background-color: #f5f5f5; color: #000 !important;}
	/* Programm menu */
	#prog-menu {position: absolute; top: 7.25em;}
	.tabs li,
	#prog-menu li {float: left; margin-right: 0.5em;}
	.tabs a,
	#prog-menu a {padding: 0.25em 0.85em; display: block; height: 1.1em; background-color: #fe7d19; color: #fff; font-family: sans-serif; font-size: 1em; text-decoration: none;
	_display: inline-block;/*IE*/}
	#prog-menu a span {letter-spacing:-1px;}
	.tabs a:hover,
	#prog-menu a:hover {background-color: #e3e3e3;color:#000;}
	.tabs a.act,
	#prog-menu a.act {position: relative; top: -0.15em; padding: 0.28em 0.85em; border-top: 3px solid #a5a5a5; background-color: #FFF;color:#000; font-weight: bold;}
	/* Tabs */
	#subcol-1 .tabs {margin-bottom: 0.5em; border-bottom: 1px solid #c8c8c8; height: 1.3em;}
	#subcol-1 .tabs a {font-size: 0.81em;}
	/* RSS */
	.rss {position: absolute; top: 9.9em; right: 0; padding-left: 20px; background: url(../images2008/rss-icon.gif) no-repeat; font-size: 0.75em;}
	
	/* --- Top --- */
	#top {position: absolute; top: 0.5em; left: 0; width: 950px; height: 100px;}
	
	/* ---  Column 1  --- */	
	#col-1 {float: left; width: 13.75em;}
	#col-1 table {width: 100%;}
	#col-1 .box {margin-bottom: 0.75em;}
	#col-1 h2 {margin-bottom: 0.5em; padding: 0.25em 0 0.25em 1em; font-size: 0.75em; font-weight: normal;}
	/* Countdown */
	#cntdwn {padding: 0.5em; margin-bottom: 0.75em; border: 3px solid #f2f2f2; font-size: 0.75em;}
	/* Today's broadcast */
	#today {padding: 0.5em; background-color: #fffcd6; color: #545454;}
	#today table {margin-bottom: 0.5em;}
	#today th {font-size: 0.69em;}
	#today td {padding: 0.2em 0.2em; font-size: 0.75em; vertical-align: top; line-height: 120%;}
	#today tfoot {text-align: right;}
	#today tfoot td {padding-top: 0.75em;}
	#today .more {font-size: 0.95em;}
	#today .stv3 a {color: #5baa20;}
	#today .stv3 b {color: #809f68;}
	#today .stv2 a {color: #6f70a8;}
	#today .stv2 b {color: #6f70a8;}
	#today .stv2 .more {background-color: #6f70a8 !important;}
	#today .stv1 .more {background-color: #E3853D !important;}
	#today h4 {font-size: 0.75em;}
	#today h4 em {padding: 0.1em 0.3em; background-color: #809f68; color: #fff; text-transform: uppercase; font: bold normal 0.81em Verdana, "Geneva CE", lucida, sans-serif;}
	#today h4 span {color: #a4a4a4; font-weight: normal;}
	#today p {font-size: 0.69em;}
	/* Medals summary */
	#medal {font-size: 0.75em; font-weight: bold;}
	#medal strong,
	#medal span {color: #447f4d;}
	#medal span {font-weight: normal;}
	#medal tfoot td {padding-top: 0.5em; background: url(../images2008/h-dot1.png) left 3px repeat-x;}
	#medal th,
	.gld,
	.slv,
	.brz {text-align: center;}
	.gld {color: #d8bc48;}
	.slv {color: #b9b9b9;}
	.brz {color: #a58e6d;}
	.los {color: #D86363;}
	#medal .fst {width: 0.5em;}
	#medal .t-r {padding-right: 1em; color: #585858;}
	/* Links */
	#links {padding-left: 0.79em; list-style: none;}
	#links li {font-size: 0.75em;}
	#links a {color: #3d940d; font-weight: bold;}
	#links small {padding-left: 17px; display: block;}
	
	/* --- Column 2 --- */
	#col-2 {position: relative; float: right; padding-bottom: 1em; width: 44.75em; }

	/* --- Articles switcher --- */
	#top-spot {position: relative; height: 14.8em;}
	#top-spot ul {float: right; position: relative; top: 1.1em; padding: 0; list-style: none;}
	#top-spot li {margin-bottom: 0.5em;}
	#top-spot ul strong {padding-left: 0.2em; font-size: 1.5em;}
	#top-spot ul a {position: relative; left: 2px; border: 1px solid #7f7f7f; border-left: none; padding: 3px 0; display: block; width: 1.5em; color: #222; text-decoration: none; background-color: #e2e2e2; -khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50);
	_display: inline-block; /*IE*/}
	#top-spot ul a:hover {-khtml-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80);}
	#top-spot ul a.act,
	#top-spot ul a.act:hover {left: -0.1em; z-index: 19; width: 2em; background-color: #FFF; -khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
	#top-spot ul a.act strong {padding-left: 0.35em;}
	/* Corner */
	#top-spot ul b {position: absolute; right: -1px; display: block; width: 3px; height: 3px; overflow: hidden; background-repeat: no-repeat; background-color: #FFF;}
	#top-spot ul b.top-c {top: -1px; background-image: url(../images2008/top_corner.png);}
	#top-spot ul b.bottom-c {bottom: -1px; background-image: url(../images2008/bottom_corner.png); _bottom: -3px;}

	/* ---  Main articles --- */
	.spot {position: absolute; top: 0; border-right: 1px solid #7f7f7f; width: 42.55em; height: 14.31em; overflow: hidden;
	=z-index: -1; /*IE*/}
	.spot h2,
	.spot .p {margin-left: 344px; font-size: 1.5em;}
	#article2,
	#article3,
	#article4 {display: none;}
	.article .more,
	.spot .more {float: right; margin-right: 0.5em; font-size: 1em;}
	/* Heading */
	#detail h2,
	.spot h2 {position: relative; margin-bottom: 0.3em; background-image: none; font-weight: normal;}
	.spot h2 {padding-left: 0;}
	.spot h2 a {margin-bottom: -28px; padding-left: 17px; display: block; background: url(../images2008/h2_bckg.png) repeat-y; text-decoration: none; line-height: 100%;}
	#detail h2 span,
	.spot h2 span {display: block; margin-top: 5px; color: #000; font-size: 0.6em;}
	/* Content */
	.spot .t-img,
	.spot img {position: absolute; left: 0; top: 0; }
	.spot .p {font-size: 0.75em; line-height: 120%;}	

	/* --- | Sub cols | --- */
	#subcol-1 {position: relative; float: left; width: 35em;}
	#subcol-2 {position: relative; float: right; width: 8.75em;}
	
	/* ----| Articles |---- */
	.article {position: relative; min-height: 5.63em; margin-bottom: 0.5em; clear: both;
	_height: 1px;/*IE*/}
	.article.no-foto h2,
	.article.no-foto h3,
	.article.no-foto .p {margin-left: 0;}
	.article h2,
	.article h3 {padding-left: 20px; background: url(../images2008/h2_bckg.png) repeat-y; font-size: 0.94em;}
	.article .p {font-size: 0.69em;} 
	.article h2,
	.article h3,
	.article .p {margin-left: 145px; font-weight: normal;}
	.article h2 span,
	.article h3 span {font-size: 0.69em;}
	.article img {position: absolute; left: 0; top: 0;}
	/* Article in column */
	.article.col {float: left; clear: none; width: 17em;}
	
	/* Sub menu */
	#subcol-2  h3 {padding: 0.25em 1em; background-color: #fff; background-image: url(../images2008/heading_h3.png); background-repeat: no-repeat; background-position: right center; color: #656565; font-size: 0.75em; font-weight: normal;}
	.menu {padding: 0; list-style: none;}
	.menu li {margin-bottom: 0.15em;}
	.menu a {display: block; padding: 0.15em 0.5em; font-size: 0.75em; text-decoration: none;
	_display: inline-block; _width: 10.7em;/*IE*/}
	.menu a:hover {background-color: #a85000 !important;}
	#subcol-2 ul.menu.stv3 a {background-color: #a5a5a5 !important;}
	#subcol-2 ul.menu.stv3 a:hover {background-color: #707070 !important;}
	#subcol-2 ul.menu a.act,
	#subcol-2 ul.menu a.act:hover {background-color: #FFF !important; color: #000 !important; font-weight: bold;}
	
	/* --- | FOOT | --- */
	#foot {clear: both; padding: 0.5em 0; border-top: 1px solid #c8c8c8;}
	#foot .breadcrumb {}
	#foot small {font-size: 0.69em;}
	/* fatchilli.com footer sign */
	#fat {text-decoration: none; color: #000;}
	#fat span {text-decoration: underline;}
	#fat span i {color: #9e1f10; font-style: normal;}
	
	
	/* --- | TPL: DETAIL | --- */
	#detail #col-2 h2 {padding-left: 17px; background: url(../images2008/h2_bckg.png) repeat-y; line-height: 100%; clear: both;}
	#detail .t-img {float: left; margin: 0 0.75em 0.25em 0;}
	#detail #col-2 .back {position: absolute; top: 2.75em; right: -0.5em;}
	
	/* --- | TPL: TV PROGRAM | --- */
	#program #col-2 h2 {padding: 0 0 0.25em 1em; background: url(../images2008/h-dot2.png) bottom repeat-x; font-weight: normal; font-size: 0.63em;}
	
	#program #time-select {position: relative; height: 4.5em;}
	#program #time-select ul {position: absolute; padding: 0; list-style: none;}
	#program #time-select ul li {display: inline;}
	#program #time-select a {text-decoration: none;}
	/* Channel colors */
	#time-select .stv1 {background-color: #ffb40c;}
	#time-select .stv2 {background-color: #778fb3;}
	#time-select .stv3 {background-color: #8aae77;}		
	
	/* --- Channel selection --- */
	#time-select #channel {top: 2em; left: 1em;}
	#time-select #channel li {float: left; margin-right: 0.5em;}
	#time-select #channel a {position: relative; padding: 0.3em 0.5em; display: block; font-weight: bold; color: #FFF; font-size: 0.75em;
	_display: inline-block;/*IE*/}
	/* Corrner */
	b.cor {position: absolute; bottom: 0; display: block; width: 1px; height: 1px; background-color: #FFF; overflow: hidden;}
	b.b-l {left: 0;}
	b.b-r {right: 0;}

	/* --- Day selection --- */
	#time-select #day {position: relative; height: 2em; width: 100%; overflow: hidden;}
	#time-select #day li {}
	#time-select #day a {float: left; margin-left: 1.5em; padding: 0.25em 0 0.25em 0; font-size: 0.88em; line-height: 90%; color: #000;}
	#time-select #day a.act,
	#time-select #day a:hover {color: #FFF;}
	#time-select #day a small {display: block; font-size: 0.58em;}
	
	/* --- Time selection --- */
	#time-select #time {top: 2em; left: 13em;}
	#time-select #time a {margin-right: 1em; color: #000; font-size: 0.75em; text-decoration: underline;}
	#time-select #time a.act {font-weight:  bold;}

	/* --- Channel item --- */
	#program .item {position: relative; padding-left: 199px; min-height: 85px; margin-bottom: 7px; padding-bottom: 5px; 
	_height: 90px;/*IE*/}
	#program .item.pair {background-color: #eae7e5;}
	#program .item.now {border-left: 3px solid #000; background-color: #fffcd6;}
	#program .item .n-img {position: absolute; left: 3px; top: 30%;}
	/* Heading */
	#program .item h3 {position: relative; top: 4px; margin-bottom: 4px; padding-right: 2em; color: #707070; font-size: 20px; line-height: 110%;}
	#program .item h3 a {color: #000;}
	#program.item h3 b {color: #7B7A7A;}
	#program .item h3 i {position: absolute; left: -3.37em; color: #FFF; font-style: normal;}
	#program.stv1 .item h3 i {background-color: #FFB40C;}
	#program.stv2 .item h3 i {background-color: #778FB3;}
	#program.stv3 .item h3 i {background-color: #3d940d;}

	/* Photo */
	#program .item a .t-img { position: absolute; left: 25px; top: 5px; }
	/* Content */
	#program .item .p {padding-right: 3em; line-height: 120%;}
	#program.stv1 .item .cnt1 {color: #f07545;}
	#program.stv2 .item .cnt1 {color: #778FB3;}
	#program.stv3 .item .cnt1 {color: #3d940d;}
	#program .item .cnt2 {color: #767676;}
	#program .item .cnt3 {color: #272727;}
	#program .item .cnt4 {color: #272727;}
	/*  */
	#program .item ul {position: absolute; left: 131px; top: 26px; padding: 0; width: 55px; text-transform: uppercase; line-height: 11px; list-style: none; text-align: right;}
	#program .item ul.prop {top: 4px; right: 0.5em; left: auto;}
	#program .item ul li {margin-bottom: 4px; font-size: 0.56em;
	_margin-bottom: 2px;/*IE*/}
	#program .item ul li a {text-decoration: none;}
	#program .item ul li a img {opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40);}
	#program .item ul li a:hover img {opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100);}
	#program .item ul .typ {text-align: center; margin-bottom: 0.9em; background-color: #FFF; color: #a8a8a8;}
	#program .item ul .tip {}
	
	/* TPL: SECTION */
	#section #col-2 h2 {margin-bottom: 0.5em; padding: 0.15em 0.75em !important; display: inline-block; background: #707070; color: #FFF; font: normal 1.5em sans-serif; }
	
	/* TPL: VIDEO */
	.vbox {padding-top: 103px; height: 4.2em; width: 11.25em; float: left; overflow: hidden; margin-left: 5px; position: relative; font-size: 0.75em;
	_margin-left: 3px !important;/*IE*/}
	.vbox h4 a {color: #BC0000;}
	.vbox a.img,
	.vbox a span {display: block; width: 12.00em; height: 112px; position: absolute; top: 0; left: 0;}
	.vbox a span { background: url(../images2008/play.gif); cursor: pointer;}
	.vbox h4 {font-size: 1em; margin-bottom: 3px;}
	.vbox p {line-height: 110%; font-size: 0.83em;}
	
	/* --- | SECTION STYLES | --- */

	/* ---  Home  --- */
	.loh1 {background: url(../images2008/html_bckg.jpg) repeat-y;}
	.loh1 #style {background: url(../images2008/body_bckg.jpg) no-repeat;}
	#subcol-2 .menu a,
	.home #col-1 h2 {background-color: #fe7d19; background-image: none; color: #FFF; /*S*/}
	/* Articles */
	.home .spot h2 a,
	.home .article h2 a,
	.home .spot h3 a,
	.home .article h3 a {color: #7f9e67; /*S*/}
	.home .spot h2 a:hover,
	.home .article h2 a:hover,
	.home .spot h3 a:hover,
	.home .article h3 a:hover {color: #000;/*S*/}
	/*  */
	.sport, .bg1, .bg2, .bg3, .bg4, .bg5 {background: url(../images12media/html_bckg_sport.gif) repeat-y; }
	.bg1 #style {background: url(../images12media/bg-12media.jpg) no-repeat -9px 0px;}
	/*.bg2 #style {background: url(../images2008/bg2.jpg) no-repeat;}
	.bg3 #style {background: url(../images2008/bg3.jpg) no-repeat;}
	.bg4 #style {background: url(../images2008/bg4.jpg) no-repeat;}
	.bg5 #style {background: url(../images2008/bg5.jpg) no-repeat;}*/
	
	/* ---| Lightbox |--- */
	#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
	#lightbox a { outline: none;}
	#lightbox a img{ border: none;}
	#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
	#imageContainer{padding: 10px; }
	#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block;}
	#prevLink {left: 0; float: left;}
	#nextLink {right: 0; float: right;}
	#prevLink, #prevLink { background: url(../images/prevlabel.gif) left 15% no-repeat; }
	#nextLink, #nextLink { background: url(../images/nextlabel.gif) right 15% no-repeat; }
	#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left;}
	#imageData #caption{ font-weight: bold;}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}
	#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}	
	
	/* ---| Score table |--- */
	#score-table {border:1px solid #000;}
	#score-table tr.thead td {background-color:#3D940D; color:#fff;}
	#score-table tr.a td {background-color:#eee;}


	 /* Pagging */
p.pages {text-align: right; margin: 15px 0; font-size: 0.69em;}
p.pages a {padding: 0px 4px; background-color: #3D940D; color: #FFF; margin-left: 3px; text-decoration: none;}
p.pages span {background-color: transparent; margin-left: 3px; padding: 0px 4px;}
p.pages a:hover {background-color: #000; color: #FFF;}
.prev, .next {padding: 1px 10px !important; font-size: 20px !important;}


    /* --- | Photogalery | --- */
	.photo {position: relative; float: left; padding: 104px 0 0 0; width: 8.75em; text-align: center; background: url(../images/foto_bcg.jpg) no-repeat;}
	.photo .img {position: absolute; top: 13px; left: 17px}
	.photo h2,
	.photo p {font-size: 0.96em; background-image:none;}
	
	/* --- | Photogallery detail | --- */
	.pic {float: left; margin: 0 0.5em 0.5em 0; padding: 2px; display: block; border: 1px solid #B7B2AE; background-color: #FFF;}
	.pic a {display: block; width: 105px; height: 78px; overflow:hidden;}