/* Copyright Tea P. of http://colorfilter.net and http://owarinai.net
---------------------------------------------------------------------
You are allowed to use my coding as reference to learn more from ONLY.
You MAY NOT copy my coding or the design, and nothing on my site may be
reproduced in any way unless explicit permission has been obtained from
me first. Please visit my site(s) for current methods of contact.
------------------------------------------------------------------ */

/* Noir Music FL version 2 stylesheet */


/* ------------------------------------------------------------------
GENERAL FORMATTING
------------------------------------------------------------------ */

a:link, a:visited {text-decoration: none; color: #3C3C3C; background-color: transparent;}
a:hover, a:active {text-decoration: none; color: #0044A3; background-color: transparent; outline: none;}

html, body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
	color: #A7A2A2;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #5D5D5D url(noir_bgtile.jpg) repeat;
	}
img {
	border: 0;
	margin: 2px;
	}

ul, li {
	margin: 0;
	padding: 0;
	}

/* --------------------
LAYOUT STYLING PORTION
-------------------- */		

/* top level div for entire layout
-----------------------------------*/
#container {
	width: 600px;
	margin: 0;
	padding: 0;
	background: #5D5D5D url(noir_contentbg.jpg) repeat-y;
	overflow: visible;
	text-align: justify;
	min-height: 100%;  /* For Modern Browsers */
	height: auto !important;  /* For Modern Browsers */
	height: 100%;  /* For IE */
	}

/* --------------------
HEADER SECTIONS PRIOR TO MAIN CONTENT AREA
-------------------- */

#pageheader {
	padding: 0;
	margin: 0;
	background: #5D5D5D url(noir_contentbg.jpg) repeat-y;
	}
#pageheader h1 {
	width: 385px;
	height: 435px;
	margin: 0;
	padding: 0;
	background: #5D5D5D url(noir_header.jpg) no-repeat;
	}
#pageheader h1 span {
  	display: none;
	}
	
/* fanlisting stats
-----------------------------------*/
#stats {
	position: absolute;
	top: 259px;
	left: 340px;
	width: 255px;
	height: 155px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #A7A2A2;
	}
	
/* --------------------
FOOTER SECTION AFTER MAIN CONTENT AREA
-------------------- */

#pagefooter {
  	position: relative;
	width: 600px;
	height: 88px;
	margin: 0;
	margin-top: -80px;
	padding: 0;
  	background: #5D5D5D url(noir_footer.jpg) no-repeat;
	}	
#pagefooter2 {
	padding: 30px 0 0 55px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3D3D3D;
	line-height: 12px;
	}
#pagefooter2 a:link, #pagefooter2 a:visited { 
	color: #2F2F2F;
	font-weight: normal;
	}
#pagefooter2 a:active, #pagefooter2 a:hover {
	text-decoration: underline;
	color: #2F2F2F;
	font-weight: normal;
	}

/* --------------------
MAIN CONTENT AREA
-------------------- */

/* main content area text and objects */
#content {
	position: relative;
	overflow: visible; /* For IE's buggy italics problem */
	min-height: 255px;  /* For Modern Browsers */
	margin: 4px 0 0 58px;
	padding-bottom: 90px; /* For Footer Space */
	}
#content h1 { /* CONTENT MAIN HEADING */
	padding: 0px 0 4px 50px;
	margin: 15px 0 15px 0;
	line-height: 16px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 14px;
	color: #A7A2A2;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.1em;
	background: url(noir_heading.gif) no-repeat;
	}
#content ul {
	margin-top: 16px;
	margin-left: 20px;
	}
#content ul li {
	padding-bottom: 6px;
	}
#content ul li a {
	font-weight: bold;
	}
#content ol li {
	padding-bottom: 8px;
	}
ul#navigation {
	list-style-type: none;
	margin: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
	color: #A7A2A2;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-style: italic;
	}
ul#navigation li {
	display: inline;
	padding: 2px 8px 2px 8px;
	margin: 1px;
	border-top: 1px #767575 solid;
	border-bottom: 1px #767575 solid;
	letter-spacing: 0.08em;
	}
ul#navigation a {
	text-transform: uppercase;
	color: #A7A2A2;
	font-weight: bold;
	background: transparent;
	outline: none;
	}
ul#navigation a:hover {
	color: #3C3C3C;
	}

/* ------------------------------------------------------------------
MISCELLANEOUS, OLD, AND FROM BELLABUFFS
------------------------------------------------------------------ */

/* for style of form */
input, select, textarea {
	padding: 2px;
	margin: 2px 0px 5px 0px;
	background-color: #767575;
	color: #A7A2A2;
	border: 1px #9D9898 solid;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	vertical-align: middle;
	}

/* for width of all but submit */
#name, #email, #country, #fave, #comments, #url, #newemail, #newurl, textarea {
	width: 280px;
	}
label {
	font-weight: bold;
	}
	
img.info { /* CONTENT IMAGES WITH DASHED BORDER */
	border: 1px dashed #3C3C3C;
	padding: 4px;
	background:#494949;
	margin: 2px 10px 5px 0;
	float: left;
	}
	
.clear {
	clear: both;
	padding-top: 1px;
	}