@charset "utf-8";
/* CSS Document */
/* Styles for VanGhost.com */
/* Written by John Alan Droese */
/* Last Edited 03.28.09 */



/*	----------------------------------------------------------------
							M A I N  S T Y L E S
	---------------------------------------------------------------- */


/* ************ Main Styles ************ */

body {
	margin: 0 auto;
	background: url(../images/bg.jpg) repeat-x top left #202020;
}
	
h1 {
	letter-spacing:-2px;
	padding:0px 0px 30px 5px;
	line-height:42px;
	font-size:60px;
	color:#852438;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
	letter-spacing:-1px;
 	padding-left:0px;
	line-height:30px;
	font-size:30px;
	color:#ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
	letter-spacing:-1px;
 	padding-left:0px;
	line-height:20px;
	font-size:20px;
	color:#852438;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h4 {
	letter-spacing:-1px;
 	padding-left:0px;
	line-height:16px;
	font-size:16px;
	color:#ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
}

ul {
	margin:0px;
	padding:0px;
}

li {
	list-style-type:none;
}

a {
	text-decoration:none;
	line-height:18px;
	font-size:12px;
	color:#ffffff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

a:hover {
	text-decoration:none;
	line-height:18px;
	font-size:12px;
	color:#852438;
}

.spacer {
	overflow:hidden;
	display:block;
	float:left;
	width:620px;
	height:24px;
	padding:10px 0px 20px 0px;
	background:url('../images/spacer.png') no-repeat top left;
}


/*	----------------------------------------------------------------
						    	L A Y O U T
	---------------------------------------------------------------- */


/* ************ Layout Styles ************ */

#main-cnt {
	margin:0 auto;
	width:1050px;
}

#left-col {
	background:url('../images/top-bg.png') no-repeat top left;
	display:block;
	width:700px;
	float:left;
	margin:10px 0px 0px 0px;
}

#right-col {
	background:url('../images/side-bg.png') no-repeat top left;
	display:block;
	width:300px;
	float:left;
	margin:20px 0px 0px 0px;

}

#home-header {
	background:url('../images/logo-bg.png') no-repeat top left;
	width:700px;
	height:478px;
	overflow:hidden;
}

#shows-header {
	background:url('../images/shows-bg.png') no-repeat top left;
	width:700px;
	height:381px;
	overflow:hidden;
}

#media-header {
	background:url('../images/media-bg.png') no-repeat top left;
	width:700px;
	height:381px;
	overflow:hidden;
}

#press-header {
	background:url('../images/press-bg.png') no-repeat top left;
	width:700px;
	height:381px;
	overflow:hidden;
}

#merch-header {
	background:url('../images/merch-bg.png') no-repeat top left;
	width:700px;
	height:381px;
	overflow:hidden;
}

#contact-header {
	background:url('../images/contact-bg.png') no-repeat top left;
	width:700px;
	height:381px;
	overflow:hidden;
}

#body-cnt {
	margin:0px 40px 0px 40px;
}

#body-cnt img {
	margin:0px 0px 0px 0px;
}

#body-cnt p {
	line-height:22px;
	font-size:13px;
	font-weight:600;
	color:#e0e0e0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#sidebar {
	padding:70px 20px 0px 20px;
	width:260px;
}

.side-box {
	color:#ffffff;
	display:block;
	width:260px;
}

.sb-spacer {
	display:block;
	float:left;
	margin:0px;
	padding:4px 0px 8px 0px;
	width:260px;
	height:10px;
	background:url('../images/sb-spacer.png') no-repeat top left;
}

.icon {
	dispaly:block;
	width:55px;
	height:75px;
	float:left;
}

.icon-txt {
	dispaly:block;
	width:195px;
	height:75px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.icon-txt h4 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 6px;
	line-height:22px;
}

.icon-txt p {
	margin:0px;
	padding:0px 0px 0px 6px;
}

#email {
	color:#ffffff;
	display:block;
	width:250px;
	padding:0px 0px 0px 0px;
}

#email td {
	color:#ffffff;
}

#photos {
	margin:0px;
	padding:0px;
}

.photo-cnt {
	margin:0px;
	padding:0px;
	width:620px;
}

.photo-box {
	margin:0px;
	padding:0px;
	display:block;
	width:600px;
}

#videos {
	margin:0px;
	padding:0px;
}

.video-box {
	text-align:center;
	margin:0px;
	padding:0px;
}

#music {
	margin:0px;
	padding:0px;
}

.music-box {
	margin:0px;
	padding:0px;
	text-align:center;
}


/*	----------------------------------------------------------------
						    N A V A G A T I O N
	---------------------------------------------------------------- */


/* ************ Navigation Styles ************ */


#nav-cnt {
	display:block;
	float:right;
	width:320px;
	height:100px;
	margin:40px 30px 0px 0px;
}


/* ************ HREF Navigation Styles ************ */

#nav-cnt .nav {
	margin:0px;
	padding:0px 0px 0px 0px;
	display:block;
	float:right;
	width:320px;
	height:30px;
	overflow:visible;
}

#nav-cnt .navi {
	width:80px;
	height:25px;
	padding:0px 0px 0px 0px;
}

#nav-cnt .navi-l {
	width:80px;
	height:25px;
	padding:0px 0px 0px 0px;
	list-style-image:url('../images/list-item.png');
}

#nav-cnt .navi a {
	font-weight:800;
	text-decoration:none;
	font-size:16px;
	line-height:16px;
	color:#2c2c2c;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#nav-cnt .navi a:hover {
	text-decoration:none;
	color:#852438;
}

#nav-cnt .navi a:active {
	text-decoration:none;
	color:#852438;
}

#nav-cnt .navi-l a {
	font-weight:800;
	text-decoration:none;
	font-size:16px;
	line-height:16px;
	color:#2c2c2c;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#nav-cnt .navi-l a:hover {
	text-decoration:none;
	color:#852438;
}

#nav-cnt .navi-l a:active {
	text-decoration:none;
	color:#852438;
}

/*	----------------------------------------------------------------
								L O G O
	---------------------------------------------------------------- */


/* ************ Logo Styles ************ */

#logo a {
	margin:40px 0px 0px 20px;
	display:block;
	float:left;
	width:271px;
	height:150px;
}

#logo span {
	position: absolute; left: -9999px;
}


/*	----------------------------------------------------------------
							F O O T E R
	---------------------------------------------------------------- */


/* ************ Footer Styles ************ */

#foot-cnt {
	margin:0 auto;
	width:auto;
	clear:both;
	background:#852438;
	display:block;
	overflow:hidden;
}

#footer {
	overflow:hidden;
	width:1060px;
	margin:0px auto;
	padding:0 0 10px 0;
}

#credits {
	text-align:left;
	display:block;
	float:left;
	width:330px;
	padding:30px 10px 30px 10px;
}

#credits ul {
	margin:0px;
	padding:0px;
}

#credits li {
	line-height:18px;
	font-size:11px;
	font-weight:600;
	color:#e0e0e0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#credits p {
	line-height:18px;
	font-size:11px;
	font-weight:600;
	color:#e0e0e0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#timeline {
	text-align:left;
	display:block;
	float:left;
	width:330px;
	padding:30px 10px 30px 10px;
}

#timeline li {
	line-height:18px;
	font-size:11px;
	font-weight:600;
	color:#e0e0e0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#copyright {
	display:block;
	float:left;
	width:330px;
	padding:30px 10px 30px 10px;
}

#copyright p {
	text-align:left;
	line-height:18px;
	font-size:11px;
	font-weight:600;
	color:#e0e0e0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}