/*
	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 {
  background:#fff;
  margin:0;
  padding:40px 20px;
  font:x-small Georgia,Serif;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
  
BODY {background: white url(http://www.ernstsimonglaser.com/images/background.jpg) no-repeat; attachment:fixed; position:left}


/* SETS THE STYLE FOR ALL OF YOUR FORM ELEMENTS AND BODY TEXT */
INPUT,
TEXTAREA,
SELECT,
BODY
{
	font:small Georgia,Serif;
}

/* STYLES YOUR LINKS */
a:link {
  color:#333;
  text-decoration:none;
  }
a:visited {
  color:#333;
  text-decoration:none;
  }
a:hover {
  color:#999;
  text-decoration:none;
  }


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

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

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


/* THE VARIOUS HEADING STATES */
H1
{
	font-family : Georgia,Serif;
	font-size : 36px;
	color : #333;
	font-weight : bold;
}
H2
{
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#333;
}
H3
{
	margin:20px 0px;
	margin-bottom:15px;
	font-size:14px;
	color : #333;
	font-weight : bold;
}
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:30px;
}

/* 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:660px;;
	margin-left:100px;
}

/* The header area */
#part1
{
}

/* controls the margins and padding on the header */
#header
{ 
	padding:20px 0px; 
	text-align:center;
	width:660px;
	margin:0 auto 10px; 
	border:1px solid #ccc;
	
}

/* controls the font size, weight and padding on the nav */
#navigation
{
	font-family : Georgia,Serif;
	font-size : 14px;
	color : #666666;
	font-weight : bold;
}

#navigation 
{
	text-decoration:none; border-bottom: 0px solid #FF9966;
}

/* 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
{ 		text-align:center;
}

/* Any options you want for the footer */
#footer
{		text-align:right;
		font-family:Helvetica, Arial,sans;
		font-size:10px;
		text-decoration:none;
		clear:both;		
}


#footer A {color:#000000;}

#footer A :visited{color:#000000;}
#footer A :hover{color:#000000;}
#footer A :active{color:#000000;}

/* Any options you want for the copyright*/
#copyright
{		text-align:right;
		font-family:Helvetica, Arial,sans;
		font-size:10px;
		font-style:italic;
}


/* controls the font size, weight and padding on the bottom nav */
#bottomnavigation
{
	font-family : Georgia,Serif;
	font-size : 12px;
	color : #666666;
	font-weight : bold;
}

#bottomnavigation *
{
	text-decoration:none; border-bottom: 0px solid #FF9966;
}

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

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

/*
	DATA FIELDS
*/

/* news, blog controls the page numbers and the date .. */
.paginate
{
	text-align:right;
	font-size:14px;
	font-weight:bold;
}

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