/* Browser Clears */
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 1em;
  font-style: normal;
  text-decoration: none;
}
a {
	color: #fff;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
body {
	background: url("images/body_bg4.png") no-repeat top center;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, verdana, sans-serif;
}

#content_wrap {
	width: 899px;
	height: 100%;
	margin: 0 auto;
	display: block;
	padding: 0;
	position:relative;
}

/* Header and Nav */
#header {
	margin: 20px 0 0 16px;
	height: 105px;
}

#nav {
	position:absolute;
	top: 0px;
	left: 310px;
}
#nav ul li {
	display: inline;
	list-style-type: none;
}
#nav a {
	color: #353535;
	text-decoration: none;
	padding-left:10px;
	font-size:13px;
	color:#535353;
	text-align:right;
}
#nav ul.top_nav li a:hover, #nav ul.bottom_nav li a:hover {
	color:#8c0221;
} 
#nav ul.top_nav li a {
	color: #353535;
	text-decoration: none;
	margin-left: 15px;
	font-size:13px;
	color:#535353;
	position:relative;
	top:0px;
	left: 85px;
}
#nav ul.bottom_nav li a {
	color: #353535;
	text-decoration: none;
	margin-left: 15px;
	font-size:13px;
	color:#535353;
	position:relative;
	top: 14px;
	left: 137px;
}
.ie7 #nav ul.top_nav li a {
	color: #353535;
	text-decoration: none;
	margin-left: 15px;
	font-size:13px;
	color:#535353;
	position:relative;
	top:20px;
	left: 85px;
}
.ie7 #nav ul.bottom_nav li a {
	color: #353535;
	text-decoration: none;
	margin-left: 15px;
	font-size:13px;
	color:#535353;
	position:relative;
	top: 34px;
	left: 137px;
}

/* nav icons */
.home {
	background: url("images/home.png") no-repeat left center;
}
.josh {
	background: url("images/jl.png") no-repeat left center;
}
.news {
	background: url("images/news.png") no-repeat left center;
}
.music {
	background: url("images/music.png") no-repeat left center;
}
.press {
	background: url("images/radio.png") no-repeat left center;
}
.video {
	background: url("images/video.png") no-repeat left center;
}
.gigs {
	background: url("images/performances.png") no-repeat left center;
}
.booking {
	background: url("images/booking.png") no-repeat left center;
}

/* Content areas */
#content_left {
	width:535px;
	margin-left: 15px;
	margin-top:15px;
	display:block;
}
#content_full {
	width: 875px;
	margin-left: 15px;
	margin-top:15px;
}
#content_left p, #content_full p {
	color: #fff;
	font-size:14px;
	margin:10px 0;
}
#content_left ul li, #content_full ul li {
	color: #fff;
	list-style-type: none;
	margin: 15px 10px;
}
#content_left h2, h3, #content_full h2 {
	color: #fff;
}
#content_left img.article {
	float: left;
	display: block;
	margin:0px 10px 5px 0;
}
#content_right {
	width:275px;
	float:right;
	margin-top:10px;
	margin-right:15px;
	clear: both;
}
#content_right ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#content_right ul li {
	list-style-type:none;
	margin: 0 0 10px 0;
	color: #fff;
	font-size:14px;
}
#content_right ul li.title {
	color: #fff;
	font-size:20px;
}
#content_right ul li a img {
	border: 2px solid #000;
	margin-top: 10px;
}
#content_right ul li a:hover img {
	border: 2px solid #8c0221;
	margin-top: 10px;
}
.play {
	background: url('images/play-pause.png') no-repeat 0 0;
	padding:5px 0 5px 40px;
	margin-top: 20px;
	font-size:16px;
}
#gallery img {
	padding: 0 20px;
}



/* Image Scroller */
div.sc_menu_wrapper {
	position: relative; 	
	height: 570px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 275px;
	overflow: auto;
}
div.sc_menu {
	padding: 15px 0;
}
.sc_menu a {
	display: block;
	margin-bottom: 5px;
	width: 270px;
	
	border: 2px rgb(79, 79, 79) solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;		
	
	/* When image support is turned off */
	color: #fff;
	background: rgb(79, 79, 79);	
}
.sc_menu a:hover {
	border-color: rgb(130, 130, 130);
	border-style: dotted;
}
.sc_menu img {
	display: block;
	border: none;
}

.sc_menu_wrapper .loading {
	position: absolute;
	top: 50px;
	left: 10px;
	
	margin: 0 auto;
	padding: 10px;

	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: #1F1D1D;
}
/* Styling tooltip */
.sc_menu_tooltip {
	display: block;
	position: absolute;
	
	padding: 6px;
	font-size: 12px;	
	color: #fff;
	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	border: 1px solid rgb(79, 79, 79);
	background: rgb(0, 0, 0);
	/* Make background a bit transparent for browsers that support rgba */	
	background: rgba(0, 0, 0, 0.5);
}

/* Here are styles for a link to an article. Not for you :) */
#back {
	margin-left: 8px;
	color: gray;
	font-size: 18px;
	text-decoration: none;
}
#back:hover {
	text-decoration: underline;
}




/* Footer */
#footer {
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	margin-top:20px;
	padding: 0 0 10px 0;
	font-size:11px;
	color: #bdbdbd;
	text-align:center;
}
#footer a {
	color: #bdbdbd;
	text-decoration:none;
}
#footer a:hover {
	color: #addc1c;
}

/* upgrade message */
#jackass {
	display: none;
}
.ie6 #jackass {
	width: 600px;
	background: #f89fa0;
	border: 2px solid #bc0000;
	color: #bc0000;
	padding: 15px;
	display: block;
	position:absolute;
	top: 200px;
	left: 200px;
	font-size:20px;
	font-weight:bold;
	z-index: 10000;
}