/*	
	gentleman - diversity | screen.css (by scalp.de)
*/

/* typography.css */
body, html { height:100%; }
body { font-size:11px; color:#333; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; margin:0px; padding:0px; margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}
td, th { font-size:11px; color:#333; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; }
h1, h2, h3, h4, h5, h6 { border-bottom:1px solid #CCCCCC; font-size:13px; font-weight:bold; color: #999999; padding-top: 15px; display:block; margin:0; }
h1 { font-size:24px; }
h2 { font-size:16px; }
h3 { font-size:13px; }
h4 { font-size:12px; }
h5 { font-size:11px; }
h6 { font-size:11px; text-transform:uppercase; }
td img, img { display:block; }

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



/* main elements */
.container { margin:0px auto; width:760px; }
.content { position:relative; border-top:1px solid #bbb; border-bottom:1px solid #bbb; top:auto; width:760px; height:580px; background:#f7f7f7; }
.credits { width:760px; text-align:center; margin-top:10px; font-size:10px;  }
.left { position:absolute; left:30px; top:26px; }
.logo { width:202px; height:230px; display:block; background:url(http://www.gentleman-diversity.com/app/images/layout/logo.png) no-repeat; margin-bottom:20px; }



/* nav */
.nav { height:30px; overflow:hidden; position:relative; }
.nav ul { font-size:12px; list-style:none; list-style-type:none; margin:0; padding:0; font-weight:bold; }
.nav li { margin:0px 3px 0px 0px; padding:0px 0px 0px 0px; float:left; }

.nav li.nav_home_off { margin-top:3px; }
.nav li.nav_home_off a:link, .nav li.nav_home_off a:visited { width:96px; height:27px; display:block; text-indent:-1000px; background:url(http://www.gentleman-diversity.com/app/images/icons/nav_home_off.png) no-repeat 0px 0px #d8dfea; }
.nav li.nav_home_off a:hover, .nav li.nav_home_off a:active { width:96px; height:27px; display:block; text-indent:-1000px; background:url(http://www.gentleman-diversity.com/app/images/icons/nav_home_off.png) no-repeat 0px -30px #627aad; }

.nav li.nav_home_on { background:url(http://www.gentleman-diversity.com/app/images/icons/nav_home_on.png) no-repeat 0px 1px #FFF; width:94px; height:29px; display:block; border-top:1px solid #d8dfea; border-right:1px solid #d8dfea; border-left:1px solid #d8dfea; }
.nav li.nav_home_on a { width:94px; height:29px; display:block; text-indent:-1000px; }

.nav li.player_li { background:#d8dfea; margin-top:3px; height:27px; padding:1px 8px 0px 8px; }
.nav li.player_li .desc { font-size:12px; color:#3b5998; }
.nav .audioplayer { width:67px; height:23px; overflow:hidden; border-top:1px solid #c1c5ca; }

.nav li.nav_off { margin-top:3px; height:27px; overflow:hidden; }
.nav li.nav_off a:link, .nav li.nav_off a:visited  { line-height:27px; color:#3b5998; background:#d8dfea; padding:7px 8px; text-decoration:none; }
.nav li.nav_off a:hover, .nav li.nav_off a:active  { line-height:27px; color:#ffffff; background:#627aad; padding:7px 8px; text-decoration:none; }

.nav li.nav_on { margin-top:0px; height:27px; overflow:hidden; border-top:1px solid #d8dfea; border-right:1px solid #d8dfea; border-left:1px solid #d8dfea; padding:1px; }
.nav li.nav_on a:link, .nav li.nav_on a:visited, .nav li.nav_on a:hover, .nav li.nav_on a:active  { line-height:27px; color:#000; background:#fff; padding:7px 8px; text-decoration:none; }


/* subnav */
.subnav { border:1px solid #3b5998; }
.subnav ul { font-size:11px; list-style:none; list-style-type:none; margin:0; padding:0; background:#FFF; }
.subnav li { position:relative; margin:0px; padding:0px; width:200px; height:35px; line-height:35px; border-top:1px solid #ccc; }

.subnav li.title { border-top:0px none; }
.subnav li .title { font-weight:bold; padding-left:10px; }
.subnav li.subnav_off a { line-height:35px; width:200px; height:35px; display:block; }
.subnav li.subnav_off a .icon { border:1px solid #666; position:absolute; left:10px; top:4px; }
.subnav li.subnav_off a .label { position:absolute; left:47px; }
.subnav li.subnav_off a:link, .subnav li.subnav_off a:visited  { color:#000000; background:#eeeeee; text-decoration:none; font-weight:normal; }
.subnav li.subnav_off a:hover, .subnav li.subnav_off a:active  { color:#ffffff; background:#556fa8; text-decoration:none; font-weight:normal; }

.subnav li.subnav_on a { line-height:35px; width:200px; height:35px; display:block; }
.subnav li.subnav_on a .icon { border:1px solid #666; position:absolute; left:10px; top:4px; }
.subnav li.subnav_on a .label { position:absolute; left:47px; }
.subnav li.subnav_on a:link, .subnav li.subnav_on a:visited  { color:#ffffff; background:#556fa8; text-decoration:none; font-weight:bold; }
.subnav li.subnav_on a:hover, .subnav li.subnav_on a:active  { color:#ffffff; background:#556fa8; text-decoration:none; font-weight:bold; }


/* content */
.home .content { height:550px; }
.home #home_anim { position:absolute; top:0px; left:0px; z-index:10; }
.result .content { height:550px; }


/* flash_create */
.flash_create { position:absolute; left:260px; top:50px; width:470px; height:400px; display:block; }


/* show */
.show .content { height:610px; }
.show .content .notice { margin:0px; }
.show .content a.create { background:url(http://www.gentleman-diversity.com/app/images/layout/bg_create_profile.gif) no-repeat; padding-left:53px; line-height:31px; width:220px; height:31px; display:block; text-decoration:none; }
.show .content a.create:hover { text-decoration:underline; }


/* invite */
.invite .content_box { position:relative; border-top:1px solid #bbb; border-bottom:1px solid #bbb; top:auto; width:760px; background:#f7f7f7; display:block; }

/* music */
.music .content { text-align:center; height:680px; }
.music .content h2 { color:#666; border:0px none; }

.music .content .products { list-style:none; list-style-type:none; margin:0px 0px 0px 1px; padding:0px; }
.music .content .products li { float:left; width:220px; margin:10px 10px; padding:5px; border:1px #CCC solid; background:#FFF; }
.music .content .products li img { }
.music .content .products  h4 { color:#666; }
.music .content .products .buy {  list-style:none; list-style-type:none; margin:0px 0px 0px 15px; padding:0px; text-align:center; }
.music .content .products .buy li { float:left; display:block; list-style:none; margin:5px 10px 10px 10px; width:63px; height:25px;  padding:5px; border:1px solid #9daccb; }
.music .content .products .buy li a { width:63px; height:25px; display:block; text-indent:-1000px; overflow:hidden; } 
.music .content .products .buy li:hover { background-color:#d8deea;  } 
.music .content .products .buy li a.amazon { background:url(http://www.gentleman-diversity.com/app/images/icons/buy_amazon.png) no-repeat; }
.music .content .products .buy li a.bravado { background:url(http://www.gentleman-diversity.com/app/images/icons/buy_bravado.png) no-repeat; }
.music .content .products .buy li a.itunes { background:url(http://www.gentleman-diversity.com/app/images/icons/buy_itunes.png) no-repeat; }
.music .content .products .buy li a.umusic { background:url(http://www.gentleman-diversity.com/app/images/icons/buy_umusic.png?v=2) no-repeat; }
.music .content h2 a.play { padding:10px; border:1px solid #f7f7f7; text-decoration:none; }
.music .content h2 a.play:hover { background-color:#d8deea; border:1px solid #9daccb; text-decoration:none; }


.music .newsletter { display:block; background:#eceff5; padding:5px; text-align:center; border:1px solid #BDC7D8; margin:20px;}
.music .newsletter h5 { color:#333; border:0px none; margin:10px 0px; padding:0px; }
.music .newsletter ul { list-style:none; list-style-type:none; padding:0px; margin:0px 0px 0px 140px; }
.music .newsletter li { float:left; padding:0px; margin: 0px 5px;  }
.music .newsletter .input, .music .newsletter .select { border:1px solid #BDC7D8; background:#FFF; padding:3px; font-size:11px; color:#777; width:150px; }
.music .newsletter .input { padding:4px; }
.music .newsletter .input:focus, .music .newsletter .select:focus { color:#000; }

/* newsletter */
.newsletter .notice, .newsletter .error { margin:5px; padding:0px 10px; }
.newsletter .notice .block, .newsletter .error .block { margin:10px 0px; }
.newsletter .notice h3, .newsletter .error h3 { margin:0px 0px 0px 0px; padding:0px; border-bottom:1px solid #666; color:#333; }


/* imprint */
.imprint .content { height:auto; padding:10px; }
.imprint .content h1 { font-size:14px; color:#333; border:0px none; margin:10px 0px; padding:0; }


/* image styles */

.imageborder { border:1px solid #666666; margin-right:5px; margin-bottom:5px; }
.imageborder_plain {border:1px solid #ccc;}
.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 #fff;}
.image_off {border:1px solid #666666;}

a.image_link:link img, a.image_link:visited img { border:1px solid #c00; }
a.image_link:hover img, a.image_link:active img, a.image_link:focus img { -moz-outline-style:none; outline:none; border:1px solid #f00; }

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 img { 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;}
.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 */
.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:#999; }

.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;}

a.buy_icon:link, a.buy_icon:visited { border:1px solid #900; display:block; }
a.buy_icon:hover, a.buy_icon:active { border:1px solid #f00; display:block; background:#300; }

.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 */
.error, .notice, .success {padding:10px;margin:10px 0px;border:1px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#fffbe2;color:#333;border-color:#FFD324;}
.notice h3 { font-size:13px; border:0px none; padding:0px; margin:0px 0px 5px 0px; color:#333; }
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#333; text-decoration:underline; }
.notice a:hover {color:#000; text-decoration:underline; }
.success a {color:#264409;}

.btn a { margin:10px 0px; background:url(http://www.gentleman-diversity.com/app/images/layout/btn_bg.png) repeat-x; display:block; width:140px; height:30px; line-height:30px; padding:0px 5px; border:1px solid #29447e; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; white-space:nowrap; text-align:center; }
.btn a:link, .btn a:visited, .btn a:hover, .btn a:active { color:#fff; text-decoration:none; }