@import "newcal.css";
@import "lightbox.css";

html {
	background: #000 url("../../images/layout/back_wrapper.jpg") repeat-y center top;
}

html, body {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #D6D6D6;
}

#indexcontain {
	width: 880px;
	background: #434654 url("../../images/layout/sidepanelgrid.gif") repeat left top;
	border: 1px solid #666;
}

#container {
	width: 880px;
	background: #434654 url("../../images/layout/gridblack2.jpg") repeat right top;
	margin: 0 auto;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

:-moz-any-link:focus, input:focus, button:focus {
  outline: none;
}

/* header and navigation system */

#header {
	background: url("../../images/layout/header.jpg") no-repeat right top;
	height: 108px;
}

#name {
	background: #999 url("../../images/layout/name.jpg") no-repeat left top;
	height: 50px;
}

#navbar {
	padding: 3px 0px 0px 8px;
	height: 28px;
	border-bottom: 1px solid #666;
}

#navbar {
	background: #000;
	height: 32px;
}

a:link, a:visited {
	text-decoration: none;
	color: #FA883D;
}

a:hover {
	color: #D40708;
}

.spanpic {
	width: 530px;
	margin: 10px 15px 15px 15px;
	border: 1px solid #666;
}

b {
	color: #FFF;
}

#navbar a, #footer a {
	text-transform: uppercase;
}	

#navbar a {
	height: 23px;
	display: block;
	float: left;
	color: #000;
	font-size: 0.7em;
	background: #000 url("../../images/layout/nav_off.jpg") no-repeat top right;
	border: 0px;
	padding: 3px 25px 0px 5px;
	width: 125px;
}

#navbar a:hover {
	background: #000 url("../../images/layout/nav_on.jpg") no-repeat top right;
}

#navbar ul, #footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#navbar li {
	float: left;
	margin-right: 6px;
}

#navbar li #current {
	background: #000 url("../../images/layout/nav_on.jpg") no-repeat top right;
}

#undernav {
	background: #5E637C url("../../images/layout/undernav.jpg") no-repeat top left;
	height: 40px;
}

/* maincopy - left-hand box */

#maincopy {
	width: 565px;
	float: left;
	margin-right: 5px;
	line-height: 1.6em;
	font-size: 0.8em;
}

.insetright, .ssright, .ssleft, .floatright {
	float: right;
	margin: 5px 18px 10px 10px;
	border: 1px solid #666;
}

.insetright {
	width: 200px; 
	position: relative;
}

.insetright img {margin-bottom: 10px;}

.insetleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

.insetright img {
	border: 0px;
}

.ssleft {
	float: left;
	margin: 5px 10px 10px 18px;
}

.noborder {
	border: none;
}

.click {
	position: absolute;
	clear: both;
	top: 150px;
	right: 0px;
}

.intro {
	font-size: 1.1em;
}

.entry {
	padding-bottom: 15px;
	clear: both;
}

h1, .entry p {
	padding: 3px 15px 5px 15px;
}

.entry p {
	margin: 5px 0px 5px 0px;
}

h1, h2 {
	color: #FFF;
	background: #103862;
	text-transform: uppercase;
	font-size: 1.3em;
	margin: -2px 0px 10px 0px;
	border-bottom: 1px solid #65707C;
}

h2 {
	background: #475F9C url("../../images/layout/divider.gif") no-repeat top right;
	text-transform: none;
	font-size: 1.2em;
	padding: 18px 15px 8px 15px;
	font-weight: normal;
}

.subhead {
	color: #9CBBED;
	font-size: 1.1em;
}

.record {
	display: block;
	color: #f4f2bd;
}

.entry .record {
	color: #94a6d9;
}

#charts li {
	margin: 10px 15px 0px 0px;
}

/* maincopy - right-hand box */

#sidebar {
	float: right;
	position: relative;
	top: 0px;
	right: 15px;
	width: 280px;
	margin: 0px 0px 0px 0px;
	/*\*//*/
	margin-right: 15px;
	/**/
	line-height: 1.3em;
	font-size: 0.8em;
}

#sidebar p {
}

#sidebar ol {
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 7px;
}

#sidebar li {
	margin-left: 10px;
}

#sidebar img {
	margin: 0px;
	border: 1px solid #31334D;
}

.info p {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #1A3B54;
}

.blockhead {
	margin: 15px 0px 0px 0px;
}

.blockhead a:link, .blockhead a:visited {
	background: #1f2a7f url("../../images/layout/blockhead_back.jpg") repeat-x left top;
	display: block;
	color: #FFF;
	padding: 5px 0px 5px 10px;
	position: relative;
	font-size: 1.1em;
	border: 1px solid #4e579f;
}

.blockhead a:hover {
	background: #2735a0 url("../../images/layout/blockhead_back_on.jpg") repeat-x left top;
	color: #FFF;
}

/* download & review stuff */

h3, h4, h6 {
	background: #151838 url("../../images/layout/sidebar_header_back2.jpg") repeat-x top left;
	color: #FFF;
	font-weight: normal;
	padding: 8px;
	line-height: 1.3em;
	margin: 15px 0px 0px 0px;
	border: 1px solid #434a7e;
	font-size: 1.2em;
}

h3.new-player {background: #590a0f url("../../images/layout/sidebar_header_red.jpg") repeat-x top left; border-color: #1f0408;}

h3.gig_year {
	margin-top: 0px;
}

h6 {
	background: #3F91DD url("../../images/layout/upload.jpg") no-repeat left top;
	height: 30px;
}

h4 {
	padding-left: 16px;
	border-bottom: 1px solid #7283AD;
}

h3 .record, h4 .record, h6 .record, #explorer {
	color: #FFF;
	font-weight: bold;
}

#explorer {
	background: #3F91DD url("../../images/layout/corner_MS.jpg") no-repeat left top;
	padding-left: 62px;
	line-height: 1.5em;
}

.downloadbox {
	background: #737C93;
	padding: 15px;
	margin: 0px 0px 20px 0px;
	color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #353E55 #959DB2 #959DB2 #353E55;
}

.downloadbox p, #sidebar .newsbox p {
	margin-top: 1px;
	line-height: 1.4em;
}

#sidebar .downloadbox a:link, #sidebar .downloadbox a:visited {
	margin-bottom: 20px;
	color: #fc6;
}

#sidebar .downloadbox a:hover {
	color: #FA883D;
}

.download a:link, .download a:visited {
	margin-left: 15px;
	padding-left: 31px;
	display: block;
	height: 25px;
	background: url("../../images/layout/cdicon.gif") no-repeat top left;
}

.download ol li {
	margin: 0px;
}

#sidebar .newsbox {
	background: #1e202e;
	padding: 10px 15px 10px 15px;
	margin: 0px 0px 20px 0px;
	color: #FFF;
	border-color: #354262;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
}

#sidebar .newsbox b {
	color: #FFE778;
}

#sidebar .newsbox img {
	width: 24px;
	float: left;
	margin: 0px 10px 3px 0px;
}

#sidebar .newsbox.new-player img {margin: 0px 0px 10px 0px; width: auto;}

#sidebar .newsbox.new-player {background: #3e0d13 url('../../images/layout/mixer.jpg') no-repeat bottom left; border-color: #1f0408; padding-bottom: 110px;}

.date {
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0px 0px 0px;
	border-bottom: 0px;
}	

.quote {
	background: #BBC5DE url("../../images/layout/quotehead.jpg") no-repeat top left;
	padding: 12px 12px 0px 12px;
	margin: 0px 0px -1px 0px;
	color: #333;
	font-size: 0.9em;
}

.reviewer {
	background: url("../../images/layout/reviewer.jpg") no-repeat top left;
	padding: 23px 0px 0px 45px;
	margin: 0px 0px 10px 0px;
	color: #D3DAEB;
	font-weight: bold;
}	

/* link list */

.linklist ul {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style-type: none;
}

.linklist li {
	margin: 0px;
	padding: 0px;
	width: 175px;
	float: left;
}

.spacer {
	width: 530px;
	height: 10px;
	clear: both;
}

/* base and footer stuff */

#basegraphic {
	clear: both;
	background: #5E637C url("../../images/layout/basegraphic.jpg") no-repeat top right;
	height: 82px;
}

#basegraphic img {
	border: 0px;
	margin-right: 15px;
/*\*//*/
	margin-bottom: 5px;
/**/
	position: relative;
	top: 60px;
}

#footer {
	background: #9191AC url("../../images/layout/footer.jpg") repeat-x center left;
	clear: both;
	height: 24px;
	word-spacing: 5px;
	padding: 5px 0px 0px 10px;
	border-top: 1px solid #434654;
}

#footer a {
	color: #FFF;
	font-size: 0.7em;
	margin: 0px;
	border: 0px;
}

#footer li {
	float: left;
	margin-right: 8px;
}

#footer a:hover, #footer #thispage {
	color: #1A3B54;
}

form {
	margin: 0px;
}

.entry form {
	margin: 0px 10px 10px 20px;
}

hr {
	clear: both;
	visibility: hidden;
}

#sidebar img.under_box {
	border-top: 0px;
	margin: 0px 0px 10px 0px;
}

#sidebar #autumn_promo {
	border-bottom: 0px;
	margin-bottom: 0px;
}

#player {border: 1px solid #666; margin: 15px 0px 0px 15px; padding: 1px 1px 0px 1px; width: 530px;}

#caption {background: #0b0d2c;  border: 1px solid #666; border-top-width: 0px; color: #fff; font-size: 11px; margin: 0px 0px 15px 15px; padding: 2px 4px 2px 10px; width: 518px;}
#imageDetails #caption {background: transparent; border: none; margin: 0px; padding-left: 0px;}

a.myspace-link {
	background: transparent url('../../images/layout/myspace-link.jpg') no-repeat left top;
	display:block;
	height: 206px;
	margin-bottom: 1em;
	text-indent: -5000em;
	width: 278px;
}

a.myspace-link:hover {
	background-position: 0px -206px;
}

.fan_quote {
	font-size: 16px;
	line-height: 25px;
}

.quoter {
	display: block;
	font-weight: bold;
	margin-top: 8px;
}