/* CSS Document for Exile Di Brave

	Date Created: 		August 01, 2009
	Developed By:		Peter Scott
	Company: 			iDyna Creative Solutions (iDyna CS)
	Last Modified: 	

*/

@import url('reset.css');
@import url('');

a {outline: none;}

p, h1, h2, h3, ul {
	margin: 0 0 1em 0;
}
body {
	background-color: rgb(0,0,0);
	font-family: Helvetica, Arial, Jamrul, sans-serif;
	font-size: 62.5%;
	font-style: normal;
	color: rgb(255,255,255);
	line-height:1.8em;
}
#container, #top, #content {
	position: relative;
	width: 965px;
	margin: 0 auto;
}
#container {
	background: url(../images/bg_container.jpg) top center;
}
#holder {
	background: url(../images/bg_exile_brave.png) no-repeat top center;
	behavior: url(iepngfix.htc);
}
#holder_bio {
	background: url(../images/bg_x.png) no-repeat 175px 0;
	behavior: url(iepngfix.htc);	
}
#artwork {
	position: relative;
	float: left;
}
#rc {
	position: relative;
	width: 575px;
	float: left;
	margin: 0 0 0 -50px;
}
/*--------------------------------------------------- Header */
#media h1 {
	display: block;
	padding: 45px 0 0 0;
	text-indent: -9999px;
}
h1#bio {
	background: url(../images/h_biography.png) no-repeat;
	behavior: url(iepngfix.htc);
}

/*--------------------------------------------------- Navigation */

#nav {
 	overflow: hidden; 
	height: 47px; 
	padding: 0; 
	list-style: none;
	margin: 10px 0 25px 0;
	border-bottom: 1px solid #232222;
}	
#nav li{float: left; height: 47px;}
#nav li a{background: url(../images/bg_nav.png) no-repeat 0 0;behavior: url(iepngfix.htc);display: block;overflow:hidden;text-indent:-10000px;height:47px;}

#nav li #nav-home {background-position:0 0;width: 73px;}
#nav li #nav-home:hover {background-position:0 -47px;}
#nav li.selected #nav-home, #nav li.selected #nav-home:hover  { background-position:0 -47px; }

#nav li #nav-bio {background-position:-73px 0;width: 123px;}
#nav li #nav-bio:hover {background-position:-73px -47px;}
#nav li.selected #nav-bio, #nav li.selected #nav-bio:hover  { background-position:-73px -47px; }

#nav li #nav-gallery {background-position:-196px 0;width: 105px;}
#nav li #nav-gallery:hover {background-position:-196px -47px;}
#nav li.selected #nav-gallery, #nav li.selected #nav-gallery:hover  { background-position:-196px -47px; }

#nav li #nav-media {background-position:-301px 0;width: 90px;}
#nav li #nav-media:hover {background-position:-301px -47px;}
#nav li.selected #nav-media, #nav li.selected #nav-media:hover  { background-position:-301px -47px; }

#nav li #nav-about {background-position:-391px 0;width: 101px;}
#nav li #nav-about:hover {background-position:-391px -47px;}
#nav li.selected #nav-about, #nav li.selected #nav-about:hover  { background-position:-391px -47px; }

#nav li #nav-contact {background-position:-492px 0;width: 81px;}
#nav li #nav-contact:hover {background-position:-492px -47px;}
#nav li.selected #nav-contact, #nav li.selected #nav-contact:hover  { background-position:-492px -47px; }


#social {
 	overflow: hidden; 
	height: 42px; 
	padding: 0; 
	list-style: none;
	margin: 0 0 0 29px;
}	
#social li{float: left; height: 42px;}
#social li a{background: url(../images/bg_social.jpg) no-repeat 0 0;display: block;overflow:hidden;text-indent:-10000px;height:42px;}

#social li #nav-facebook {background-position:0 0;width: 102px;}
#social li #nav-myspace {background-position:-102px 0;width: 109px;}
#social li #nav-soundclick {background-position:-211px 0;width: 178px;}
#social li #nav-twitter {background-position:-389px 0;width: 102px;}
#social li #nav-youtube {background-position:-491px 0;width: 104px;}
#social li #nav-imeem {background-position:-595px 0;width: 102px;}
#social li #nav-jahkno {background-position:-697px 0;width: 131px;}
#social li #nav-idyna {background-position:-828px 0;width: 34px;}

/*--------------------------------------------------- Content */
#media, #audioplayer{
	margin: 0 0 0 15px;
}
#audioplayer {
	background-color: #000;
	margin: 10px 0 0 15px;
	width: 550px;
	text-align: right;
}
#content {
	background: url(../images/bg_content.png) no-repeat top center;
	position: relative;
	behavior: url(iepngfix.htc);
}
#buy {
text-align: center;
}
#buy a{
	color: #fff;
	
	text-decoration: none;
margin: 0 10px 0 5px;
}
/*--------------------------------------------------- Footer */

#footer {
	background: url(../images/bg_footer.png) no-repeat bottom center;
	behavior: url(iepngfix.htc);
	height: 246px;
	color: rgb(255,255,255);
}
#footer a {
	color: rgb(255,255,255);
}
#copyright {
	text-align: center;
	margin: 50px 0 0 0;
	color: #404040;
}
#modify {
	text-align: right;
	float: right;
	width: 350px;
}