/* Document */
html, body { width: 100%; /*height: 100%;*/ }
html { background-color: #151515; }
body { overflow-y: auto; overflow-x: hidden;  font: 13px 'Trebuchet MS', 'Lucida Sans unicode', Arial, Helvetica, courier, sans-serif; color: #fff; background: url('../img/tpl/body-bg.jpg') top right no-repeat; }

/* Anchors */
a { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; }

small { font-size: 11px; }

/* Container */
#container { width: 905px; margin: 0 auto; padding: 20px; }

/* Header */
#header { height: 40px; position: relative; }
#nav { position: absolute; right: 0; top: 0; height: 40px; width: 214px; line-height: 0; }
#nav { height: 40px; width: 214px; }
#nav img { height: 40px; float: left; }
#header-logo { position: absolute; left: 0; top: 0; display: block; width: 217px; height: 40px; background: url('../img/tpl/header-logo.png') no-repeat; text-indent: -1000em; }
#youtube-logo { position: absolute; left: 544px; top: 7px; width: 73px; height: 29px; display: block; background: url('../img/tpl/youtube_off.png') no-repeat; text-indent: -1000em; }
#pflock-logo { position: absolute; left: 385px; top: 2px; width: 129px; height: 36px; display: block; background: url('../img/tpl/partyflock_off.png') no-repeat; text-indent: -1000em; }
#hyves-logo { position: absolute; left: 265px; top: 2px; width: 90px; height: 36px; display: block; background: url('../img/tpl/hyves_off.png') no-repeat; text-indent: -1000em; }

/* Screenad */
#screenad-container { width: 669px; height: 401px; position: relative; float: left; }
#screenad-full { width: 669px; height: 401px; background: center center no-repeat; }
#screenad-desc { position: absolute; background: url('../img/tpl/tr-b.png'); bottom: 22px; left: 20px; width: 470px; line-height: 1; padding: 10px; z-index: 50; }
#screenad-desc h1, #screenad-desc h2 { font-family: 'Arial Black'; font-size: 37px; color: #fff; text-transform: uppercase; letter-spacing: -3px;  }
#screenad-thumbs { position: absolute; top: 5px; right: 20px; z-index: 25; }
#screenad-thumbs img { cursor: pointer; border: 1px solid #808080; width: 132px; height: 79px; display: block; margin: 15px 0; }

/* Music player */
#music-player { width: 202px; float: right; }

#playlist { font-size: 12px; margin-bottom: 3px; }
#playlist a { color: #fff; font-weight: bold;  display: block; }
#playlist small { font-size: 10px; color: #b4b4b4; }
#playlist li { padding: 7px 0 0 5px; line-height: 1; }

/* Agenda */
.event { position: relative; font-family: 'Arial Black'; margin-bottom: 5px; }
.event.last { margin-bottom: 0 !important; }
.event img { width: 228px; height: 137px; float: right; }
.event .date { width: 50px; float: left; }
.event .date span { display: block; text-align: center; }
.event .date span.day { font-size: 30px; }
.event .date span.month { font-size: 16px; }

#agenda .col1 .event .date span { color: #ffa44c; }
#agenda .col2 .event .date span { color: #3db4ff; }
#agenda .col3 .event .date span { color: #ff21dd; }

#agenda .event .overlay span { font-size: 18px; text-transform: uppercase; display: block; margin-left: 5px; line-height: 18px; }

/* Photoalbums */
.album { margin-bottom: 10px; }
.album img { width: 52px; height: 34px; float: left; margin-right: 10px; border: 1px solid #2c2c2c; }
.album small { color: #959595; font-size: 11px; }

#photo-current { float: left; width: 397px; }

#photo-thumbs { float: left; margin-left: 5px; width: 192px; }
#photo-thumbs img { margin: 0 5px 10px; border: 1px solid #2c2c2c; width: 52px; height: 34px; float: left; }

#photo-ad { float: right; width: 294px; }

/* Ads */
#ads img { float: left; }

/* Content player */
#contentplayer .item { padding: 2px; float: left; width: 167px; min-height: 200px; }
* html #contentplayer .item { height: 200px; }
#contentplayer .item h4 { padding: 2px 5px; margin-bottom: 2px; }
#contentplayer .item img { display: block;  width: 167px; height: 125px; margin: 0 auto; }
#contentplayer .item p { padding: 3px; font-size: 12px; height: 54px; overflow: hidden; }

.col-music { width: 173px; float: right; }
.col-cinema { width: 356px; margin: 0 0 10px 10px; float: left; }
.col-movies { width: 173px; float: left; }

#contentplayer h3 { height: px; background-repeat: no-repeat; text-indent: -1000em; margin: 0 0 5px 4px; }
.col-music h3 { background-image: url('../img/tpl/music.jpg'); width: 69px; }
.col-cinema h3 { background-image: url('../img/tpl/cinema.jpg'); width: 78px; }
.col-news h3 { background-image: url('../img/tpl/news.jpg'); width: 58px; }
.col-movies h3 { background-image: url('../img/tpl/movies.jpg'); width: 75px; }

.col-music h4 { background-color: #ff6600; }
.col-cinema h4 { background-color: #ff6600; }
.col-news h4 { background-color: #ff6600; }
.col-movies h4 { background-color: #ff6600; }

#player { margin: 0 10px; float: left; width: 527px; height: 427px; }

#ads img { width: 295px; height: 157px; }

#logos .row1{ text-align: center; font-size: 0; line-height: 0; }
#logos .row1 img { height: 45px; margin: 5px; padding: 1px; border: 1px solid #444; }

/* News */
.article { line-height: 1.5; }
.article h1 { font: 37px 'Arial Black'; text-transform: uppercase; letter-spacing: -3px; color: #fff; margin-bottom: 10px; }

/* Overlay */
.overlay { position: absolute; bottom: 0; left: 0; width: 100%; background: url('../img/tpl/tr-b.png'); }
.overlay span { display: block; margin: 2px 3px; }

/* Box */
.box { background: #1d1d1d bottom repeat-x; border: 1px solid #2b2b2b; padding: 5px; }
.box.s-gr { background-image: url('../img/tpl/mb-gr-s.jpg'); }
.box.l-gr { background-image: url('../img/tpl/mb-gr-l.jpg'); }

.col1, .col2, .col3 { float: left; width: 295px; }
.col2 { margin: 0 10px; }

/* Heading */
.heading { height: 31px; position: relative; background: left bottom repeat-x; font: 37px 'Arial Black'; text-transform: uppercase; letter-spacing: -3px; margin-bottom: 10px; }
.heading h2 { position: absolute; top: -12px; }
.heading h2.age { position: absolute; top: -1px; right: 4px !important; font-size: 22px; }
.heading.blue { background-image: url('../img/tpl/heading-grey.jpg'); background-color: #000; }
.heading.orange { background-image: url('../img/tpl/heading-grey.jpg'); background-color: #000; }
.heading.pink { background-image: url('../img/tpl/heading-grey.jpg'); background-color: #000; }

/* Classes */
.clearfix:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.mt { margin-top: 10px !important; }

#contentplayer h4 { height: 36px; overflow: hidden; }