/* CSS Document

* {
	margin: 0;
	padding: 0;
} 
*/

:focus
{
  -moz-outline-style: none;
}

html, body, #container {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #container {
	height: auto;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background: url(/images/back.gif) repeat-y 50% 0;
	background-color:#000000;
	}

img {	border:0; }

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

#container {
	/*
	margin: 0 auto;
	width: 760px;
	*/
	position: absolute;
	top: 0;
   left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
	left: 50%;
   width: 760px;
   margin-left: -380px;
	background-color:#ffffff;
}

#header_top {
	width: 760px;
	height: 9px;
	background:url(/images/head_top.gif) repeat-x;
	font-size:.5em; /* set small since height is small */
}
	
#header {
	width: 760px;
	height: 71px;
	background:url(/images/header_back.gif) repeat-x 50% 100%;
	border-bottom:2px solid #f99d0b;
}

#logo {
	padding: 12px 0 0 20px;
	float: left;
}

#beta {
	position:absolute;
	clear:none;
	float:left;
	z-index:100;
	width:31px;
	height:32px;
	top:0px;
	left:0px;
	background:url(/images/BETA.gif) no-repeat 0% 0%;
}


#header-right {
	font: bold 1.15em "Trebuchet MS";
	font-family: "Trebuchet MS", Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	text-align:right;
	color: #cc7d00;
	padding: 30px 0 0 0;
	margin: 0;
}

#header-right li{
	list-style: none;
	display: inline;
	margin: 0;
	padding-right: 20px;
}

#header-right li a {
	color: #cc7d00;
	text-decoration: none; 
	
}

#header-right li a:hover {
	color:#303030;
}

#header-right li.mainhilite a {
	color: #303030; text-decoration: none;
}


/*** Account Menu *******************************************************/

#account-menu {
	text-align:right;
	margin-left:20px;
}

#menulist {
	padding: 3px 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0.1em;
	margin-right:20px;
	font: normal 10px Verdana;
}

#menulist li{
	list-style: none;
	display: inline;
	margin: 0;
}

#menulist li a {
	margin-left:1px;
	color: #333333;
	text-decoration: none; 
	border: 1px solid #CCCCCC;
	border-top:1px solid #dfdfdf;
	background-color:#F0F0F0;
	padding: 3px 6px 3px 6px;
}

#menulist li a:hover {
	color:#4D4D4D;
	background-color:#fcefdb;
	border: 1px solid #fdcf87;
	border-top:1px solid #ffe5be;
}

#bandpage {
	font-weight:bold;
	font-size:1em;
	padding-top:10px;
	margin-right:20px;
	text-align:right;
	margin-top:10px;
}

/*** Hilight menu item ************************************************************/	

#menulist li.hilite a {
	margin-left:1px;
	color:#4D4D4D;
	text-decoration: none; 
	background-color:#fcefdb;
	border: 1px solid #fdcf87;
	border-top:1px solid #ffe5be;
	padding: 3px 6px 5px 6px;
}

/*** Affiliate Menu ***********************************************/

#afflist {
	height:16px;
	margin-top:1px;
	margin-right:20px;
}

.affitem {
	display:inline;
}
.affitem a {
	margin-left:1px;
	color: #a0a0a0;
	text-decoration: none; 
	border: 1px solid #e1e1e1;
	border-top:none;
	background-color:#f5f5f5;
	padding: 3px 6px 3px 6px;
}

.affitem a:hover {
	color:#4D4D4D;
	background-color:#fcefdb;
	border: 1px solid #fdcf87;
	border-top:none;
}



/*** Content ************************************************************/	

#main-content {
	padding-top: 20px;
	margin-left: 18px;
	margin-bottom: 3em;
	width: 722px;
	color: #898989;
	height: auto;
	clear:both;
}

#main-copy {
	margin: 20px 16px 40px; 16px;
	font-size:1.2em;
	color: #333333;
}


.subheads {
	color: #000000;
	font-family: "Trebuchet MS", Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	margin-bottom:5px;
}

h2 {
	color: #000000;
	font-family: "Trebuchet MS", Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	margin-bottom:5px;
}

h3 {
	color: #333333;
	font-family: Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-top:15px;
}

h5 {
	color: #333333;
	font-family: Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#title-bar {
	border: 1px solid #dbdbdb;
	background:url(/images/titlebar_back.gif) repeat-x 50% 100%;
	clear:both;
}

#title-bar-copy {
	padding: 4px 0 4px 1em;
	color:#252525;
	font-family: "Trebuchet MS", Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	float:left;
}

#title-bar #title_right {
	color: #898989;
	font-family: Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-right:15px;
	margin-top: 1em;
	float:right;
}

#title-bar a { color: #7c7c7c; text-decoration: underline; }
#title-bar a:hover { text-decoration: none; }

#title_right .filter-on {
	font-weight:bold;
}

#headline {
	text-align:center;
	padding-top:10px;
	padding-bottom:25px;
}

#boxes {
	text-align:center;
	padding-bottom:20px;
}

#content_l {
	width: 263px;
	float: left;
}

#content_mid {
	float: left;
}

#content_r {
	float: left;
	width: 263px;
}

.home_callout {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight:bold;
	line-height:1.2em;
	padding-bottom:10px;
}

#home_callout_desc {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height:1.3em;
}

#home_callout_list {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height:1.5em;
}

#home_callout_list ul, #home_callout_list li {
	list-style-type:disk;
	padding-left:0px;
	margin: .4em 0;
	margin-left:8px;
	line-height:1.2em;
}

#home_callout_list li:-moz-list-bullet {
  margin-right: 1px;
}

#home_testimonial {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height:1.2em;
}

#home_testimonial_author {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	padding-bottom:15px;
}


#topcallout {
	margin-bottom:20px;
}

#secondarybox, #mailing_list {
	border: 1px solid #dbdbdb;
	background:url(/images/greygradient.gif) repeat-x 0% 0%;
	background-color: #ededed;
	padding: 2em;
	margin-bottom: 20px;
}

.feature {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight:bold;
	line-height:1.3em;
	color:#333333;
	padding:12px;
	padding-left:15px;
	background-color:#f0f0f0;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	margin-top: 8px;
}

#home_buttons {
	text-align:center;
	padding-top: 10px;
}

.features_title {
	font-family: "Trebuchet MS", Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight:bold;
	color:#000000;
	margin-bottom: 1em;
}

#secondarybox_copy {
	font-size: 1.2em;
	font-weight:bold;
	line-height:1.5em;
	color: #333333;
	margin-right:20px;
}

#secondary_bt {
	padding-top: 15px;
}

#feature_list li {
	font-size: 1.1em;
	margin: 0 0 10px -20px;
	color: #333333;
}

#mailing_list td {
	padding-bottom: 5px;
}

.sample_titlecopy {
	font-family: "Trebuchet MS", Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight:bold;
	color:#000000;
	padding: 0 4px 0 4px;
}

.sample_subtitle {
	font-family: Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:normal;
	color:#666666;
	padding: 0 4px 8px 4px;
}

#form_copy {
	font-size: 1em;
	color:#000000;
	padding-bottom: 30px;
}

#notecopy {
	padding: 0px 4px 4px 4px;
	margin-bottom:10px;
	text-align:center;
}

#mailing_list {
	border: 1px solid #dbdbdb;
	background:url(/images/greygradient.gif) repeat-x 0% 0%;
	background-color: #ededed;
	padding: 2em;
	margin-bottom: 15px;
}

#sendform{
	text-align:left;
}

.learn_more {
	padding-bottom:15px;
	color:#333333;
	font-size:11px;
}

.learn_more li {
	margin: 0 0 4px 20px;
}

.learnmore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	line-height:1.3em;
	color:#333333;
	padding:12px;
	padding-left:15px;
	background-color:#f0f0f0;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	margin-top: 8px;
}

#learnmore_l {
	float: left;
	width: 450px;
}

#learnmore_r {
	float: right;
	width: 235px;
	margin-top: 34px;
}


/* Hot Lists */

.top10s {
	margin-left:8px;
	padding-left:8px;
	list-style-type:disc;
}
right_bucket .top10s li {marign-left: 8px; padding-left: 8px;}


.hotlist_row2 {
	width:210px;
	float:left;
	padding:10px;
}

.hotlist_row2 .hot_head {
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}

.recentfans, .weekly_list {
	padding: 5px 0;
}

.home_list_head {
   color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight:bold;
}

.home_list {
 	padding: 0;
	margin: 0;
	line-height:1em;
}

.home_list .post_name {
	font-weight:normal;
	font-size:12px;
	margin: 0;
	padding: 0;
	color:#000000;
	
	
}

.home_list .post_name a {
	text-decoration:underline;
}

.home_list .post_name a:hover { text-decoration: none; }

.recentfans .user_img, .weekly_list .band_img {
	width:30px;
	float:left;
	clear:left;
	margin-right:5px;
	border:1px solid #666666;
}

.recentfans .user_name, .weekly_list .band_name {
	font-weight:bold;
}

.weekly_list .post_name {
	font-weight:normal;
	margin: 0px;
}



.weekly_list .post_date {
	font-size:10px;
	color:#666666;
	font-weight:normal;
	margin-bottom:10px;
}

.recentfans .user_data {
	width:140px;
	float:left;
	clear:right;
}

.weekly_list .band_data  {
 width:170px;
}

.recentfans img, .weekly_list img {
	width:30px;
	height:30px;
}

.recentfans .user_band a {
	text-decoration:none;
	font-size:10px;
}

.weekly_list  .band_info{
	text-decoration:none;
	font-size:10px;
}


/* end hot lists */

#right_content {
	width: 220px;
	float:right;
	font-size:.9em;
	margin-bottom: 20px;
	margin-left:20px;
}

.right_bucket {
	font-size:1em;
	margin-bottom: 20px;
	border: 3px solid #cccccc;
	border-width:6px 1px 6px 1px;
	background-color:#ededed;
	padding: 15px;
}

.right_head {
	color: #000000;
	font-family: "Trebuchet MS", Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	margin-bottom:10px;
}

.special_head {
	color: #000000;
}

.special_body {
	color: #000000;
	background-color:#ffed87;
	border:3px solid #f99d0b;
	border-width:6px 1px 6px 1px;
}

.special_body a { color: #000000; text-decoration: underline; }
.special_body a:hover { text-decoration: none;}


#terms p {
	padding-bottom:5px;
}

.affiliate_bucket {
	font-size:1em;
	margin: 15px;
	border: 1px solid #c8c8c8;
	background-color:#e7e7e7;
	padding: 15px;
}

.compatible_bucket {
	font-size:1em;
}

#menumesscount {
	color:#0033CC;
	font-weight:bold;
}
/*** FAQ ************************************************************/	


.faq_q {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:2px;
}

.faq_a {
	margin-bottom:20px;
	color:#525252;
}

.faq_q a { color: #333333; text-decoration: none; }
.faq_q a:hover { color: #cc7d00; text-decoration: underline;}


/*** Footers ************************************************************/	

.divider_title {
	border: 1px solid #dbdbdb;
	background:url(/images/titlebar_back.gif) repeat-x 50% 100%;
	clear:both;
	margin-bottom:20px;
}

.divider_title-copy {
	padding: 4px 0 4px 1em;
	color:#252525;
	font-family: "Trebuchet MS", Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	float:left;
}

.divider_title .divider_right {
	color: #898989;
	font-family: Verdana, "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin-right:15px;
	margin-top: .6em;
	float:right;
}

.divider_title a { color: #7c7c7c; text-decoration: underline; }
.divider_title a:hover { text-decoration: none; }


/*** FRIENDS OF ***************/
#friendsof { 
	padding:30px 0 0 0;
	margin: 0 0 5em 0;
	clear:both;
}

.friends_row .bigicons, .friends_row .iconlist {
	float: left;
	width: 171px;
	height: 65px;
	background: #F5F1E9;
	border: 1px solid #D9D3C9;
	margin: 4px;
	text-align: center;
}

.friends_row .bigicons img {
	padding-top: 10px;
}

.friends_row .bigicons a {
	display: block;
   width: 169px;
   height: 63px;
   margin: 0;
   padding: 0;
}

.friends_row .iconlist img {
	padding-top: 3px;
}

.friends_row .iconlist a {
	display: inline;
   margin: 0;
   padding: 0;
}


/*** New Features ***************/
#newfeatures { 
	padding:20px 0 0 0;
	margin: 0 0 2em 0;
	clear:both;
}

#newfeatures .newfeatures_row div h1 {
line-height:1em;
font-size:16px;
background-color:#D9D3C9;
padding:5px;
margin-top:0;
}

#newfeatures .newfeatures_row div {
	float: left;
	width: 280px;
	height: 120px;
	background: #F5F1E9;
	border: 10px solid #D9D3C9;
	margin: 8px;
	padding:15px;
	text-align: left;
}


/*** Footers ************************************************************/	

#bug {
	text-align:right;
	font-size:1em;
	margin: 0 18px 0 18px;
	padding-top:.6em;
	padding-bottom:.6em;
}

#bug a { color:#999999; text-decoration: none; }
#bug a:hover { text-decoration: underline; }

#footers {
	font-size:.9em;
	margin-top:40px;
	position: absolute;
	bottom:0;
/*	
	position: fixed; 
	bottom: 16px; 
	background-color:#FFFFFF;
*/
}

.footers-all {
	margin: 0 18px 0 18px;
	width: 722px;
	margin-bottom:15px;
}

#footer-common {
	color: #707070;
	border: 1px solid #cccdce;
	background:url(/images/footer-common-back.gif) repeat-x 50% 100%;
}

.footercopy {
	padding-left: 10px;
	padding-top:.6em;
	padding-bottom:.6em;
}

#footer-common a { color: #707070; text-decoration: underline; }
#footer-common a:hover { text-decoration: none; }

/*** CLEARFIX ************************************************************/	

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */