/* 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: #A10000; background-color: transparent;}
a:hover, a:active {text-decoration: underline; color: #C55632; background-color: transparent; outline: none;}

html, body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
	color: #B77939;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #F5E3C3 url(noirfl_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: 736px;
	margin: 0;
	padding: 0;
	background: #F5E3C3 url(noirfl_sidetile.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 0 0 133px;
	background: #F5E3C3 url(noirfl_contentbg.jpg) repeat;
	}
#pageheader h1 {
	width: 603px;
	height: 382px;
	margin: 0;
	padding: 0;
	background: #F5E3C3 url(noirfl_header.jpg) no-repeat;
	}
#pageheader h1 span {
  	display: none;
	}
#pagenav {
	width: 603px;
	height: 35px;
	padding: 0;
	margin: 0;
	background: #F5E3C3 url(noirfl_headernav.jpg) no-repeat;
	}
	
/* fanlisting stats
-----------------------------------*/
#stats {
	position: absolute;
	top: 215px;
	left: 440px;
	width: 275px;
	height: 110px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #A10000;
	}
	
/* --------------------
FOOTER SECTION AFTER MAIN CONTENT AREA
-------------------- */

#pagefooter {
	position: relative;
	width: 603px;
	height: 85px;
	margin: 0 0 0 133px;
	padding: 0;
  	background: #F5E3C3 url(noirfl_footer.jpg) no-repeat;
	}	
#pagefooter2 {
	padding: 37px 5px 0 3px;
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #D79D60;
	line-height: 12px;
	}
#pagefooter2 a:link, #pagefooter2 a:visited { 
	color: #B77939;
	font-weight: normal;
	}
#pagefooter2 a:active, #pagefooter2 a:hover {
	text-decoration: underline;
	color: #B77939;
	font-weight: normal;
	}

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

/* main content area text and objects */
#contentwrap {
	overflow: hidden; /* For IE's buggy italics problem */
	min-height: 255px;  /* For Modern Browsers */
	width: 603px;
	margin: 0 0 0 133px;
	padding-bottom: 20px; /* For Footer Space */
  	background: #F5E3C3 url(noirfl_contentbg.jpg) repeat;
	}
#content {
	margin: 10px 10px;
	}
#content h1 { /* CONTENT MAIN HEADING */
	padding: 0 0 3px 30px;
	margin: 15px 0 10px 0;
	line-height: 22px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 14px;
	color: #C55632;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	background: url(noirfl_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: 5px;
	text-align: left;
	color: #C55632;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 12px;
	}
ul#navigation li {
	display: inline;
	padding: 2px 12px 2px 10px;
	margin: 1px;
	border-right: 1px #C55632 solid;
	letter-spacing: 0.08em;
	}
ul#navigation a {
	text-transform: uppercase;
	color: #C55632;
	font-weight: bold;
	background: transparent;
	outline: none;
	}
ul#navigation a:hover {
	color: #A10000;
	text-decoration: none;
	}

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

/* for style of form */
input, select, textarea {
	padding: 2px;
	margin: 2px 0px 5px 0px;
	background-color: #F7ECD8;
	color: #B77939;
	border: 1px #B77939 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;
	}