@import "reset.css";

body {
	background-color: #000000;
	font-family: Helvetica, Arial, Sans; 
	font-size: .8em;
	overflow-x:hidden;
	color:#606060;
/*
	background-image: url(../images/bg1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;
*/
}

span {
	display: none;
}

#container {
	float: left;
	width:100%;
}

#riotfest {
	float: left;
	position: relative;
	background-image: url(../images/riot_fest_logo.png);
	background-repeat: no-repeat;
	width: 285px;
	height: 181px;
}

#navigation {
	float: left;
	position: absolute;
	background-image:url(../images/nav_bg.png); 
	background-repeat: no-repeat;
	width: 287px;
	height: 880px;
	z-index:99;
}

#content {
	float: left;
	position: relative;
	width: 50%;
	min-width:40em;
	background-color: #ffffff;
	margin: 100px 0 0 290px;
	padding: 20px;
	z-index:98;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.6em;
}

p {
	line-height: 1.4em;
	margin: 0 0 1em 0;
}

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

a:hover {
	background-color: #dc0002;
	color: #FFFFFF;
	text-decoration: none;	
}

.lineup_header {
	color: #dc0002;
	text-decoration: none;
}

/* NAVIGATION */

#nav {
	float: left;
	position: relative;
	margin: 10px 0 0 60px;
	width:20px;
}

.nav_news a:link, .nav_news a:visited {
	float: left;
	position: relative;
	margin: 0 0 0 24px;
	background-image: url(../images/riotfest_nav.gif);
	width: 76px;
	height: 27px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.nav_news a:hover {
	background-position: -76px 0px;
}

.nav_chicago a:link, .nav_chicago a:visited {
	float: left;
	position: relative;
	margin: 3px 0 0 -40px;
	background-image: url(../images/riotfest_nav.gif);
	width: 204px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -27px;
}

.nav_chicago a:hover {
	background-position: -206px -27px;
}

.nav_west a:link, .nav_west a:visited {
	float: left;
	position: relative;
	margin: 3px 0 0 -10px;
	background-image: url(../images/riotfest_nav.gif);
	width: 207px;
	height: 33px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -56px;
}

.nav_west a:hover {
	background-position: -208px -56px;
}


.nav_records a:link, .nav_records a:visited {
	float: left;
	position: relative;
	margin: 3px 0 0 -17px;
	background-image: url(../images/riotfest_nav.gif);
	width: 195px;
	height: 25px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -90px;
}

.nav_records a:hover {
	background-position: -196px -90px;
}


.nav_bands a:link, .nav_bands a:visited {
	float: left;
	position: relative;
	margin: 3px 0 0 5px;
	background-image: url(../images/riotfest_nav.gif);
	width: 89px;
	height: 30px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -117px;
}

.nav_bands a:hover {
	background-position: -90px -117px;
}

.nav_tickets a:link, .nav_tickets a:visited {
	float: left;
	position: relative;
	margin: 4px 0 0 -25px;
	background-image: url(../images/riotfest_nav.gif);
	width: 142px;
	height: 26px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -150px;
}

.nav_tickets a:hover {
	background-position: -143px -150px;
}

.nav_photos a:link, .nav_photos a:visited {
	float: left;
	position: relative;
	margin: 2px 0 0 0px;
	background-image: url(../images/riotfest_nav.gif);
	width: 103px;
	height: 26px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -176px;
}

.nav_photos a:hover {
	background-position: -103px -176px;
}

.nav_venues a:link, .nav_venues a:visited {
	float: left;
	position: relative;
	margin: 3px 0 0 -10px;
	background-image: url(../images/riotfest_nav.gif);
	width: 101px;
	height: 26px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -202px;
}

.nav_venues a:hover {
	background-position: -101px -202px;
}

.nav_sponsors a:link, .nav_sponsors a:visited {
	float: left;
	position: relative;
	margin: 3px 0 0 -6px;
	background-image: url(../images/riotfest_nav.gif);
	width: 113px;
	height: 21px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -228px;
}

.nav_sponsors a:hover {
	background-position: -113px -228px;
}

.nav_store a:link, .nav_store a:visited {
	float: left;
	position: relative;
	margin: 3px 0 0 20px;
	background-image: url(../images/riotfest_nav.gif);
	width: 86px;
	height: 24px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -250px;
}

.nav_store a:hover {
	background-position: -87px -250px;
}

.nav_contact a:link, .nav_contact a:visited {
	float: left;
	position: relative;
	margin: 3px 0 0 10px;
	background-image: url(../images/riotfest_nav.gif);
	width: 90px;
	height: 20px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -274px;
}

.nav_contact a:hover {
	background-position: -91px -274px;
}

.nav_schedule a:link, .nav_schedule a:visited {
	float: left;
	position: relative;
	margin: 3px 0 0 10px;
	background-image: url(../images/riotfest_nav.gif);
	width: 118px;
	height: 22px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -294px;
}

.nav_schedule a:hover {
	background-position: -119px -294px;
}

.nav_hotels a:link, .nav_hotels a:visited {
	float: left;
	position: relative;
	margin: 3px 0 0 15px;
	background-image: url(../images/riotfest_nav.gif);
	width: 82px;
	height: 22px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -317px;
}

.nav_hotels a:hover {
	background-position: -82px -317px;
}



/* News Item */
#item, #item_first {
	float: left;
	position: relative;
	border: none;
	margin: 0 0 .5em 0;
	width:100%;
}

#item_first {
	background-color: #f9f9f9;
	margin:-10px -10px 10px -10px;
	padding:10px 10px 10px 10px;
	border:1px solid #e0e0e0;
}

#news_image {
	float: left;
	position: relative;
	width:100px;
}

#news_image img {
	float: left;
	position: absolute;
	border: 1px solid #f0f0f0;
}


#news_info {
	float: left;
	position: relative;
	margin:0 0 0 110px;
}

#footer {
	float: left;
	position: relative;
	width: 100%;
	border: none;
	border-top: 1px solid #d0d0d0;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
}


#comment_odd, #comment_even, #new_comment {
	padding: 10px 10px 7px 10px;
	border: none;
	border-bottom: 1px solid #e0e0e0;
}

#comment_odd p, #comment_even p, #new_comment p {
	margin-bottom: 5px;
}

#comment_even {
	background-color: #fcfcfc;	
}

#new_comment {
	background-color: #eff8fe;	
}

form {
	padding: 10px;
	background-color: #f0f0f0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input, textarea {
	border: 1px solid #c0c0c0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	font-family: Helvetica, Arial, Sans;
	width: 95%;
}

.tweet {
	width: 100%;
	background-color: black;
	color: #FFFFFF;
	z-index: 200;
	text-align: center;	
}

.tweet_text {
	display: block;
}

#bg_image { 
	float:left; 
	position:fixed; 
	width:100%; 
	height:100%;
	top:0; 
	left:0; 
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow:hidden;
}

#band_photo {
	float: left;
	position: relative;
	margin: 20px 10px 0 0;
}
.band_name {
	text-align: center;
	width: 140px;
	font-weight: bold;
	font-size: 10px;
	margin: -20px 0 0 0;
}

/* ADS */
#ad_header {
	position:relative;
	float:right;
	margin:10px;
	z-index:2;
	width:468px;
	height:60px;
}

#ad_skyscraper {
	position:absolute;
	float:left;
	margin:300px 0 0 100%;
	width:120px;
	height:600px;
	background-color:#1a1a1a;
}

#debris {
	position:relative;
	float:left;
	text-align:left;
	width:100%;
}

.seperator {
	float:left;
	border:none;
	border-bottom:1px dashed #d0d0d0;
	width:100%;
}

#social_media {
	float:right;
	position:absolute;
	top:20px;
	right:480px;
}

#social_media img {
	padding:0 0 5px 5px;
	float:left;
	position:relative;
}

.pub_date {
	font-size:.8em;
	color:#909090;
	font-weight:bold;
}

#popup {
	position:fixed;
	z-index:99;
	width:100%;
	height:100%;
	visibility:hidden;
	margin: 0 auto;
	text-align: center;
}

#comment_bg {
	float:left;
	position:absolute;
	background-repeat:repeat;
}

blockquote {
	padding: 0 0 0 20px;
	line-height: 18px;
	border: none;
	border-left: 4px solid #f0f0f0;
	margin:0 0 10px 0;
}

.video_link a:link,.video_link  a:hover,.video_link  a:visited {
	background: none;
	float: left;
	position: relative;
}
.video_img {
	margin: 10px 0 0 -80px;
}

#video_bg {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color: #000000;
	opacity: .8;
	z-index: -1;
}

#video_over {
	margin-top: 120px;
}

#video_over p {
	margin-top: 2px;
	margin-left: 549px;
}

#video_over a {
	background-color: red;
	color: #FFFFFF;
	padding: 5px;
}

#item ul {
	padding:0 0 0 20px;
	border:none;
	border-left:5px solid #e0e0e0;
	margin:0 0 10px 0;
}

#item li {
	line-height:18px;
}

#feature_right {
	float: right;
	position: absolute;
	top: 170px;
	right: 0;
	width: 116px;
	height: 275px;
	padding: 60px 10px 0 35px;
	background-image: url(../images/featured_side.png);
	background-repeat: no-repeat;
}

#feature_right img {
	border: 4px solid #dc0000;
}
h4 {
	font-size: 16px;
	line-height: 18px;
	margin: -10px 0 0 0;
}

.comment_h3 {
	margin: 20px 0 20px 0;
}

em {
	color: #FF0000;
}

#display_comments {
	border: none;
	border-top: 1px solid #e0e0e0;
	margin-top: 20px;
}

hr {
	border-top: none;
	border-bottom: 1px solid #d0d0d0;
	border-left: none;
	border-right: none;
}

#sign_up_for_email {
	position:absolute;
	float:right;
	margin: 0;
	z-index:2;
	width: 468px;
}

#signup_form {
	background: none;
	text-align: right;
	padding: 10px 0 0 0;
}

#signup_form input {
	width: 200px;
	color: #c0c0c0;
	background-color: #000000;
}

#signup_form #submit {
	width: 70px;
	background-color: #dc0002;
	border: 1px solid #000000;
	color: #000000;
}

#signup_form #jjchtt-jjcht input {
	width: 50px;
	background-color: #000000;
}