/*
	FOR BROWSER COMPABILITY - DON'T CHANGE
*/
:root
{
	overflow:-moz-scrollbars-vertical;
}
*
{
	margin:0px;
	padding:0px;
}
IMG
{
	border-width:0px;
}



/*
	GLOBAL - YOU CAN CHANGE STUFF FROM HERE ON DOWN
*/
BODY
{
	margin:0px;
}

/* SETS THE STYLE FOR ALL OF YOUR FORM ELEMENTS AND BODY TEXT */
INPUT,
TEXTAREA,
SELECT,
BODY
{
	font-family:helvetica;
	font-size:11px;
	font-color:black;
}

/* STYLES YOUR LINKS */
A {color:#000000;}
a:visited{color:#000000;}

/* STYLES YOUR LINKS HOVER STATE */
A:hover
{color:#000000;
}

/* STYLES THE LINKS IN PARAGRAPHS, LISTS AND TABLES RESPECTIVELY */
P A,
UL A,
TABLE A
{
}

/* STYLES THE HOVER STATE FOR LINKS IN PARAGRAPHS, LISTS AND TABLES RESPECTIVELY */
P A:hover,
UL A:hover,
TABLE A:hover
{
}

/* don't underline named anchors */
H1 A,
H2 A,
H3 A,
H4 A,
H5 A
{
	text-decoration:none;
}


/* THE VARIOUS HEADING STATES */
H1
{
	font-size:36px;
}
H2
{
	font-size:18px;
	margin-bottom:20px;
}
H3
{
	margin:20px 0px;
	margin-bottom:15px;
	font-size:14px;
}
H4,
H5
{
	margin:5px 0px;
	margin-top:20px;
	font-size:11px;
}

/* THE PARAGRAPH, LIST AND TABLE SETTINGS (margins) */
P,
UL,
TABLE
{
	margin:10px 0px;
	line-height:16px;
}

/* STLYES THE LIST ITEMS (the bullet points, indents etc) */
LI
{
	margin-left:20px;
}

/* THE PARA TEXT ALIGNMENT */
P
{
	text-align:left;
}

/* THE HEADING ROW OF A TABLE (Currently invisible) */
HR
{
	display:none;
}

/* THE TABLE WIDTH */
TABLE
{
	width:50%;
}

TH
{
	text-align:left;
}

/* STYLES ANY LAYERS (padding, margins) CONTAINED WITHIN A FORM */
FORM DIV
{
	margin:5px 0px;
}

/* VARIOUS OPTIONS FOR FORM FIELDS */
INPUT.text,
INPUT.number,
TEXTAREA
{
	padding:2px 3px;
}
INPUT.text
{
	width:37.5%;
}
INPUT.number
{
	text-align:center;
}
TEXTAREA
{
	width:75%;
}
INPUT.button
{
	padding:1px 4px;
}
INPUT.submit
{
	cursor:pointer;
}

/*
	PARTS
*/
#root
{
}

/* Sets the width of the whole site */
#container
{
	width:540px;
	margin:0px auto;
}

/* The header area */
#part1
{
}

/* controls the margins and padding on the header */
#header
{
	padding:20px 0px;
	text-align:center;
}

/* controls the font size, weight and padding on the nav */
#navigation
{
	font-size:14px;
	padding:10px 0px;
	font-weight:bold;
}
#navigation *
{
	text-decoration:none;
}

/* Sets the margins around the list */
#navigation UL
{
	list-style-type:none;
	margin:0px;
}

/* Makes the navigation links appear as a horizontal list */
#navigation LI
{
	display:inline;
	margin:0px 10px;
}

/* The content area */
#part2
{
}

/* Controls the margins around the content */
#content
{
	padding:10px 0px;
}

/* The footer area */
#part3
{
}

/* Any options you want for the footer */
#footer
{
}

/* Any options you want for the copyright*/
#copyright
{
}

/*
	DATA FIELDS
*/

/* news, blog controls the page numbers and the date .. */
.paginate,
.date
{
	text-align:right;
}
.admin_body
{
	font-style:italic;
	font-weight:normal;
	margin:10px;
}

/* releases */
.releases .tracks .track_number
{
	width:25px;
}
.releases .tracks .disc_number
{
	text-align:left;
}
.releases .tracks .lyrics
{
	text-align:right;
}