@charset "utf-8";
@import url("reset.css");

/* structural elements -------------------- */

* { 
	margin: 0; 
	padding: 0; 
	}

html, body, #bg, #bg table, #bg td, #cont {
	height:100%;
	width:100%;
	overflow:hidden;
	}

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 14px;
	background-color: #000000;
	}

#bg { position: fixed; }

#bg div {
	height:200%;
	left:-50%;
	position:absolute;
	top:-50%;
	width:200%;
	}

#bg td {
	text-align:center;
	vertical-align:middle;
	}

#bg img {
	margin:0 auto;
	min-height:50%;
	min-width:50%;
	}

#cont {
	position:absolute;
	top:0;left:0;
	z-index:70;
	overflow:auto;
	}

.box { 
	margin: 0 auto 60px;
	padding-right: 350px;
	width: 570px;
	min-height: 700px;
	}

#container {
	margin: 0 auto;
	padding-right: 350px;
	width: 570px;
	min-height: 1500px;
	overflow
	}

	
p { margin-bottom: 15px; }

	
.box-left { float: left; margin: 40px 30px 0 0; width: 270px; }
.box-right { float: right; margin: 40px 0 0 0; width: 270px; }

#buy { margin-bottom: 30px; }
#buy a { color: #ffffff; text-decoration: none; font-size: 14px; font-weight: bold; }
#buy a:hover { text-decoration: underline; }
#upcoming-shows { width: 270px; }
ul { list-style: none; }
#upcoming-shows ul li p a { font-size: 14px; font-weight: bold; }

#band-bio { margin-top: 40px; width: 270px; }
#mailinglist { margin-bottom: 30px; }

ul#socialm { list-style: none; }
ul#socialm li a { display: block; text-decoration: none; width: 259px; background: url('../imgs/sprite.png') no-repeat; outline: none; }
ul#socialm li.blog a { height: 41px; background-position: 0 -235px; }
ul#socialm li.blog a:hover { background-position: -259px -235px; }

ul#socialm li.facebook a { height: 40px; background-position: 0 -38px; }
ul#socialm li.facebook a:hover { background-position: -259px -38px; }

ul#socialm li.myspace a { height: 38px; background-position: 0 -78px; }
ul#socialm li.myspace a:hover { background-position: -259px -78px; }

ul#socialm li.sonicbids a { height: 42px; background-position: 0 -116px; }
ul#socialm li.sonicbids a:hover { background-position: -259px -116px; }

ul#socialm li.twitter a { height: 40px; background-position: 0 -158px; }
ul#socialm li.twitter a:hover { background-position: -259px -158px; }


.read-more { display: inline; }

a { color: #e6b22d; }
a:hover { color: #ffffff; }

div#tweets ul { list-style: none; }
div#tweets ul li { margin-bottom: 15px; }
div#tweets ul li span.created_at { display: block; font-size: 10px; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; color: #f18f00; }
div#tweets ul li span.created_at a { color: #f18f00; text-decoration: none; }
div#tweets ul li span.created_at a:hover { color: #f18f00; }

/* headers properties --------------------- */

h1 a { position: relative; left: -20px; display: block; margin-top: 40px; width: 394px; height: 192px; background: url("../imgs/theeatons.png"); outline: none; text-decoration: none; }

#buy h2 { display: block; width: 259px; height: 37px; background: url('../imgs/sprite.png') 0 -275px no-repeat; }
#band-bio h2 { display: block; width: 259px; height: 37px; background: url('../imgs/sprite.png') 0 -198px no-repeat; }
#upcoming-shows h2 { display: block; width: 259px; height: 38px; background: url('../imgs/sprite.png') 0 0 no-repeat; }
#mailinglist h2 { display: block; width: 259px; height: 38px; background: url('../imgs/sprite.png') 0 -314px no-repeat; }

/* miscellaneous elements ----------------- */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
var { visibility: hidden; }