/**** Reset ****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html { 
	height: 100%;
	width: 100%;
	min-width: 1015px;
	min-height: 700px;
	margin: 0 0 1px 0;
	padding: 0 0 0 0;
	font-size: 13px;
	font-family: sans-serif;
	background: #000000 url(/images/tod_bg-red.png) no-repeat fixed top center;
	z-index: 5;
	}

body {
	width: 100%;
	display: block;
	opacity: .9;
	filter: alpha(opacity=90);
border: 1px solid black;
	}
	

div.header {
	position: fixed;
	top:0;
    left:10px;
	z-index: 2;
	width: 100%;
	min-width: 1212px;
	text-align: center;
	height: 51px;
	background-image: url(/images/tod_title2.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	/*margin-left: 330px;*/
	}
div.music_player {
	position: fixed;
	top:0;
    left:10px;
	z-index: 1;
	/*margin: 52px 0 0 220px; */
	margin: 0px 0 0 0px;
	padding: 20px 0 0 0;
	float: left;
	text-align: left;
	min-width: 300px;
	width: 300px;
	height: 31px;
	}
	

/**
 * NAV SECTION
 */
div.social {
	position: fixed;
	display: block;
	width: 110px;
	background-color: #000000;
	color: #edd597;
	margin-left: 60px;
	padding: 3px 0 3px 0;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 150%;
	margin-top: 430px;
	}
div.social p#tweetme {
	text-align: left;
	color: #000000;
	background-color: lightblue;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 12px;
	border: 1px solid lightblue;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding: 2px 0 0 15px;
	width: 30px;
	}
div.nav {
	position: fixed;
	display: block;
	width: 110px;
	background-color: #edd597;
	color: #000000;
	margin-left: 50px;
	padding: 3px 0 3px 0;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 150%;
	border: 6px solid #FF0000;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	}
div.nav#main {
	margin-top: 60px;
	}
div.nav#links {
	margin-top: 260px;
	text-transform: lowercase;
	}
div.nav ol, div.nav ul { list-style: none; }
div.nav#main ul li {
	padding: 1px 0 1px 25px;
	}
div.nav#links ul li {
	padding: 1px 0 1px 18px;
	}
div.nav#main ul li.selected {
	border-top: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	background-color: #ffd597; 
	}
div.nav ul li#about {
	-webkit-border-top-left-radius: 13px;
	-moz-border-radius-topleft: 13px;
	-webkit-border-top-right-radius: 13px;
	-moz-border-radius-topright: 13px;
	}
div.nav ul li#contact {
	-webkit-border-bottom-left-radius: 13px;
	-moz-border-radius-bottomleft: 13px;
	-webkit-border-bottom-right-radius: 13px;
	-moz-border-radius-bottomright: 13px;
	}
	
div.nav a, div.nav a.visited  {
	text-decoration: none;
	color: #000000;
	}
div.nav a:hover { text-decoration: none; color: #FF0000; }



/**
 * GENERAL STYLES
 */
a, a.visited  {
	text-decoration: none;
	color: #FF0000;
	}
a:hover { color: white; }

h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #606060;
	text-align: center;
	}
p {
	line-height: 150%;
	margin-bottom: 10px;
	}


	
/**
 * CONTENT AREA
 */
div.article {
	margin: 65px 5% 0 200px;
	padding: 10px;
	display: none;
	color: #000000;
	background-color: #edd597;
	overflow: hidden;
	width: 70%;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	z-index: 3;
	}
div.section {
	display: inline-block;
	color: #000000;
	padding: 10px;
	overflow: hidden;
	}
div.aside {
	margin: 10px 10px 10px 10px;
	padding: 10px;
	float: right;
	background-color: #000000;
	color: #edd597;
	border: 1px solid #FF0000;
	max-width: 400px;
	}


	
/**
 * ABOUT
 */
div.section#about { display: block; }
div.aside#about { display: block; }



 /**
 * SHOWS
 */
div.section#shows{ display: none; }
div.aside#shows { display: none; }
 
 
 
 /**
 * PRESS
 */
div.section#press{ display: none; }
div.aside#press { display: none; }

 
 
 /**
 * PHOTOS
 */
div.section#photos { display: none; }
div.aside#photos  { display: none; }
div.photo_list {
	text-align: center;
	margin-bottom: 20px;
	}
div.photo_list img {
	border: 16px solid black;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	}
div.view_image {
	background-color: #000000;
	}
	
/**
 * VIDEOS
 */
div.section#videos { display: none; }
div.aside#videos  { display: none; }
div.section#videos {
	text-align: center;
	width: 100%;
	}
div.video_list h2 {
	margin-top: 20px;
	text-align: center;
	}
div.video_list img {
	border: 16px solid black;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	}
 
 
 /**
 * STORE
 */
div.section#store { display: none; }
div.aside#store { display: none; }
/div.store-item {
	display: block;
	}
div.store-item ol, div.store-item ul { list-style: none; }
div.store-image {
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	height: 350px;
	}
div.store-wrapper {
	height: 350px;
	}
div.store-text {
	position: relative;
	display: inline-block;
	margin-left: 20px;
	}
div.store-form{
	float: right;
	position: relative;
	display: inline-block;
	margin-right: 20px;
	}
 
 /**
 * CONTACT
 */
div.section#contact { display: none; }
div.aside#contact { display: none; }

	
	
/**
 * FOOTER
 */
div.footer {
	position: fixed;
	bottom:0;
    right:0;
	width: 100%;
	display: block;
	color: #edd597;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	z-index: 1;
	opacity: 1;
	background-color: #000000;
	}


	
	
