/*---CSS File for ALL-4-ONE Website -------------*/ 
/*---Author: Jerome Chadel - jerome@chadel.net---*/
/*---2009----------------------------------------*/



/**
COLORS: grey: #666
		blue: #6197AF
		green: #87B150
*/


/*GLOBAL----------------------------------------*/
html{ font-size:100%; }
body{
	text-align:center;
	font-size:1em;
	background:#404040 url(images/darkBg.jpg) repeat-x fixed;
	}

/*LINKS-----------------------------------------------------*/
a{color:#87B150;}
a:hover{
	text-decoration:underline;
	color:#87B150;}

a.external_link{color:#6197AF;text-decoration:none;}
a.external_link:hover{text-decoration:underline;}


/*FONTS*/
body{
	font-family:verdana;
	/*background:url(images/squareLine.png) repeat-x 0 0;*/
	font-size:12px;
	line-height:18px;
	color:#666;
}
#media ul a, #info ul a, #aboutus ul a, #shop ul a{
	font-size:13px;
	line-height:18px;
	color:#EDEDED;
	text-decoration:none;}
#media ul a:hover, #info ul a:hover, #aboutus ul a:hover, #shop ul a:hover{color:#87B150;}

p{
	color:#8D8D8D;
}

/*RSS Layout-----------------------------------------------------*/
/* begin styles for RSS Feed 
     Modification of no-style feed, this adds a classy dotted underline to item links and faint background color on hover */

.rss-box {
	 width: 360px;
	 height: 273px; 
}

.rss-title, rss_title a {
	font-size: 1.2em;
	margin: 0px 0;
	margin-bottom: 0.5em;
	padding: 0;
	color: #CCCCCC;
	text-decoration: none;
}

.rss-items {
	list-style:none;
	margin:0;
	padding:0.2em;      
}

.rss-item  {
	font-size: small;
	margin-bottom: 1em;;
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {
    color: #CCCCCC;
	text-decoration: none;
	}

.rss-item a:hover { 
	color: #CCCCCC;
	}
	
.rss-date {
	font-size: xx-small;
	color: #87B150;
	} 


/*Layout columns*/
.col3-4{  				/*3 first col*/
	width:709px;
	display:inline;
	float:left;
	padding-left:24px;
	margin-right:12px;
	padding-right:24px;
	background:url(images/squareLine_v.png) repeat-y right -12px;
}

.col4-4, #wrapper #topSongs.col4-4{
	width:214px;
	display:inline;
	float:left;
}
#topSongs.col4-4{
	margin-top:12px;
}

.col4-3 { 				/*3 last col*/
	width:709px;
	display:inline;
	float:right;
	padding-left:24px;
	background:url(images/squareLine_v.png) repeat-y left -12px;
}



/**LAYOUT*/
#wrapper{
	width:100%;
	width:980px;
	margin:0 auto;
	text-align:left;
}

#top{
	background:url(images/squareLine.png) no-repeat 0 0;
	padding-top:1px;
	margin-top:12px;
	height:10px;
}

#logo{
	margin-bottom:0px;
	width:300px;
	display:inline;
	float:left;
	}

#logo a{
	display:block;
	width:237px;
	height:65px;
	background:url(images/logo.png) no-repeat -4px 0;
	margin-top:17px;
}
#logo a:hover{
	background:url(images/logo.png) no-repeat -241px 0;
}

	
#joinButton a{
	display:block;
	text-indent:-9999px;
	width:142px;
	height:64px;
	background:url(images/join.png) no-repeat 0 0;
	cursor:pointer;
	margin:15px 0 0 830px;
	border:0;
	outline:0;
}

#joinButton a:hover {
	background:url(images/join.png) no-repeat -140px 0;
	outline:0;
}




#nav{
	clear:both;
	height:158px;
	background:url(images/squareLine2.png) no-repeat left bottom;}

#nav ul li a{
	color:#ccc;
}

#nav ul li.active a{
	color:#87B150;
}

#media, #info, #aboutus, #shop{
	width:236px;
	height:136px;
	display:inline;
	float:left;
}


#media{
	background:url(images/media.jpg) no-repeat;
	margin-right:12px;
}
#info{
	background:url(images/info.jpg) no-repeat;
	margin-right:12px;
}
#aboutus{
	background:url(images/aboutus.jpg) no-repeat;
	margin-right:12px;
}
#shop{
	background:url(images/shop.jpg) no-repeat;
}
/*
#shop a{
	width:236px;
	height:136px;
}*/


.shop-amazon{
	
	height:42px;
	background:url(images/shop-amazon.png) no-repeat;
	padding-left:48px;
	margin-left:-8px;
	margin-top:-10px;
	
}
.shop-itunes{
	
	height:42px;
	background:url(images/shop-itunes.png) no-repeat;
	padding-left:48px;
	margin-left:-8px;
	margin-top:-14px;
}

#shop ul li{
	line-height:42px;
}

#media ul, #info ul, #aboutus ul, #shop ul{margin-top:50px;margin-left:12px;}

#content1{}


/***** CAROUSEL *****/
#carousel{
	width:606px;
	height:249px;
	display:inline;
	float:left;
	margin-right:12px;
	margin-top:24px;
	border:1px solid #333;
	/*overflow:hidden; /remove **/
}

.carousel_legend_content a{
	color:#87B150;
}


/*******H1 Titles******/
#content1 h1{
	margin-top:24px;
	height:41px;
	text-indent:-9999px;
}
.newsH1{
	display:block;
	background:url(images/newsH1.jpg) no-repeat;
}
.musicH1{
	display:block;
	background:url(images/musicH1.jpg) no-repeat;
}
.galleryH1{
	display:block;
	background:url(images/galleryH1.jpg) no-repeat;
}
.videoH1{
	display:block;
	background:url(images/videoH1.jpg) no-repeat;
}
.lyricsH1{
	display:block;
	background:url(images/lyricsH1.jpg) no-repeat;
}
.biographyH1{
	display:block;
	background:url(images/biographyH1.jpg) no-repeat;
}
.presskitH1{
	display:block;
	background:url(images/presskitH1.jpg) no-repeat;
}
.contactH1{
	display:block;
	background:url(images/contactH1.jpg) no-repeat;
}
.joinH1{
	display:block;
	background:url(images/joinH1.jpg) no-repeat;
}

/*CONTENT 1 p*/
#content1 p
	{font-size:13px;
line-height:21px;
margin:12px 0;}


/**** LATEST HEADLINES ****/
#latestHeadlines{
	width:360px;
	height:273px;
	display:inline;
	float:left;
	margin-top:24px;
}

#latestHeadlines h2{
	text-indent:-9999px;
	width:360px;
	height:28px;
	background:url(images/latestHeadlines.png) no-repeat;
	padding-bottom:10px;
	border-bottom:2px solid #666;
	margin-bottom:14px;
}

div.headline{
	height:50px;
	margin-bottom:20px;
	border-bottom:3px solid #222;
	}

.headline_img img{
	width:48px; 
	height:48px;
	float:left;
	margin-right:12px;
	border:1px solid #444;
}

.headline_img img:hover{
	border:1px solid #ccc;
}

.headline_img{
	display:inline;
	margin-right:12px;
}

.headline_txt {
	width:162px;
	height:50px;
	overflow:hidden;
	display:inline;
	float:left;
	margin-right:12px;
	border-right:1px dashed #444;
	color:#CCCCCC;
}

.headline_info{
	width:112px;
	height:50px;
	display:inline;
	float:right;
}

.headline_comment a{
	color:#87B150;
	display:none;}  /*let it display none for the static version*/


/**POPULAR VIDEOS - HOME PAGE*/
#popularVideos1{
	width:732px;
	height:273px;
	display:inline;
	float:left;
	margin-top:24px;
	margin-right:12px;
}

#popularVideos1 h2{
	text-indent:-9999px;
	width:732px;
	height:28px;
	background:url(images/popularVideos.png) no-repeat;
	padding-bottom:10px;
	border-bottom:2px solid #666;
	margin-bottom:12px;
}

#popularVideos1 ul li img{
	width:232px;
	height:175px;
	border:2px solid #333;
}

#popularVideos1 ul li img:hover{
	border:2px solid #ccc;
}

#popularVideos1 .popvideo1{
	display:inline;
	float:left;
}

#popularVideos1 .popvideo2{
	display:inline;
	float:left;
	margin-left:12px;
}

#popularVideos1 .popvideo3{
	display:inline;
	float:right;
}

/******TOP SONGS******/
#topSongs{
	width:236px;
	height:273px;
	display:inline;
	float:left;
	margin-top:24px;
	/*margin-right:12px;*/
}
#topSongs h2{
	text-indent:-9999px;
	width:236px;
	height:28px;
	background:url(images/topSongs.png) no-repeat;
	padding-bottom:10px;
	border-bottom:2px solid #666;
	margin-bottom:12px;
}

li.firstSong{background:url(images/top1.jpg) no-repeat;}
li.secondSong{background:url(images/top2.jpg) no-repeat;}
li.thirdSong{background:url(images/top3.jpg) no-repeat;}
li.fourthSong{background:url(images/top4.jpg) no-repeat;}
li.fifthSong{background:url(images/top5.jpg) no-repeat;}

#topSongs li{
	padding: 3px 0 10px 30px;
	}
#topSongs li a{
	color:#87B150;
	text-decoration:none;
}
#topSongs li a:hover{
	text-decoration:underline;
}

/***********  HOT STORY  *********************/
#hotStory{
	width:236px;
	display:inline;
	float:left;
	margin-top:24px;
}
#hotStory h2{
	text-indent:-9999px;
	width:236px;
	height:28px;
	background:url(images/hotStory.png) no-repeat;
	padding-bottom:10px;
	border-bottom:2px solid #666;
	margin-bottom:12px;
}
#hotStory h3 a{
	font-size:16px;
	color:#87B150;
	font-weight:normal;
	text-decoration:none;
	font-variant:small-caps;
}
#hotStory h3 a:hover{
	text-decoration:underline;
}

#hotStory p.article_excerpt{
	margin-top:6px;
	height:148px;
	line-height:18px;
	overflow:hidden;
	font-style: italic;
}





/**FOOTER 1**/
#footer1{
	clear:both;
	background:#1A1A1A url(images/footer1Bg.jpg) no-repeat;
	height:200px;
	border-top:3px solid #111;
}
#bottomnav{
	display:inline;
	float:right;
	text-align:left;
	width:980px;
}


/***FAVORITES***/
#favorites{
	width:224px;
	display:inline;
	float:left;
	margin:12px;
	height:160px;
	/*border-right:1px dashed #333;*/
}
#favorites h2{
	text-indent:-9999px;
	width:224px;
	height:28px;
	background:url(images/favorites.png) no-repeat;
	padding-bottom:24px;
}

#favorites a{
	text-decoration:none;
}
#favorites a:hover{
	text-decoration:underline;
}


/**** SPONSORED LINKS  **/
#sponsoredLinks{
	width:480px;
	display:inline;
	float:left;
	margin-top:12px;
}
#sponsoredLinks h2{
	text-indent:-9999px;
	width:236px;
	height:28px;
	background:url(images/sponsoredLinks.png) no-repeat;
	padding-bottom:24px;
}

#sponsoredLinks img{
	border:2px solid #222;
	float:left;
	margin-right:12px;
}
#sponsoredLinks img:hover{
	border:2px solid #ccc;
}


/******* ALL-4-ONE ON THE WEB *******/
#ontheweb{
	width:235px;
	display:inline;
	float:left;
	margin:12px;
	margin-left:0;
	/*border-right:1px dashed #333;*/
}

#ontheweb h2{
	text-indent:-9999px;
	width:236px;
	height:28px;
	background:url(images/ontheweb.png) no-repeat;
	padding-bottom:24px;
}

.twitter, .facebook, .myspace, .youtube{
	width:25px;
	height:25px;
}

li.twitter, li.facebook, li.myspace, li.youtube{
	text-indent:37px;
	padding-bottom:6px;
	width:200px;
	line-height:25px;
}
li.twitter{
	background:url(images/twitter_icon.jpg) no-repeat;
}
li.facebook{
	background:url(images/facebook_icon.png) no-repeat;
}
li.myspace{
	background:url(images/myspace_icon.png) no-repeat;
}
li.youtube{
	background:url(images/youtube_icon.png) no-repeat;
}


/**FOOTER 2**/
#footer2{
	clear:both;
	background:#1A1A1A url(images/footer1Bg.jpg) no-repeat;
	width:980px;
	height:30px;
	border-top:1px dashed #000;
}


#bottomnav{
	margin-right:12px;
	width:940px;
}
#bottomnav ul li{
	display:inline;
	float:right;
	line-height:30px;
}
#bottomnav ul li a{
	text-decoration:none;
	margin-left:6px;
	margin-right:6px;
	color:#999;
}
#bottomnav ul li a:hover{
	color:#87B150;
}


/**FOOTER 3**/
#footer3{
	clear:both;
	height:30px;
	width:980px;
	margin:12px 0 24px 0;
}
#copyright{
	width:720px;
	height:30px;
	display:inline;
	float:left;
	line-height:30px;
	margin-right:12px;
	padding-left:12px;
	background:#111;
	font-size:11px;
	color:#ccc;
	opacity:.8;
	}
#designer{
	width:233px;
	display:inline;
	height:30px;
	border-left:3px solid #6197AF;
	float:right;
	background:#333;
	text-align:center;
	letter-spacing: 0.1em;
	line-height:27px;
	opacity:.7;
}
#designer:hover{
	background:#222;
	
}

#designer a{
	color:#ccc;
	text-decoration:none;
	font-size:11px;
}
#designer a:hover{
	color:#6197AF;
}

/****NEWS ARTICLE***/
.news-article h2 {
	font-size:26px;
	font-weight:normal;
	margin:12px;
	line-height:33px;
}

.news-article h2 a{
	color:#6197AF;
	text-decoration:none;
}

.news-article h2 a:hover{
	text-decoration:underline;
}

.news-article h3{
	color:#777777;
	margin-top:12px;
	margin-bottom:12px;
	margin-right:12px;
	font-size:18px;
	font-weight:normal;
	border-bottom:1px solid #666;
}

.news-article p{
	width:684px;
	padding-left:12px;
}

.news-article .tag-box{
	height:20px;
	font-size:11px;
	background:#666;
	color:#333;
	line-height:20px;
	padding-left:12px;
	width:684px;
	margin-bottom:24px;
}

.news-article .tag{
	font-weight:bold;
	color:#111;
}

/*Lyrics Accordion
#accordion {margin:12px 0 24px 62px;width:856px;}
#accordion h3{font-size:18px;}
#accordion h4{font-size:14px;color:#ccc;}
*/

/*LYRICS PAGE*/
#lyrics-col2 h4{
	color:#ccc;
}
#lyrics-col2 h2{
	font-size:23px;
	font-weight:normal;
	font-style:italic;
	font-variant:small-caps;
	color:#6197AF;
	margin-bottom:12px;
	padding-bottom:10px;
	border-bottom:1px solid #6197AF;
}


/**Pre-order Link to Amazon*/


/**MUSIC PAGE**/
.album{margin:12px 0 24px 0;}
.albumHeader{
	height:33px;
	background:url(images/albumHeader.jpg) no-repeat;
}

.albumHeader h2{
	line-height:33px;
	font-size:22px;
	font-variant:small-caps;
	margin:0 24px 0 10px;
	display:inline;
	float:left;
	color:white;
}
.albumHeader h3{
	font-size:14px;
	font-weight:normal;
}

.releaseLabel{
	color:#A6A6A6;
	display:inline;
	float:left;
	margin-right:12px;
	margin-top:10px;
	}
	
.releaseDate{
	color:#ccc;
	margin-top:10px;
	}

.albumContent{
	height:600px;
	background:url(images/albumContent.png) no-repeat;
	clear:both;
	margin:0;
}

.col6{
	width:370px;
	display:inline;
	float:left;
	margin-top:10px;
	/*border:1px solid green;*/
	/*height:100px;*/

}
.col7{
	width:422px;
	display:inline;
	float:left;
	margin-right:12px;
	margin-top:10px;
	/*border:1px solid red;*/
	/*height:100px;*/
}

.col3{
	width:174px;
	display:inline;
	float:right;
	margin-top:10px;
	/*border:1px solid blue;*/
	/*height:100px;*/
}

.albumCover img{
	width:370px;
	height:370px;
}

.albumDescription{
	width:97px;
	display:inline;
	float:left;
	margin-left:10px;
}

.albumDescription h4{
	text-indent:-9999px;
	width:348px;
	height:23px;
	background:url(images/description.png) no-repeat;
	border-bottom:2px solid #666;
	padding-bottom:6px;
	margin-bottom:0;
}

.albumDescription p{
	width:350px;
	font-size:7px;
}

.albumReviews{
	width:165px;
	display:inline;
	float:right;
	margin-top:12px;
	margin-right:7px;
}
.albumReviews h4{
	text-indent:-9999px;
	float:right;
	width:165px;
	display:inline;
	height:23px;
	background:url(images/reviews.png) no-repeat right top;
	border-bottom:2px solid #666;
	padding-bottom:6px;
	margin-bottom:6px;
}

.quote{
	clear:right;
	background:url(images/quotMark.png) no-repeat 0 7px ;
	text-align:right;
	padding-left:30px;
}
.albumReviews p{font-size:10px;}
.albumSongs ul li{
	border-bottom:1px solid #515151;
	height:40px;
	line-height:40px;
	color:#ccc;
	font-size:13px;
	padding-left:12px;
}

.songTitle{
	display:block;
	float:left;
	/*border-right:1px solid #ccc;*/
	width:200px;
}

.albumSongs ul li span.lyrics{
	float:right;
	text-align:right;
	color:#87B150;
	margin-right:12px;
}

.albumSongs ul li span.lyrics a:hover{
	text-decoration:none;
}

.preorderButton a{
	display:block;
	width:288px;
	height:37px;
	background:url(images/amazonButton_02.png) no-repeat 0 0;
	margin:12px 0 12px 40px;
}
.preorderButton a:hover{
	background:url(images/amazonButton_02.png) no-repeat 0 -40px;
}

.single{
	border:5px solid #6197AF;
	height:112px; 
	width:112px;
	margin-bottom:12px;
	margin-left:44px;}
	
.single img{
	width:112px;
	height:112px;
}
.single:hover{
	border:5px solid #ccc;
}

.player{margin-top:10px;
	display:inline;
	float:left;
	margin-right:12px;}
	
/***JOIN PAGE****/
#reverbnationForm{
	margin:20px 0 0 250px;
}


/**** CONTACT PAGE ***/
h2#management{
	text-indent:-9999px;
	width:236px;
	height:28px;
	background:url(images/management.png) no-repeat;
	padding-bottom:10px;
	border-bottom:2px solid #666;
	margin:12px 0;
}

h2#booking_agent{
	text-indent:-9999px;
	width:236px;
	height:28px;
	background:url(images/booking_agent.png) no-repeat;
	padding-bottom:10px;
	border-bottom:2px solid #666;
	margin-bottom:12px;
}

h2#send_message{
	text-indent:-9999px;
	width:694px;
	height:28px;
	background:url(images/send_message.png) no-repeat;
	padding-bottom:10px;
	border-bottom:2px solid #666;
	margin:12px 0;
}

#contactPage h4{
	font-size:18px;
	margin:0;
	padding:0;
	color:#ccc;
	font-weight:normal;
}
#contactPage p{
	font-size:11px;
	line-height:18px;
}

.nameInput, .emailInput{
	height:20px;
}

.nameInput, .emailInput, .messageInput{
	width:694px;
	margin:12px 0;
	background:#555;
	border:1px solid #888;
	color:#efefef;
	font-size:15px;
	line-height:20px;
	padding:6px;
	font-family:arial;
	letter-spacing: 1px;
}

.messageInput{
	overflow:auto;
}

.nameLabel, .emailLabel,.messageLabel{
	font-size:15px;
	color:#999;
	padding-bottom:12px;
}

#send_message_Button{
	background:#6197AF;
	color:#fff;
	border:#ccc;
	font-size:15px;
	padding:6px;
	cursor:pointer;
	border:1px solid #888;
}
#send_message_Button:hover{
	background:#333;
	color:#6197AF;
	border:1px solid #555;
}


/***Press Kit Page**/

#download h2{
	text-indent:-9999px;
	width:122px;
	height:33px;
	background:url(images/downloadPK.png) no-repeat;
	padding-bottom:10px;
	margin-bottom:12px;
}

#download ul li{
	width:72px;
	height:72px;
	display:inline;
	float:left;
	margin-right:16px;
	margin-bottom:24px;
}

#download ul li a{
	width:72px;
	height:72px;
	display:block;
	border:3px solid #666;
	height:72px;
	line-height:72px;
	background:#333;
	margin-bottom:24px;
	text-align:center;
	padding:2px;
}
#download ul li img{
	width:72px;
	height:72px;
}
#download ul li a:hover{
	background:#000;
	opacity:.5;
	border:3px solid #87B150;
}


/******  == THANKS PAGE == *********/
#thanks{
	line-height:38px;
	font-size:38px;
	padding:48px;
	color:#fff;
	font-weight:normal;
	letter-spacing: 2px;}


/*
#highresPic ul li a img:hover{
	border:3px solid #87B150;
	opacity:.7;
}*/