/*-----------------------
American Idiot Stylesheet
News Styles
-----------------------*/
body {
	height: 100%;
}
#subnav a {
	height: 48px;
}

#newsfeed a {
	width: 92px;
	background: url(../img/subnav_news.gif) no-repeat 0 0;
}

#mediafeed a {
	width: 225px;
	background: url(../img/subnav_mediareviews.gif) no-repeat 0 0;
}

#audiencefeed a {
	width: 263px;
	background: url(../img/subnav_audience.gif) no-repeat 0 0;
}

h5 {
	font-size: 10px;
}

h2.float {	
	text-indent: -9999px;
}

#facebook h2.float {
	width: 253px;
	height: 66px;
	background: url(../img/news_facebook.gif) no-repeat 0 0;
}

#facebook a.bold {
	display: block;
	position: relative;
	top: 48px;
}

	#facebook .feed {
		width: 620px;
		margin: 11px 0 33px 0;
		padding: 10px 9px;
		background: #fcfcfc;
		border: 3px solid #e5e5e5;
		position: relative;
	}

	#facebook .feed img {
		float: left;
		display: inline;
		border: 1px solid #c4c4c4;
	}

	#facebook .feed .post {
		width: 480px;
		margin: 0 0 0 8px;
	}

		.post h3 {
			font-size: 16px;
			font-weight: normal;
		}
	
		.post h3 a {
			font-weight: bold;
			text-decoration: none !important;
		}
	
		.post p {
			margin: 15px 0 9px 0;
		}
	
		.post h5 {
			font-weight: normal;
		}

	#facebook .feed .bottom {
		width: 21px;
		height: 21px;
		background: url(../img/news_post_bottom.gif) no-repeat 0 0;
		position: absolute;
		bottom: -21px;
		left: -3px;
	}

#twitter h2.float {
	width: 252px;
	height: 73px;
	background: url(../img/news_twitter.gif) no-repeat 0 0;
}

#twitter a.bold {
	display: block;
	position: relative;
	top: 50px;
}

	#twitter .feed {
		width: 174px;
		margin:  11px 26px 0 0;
		padding: 8px;
		background: #fcfcfc;
		border: 3px solid #e5e5e5;
		position: relative;
		top: 0;
	}
	
	#twitter .feed .bottom {
		width: 21px;
		height: 21px;
		background: url(../img/news_post_bottom.gif) no-repeat 0 0;
		position: absolute;
		bottom: -21px;
		left: -3px;
	}
		#twitter .feed h5 {
			margin: 5px 0 0 0;
			color: #6c6c6c;
			font-weight: normal;
		}
		
#news .newsitem{
	width: 638px;
	height: 103px;
	background-image: url(../img/newsitembg.jpg);
	padding-top: 8px;
	padding-left: 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}

#news .newsitem img{
	float: left;
}

#news .newsitem .title{
	font-size: 14px;
	font-weight: bold;
}

#news .newsitem a{
	color: #cd181f;
}

#news .newsitem .text{
	float: left;
	width: 397px;
	margin-top: 17px;
	line-height: 14px;
	margin-right: 25px;
}

#news .newsitem .sharenews{
	margin-right: 0px;
	margin-top: 20px;
}

/* Media Reviews */
#mediaContent {
	padding-top: 32px;
}
.medReview {
	width: 620px;
	margin: 11px 0 33px 0;
	padding: 10px 9px;
	background: #fcfcfc;
	border: 3px solid #e5e5e5;
	position: relative;
}

.readOne {
	width: 216px;
	height: 48px;
	display: block;
	background: url(../img/review_read_1.gif) no-repeat 0 0;
	position: relative;
	top: -28px;	
	left: 428px;
	text-indent: -999999px;
}

.readTwo {
	width: 216px;
	height: 48px;
	display: block;
	background: url(../img/review_read_2.gif) no-repeat 0 0;
	position: relative;
	top: -28px;	
	text-indent: -999999px;
}

.medReview.one .bottom {
	width: 21px;
	height: 21px;
	background: url(../img/news_post_bottom.gif) no-repeat 0 0;
	position: absolute;
	bottom: -21px;
	left: -3px;
}

.medReview.two .bottom {
	width: 21px;
	height: 21px;
	background: url(../img/news_post_bottom2.gif) no-repeat 0 0;
	position: absolute;
	bottom: -21px;
	right: -3px;
}

/* Audience Reviews */
#topAudience {
	padding: 32px 0 0 0;
}

#topAudience a {
	width: 376px;
	height: 97px;
	margin: 19px 0 0 32px;
	background: url(../img/review_add_btn.gif) no-repeat 0 0;
	display: block;
	text-indent: -99999px;
}

#average {
	width: 193px;
	height: 149px;
	margin: 0 0 0 16px;
	background: url(../img/review_average_rating.gif) no-repeat 0 0;
}

img.avg {
	width: 77px;
	height: 79px;
	position: relative;
	top: 42px;
	left: 24px;
}

#audienceList {
	margin: 16px 0 0 0;
}

.aContainer {
	width: 643px;
	margin: 0 0 16px 0;
	background: #e0e0e0 url(../img/review_aud_bg.gif) repeat-y 520px 0;
	border: 2px solid #000;
	position: relative;
	min-height: 78px;
}

.aContainer .date {
	width: 54px;
	font-weight: bold;
	margin: 8px;
} 

	.day {
		font-size: 22px;
	}
	
	.year {
		font-size: 25px;
		line-height: 13px;
	}

.aReview {
	width: 440px;
	margin: 8px 0 8px 3px;
}

h3.aTitle {
	font-size: 20px;
}

.aContainer .rating {
	width: 109px;
	height: 100%;
	background-color: #bebebe;
	position: absolute;
	right: 0;
}
/*Pop UP*/
#popBG {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: .75;
	z-index: 10;
}

#pop{
	background-image: url(../img/submitreview_bg.gif);
	width: 362px;
	height: 288px;
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -179px;
	display: none;
	z-index: 20;
	padding-top: 70px;
	padding-left: 16px;
}