/* CSS Document */

html, body {
	height:100%;
	margin:0; padding:0;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background:#2a0701 url(images/bg.png) repeat-x;
	color:#beb052;
	} 

body {
	font-size:62.5% 
	/* 10 px desired size means setting global size at 62.5% of the base cross-browser base font size of 16 px (formerly the 1 em); 
	this makes em-translations easy, now: 1em, or one percentage increment, is now 10px, 0.8em is 8px, 1.6em is 16 px*/
	}

/* BANNER
------------------------------------------------------------------*/	

#banner {
	height:110px;
	width:100%;
	background:url(images/banner-bg.png) repeat-x;
	min-width:800px; /* The page starts to have horiz scrolling when the browser gets reduced to 800 pixels wide */
	}

#mainimg {
	background: url(images/guille.jpg) no-repeat;
	height: 243px;
	width: 100%;
	}	

#contents {
	background: url(images/contentbg.gif) repeat-x;
	height: 243px;
	width: 100%;
	min-width:800px; /* The page starts to have horiz scrolling when the browser gets reduced to 800 pixels wide */
	}	

#banner-bg {
	background: url(images/contentbg.gif) repeat-x;
	height: 1px;
	width: 100%;
	min-width:800px; /* The page starts to have horiz scrolling when the browser gets reduced to 800 pixels wide */
	}	

/* NAVIGATION
------------------------------------------------------------------*/	
#nav {
	position:absolute;
	top:89px;
	height: 20px;
	font-size:1.1em; /* 11px */
	color:#f8d583;
	padding-top:2px;
	width:100%;
	white-space:nowrap;
	min-width:800px; /* The page starts to have horiz scrolling when the browser gets reduced to 800 pixels wide */
	/*_width:800px;  A hack, alas.  To prevent floats from wrapping, and otherwise freaking out, in IE */
	}
	
#spacer {
	float:left;
	height:20px;
}

#tabs {
	margin-left:390px;
	background:/*#8a500d*/ url(images/tab-ie.gif) repeat-x;
	height:20px;
	white-space:nowrap;	
}	

#nav > #tabs {
	background: url(images/tab.png) repeat-x;	
	}	

/* TABS
------------------------------------------------------------------*/	

.at {
	position:relative;
	top:2px;
	background: #1a0a04;
	border-top: solid #2d0800 1px;
	border-left: solid #2d0800 1px;
	border-right: solid #2d0800 1px;
	}	

#nav span {
	padding:2px 12px 6px 12px;
	position:relative;
	top:2px;
}	

.divided {
	border-right:solid #280f06 1px;
}


/* BIO
------------------------------------------------------------------*/	

#bio, #videos, #photos, #discography{
	background:#2a0701 url(images/bottom.png) repeat-x;
	}
	
/* TEXT
------------------------------------------------------------------*/	

#container {
	width:625px;
	padding:25px 0px 15px 25px;
	font-size:1.2em; /* 12 px desired child size in px, 12, divided by parent text size in pixels here, which is 10 px */
	}

body > #container {
	width:625px;
	padding:25px 0px 5px 25px;
	font-size:1.2em; /* 12 px desired child size in px, 12, divided by parent text size in pixels here, which is 10 px */
	}

p {
	margin-top,	padding-top:0px;
	}
	
a:link, a:visited  {
	text-decoration:none;
	color:#f8d583;
	/*color:#beb052;*/
	outline:none;	
	}

a:hover {
	text-decoration:underline;
	}

a.nav:link, a.nav:visited {
		text-decoration:none;
		color:#e76f00;
		color:#b4d98d;
		color:#8abae3;		
	}

a.nav:hover {
	text-decoration:underline;
	color:#e76f00;
	color:#b4d98d;	
	color:#8abae3;		
	}
	
.copy {
	font-size:0.83em; /* desired size is 10px;  10 px divided by 12 px = .83 */ 
	color:#946914;
	}	

.copy2 {
	font-size:0.83em; /* desired size is 10px;  10 px divided by 12 px = .83 */ 
	color:#946914;
	padding-left:25px;
	}

#discography .itemtitle {
	font-weight:normal;
	font-size:1em;
	}

#discography p {
	font-weight:normal;
	font-size:0.875em;
	width:450px;
	}

#discography ul {
	list-style:none;

	}		
	
#discography td.covers {
	text-align:center;
	background:#120300;
	}		
	
#discography td.desc {
	text-align:center;
	}