/*	
	www.zhark.org | screen.css (by scalp.de)
*/

/* typography.css */
body, html { height:100%; }
body {font-size:12px; color:#ccc; font-family:Georgia, Times New Roman, Times, serif; background:#000; margin:0px; padding:0px; margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}
td, th {font-size:12px;color:#ccc; font-family:Georgia, Times New Roman, Times, serif; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#fff;}
h1 {font-size:36px;color:#fff;margin:0px;padding:0px;text-transform:uppercase;}
h2 {font-size:28px;color:#fff;margin:0px;padding:0px;text-transform:uppercase;}
h3 {font-size:28px;color:#666;margin:0px 0px 5px 0px;padding:0px;text-transform:capitalize; font-variant:small-caps; }
h4 {font-size:18px;color:#fff;margin:0px 0px 5px 0px;padding:0px;text-transform:uppercase;}
h5 {font-size:14px;color:#fff;margin:0px 0px 5px 0px;padding:0px;text-transform:uppercase;}
h6 {font-size:1em;font-weight:bold;}
td img {display: block;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
a:link, a:visited {color:#c00; text-decoration:none;}
a:hover, a:active {color:#f00; text-decoration:none;}
h3 a:link, h3 a:visited {color:#666; text-decoration:none;}
h3 a:hover, h3 a:active {color:#f00; text-decoration:none;}



/* main elements */
.wrapper {text-align:center; height:100%; }
.container { margin:0px auto; text-align:center; width:962px; height:100%; }
.head { position:relative; width:960px; height:300px; background:url(../images/layout/bg_head.jpg) no-repeat; border-right:1px solid #333; border-left:1px solid #333;}
.head h1 { display:none; }
.content { border-right:1px solid #333; border-left:1px solid #333; top:auto; width:960px; }
.left_col { float:left; width:460px; }
.right_col { float:right; width:460px; }


/* blocks */
.block { padding:15px 0px; width:460px; text-align:left; }
.block_header { line-height:39px; height:41px; padding:0 0 0 10px; margin-bottom:1px; background:url(../images/layout/bg_block_header.png) no-repeat; overflow:hidden; }
.block_body { padding:0 10px; background:url(../images/layout/bg_block_body.jpg) repeat-y bottom; }
.block_footer { padding:5px 10px; background:url(../images/layout/bg_block_footer.png) no-repeat; text-align:right; font-size:10px; }
.block_more { position:absolute; right:0; bottom:10px; }
a.more_link:link, a.more_link:visited { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#c00;text-decoration:none; background:url(../images/icons/arrow_small.gif) no-repeat 0px 4px; padding-left:10px; }
a.more_link:hover, a.more_link:active { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#f00;text-decoration:none; background:url(../images/icons/arrow_small.gif) no-repeat 3px 4px; padding-left:10px; }



/* nav */
#nav {text-align:left; margin:170px 0 0 53px; position:absolute;}
#main_nav {color:#999;font-size:17px;}
#main_nav a:link{color:#999;font-size:17px;}
#main_nav a:visited{color:#999;}
#main_nav a:hover, #main_nav a.active {color:#cc0000; text-decoration:none;}

#sub_nav {color:#777; margin-top:12px;}
#sub_nav a:link{color:#777;}
#sub_nav a:visited{color:#777;}
#sub_nav a:hover, #sub_nav a.active {color:#cc0000; text-decoration:none;}



/* item nav */
.itemnav { margin:0px; background:url(../images/layout/bg_h_scroller.png) repeat-x; height:100px; padding-top:4px; }
.itemnav_desc { }

.itemnav .item_selector { float:left; padding:0px; min-height:5px; height:auto !important; height:5px; position:relative; } 
.itemnav .item_selector_viewarea { float:left; width:420px; height:90px; position:relative; overflow:hidden; }
.itemnav .item_selector_viewarea ul { margin:0px; padding:0px; width:10000px; position:relative; top:0; left:0; height:90px; } 
.itemnav .item_selector_viewarea ul li { margin:0px; padding:0px; width:89px; height:88px; overflow:hidden; border-top:1px solid #444; border-bottom:1px solid #444; border-left:1px solid #444; background:#222; text-align:center; list-style:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; } 
.itemnav .item_selector_viewarea ul li:hover { background:#333; } 

.itemnav .item_selector_viewarea ul li div.item_img { margin:9px 0px 0px 0px; text-align:center; height:52px; overflow:hidden; }
.itemnav .item_selector_viewarea ul li div.item_img a { width:89px; height:52px; display:block; text-decoration:none; }
.itemnav .item_selector_viewarea ul li div.item_img a:hover, .itemnav .item_selector_viewarea ul li div.item_img a.selected { }
.itemnav .item_selector_viewarea ul li div.item_img img { margin:0; display:inline; }

.itemnav .item_selector_viewarea ul li div.item_caption { color:#f00; width:89px; height:20px; margin:0px; padding:1px 2px; text-align:center; line-height:10px; }
.itemnav .item_selector_viewarea ul li div.item_caption a { width:89px; height:20px; display:block; color:#ccc; text-decoration:none; }
.itemnav .item_selector_viewarea ul li div.item_caption a:hover, .itemnav .item_selector_viewarea ul li div.item_caption a.selected { color:#f00; text-decoration:none; }

.itemnav .next_button { float:left; width:20px; height:90px; margin:0px; background: url(../images/icons/button_next.png) center center no-repeat; cursor:pointer; }
.itemnav .next_button_disabled { background-image: url(../images/icons/button_next_disabled.png); cursor:default; }
.itemnav .previous_button { float:left; width:20px; height:90px; margin:0px; background: url(../images/icons/button_prev.png) center center no-repeat; cursor:pointer; }
.itemnav .previous_button_disabled { background-image: url(../images/icons/button_prev_disabled.png); cursor:default; }



/* itemLists */
.itemlist_1 { list-style:none; margin:0px; padding:0px; }
.itemlist_1 li { margin:8px 0px 0px 8px; padding:0px; width:140px; float:left; border:1px solid #444; background:#222; overflow:hidden; }
.itemlist_1 li:hover { background:#333; }
.teaser_releases .itemlist_1 li { height:230px; }
.teaser_videos .itemlist_1 li { height:160px; }
.teaser_releases .itemlist_1 li div.image_holder { height:140px; overflow:hidden; border-bottom:1px solid #444; }
.teaser_videos .itemlist_1 li div.image_holder { height:79px; overflow:hidden; border-bottom:1px solid #444; }

.itemlist_1 li img { }


/* left_col */


/* right_col */
.right_col .block_body h5 { padding-top:5px; color:#999; }

.itemlist_2 { list-style:none; margin:0px; padding:0px; }
.itemlist_2 li { padding:10px 0px; border-bottom:1px solid #333; }
.itemlist_2 li:hover { border-bottom:1px solid #900; cursor:pointer; }
.itemlist_2 .list_item_on a { color:#fff; text-transform:uppercase; }
.itemlist_2 .list_item_on:hover { border-bottom:1px solid #fff; cursor:pointer; }

.itemlist_3 { list-style:none; margin:0px; padding:0px; }
.itemlist_3 li { float:left; margin:10px 0px 0px 8px; height:130px; width:130px; text-align:center; padding:5px; border:1px solid #333; overflow:hidden; font-size:11px; }
.itemlist_3 li:hover { border:1px solid #900; cursor:pointer; }
.itemlist_3 .list_item_on { border:1px solid #fff; }
.itemlist_3 .list_item_on a { color:#fff; text-transform:uppercase; }
.itemlist_3 .list_item_on:hover { border:1px solid #fff; cursor:pointer; }

.itemlist_4 { list-style:none; margin:0px; padding:0px; }
.itemlist_4 li { float:left; margin:5px; width:197px; height:52px; padding:5px; border:1px solid #333; overflow:hidden; position:relative; }
.itemlist_4 li:hover { border:1px solid #900; cursor:pointer; }
.itemlist_4 li div.item_img { float:left; top:5px; left:5px; width:60px; display:inline; position:absolute; overflow:hidden; }
.itemlist_4 li div.item_caption { float:left; top:5px; left:65px; display:inline; position:absolute; }
.itemlist_4 .list_item_on { border:1px solid #fff; }
.itemlist_4 .list_item_on a { color:#fff; text-transform:uppercase; }
.itemlist_4 .list_item_on:hover { border:1px solid #fff; cursor:pointer; }

/* modules */
.modules .block_body { padding:10px; }

/* news */
.home .news_item { height:102px; padding:10px 0px; border-bottom:1px solid #333; overflow:hidden; position:relative; }
.news .news_item { padding:10px 0px; border-bottom:1px solid #333; }

/* artists */
.artists .left_col .block_body h5 { padding-top:5px; font-size:18px; }

/* releases */
.releases .item { padding:10px 0px; border-bottom:1px solid #333; }
.releases .left_col .block_body h5 { padding-top:5px; font-size:18px; }
.releases .category { font-size:11px; color:#ccc; text-transform:uppercase; word-spacing:2px; }
.releases .tracklist { margin-top:10px; }
.format { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ccc; text-transform:uppercase; }
.releases .ul_plain { margin:5px 0px !important; }
.releases .ul_plain li { float:left; margin-right:3px; padding:0px; }
.releases .ul_plain li img { border:1px solid #600; }

/* videos */
.videos .item { padding:20px 0px; border-bottom:1px solid #333; }
.videos .itemlist_4 li div.item_img { top:5px; left:4px; height:50px; border:1px solid #666; }
.videos .itemlist_4 li div.item_img img { border:none !important; }
.videos .itemlist_4 li div.item_caption { left:70px; }

/* dates */
.dates .item { padding:20px 0px; border-bottom:1px solid #333; }

/* misc */
.misc .item { padding:20px 0px; border-bottom:1px solid #333; }



/* bottom */
.bottom { float:left; width:960px; height:95px; background:url(../images/layout/bg_bottom.png) no-repeat; text-align:center; border-right:1px solid #333; border-left:1px solid #333; }
.credits { width:720px; margin:0px auto; height:95px; line-height:65px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:9px; margin-top:12px; }
.credits a:link, .credits a:visited {color:#666;text-decoration:none;}
.credits a:hover, .credits a:active {color:#fff;text-decoration:none;}
.bottom ul { list-style-type:none; margin:0px; width:auto; padding:0px; }
.bottom li { float:left; margin:0px 10px 0px 10px; }
.bottom ul li.trenner { float:left; margin:0px 10px 0px 10px; width:1px; height:69px; background:url(../images/layout/bottom_trenner.png) no-repeat center; } 



/* image styles */

.imageborder { border:1px solid #666666; margin-right:5px; margin-bottom:5px; }
.imageborder_plain {border:1px solid #666666;}
.imageborder_none { border:0px solid #666666 none; }
.block_image { float:left; margin:3px 10px 5px 0px; border:1px solid #666666; }
.image_on {border:1px solid #000000;}
.image_off {border:1px solid #666666;}

a.image_link_off:active {outline:none;}
a.image_link_off:focus {-moz-outline-style: none;}

a.image_link_fade_off:link img, a.image_link_fade_off:visited img { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
a.image_link_fade_off:hover img, a.image_link_fade_off:active { outline:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
a.image_link_fade_off:focus img { -moz-outline-style:none; outline:none; }



/* abstaende etc */
.margin_0 { margin:0px; padding:0px; }

.margin_1 {margin:5px;}
.margin_top_1 {margin-top:5px;}
.margin_right_1 {margin-right:5px;}
.margin_bottom_1 {margin-bottom:5px;}
.margin_left_1 {margin-left:5px;}
.padding_1 {padding:5px;}

.margin_2 {margin:10px;}
.margin_top_2 {margin-top:10px;}
.margin_right_2 {margin-right:10px;}
.margin_bottom_2 {margin-bottom:10px;}
.margin_left_2 {margin-left:10px;}

.margin_3 {margin:20px;}
.margin_top_3 {margin-top:20px;}
.margin_right_3 {margin-right:20px;}
.margin_bottom_3 {margin-bottom:20px;}
.margin_left_3 {margin-left:20px;}



/* misc */
.float_left { float:left; }
.float_right { float:right; }
.inline { display:inline; }
.none { display:none; }
.hidden { display:hidden; }

.ul_plain {list-style-type:none;margin:0px;padding:0px;}
.li_subnav {float:left;margin-right:10px;}

.small { font-size:10px; color:#666; }

.artistlink { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
div.artistlink a:link, div.artistlink a:visited {color:#ccc; text-decoration:none;}
div.artistlink a:hover, div.artistlink a:active {color:#f00; text-decoration:none;}

.off:link, .off:visited {color:#666666;text-decoration:none;}
.off:hover, .off:active {color:#666666;text-decoration:underline;}
.on:link, .on:visited {color:#000000;text-decoration:none;font-weight:bold;}
.on:hover, .on:active {color:#000000;text-decoration:underline;font-weight:bold;}

.arrow_small { margin-right:5px; }
.trennstrich {color:#dedede;font-weight:normal;font-size:15px;}
.list {border-bottom:1px dotted #CCCCCC;margin-bottom:10px;}
.trennlinie {border-bottom:1px solid #cccccc;}
.trenner {margin-bottom:20px;}

.mainlink {margin-top:5px;}
a.mainlink:link, a.mainlink:visited {color:#0033cc;text-decoration:none;}
a.mainlink:hover, a.mainlink:active {color:#0033ff;text-decoration:underline;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }



/* forms.css */
input.text, input.title, textarea {padding-left:5px;border:1px solid #cccccc;color:#666666; height:16px; background-color:transparent;}
select {padding-left:5px;border:1px solid #cccccc;color:#666666; height:20px; background-color:#f6f2ef;}
input.submit {padding:0px;background-color:#FFFFFF;border:0px none #cccccc; color:#000; height:20px; background-color:transparent;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #000000;color:#000000;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}