/* 
CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/


/* Content */

#content {
	width: 960px;
	margin:0 auto;
	min-height: 200px;
	padding: 0;
}


* html #content { height: 550px; }

#main {
	width:660px;
	
}




.full-width {
	width: 960px !important;
}

#main .col1 {
	width: 240px;
	float: left;
	margin-right: 60px;
}

#main .col2 {
	width: 360px;
	float: left;

	
}

.archive-audio #main .col1 {
	margin-right: 0px;
}

.archive-audio #main .col2 {
	margin-right: 60px;
}





/* Page Navigation */

#top-nav {
	height: 60px;
	font-size: 12px;
	padding: 0px 10px;
	padding-left: 40px;
	margin-bottom: 30px;

	
}
#top-nav .fr  { position:relative}

#top-nav .fr input#s{ position:absolute; right: 40px; top:5px}
#top-nav .fr input#go{ position:absolute; right: 0; top:5px}

#top-nav a {
	font-family: gill sans, arial, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	padding: 10px;
	
}

#top-nav a:hover {
	color: #E47278 !important;
	text-decoration: none !important; 
	border-bottom:1px solid;
	border-bottom-width:1px;

	

	
}

#top-nav ul {
	padding: 0;
}

#top-nav .col-left {
	margin-left: -6px;
}

/* Page Nav */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav a {
	display: block;
	padding: 0px 0px;
	margin:8px 10px;
	padding-bottom: 0px;
	z-index: 100;
}

#nav li {
	float: left;
	padding: 5px 10px 10px 0;
}

#nav li ul li {
	float: left;
	padding: 0px;
}

/* Header */

#header {
	width: 100%;
	padding-top: 0px;
	clear: both;
	position: relative;
}

#logo {
	float: left;
	padding: 15px 0px;
}

#header h1 {
	display: none;
	width: 200px;
}

#header .advert {
	position: absolute;
	right: 0px;
	top:0px;
	
}


#search {
		margin:5px 0 0 0; padding:0px;
		width:215px; height:40px;
		background:url(images/search-form-back.gif) no-repeat center left;
		float:left;
	}
	
	#search #s {
		margin:0 0 0 0; padding:12px 10px 14px 10px;
		width:140px; height:auto;
		border:0;
		background:none;
		float:left;
		font-size:12px; color:#999999;
		font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
		margin-right: 15px;
	}

/* Slider */
#loopedSlider {
	width: 960px; margin: 0 auto;
}
.container { margin-bottom: 30px;width:950px; cursor: pointer; height:375px; overflow:hidden; position:relative; cursor:pointer; border: 0px; background: #000; background: rgba(0,0,0,0.4) ; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:950px; display:none; }

/* Footer */

#footer-out {
 background:#c6cca2 url(images/KATE_SITE_bkg_rep.gif) repeat-x;
	width: 100%;
	/*padding: 0 0 35px 0;*/
	padding:0;
	height: 366px;
	margin: 0;
}

#footer {
background: url(images/KATE_SITE_footer.jpg) no-repeat;
	width: 1265px;
	margin: 0 auto;
	padding-top: 10px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	overflow: hidden;
}
#footer a{ color:#fff; }

#footer a:hover{ color:#000; }


#footer p {
margin-top: 320px;
margin-left: 650px;
	padding: 5px;
	color:#fff;
	font-size: 12px;
	
}
#footer img {vertical-align: middle;}
#footer span {display: none;}

/* tag */

#tag{
	width: 985px; margin: 0 auto;

}

#tag img{
float: right;
margin-top: -150px;

}

#main h3 {font-size: 12px; font-family: gill sans, arial, sans-serif; text-transform: uppercase; letter-spacing: -1px; line-height: 35px; padding-left:0px; padding-right:20px; margin-bottom:5px }

.contact {margin-top: 20px; }

.contact h3 {line-height: 35px;  }

.instruments {margin-top: 20px; }
.biography{margin-top: 30px; }


.links {font-size: 12px; font-family: gill sans, arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; line-height: 0px; padding-left:0px; padding-right:20px; margin-top: 20px; margin-bottom:0px }

/* Style drop down list */

#nav li ul { position: absolute; width: 80px; left: -999em;}
#nav li ul li {	background: #fff ; }
#nav li ul li a { #nav li ul li a {
    line-height: 15px;
    padding: 0px;
    font-size: 14px !important;
    text-transform: none;
    width: 100px;
  }
#nav li ul ul {	margin: -20px 0 0 170px; }
#nav li ul ul li a { line-height: 25px;  }
#nav li ul li ul li a {	border-width:0 1px 1px 0px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */


.postwraprec { margin-bottom: 0px;}


.readmore{ padding-top: 30px;}

.bonus{ color: #a3c5c7;}

.cufon-canvas{ height: 18px !important;}

.tracklist { float: left; width: 250px;}
.trackdetails{padding-top:20px; float: left; width: 350px;}