/******************************************************************************************************************
Developed by Matthew Hill, October 2005
Copyright Matthew Hill (c) 2005
******************************************************************************************************************/

body {
	margin:0;
	padding:0;
	background:#000 url(../gfx/gui/bg_tile.jpg) top center repeat-y;
	font: normal 100%/1.2em "Trebuchet MS",Georgia,Arial,"Helvetic Neue",Helvetica,sans-serif;
	color:#DDD;
}

/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/
#skipnav {
	position:absolute;
	left:-999em;
}

img {
	border:0;
}

h1,h2,h3,h4,h5,h6 {
	color:#B5A98E;
	font-weight:normal;
	line-height:normal	
}

h1 { position:absolute;	left:-1000em; }
h2 { font-size:1.8em; }
h3 { font-size:1.5em; padding:0.8em 0 0 0; border-top:1px solid #3B4D4C; }
h4 { font-size:1.1em; margin-bottom:0 }

a {
	color:#B5A98E;
	color:#DEB887;	
}

a:visited {

}

a:hover,a:active {
	color:#FFF;
}

.floatright {
	float:right
}

.floatleft {
	float:left
}

.piclefttop,.picrighttop,.picleft,.picright {
	text-align:center;
	font-size:0.90em;
}

.piclefttop {
	float:left;
	margin:0 24px 24px 0;
}

.picrighttop {
	float:right;
	margin:0 0 24px 24px;	
}

.picleft {
	float:left;
	margin:24px 24px 24px 0;
}

.picright {
	float:right;
	margin:24px 0 24px 24px;
}

blockquote {
	margin:0;
}

.clearleft {
	clear:left;
}

.warning {
	clear:left;
	color:#FF0;
}

.warning strong {
	color:#FFF;
}

.smaller {
	font-size:0.85em;
	line-height:normal;
}


/******************************************************************************************************************
MAIN
******************************************************************************************************************/

#main {
	width:100%;
	margin:0 auto;
	background:url(../gfx/gui/bg_top.jpg) top center no-repeat;
	padding:205px 0 0 0;
}

/******************************************************************************************************************
NAVIGATION
******************************************************************************************************************/

#nav {
	margin:0 auto 0;
	font-size:1.1em;
	width:900px;
}

/*#nav:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
}*/

#nav ul {
	margin:0;
	padding:0;
	height:2em;	
}

#nav li {
	margin:0 10px 0 0;
	list-style:none;
	font-weight:bold;
	float:left;
	height:2em;
	text-align:center;
}

#nav li a,#nav li a:visited {
	color:#B5A98E;
	display:block;
	padding:4px 0;
	text-decoration:none;
	margin:0 0 0 10px;
}

#nav li a:hover {
	color:#FFF;
	text-decoration:underline;
}

	
/******************************************************************************************************************
CONTENT
******************************************************************************************************************/

#content {
	width:620px;
	margin:0 auto;
	padding:30px;
}

#content p {
}

/* Thumbnails */

.thumbs {
	margin-left:45px;
}

.thumbs:after {
	clear:both;
	height:0;
	content: ".";
	visibility:hidden;
	display:block;
}

a.thumb img,a.thumbnohover img {
	padding:1px 4px 4px 1px;
	display:block;
}

a.thumb,a.thumbnohover {
	float:left;
	display:block;
	background:url(../gfx/gui/bg_thumb.gif) top left no-repeat;
	margin:0 20px 20px 0;
}

a.thumb:hover {
	background:url(../gfx/gui/bg_thumb.gif) bottom left no-repeat;
}

/******************************************************************************************************************
DOWNLOAD TABLE
******************************************************************************************************************/

table.download {
	border-collapse:collapse;
	empty-cells:hide;
	width:100%;
}

table.download td,
table.download th {
	border:1px solid #475B58;
	padding:5px;
	vertical-align:top;
}

table.download th {
	background:#3B4D4C url(../gfx/gui/bg_tile_lighter.jpg) top left;
	color:#FFF;
	text-align:left;
}

table.download th.name,
table.download td.name {
	width:340px;
}

table.download td.name a {
	font-weight:bold;
}

/******************************************************************************************************************
FOOTER
******************************************************************************************************************/

#footer {
	height:566px;
	margin:0 auto;
	background:#000 url(../gfx/gui/bg_bottom.jpg) top center no-repeat;
	font-size:0.75em;
	color:#FFF;
}

#footer p {
	text-align:center;
	margin:0;
	padding:530px 0 0 0;
}

/******************************************************************************************************************
ARTISTS PAGE
******************************************************************************************************************/
div.artistsummary {
	clear:both;
}

div.artistsummary a.thumb,div.artistsummary a.thumbnohover {
	margin-right:0;
}

div.artistsummarytext {
	padding-left:190px;
}

/******************************************************************************************************************
NEWSPAGE
******************************************************************************************************************/

div.newsitem {
	border-bottom:1px solid #475B58;
	margin-bottom:0.8em;
}

div.newsitem:after {
	clear:both;
	height:0;
	content: ".";
	visibility:hidden;
	display:block;
}

div.newsitem p.smaller {
	font-size:0.70em;
	float:right;
}

div.newsitem h3 {
	font-size:1.20em;
	clear:both;
	margin-top:0;
	padding:0;
	border:none;
	color:#FFF;
}

div.newsitem h3 span {
/*	color:#B5A98E;*/
	}

div.pagelinks {
	clear:both;
	float:none;
	background:#3B4D4C url(../gfx/gui/bg_tile_lighter.jpg) top left;
	padding:3px;
	margin:0.8em 0;
	border:1px solid #475B58;
}