/* @override http://www.maroon5.com/css1/global.css */

@charset "UTF-8";
body  {background: #FFFFFF; color: #000000;}

/* @group Home */
body#home {background: url(../images/bg_home.png) repeat-x;}
body#inner {background: url(../images/bg_inner.png) repeat-x 0 -4px;}

#home_promo {
	margin: 10px 0 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
body#inner div#videos,
#home_promo {margin-top: 10px;}
 
}
#home_content_top {
	margin: 26px 0 0 0;
	padding: 0 0 33px 0;
	background: url(../images/bg_gradient.png) repeat-x 0 bottom;

}
#home_content_top div#shows {
	margin: 0 0 0 5px;
	padding: 0 10px;
}
#home_content_top div#twitter {
	margin: 0 0 0 0px;
	padding: 0 0 0 10px;
}

#home_content_top div#headlines {
	margin-right: 0;
	padding-right: 10px;
	width: 325px;
}
#home_content_bottom  {
	margin: 26px 0 10px 0;
}
#home_content_bottom #flickr,#home_content_bottom #facebook {
	margin: 0;
	padding: 0;
	width: 296px;
}
#home_content_bottom #facebook iframe {
	border: none; 
	width: 298px; 
	height: 550px;	
	margin: 0;
	padding: 0;
}
#home_content_bottom #flickr {
	margin: 0;
}
#home_content_bottom #flickr h2 {
	margin: 0 0 23px 20px;
	padding: 0;
}
/* stubs for homepage flickr banner */
#home_content_bottom #banner-square {}
#home_content_bottom #banner-square img {
	width: 290px;
	height: 260px;
	margin-top: -6px;
}
#home_content_bottom #facebook h2 {
	margin: 0 0 18px 20px;
	padding: 0;
}
#home_content_bottom #facebook_connect {
	margin: 21px -1px 0 -1px;
	width: 298px;
}
#home_content_bottom div#message_board {
	width: 325px;
}

#home_swf {
	height: 320px; 
	width: 424px;
	margin: 0; 
	padding: 0;
	border: 0px solid white; /* debug */
}

/* @end */

/* @group Header */
#header_top {height: 33px; margin: 0 0 0 10px; padding: 0; border: 0px solid white;}
#header_top div {margin: 0;}
#header-flash {
	border: 0px solid green;
}

#header_logo {
	height: 290px; 
	width: 975px;
	margin: 0; 
	padding: 0;
	border: 0px solid white; /* debug */
}

#header_logo img{
	display: block;
	border: 0px solid red;	
	height: 290px; 
	width: 975px;
}

#header_top ul#social_icons {float: right; margin: 4px 10px 0 0;}
body#inner #header_top ul#social_icons {margin-right: 13px;}
#header_top ul#social_icons li {
	width: 32px;
	height: 26px;
	overflow: hidden;
	text-indent: -9000px;
	padding: 0;
	margin: 0;

}
#header_top ul#social_icons li a {
	width: 33px;
	height: 33px;
	display: block;
}
#header_top ul#social_icons li a:hover {
	background: none;
}
#header_top ul#social_icons li#facebook {
	background: url(../images/header_icons.png) no-repeat left top;
}

#header_top ul#social_icons li#myspace {
	background: url(../images/header_icons.png) no-repeat -33px 0px;
}

#header_top ul#social_icons li#twitter {
	background: url(../images/header_icons.png) no-repeat -66px 0px;
}
#header_top ul#social_icons li#twitter2 {
	background: url(../images/header_icons.png) no-repeat -100px 0;
}
#header_top ul#social_icons li#twitter3 {
	background: url(../images/header_icons.png) no-repeat -133px 0;
}
#header_top ul#social_icons li#twitter4 {
	background: url(../images/header_icons.png) no-repeat -166px 0;
}
#header_top ul#social_icons li#flickr {
	background: url(../images/header_icons.png) no-repeat -199px 0;
}
#header_top ul#social_icons li#youtube {
	background: url(../images/header_icons.png) no-repeat -232px 0px;
}
#header_top ul#social_icons li#ilike {
	background: url(../images/header_icons.png) no-repeat -264px 0px;
}


#header_bottom {
	height: 45px; 
	margin: 0; 
	padding: 0;
	border: 0px solid red;
}
/* @end */

/* @group footer  */
#footer {
	border-top: 1px solid #e7e7e7;
	width: 938px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#footer #banners {
 	margin: 5px 0 0 0;
 	white-space: nowrap;
	}
#footer #banners li {
	list-style-type: none;
}
#footer #banners img {
	border: 1px solid #b2b2b2;
	padding: 0;
	margin-right: 12px;
}
#footer #social  {
	background: url(../images/bg_gradient.png) repeat-x 0 bottom;
	border-top: 1px solid #b2b2b2;
	height: 38px;
	padding: 5px 0 0 0;
}
#footer #social a {
	padding:0 20px;

}
#footer #social img {
	margin: 5px 0;
}
#footer #social li {
	list-style-type: none;
	float: left;
	padding: 0 20px;
}
#footer #links {
	margin: 10px 0;
}
/* stubs for footer banner */
#footer #banner-leader {}
#footer #banner-leader img {
	width: 728px;
	height: 90px;
	margin-top: 10px;
}

/* @end */
h2.inline {
	display: inline;
	
}


/* @group inner pages */

#main {
	margin: 45px 0 65px 0;
}
#sidebar_left {
	margin-right: 0;
}
#news {
	padding: 0 10px;
	width: 610px;
}

#news_search {
	white-space: nowrap;
	width: 280px;
	margin: 0 0 15px 0;
}
#news_search  input.search-submit {
	margin: 0 0 0 3px;
}
#shows_right {
	padding: 0 0 0 10px;
}
#shows_right img.flickr {
	margin: 0 0 0 -10px
}
.shows-flickr {margin: 0 0 0 -10px;}
.shows {padding-top:20px;padding-bottom:20px;}

}
.share_this_link {
	display: block;
	text-indent: -999px;
	width: 107px;
	height: 24px;
	background: url(../images/button_sharethis.png) no-repeat;
	float: left;
	margin: 0 10px 0 0;
}

div#links,
div#albums {
	margin: 30px 0;
}

img#link_rss {
	padding: 0 0 4px 10px;
}
.border_left {
	/*background: url(../images/vertical_divider.png) no-repeat left bottom;*/
	border-left: 1px solid #b2b2b2;
}
.border_right {
	/*background: url(../images/vertical_divider.png) no-repeat right bottom;*/
	border-right: 1px solid #b2b2b2;
}
span#headlines-rss-button {
	position: absolute;
	margin: 4px 0 0 170px;
}
span#shows-rss-button {
	position: absolute;
	margin: 4px 0 0 120px;
}

.links li {
	list-style:none;
	margin-bottom:2px;
}

.bio-text, 
.lyrics-text{
	overflow-y:scroll;
	overflow-x:none;
	height: 440px;
}

.lyrics-text{margin-top:20px; width: 315px;}

/* albums */
div#albums  div.grid_3,
div#albums  div.grid_7
div#albums  div.grid_6 {
	margin: 0 0 0 10px;
}
div#albums div.grid_7 {
	width: 385px;
}
ul.albums li img {
	border:2px solid #e0e0e0;
}
div#album_center {
	padding: 0 0 0 15px;
	height: 652px; /*temp*/
}
.album-center {
	padding-right:20px;
}
#album_lyrics {
	margin: 35px 0 0 0;
	width: 320px;
	padding: 0 5 0 5px;
}
.lyrics-text {
	padding: 0 10px 0 0;
}
/* photos */
#photos {
	margin: 20px 0 40px 0;
}
#photos div.grid_5,
#photos div.grid_11 {
	margin: 0 0 0 10px;
}
#photos div.grid_11 {
	margin-left: 25px;
}
.photo-navigation {	
	margin-bottom:20px;
	display:block;
	clear:both;
}
.photo img {
	border:5px solid #e0e0e0;
}
ul.photo-thumbs {
	display:block;
	padding-top:10px;
}
ul.photo-thumbs li {
	list-style:none;	
	display:block;	
	float:left;
	padding-right:6px;
	
}
ul.photo-thumbs li img {
	border:2px solid #e0e0e0;
	width: 26px;
	height: 26px;
}
/* videos */
div#videos {
	margin: 20px 0 80px 0;
}
/*micro adjustments to align content w. header */
div#videos .grid_9 {
	margin-left: 0;
	margin-top: 45px;
}
div#videos .grid_7 {
	margin-right: 0;
}
div.video-list {
	height:430px;
	overflow-y:scroll;
	width:380px;
	overflow-x:auto;

}
.video_sharing {
	text-align:center;
	padding-top:30px;
	width:540px;
}
div.video-list img {
	float:left;
	border:2px solid #E0E0E0;
	margin: 0 5px 0 0;
}

/* blog */
.post-share img {
	margin-top:5px;
	padding-right:10px;
	position:relative;
	top:5px;
}
.blog-posts {
	padding-right:30px;
	margin-bottom:40px;
	border-right:1px solid #ccc;
	
}
body#inner div#main .blog-posts {
	width: ;
}
ul.archives {
	padding-top:10px;
	padding-bottom:20px;
}
ul.archives li  {
	list-style:none;
	font-size:14px;
	margin-bottom:3px;
}

input#blog-search {
	width:215px;
	height:26px;
	background:url(../images/search-bar.png) no-repeat;
	padding: 10px 10px 0 10px;
	font-weight:bold;
	font-size: 1.1em;
	border:0;
	color:#a9a9a9;
	float:left;
}


input.search-submit {
	float:left;
	width:35px;
	height:35px;
	background:url(../images/search-arrow.png) no-repeat;
	border:0;
	text-indent:-9999px;
	cursor:pointer;
	margin-left:10px;
	color:#a9a9a9;
}
form#blog-search {
	margin: 20px 0 30px 0;
}

/*bio */
#bio {
	margin: 30px 0 30px 10px;
}
#bio div.grid_6, #bio div.grid_10 {
	margin: 0;
}
#bio_text {
	padding: 0 15px 0 0;
	width: 340px;
}
#bio_photo{
	padding: 0 0 0 15px;
	width: 540px;
}

/* links */
#links .grid_4 {
	margin: 0 0 0 70px;
	padding: 0 0 0 20px;
}

/* @end */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}


/* register form */
#m5_form p.register {
	font-style: italic;
	display: block;
	width: 300px;
}
#m5_form {
	padding: 30px 0 0 310px;
}

#m5_form h2{
	margin: 30px 0 10px 0;
	display: block;
}

#m5_form p {
	line-height: 1em;
}

#m5_form img {
	margin: 4px 0;
}
input.input,#m5_form textarea,
textarea.comment {  
padding: 9px;  
border: solid 1px #E5E5E5;  
outline: 0;  
font: normal 13px/100% Verdana, Tahoma, sans-serif;  
width: 200px;  
background: #FFFFFF url('../images/bg_form.png') left top repeat-x;  
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;  
-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;  
-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; 
display: block; 
	margin: 3px 0 15px 0;
}  
#m5_form input.hidden {
	display: none;
}  
#m5_form textarea,
textarea.comment {  
width: 400px;  
max-width: 400px;  
height: 150px;  
line-height: 150%;  
}  
 #m5_form input.checkbox {  
margin: 10px 5px 3px 0;
width: auto;
display: inline;
}  
 #m5_form label.checkbox {  
padding: 0 0 20px 0;


} 
br.clear {
	display: block;
	clear: both;
}
#m5_form input:hover, #m5_form textarea:hover,  
#m5_form input:focus, #m5_form textarea:focus,
textarea.comment:hover,
textarea.comment:focus {  
border-color: #C9C9C9;  
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;  
}  
  
#m5_form p.forgot {  
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1;
}  
 #m5_form p.captcha {  
	padding: 10px 0 0px 0;
	margin: 0;
	line-height: 1;
}  
#m5_form .submit  {  
width: auto;  
padding: 9px 15px;  
background: none;  
border: none;  
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border: none;
margin: 20px 0 50px 0;
padding: 0;
display: block;
clear: both;
}

h3.comment {
	margin: 0 0 10px 0;
}

span.required {
	color: red;
}
p.required {
	color: red;
	font-size: 10px;
}