/* 
----------------------------------------------------------------------------------------
the FLAKE LORENZ fanlisting
http://flake.lichtspielhaus.org
Version 1.0
Design & Coding  ©Setsu - http://www.lichtspielhaus.org
----------------------------------------------------------------------------------------
*/

body {
	margin: 0px;
	background: #191919;
}

#right {position: absolute; top: 0px; right:0px; width:760px; z-index: 1;}
#header1 {position: absolute; top: 0px; right: 0px; width: 760px; height: 100px; background: url(images/layout/black/black1.jpg) top left no-repeat scroll; z-index: 2;}
#header2 {position: absolute; top: 100px; right: 0px; width: 760px; height: 100px; background: url(images/layout/black/black2.jpg) top left no-repeat scroll; z-index: 2;}
#header3 {position: absolute; top: 200px; right: 0px; width: 760px; height: 100px; z-index: 2;}
#switcher {position:absolute; top:370px; left:70px; width:100px; text-align:right; visibility:hidden; z-index:3;}

/*
Menu Layers
*/

#menu {position: absolute; top: 310px; right: 40px; width: 170px; z-index: 3;}

#menu ul {margin: 0;}
#menu li {text-align: right; list-style-type: none;}

#menu a {font: bold 11px/20px arial, sans serif; text-decoration: none; text-transform: uppercase; color: #646E77;  padding-right:5px;}
#menu a:hover {font: bold 11px/20px arial, sans serif; text-decoration: none; text-transform: uppercase; color: #C5C5C5;  padding-right:5px;}
#menu .current {font: bold 11px/20px arial, sans serif; text-decoration: none; text-transform: uppercase; color: #9299A3; display:block; background-color:#252F39;  padding-right:5px;}

/*
Content layer
*/

#section {position:absolute; top:280px; right:190px; width:430px; text-align:right; font: bold italic 20px/26px times new roman, serif; color:#2C4559; z-index:2;}
#content {position:absolute; top:310px; right:190px; width:430px; margin:0px; padding-left:50px; font: 11px/18px Trebuchet MS, sans-serif; text-align:justify; color:#7F8491; z-index:3; background:url(images/layout/black/bg.jpg) top left repeat-y scroll;}
#content p {margin-top:0px;}
#content h1 {font: 20px/24px Trebuchet MS, verdana, sans-serif; color:#C5C5C5;}
#content h2 {font: bold 11px/17px arial, sans-serif; color:#4F6B7F; text-transform:uppercase; padding-left:20px;}
#content a {text-decoration:none; color:#CCC;}
#content a:hover {text-decoration:none; color:#FFF; cursor:help;}


#footer {margin-left:-50px; background-color:#191919;}
#disclaimer {padding:20px 8px 20px 50px;}
#disclaimer a {text-decoration:none; color:#CCC;}
#disclaimer a:hover {text-decoration:none; color:#FFF; cursor:help;}

#content .date {font: bold 11px/17px arial, sans-serif; color:#4F6B7F; text-transform:uppercase;}
#content .stats {width:300px; margin:auto; padding:8px; background-color:#1E1E1E; border-left:10px solid #252525; color:#999999;}


/* Form styles */
.show_join_name_field,
.show_join_email_field,
.show_join_password_field,
.show_join_password_field2,
.show_join_country_field,
.show_join_url_field,
.show_update_old_email_field,
.show_update_current_password_field,
.show_update_name_field,
.show_update_email_field,
.show_update_password_field,
.show_update_password_field2,
.show_update_country_field,
.show_update_url_field,
.show_lostpass_email_field,
.form
{
	border: 1px solid #595F6C; 
	background-color: #22252C; 
	font-family:verdana,sans-serif; 
	font-size:9px; 
	color:#7F8491; 
	width:180px; 
	text-align:left;
}

.show_join_comments_field {
	border: 1px solid #595F6C; 
	background-color: #22252C; 
	font-family:verdana,sans-serif; 
	font-size:9px; 
	color:#7F8491; 
	width:180px; 
	height: 100px;
	text-align:left;
	margin:10px auto;
}

.show_join_submit_button,
.show_join_reset_button, 
.button {
	border:none;
	background-color:#7F8491;
	font-family:verdana,sans-serif; 
	font-size:10px;
	width:116px; padding:2px;
	color:#22252C;
}

.show_update_submit_button {
	border:none;
	background-color:#7F8491;
	font-family:verdana,sans-serif; 
	font-size:10px;
	width:136px; padding:2px;
	color:#22252C;
}

.show_lostpass_submit_button {
	border:none;
	background-color:#7F8491;
	font-family:verdana,sans-serif; 
	font-size:10px;
	width:140px;
	color:#22252C;
}

/*
Codes page
*/

.codebox { 
	border: 1px solid #595F6C; 
	background-color: #22252C; 
	font-family:verdana,sans-serif; 
	font-size:9px; 
	color:#7F8491; 
	width:220px; 
	height: auto;
	text-align:left;
	margin:10px auto;
}