/*
 * Web Design and Web Development by Goran Beko
 * September 2010
 */

/* HOME ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.divWidth660{width:660px}
.divWidth300{clear:right;width:300px;}
.minHeight{min-height:305px;height:auto !important;height:305px;}
.minHeightSec{min-height:400px;height:auto !important;height:400px;}

/* @end */

/* TOP STORIES - 4
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.divWidth660 .storyBlock {float:left; padding:10px 10px 20px;width:290px;min-height:100px;height:auto !important;height:100px;}
.divWidth660 p.leadShortSec{padding:0}

/* @end */

/* LATEST STORIES FOR SECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.storyBrowserHome {float:left; padding:10px;width:295px}
.storyBrowserHome p.learn_more{display:none}
.storyBrowserHome p.leadShort{padding:0}

/* @end */

/* TV GUIDE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.guideBox{display:block;width:470px}
ul.guideHeader{float:left;list-style:none;margin:0;padding:0}
ul.guideHeader li{float:left;line-height:normal;list-style:none;margin:0 5px 0 0;padding:0}
ul.guideHeader li h2{background:url(/img/tvGuide/tabLeft.png) no-repeat left top;float:left;margin:0;outline:none;padding:0 0 0 15px;position:relative;text-decoration:none;top:1px;z-index:2}
ul.guideHeader li h2 span{background:url(/img/tvGuide/tabRight.png) no-repeat right top;display:block;float:none;font-size:15px;font-weight:700;padding:6px 15px 3px 0}
.guideHolder{background:transparent url(/img/divider_bg.gif) repeat-x left top;padding:20px 0 0}
.guideFull a.homeThumbSmall{border:1px solid #C80000;display:block;float:left;margin:0 15px 0 0;width:210px}
.guide210{width:212px}
.guide210 a.homeThumbSmall{border:1px solid #C80000;display:block;margin:0 0 10px}
.eventPlace{color:#999999;font-size:10px;padding:0}
.guideFull a.homeThumbSmall img,.guide210 a.homeThumbSmall img{vertical-align:bottom}
.guideFull p.leadShort,.guide210 p.leadShort{padding:0 0 5px}

/* @end */

/* VIDEO BLOCK HOME PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.videoHolder{border-right:1px dashed #999;float:left;margin:0 13px 0 0;padding:0 13px 0 0;width:162px}
.videoHolder.lastBlock{border:none;margin:0;padding:0}
.videoHolder a.thumb160{background:#fff;border:1px solid #C80000;display:block;margin:0 0 5px;position:relative;text-align:center;width:160px}
.videoHolder a.thumb160 span{left:50px;top:30px}
.videoHolder p.date{color:#999;font-size:10px;padding:0}
.videoHolder p.description{padding:0}
.videoHolder p.description a:hover{color:#C80000}

/* @end */

/* VIDEO MOVIE HOME PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.videoMovie p.date{color:#999;font-size:10px;padding:15px 15px 0}
.videoMovie p.description{padding:0 15px}

/* @end */


/* VIDEO MOVIE HOME PAGE */
.bannerM{ float: right}

/* KOLE HOME */
.black_overlay{-moz-opacity:0.6;background-color:#000;display:none;filter:alpha(opacity=60);height:100%;left:0;opacity:.60;position:absolute;top:0;width:100%;z-index:1001; display:block; position:fixed; height:100%; left:0; top:0; overflow:hidden;}
	.white_content{border:0;display:none;left:50%;overflow:auto;padding:0px;position:absolute;top:50%;width:450px; height:485;z-index:1002; margin-left:-235px; margin-top:-279px; overflow:hidden; background:#FFFFFF; padding:30px;}
	a.close span{ width:30px; height:18px; position:absolute; top:10px; right:10px; background: url(/img/buttons/buttonClose.png) no-repeat; text-indent:-2000px}
	form#answerForm h1 { line-height:100%;}