/*	
	rhettbrewer.com | screen.css (by scalp.de)
*/


/* reset.css */
/*
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
*/


/* typography.css */
body { font-size:13px; color:#ccc; font-family:Georgia, Times New Roman, Times, serif; background:#000; margin:0; padding:0; }
td, th { font-size:13px; color:#ccc; font-family:Georgia, Times New Roman, Times, serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#cf0; margin:0; padding:0; }
h1 { font-size:60px; text-transform:lowercase; line-height:50px; }
h2 { font-size:20px; text-transform:lowercase; letter-spacing:3px; }
h3 { font-size:16px; text-transform:lowercase; letter-spacing:1px; }
h4 { font-size:15px; letter-spacing:1px; }
h5 { font-size:15px; letter-spacing:0px; color:#fff; }
h6 { font-weight:bold; color:#fff; }
td img, img { display:block; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a:link, a:visited { color:#cf0; text-decoration:none; }
a:hover, a:active { color:#000; background:#cf0; text-decoration:none; }

.off:link, .off:visited { color:#cf0; padding:3px; background:url(../images/layout/bg_content_body.png); }
.off:hover, .off:active { color:#000; padding:3px; background:#cf0; }
.on:link, .on:visited { color:#000; padding:3px; background:#cf0; }
.on:hover, .on:active { color:#000; padding:3px; background:#cf0; }


/* layout.css */
.bg { z-index:5; position:fixed; left:0px; top:0px; width:100%; height:100%; }
.container { z-index:10; position:absolute; left:0px; top:0px; }
.head { z-index:11; position:absolute; left:50px; top:50px; }
.nav { z-index:12; position:absolute; left:50px; top:140px; width:110px; height:600px; }
.content { z-index:13; position:absolute; left:170px; top:140px; }
.subnav { position:absolute; left:0px; top:0px; width:140px; }
.toolbar { z-index:14; position:fixed; left:0px; bottom:0px; width:100%; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:17px; background:url(../images/layout/bg_toolbar.png) repeat-x; border-top:1px solid #666; border-right:1px solid #666; border-left:1px solid #666; }
.toolbar ul { list-style:none; margin:0; padding:0; }
.toolbar ul li { margin:0; padding:0px 0px 0px 5px; float:left; }
.toolbar ul li.dist { padding:0px 0px 0px 40px; }
.toolbar ul li.nodist { margin:0; padding:0px; float:left; }


/* nav / sub_nav */
.nav ul { font-size:22px; text-transform:lowercase; }
.nav li { margin:0px 0px 2px 0px; padding:0px 0px 0px 0px; }
.nav li a.off:link, .nav li a.off:visited, .nav li a.off:hover, .nav li a.off:active { display:block; padding:1px 2px 1px 2px; }
.nav li a.on:link, .nav li a.on:visited, .nav li a.on:hover, .nav li a.on:active { display:block; padding:1px 2px 1px 2px;}

.subnav ul { font-size:15px; text-transform:lowercase; }
.subnav ul.subfolders { font-size:15px; text-transform:lowercase; border:2px dotted #F0F }
.subnav li { margin:0px 0px 2px 0px; padding:0px; }
.subnav li a.off:link, .subnav li a.off:visited, .subnav li a.off:hover, .subnav li a.off:active { display:block; padding:1px 2px 1px 2px; }
.subnav li a.on:link, .subnav li a.on:visited, .subnav li a.on:hover, .subnav li a.on:active { display:block; padding:1px 2px 1px 2px; }
.subnav li.subnav_off, .subnav li.subnav_on { background:none; }
.subnav li.subnav_title { background:url(../images/layout/bg_content_body.png); }
.subnav li.subnav_title h6 { font-size:13px; color:#ccc; font-family:Georgia, Times New Roman, Times, serif; padding:1px 2px 1px 2px; font-weight:normal; letter-spacing:1px; }



.nav ul.more { font-size:11px; margin-top:20px; }
.nav ul.more li.toggle_off a:link, .nav ul.more li.toggle_off a:visited { color:#cf0; padding:3px; background:url(../images/layout/bg_content_body.png); outline:none; -moz-outline-style:none; display:block; }
.nav ul.more li.toggle_off a:hover, .nav ul.more li.toggle_off a:active { color:#000; padding:3px; background:#cf0; outline:none; -moz-outline-style:none; display:block; }
.nav ul.more li.toggle_on a:link, .nav ul.more li.toggle_on a:visited { color:#000; padding:3px; background:#cf0; outline:none; -moz-outline-style:none; display:block; }
.nav ul.more li.toggle_on a:hover, .nav ul.more li.toggle_on a:active { color:#000; padding:3px; background:#cf0; outline:none; -moz-outline-style:none; display:block; }


/* blocks */
.block { padding:0px 0px 30px 0px; width:460px; text-align:left; }
.block_header { padding:0 5px 2px 10px; background:url(../images/layout/bg_content_body.png); border-bottom:1px solid #333; }
.block_header h3, .block_header h3 a { line-height:22px; font-size:22px; text-transform:lowercase; letter-spacing:1px; color:#fff; padding:5px 0px 0px 0px; }
.block_body { position:relative; padding:0px 10px; background:url(../images/layout/bg_content_body.png); }
.block_item_nav { padding:10px; background:url(../images/layout/bg_content_body.png); }
.block_footer { padding:5px 10px; background:url(../images/layout/bg_content_body.png); text-align:right; font-size:10px; border-top:1px solid #333; }
.block_more { position:absolute; right:0px; bottom:5px; }
a.more_link:link, a.more_link:visited { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#cf0;text-decoration:none; background:url(../images/icons/arrow_small.gif) no-repeat 0px 5px; padding-left:10px; text-transform:lowercase; }
a.more_link:hover, a.more_link:active { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#000;text-decoration:none; background:#CF0 url(../images/icons/arrow_small_on.gif) no-repeat 0px 5px; padding-left:10px; text-transform:lowercase; }


/* item nav */
.itemnav { margin:0px; height:160px; padding-top:0px; }
.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:400px; height:150px; position:relative; overflow:hidden; background:url(../images/layout/bg_itemnav.png) repeat-x #222; }
.itemnav .item_selector_viewarea ul { margin:0px; padding:0px; width:10000px; position:relative; top:0; left:0; height:150px; } 
.itemnav .item_selector_viewarea ul li { margin:0px; padding:0px; height:148px; overflow:hidden; border-top:1px solid #666; border-bottom:1px solid #666; border-right:1px solid #666; 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:0px 0px 0px 0px; text-align:center; height:148px; overflow:hidden; }
.itemnav .item_selector_viewarea ul li div.item_img a { height:148px; 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:189px; height:20px; margin:0px; padding:1px 2px; text-align:center; line-height:10px; }
.itemnav .item_selector_viewarea ul li div.item_caption a { width:190px; 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:18px; height:148px; margin:0px; border:1px solid #666; background:url(../images/icons/arrow_small.gif) #222 center center no-repeat; cursor:pointer; }
.itemnav .next_button:hover { background:url(../images/icons/arrow_small_on.gif) #cf0 center center no-repeat; cursor:pointer; }
.itemnav .next_button_disabled, .itemnav .next_button_disabled:hover { background:url(../images/icons/arrow_small_disabled.gif) #222 center center no-repeat; cursor:default; }

.itemnav .previous_button { float:left; width:18px; height:148px; margin:0px; border:1px solid #666; background:url(../images/icons/arrow_back_small.gif) #222 center center no-repeat; cursor:pointer; }
.itemnav .previous_button:hover { background:url(../images/icons/arrow_back_small_on.gif) #cf0 center center no-repeat; cursor:pointer; }
.itemnav .previous_button_disabled, .itemnav .previous_button_disabled:hover { background:url(../images/icons/arrow_back_small_disabled.gif) #222 center center no-repeat; cursor:default; }


/* home */
.home .block { position:absolute; left:150px; top:0px; }
.home .block_body { padding:10px; }


/* about */
.about .block { position:absolute; left:150px; top:0px; }
.about .block_body { padding:10px; }


/* projects */
.projects .subnav { width:210px; }
.projects .block { position:absolute; left:220px; top:0px; }
.projects .block_body { padding:10px; }
.projects .tracks { margin:0px 0px 10px 0px; }


/* films */
.films .block { position:absolute; left:150px; top:0px; }
.films .block_body { padding:10px; }
.films .subnav ul { margin-top:-10px; }
.films .subnav ul li.subnav_title { margin-top:10px; }


/* music */
.music .block { position:absolute; left:150px; top:0px; }
.music .block_body { padding:10px; }
.music .category { font-size:11px; color:#ccc; text-transform:uppercase; word-spacing:2px; }

.tracks { margin:10px 0px 10px 0px; }
.track_nr, .track_name_off, .track_name_on { line-height:19px; }
.track_nr { width:25px; }
.track_name_off { background:url(../images/layout/bg_track_play_off.png) left 50% no-repeat; padding-left:10px; }
.track_name_on a:link, .track_name_on a:visited { background:url(../images/layout/bg_track_play_on.png) left 50% no-repeat; padding-left:10px; }
.track_name_on a:hover, .track_name_on a:active { background:url(../images/layout/bg_track_play_over.png) left 50% no-repeat #cf0; padding-left:10px; }

.music .tracklist { margin-top:10px; }
.music .format { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ccc; text-transform:uppercase; }
.music .ul_plain { margin:5px 0px !important; }
.music .ul_plain li { float:left; margin-right:3px; margin-bottom:3px; padding:0px; }
.music .ul_plain li img { }


/* gallery */
.gallery .block { position:absolute; left:150px; top:0px; font-size:11px; }
.gallery .block_body { padding:10px; }
.gallery .block_body h5 { padding:5px 0px; }
.gallery .subnav ul { margin-top:-10px; }
.gallery .subnav ul li.subnav_title { margin-top:10px; }
.gallery .block_item_nav ul { list-style-type:none; margin:0px; padding:0px; }
.gallery .block_item_nav ul li { float:left; margin:0px 5px 5px 0px; padding:0px; }


/* press */
.press .block { position:absolute; left:150px; top:0px; }
.press .block_body { padding:10px; }
.press .block_body .quote { font-size:15px; font-style:italic; border-top:1px dotted #444; border-bottom:1px dotted #444; padding:5px 0px; }
.press .block_body .source { font-size:13px; margin:5px 0px;  }
.press .block_body .caption { font-size:11px; margin:10px 0px; }


/* misc */
.misc .block { position:absolute; left:150px; top:0px;  }
.misc .block_body { padding:10px; }



/* addthis + comments */
.tools { font-size:11px; margin:0px 0px; border-top:1px solid #333; border-bottom:1px solid #333; background:url(../images/layout/bg_content_body.png); padding:0px 10px; }
.tools h3 { font-size:13px; text-transform:lowercase; letter-spacing:2px; color:#ccc; padding-bottom:5px; margin:5px 0px 0px 0px; border-bottom:1px solid #444; }
.tools .options { margin-bottom:5px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
.tools .options .addthis { float:right; margin-top:3px; line-height:27px; }
.tools .options .addthis a { padding-left:14px; background:url(../images/layout/bg_addthis.png) no-repeat left center; color:#cf0; text-transform:lowercase; }
.tools .options .comment_links { float:left; margin-top:3px; line-height:27px; text-transform:lowercase; }
.tools .options .comment_links a { color:#cf0; }
.tools .options .comments_link { padding-left:14px; background:url(../images/icons/icon_comments_link.png) no-repeat left center; line-height:27px; }
.tools .comment_functions { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999; }
.tools .norminput, .tools .comment_textarea, .tools #recaptcha_response_field { background:#fff; border:1px solid #ccc; padding:0px; color:#333; font-family:Geneva, Arial, Verdana, Helvetica, sans-serif; font-size:12px; }
.tools .comment_textarea { margin-bottom:10px; width:300px; height:110px; }
.tools .comment_charcount { width:25px; background:transparent; border:0px solid #333; margin:0px; padding:0px; color:#ccc; font-family:Geneva, Arial, Verdana, Helvetica, sans-serif; font-size:12px; }
.tools .norminput { margin-bottom:10px; width:300px; background-color:#fff; border:1px solid #ccc; padding:0px; color:#333; font-family:Geneva, Arial, Verdana, Helvetica, sans-serif; font-size:12px; }

.tools #recaptcha_area .recaptcha_r1_c1, .tools #recaptcha_area .recaptcha_r2_c1, .tools #recaptcha_area .recaptcha_r2_c2, .tools #recaptcha_area .recaptcha_r3_c1 ,.tools #recaptcha_area .recaptcha_r3_c2, .tools #recaptcha_area .recaptcha_r3_c3, .tools #recaptcha_area .recaptcha_r4_c2, .tools #recaptcha_area .recaptcha_r7_c1, .tools #recaptcha_area .recaptcha_r8_c1 { background:transparent !important; }
.tools #recaptcha_area .recaptcha_r4_c4 { background:url(../images/layout/bg_recaptcha_logo.png) no-repeat 16px -14px !important;  }
.tools #recaptcha_widget_div { width:300px !important; height:112px !important; overflow:hidden !important; border:1px solid #333; }
.tools #recaptcha_area { position:relative !important; left:-9px !important; top:-9px !important; }
.tools .recaptchatable .recaptcha_only_if_image, .tools .recaptcha_only_if_incorrect_sol { color:#666 !important; }
.tools #feedback { padding:5px; margin-bottom:20px; }
.tools #feedback img {display:inline; }
.tools .comment { padding:10px 0px; border-bottom:1px solid #444; }
.tools .comment_nav { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-top:5px; padding-top:5px; margin-bottom:20px; }
.tools .nickname { color:#fff; }
.tools .normsubmit { font-family:Verdana, Arial, Helvetica, sans-serif; width:302px; border:1px solid #cf0; background:#cf0; text-transform:lowercase; }

.tools #recaptcha_reload_btn { padding:0; margin:0px 0px 0px 0px; display:block; height:17px; width:25px; } 
.tools #recaptcha_switch_audio_btn { padding:0; margin:0px 0px 0px 0px; display:block; height:16px; width:25px; } 
.tools #recaptcha_switch_img_btn { padding:0; margin:0px 0px 0px 0px; display:block; height:16px; width:25px; } 
.tools #recaptcha_whatsthis_btn { padding:0; margin:0px 0px 0px 0px; display:block; height:16px; width:25px; }
.tools #recaptcha_reload_btn { background:url(../images/icons/button_recaptcha_refresh_grey.png) no-repeat #F00 !important; }
.tools #recaptcha_switch_audio_btn { background:url(../images/icons/button_recaptcha_audio_grey.png) no-repeat #F00 !important; }
.tools #recaptcha_switch_img_btn { background:url(../images/icons/button_recaptcha_text_grey.png) no-repeat #F00 !important; }
.tools #recaptcha_whatsthis_btn { background:url(../images/icons/button_recaptcha_help_grey.png) no-repeat #F00 !important; }
.tools #recaptcha_reload_btn img, .tools #recaptcha_switch_audio_btn img, .tools #recaptcha_switch_img_btn img, .tools #recaptcha_whatsthis_btn img { border:0px; display:none; visibility: hidden; }


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


/* bottom */
.credits { font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:9px; }
a.credits:link, a.credits:visited { color:#666666; text-decoration:none; }
a.credits:hover, a.credits:active { color:#666666; text-decoration:underline; }

/* toolbar */
.web2 { height:19px; float:left; }
.web2 ul { list-style:none; margin:0; padding:0; }
.web2 ul li { margin:0; padding:0; float:left; }
.web2 ul li img { display:block; }


/* bg_ctrls */
#bg_ctrls_div {  float:left; height:19px; overflow:hidden; display:inline; }
#bg_ctrls_div ul { list-style:none; margin:0; padding:0; }
#bg_ctrls_div ul li { margin:0; padding:0; float:left; }
#bg_ctrls_div #bg_toggle { float:left; }
#bg_ctrls_div #play_toggle { float:left; }
.bg_ctrls_off, .bg_ctrls_on { height:19px; overflow:hidden; display:inline; }

#bg_ctrls_div img.bg_toggle_off { background:url(../images/layout/bg_toggle_bg.png) no-repeat 0px -20px; display:block; }
#bg_ctrls_div img.bg_toggle_on { background:url(../images/layout/bg_toggle_bg.png) no-repeat 0px 0px; display:block; }

#bg_ctrls_div img.play_toggle_off { background:url(../images/layout/bg_pause_bg.png) no-repeat 0px 0px; display:block; }
#bg_ctrls_div img.play_toggle_on { background:url(../images/layout/bg_pause_bg.png) no-repeat 0px -20px; display:block; }


/* jukebox */
#jukebox_div { background:#222; float:left; }
.jukebox_off { width:202px; height:19px; overflow:hidden; display:inline; }
.jukebox_off img.jukebox_toggle { background:url(../images/layout/bg_toggle_jukebox.png) no-repeat 0px -20px; display:block; }
.jukebox_on { width:202px; height:97px; overflow:hidden; margin-bottom:3px; }
.jukebox_on img.jukebox_toggle { background:url(../images/layout/bg_toggle_jukebox.png) no-repeat 0px 0px; display:block; }


/* jukebox_popup */
.jukebox_popup { text-align:center; }
.jukebox_popup #jukebox_div { margin:19px auto 0px auto; width:260px; height:216px; float:none; border:1px solid #666; }
.jukebox_popup #jukebox_div h3 { width:260px; height:40px; border-bottom:1px solid #666; line-height:40px; text-align:center; background:#333; }


/* 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;}
.padding_2 {padding: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 */
.small { font-size:10px; color:#999; }

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

.trenner {margin-bottom:20px;}
.list {border-bottom:1px dotted #CCCCCC;margin-bottom:10px;}

ul { margin:0; padding:0; list-style:none; }
li { margin:0; padding:0; }

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

a.buy_icon:link, a.buy_icon:visited { border:1px solid #668000; display:block; }
a.buy_icon:hover, a.buy_icon:active { border:1px solid #cf0; display:block; background:#3d4d00; }
a.buy_icon img { display:block; }


/* forms.css */
input.text, input.title, textarea { border:1px solid #666; color:#ccc; height:16px; background-color:#000;}
select { border:1px solid #666; color:#ccc; height:20px; background-color:#000;}
input.submit { padding:2px; background-color:#f00; border:1px solid #f00; color:#000; height:20px; }
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #fff;color:#fff;}
.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;}


/* magiczoom */
.MagicZoom img { border: 0 !important; padding: 0 !important; margin: 0 !important; display:block; }

/* Style of zoomed window */
.MagicZoomBigImageCont { border:1px solid #666; }

/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader { font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important; }

/* Style of small square under mouse */
.MagicZoomPup { border:1px solid #aaa; background:#cf0; cursor:move; }

/* Style of message box while image is loading */
.MagicZoomLoading { border:1px solid #ccc; background:#fff url(../images/layout/loading_magiczoom.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444; }