/*
 * MERGE TOP AND HEADER
 */

#header { height: 82px !important; background-position: 0 25px !important; }



/*
 * HOMEPAGE TOP
 */

#top				{ background: #006FB6 url("/data/static/images/mediaportal/homepage_top.png") no-repeat center bottom; padding: 0 15px 15px 15px; }

/* add overflow: hidden to allow floats without a clearing div */
#top				{ overflow: hidden; }



/* LEFT TOP COLUMN: YOUTUBE PLAYER */

#top-left			{ float: left; width: 700px; position: relative; }

/* list of video's */
ul.video-list			{ position: absolute; left: 435px; top: 0; margin: 0; padding: 0; width: 265px; /*height: 334px;*/ height: 309px; overflow: auto; background: #FFF; }
ul.video-list li		{ list-style-type: none; margin: 6px 0 6px 6px; height: 60px; padding-left: 86px; position: relative; }
ul.video-list img.thumbnail	{ position: absolute; left: 0; top: 0; width: 80px; height: 60px; cursor: pointer; }
ul.video-list h3,
ul.video-list p			{ margin: 0; font-size: 8pt; line-height: 1.4em; }
ul.video-list p.date		{ font-size: 7pt; }
ul.video-list p.info img	{ vertical-align: -1px; margin-right: 3px; }
ul.video-list h3,
ul.video-list p.date		{ color: #006FB6; }

/* more video's */
.more-videos			{ position: absolute; left: 435px; bottom: 0; width: 263px; height: 23px; border: 1px solid #B1B1B1; background: url("/data/static/images/mediaportal/more_videos_bg.png") repeat-x left top; text-indent: 6px; }
.more-videos a			{ font-size: 8pt; line-height: 23px; color: #000; }



/* RIGHT TOP COLUMN */

#top-right			{ float: right; width: 250px; height: 334px; position: relative; }
#top-right .tag-cloud		{ margin: 0; height: /*334 - 145 = */ 189px; overflow: hidden; }
#top-right .tag-cloud a		{ color: #FFF; }
#top-right p			{ margin: 0; }