@charset "utf-8";

/*////////////////////////////////////////////////////////// RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }



/*////////////////////////////////////////////////////////// STRUCTURE */
body, html{ width:100%; min-height:100%; padding:0px; margin:0px; color:#333; font-family:"Lucida Grande", Arial, sans-serif; font-size:12px; line-height:18px; background-color:#ddd; }
body.home{ background-image:url('../images/bg/home_bg.jpg'); background-position:bottom left; background-attachment:fixed; background-repeat:no-repeat; }

#radio{ height:152px; margin-top:-152px; background-color:#333; }
#radio #albums{ width:320px; height:80px; margin:0px auto 0px auto; clear:both; }
#radio #close_btn{ width:22px; height:22px; margin:18px 18px 0px 0px; float:right; }

#header{ min-width:954px; height:36px; padding:20px 0px 0px 18px; background-color:#000; }

#logo{ width:auto; height:20px; margin:0px; float:left; }
#logo h1{ color:#fff; font-size:22px; margin:0px; padding:0px; font-style:normal; font-weight:normal; }
#logo h1 a{ color:#fff; text-decoration:none; }
#logo h1 a:hover{ color:#fff; text-decoration:none; }

#radio_btn{ width:163px; height:35px; float:right; margin:-20px 65px 0px 0px; }

#nav{ width:400px; height:auto; margin:3px 0px 0px 30px; float:left; }
#nav ul{ width:400px; padding:0px; margin:0px; list-style:none; }
#nav ul li{ display:inline; padding:0px; margin:0px 18px 0px 0px; list-style:none; float:left; }
#nav ul li a{ color:#fff; text-decoration:none; text-transform:lowercase; }
#nav ul li a:hover{ color:#ffffff; text-decoration:none; }

#wrapper{ position:relative; width:96%; min-width:950px; max-width:1800px; height:auto; margin:36px auto 9px auto; padding:0px; zoom:1.0; }

#main_col{ height:auto; margin:0px 324px 0px 300px; zoom:1.0; }
#main_col h1{ font-size:25px; font-style:normal; font-weight:normal; margin:0px 0px 9px 0px; color:#278df3; }

#loader{ float:left; margin:36px 0px 0px 36px; }



/*////////////////////////////////////////////////////////// NEWS POSTS */
#recent_news .article{ margin:18px 0px 0px 0px; border-bottom:1px solid #ccc; }
#more_news_link{width:100%; height:auto; text-align:right; }
#more_news_link a{ font-size:9px; margin:0px; }
.news .article{ position:relative; height:auto; min-height:36px; margin:13px 0px 0px 0px; padding:0px 0px 4px 0px; border-bottom:1px solid #ccc; clear:both; }
.news .post_date{ position:absolute; top:0px; left:0px; width:160px; height:auto; margin:0px 18px 0px 0px; padding:0px 18px 0px 0px; border-right:1px solid #ccc; }
.news .post_date p{ text-align:center; margin:0px; }
.news .news_text{ height:auto; margin:0px 0px 0px 196px; }



/*////////////////////////////////////////////////////////// EVENTS CALENDAR */
#upcoming_events{ height:auto; margin:18px 0px 0px 0px; }
/*#upcoming_events{ height:auto; margin:36px 0px 0px 365px; }*/
#upcoming_events .event{ position:relative; height:auto; min-height:36px; margin:13px 0px 0px 0px; padding:0px 0px 4px 0px; border-bottom:1px solid #ccc; clear:both; }
#upcoming_events .event_date{ position:absolute; top:0px; left:0px; width:160px; height:auto; margin:0px 18px 0px 0px; padding:0px 18px 0px 0px; border-right:1px solid #ccc; }
#upcoming_events .event_date p{ text-align:center; margin:0px; }
#upcoming_events .event_text{ height:auto; margin:0px 0px 0px 196px; }
#more_events_link{width:100%; height:auto; text-align:right; }
#more_events_link a{ font-size:9px; margin:0px; }



/*////////////////////////////////////////////////////////// FAN WALL */
#fan_wall{ height:auto; margin:18px 0px 0px 0px; }
.wall_post{ position:relative; height:auto; min-height:54px; border-bottom:1px solid #ccc; margin:13px 0px 0px 0px; padding:0px 0px 4px 0px; clear:both; }
.comment_date{ position:absolute; top:0px; left:0px; width:160px; height:auto; margin:0px 18px 0px 0px; padding:0px 18px 0px 0px; border-right:1px solid #ccc; }
.comment_date p{ text-align:center; }
.comment_text{ height:auto; margin:0px 0px 0px 196px; }
.comment_name{ color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; }
#more_comments_link{width:100%; height:auto; text-align:right; }
#more_comments_link #leave_comment_link{ width:auto; float:left; padding-left:18px; font-size:9px; margin:0px; background: url("../images/bg/comment_bg.png") left no-repeat; }
#more_comments_link .view_comment_link{ width:auto; float:right; font-size:9px; margin:0px; }

#callout_col{ position:absolute; top:0px; right:0px; width:288px; height:auto; margin:0px 0px 0px 0px; }
#callout_col img{ border:6px solid #fff; margin:0px 0px 18px 0px; }



/*////////////////////////////////////////////////////////// MAILING LIST */
#mailing_list{ width:264px; height:90px; overflow:hidden; margin:0px 0px 18px 0px; padding:80px 9px 0px 9px; border:6px solid #fff; background-color:#a60c25; background-image:url("../images/bg/mailing_list_bg.gif"); background-position:top; background-repeat:no-repeat; }
#mailing_list input, #mailing_list select{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; border:0px; }
#mailing_list select{ width:263px; }
#mailing_list .ml_btn{ width:auto; padding:6px; color:#fff; background-color:#278df3; }
.ml_name{ width:187px; padding:6px 6px 6px 71px; background: #fff url("../images/bg/name_field_bg.gif") no-repeat 4px 9px; }
.ml_email{ width:187px; padding:6px 6px 6px 71px; background: #fff url("../images/bg/email_field_bg.gif") no-repeat 4px 7px; }
.ml_city{ width:187px; padding:6px 6px 6px 71px; background: #fff url("../images/bg/city_field_bg.gif") no-repeat 4px 7px; }
.ml_state{ padding:6px; }
.form-field{ margin:0px 0px 18px 0px; }


.float_right{ float:right; margin:5px 0px 18px 18px; padding:6px; background-color:#fff; }
.float_left{ float:left; margin:5px 18px 18px 0px; padding:6px; background-color:#fff; }


/*////////////////////////////////////////////////////////// TYPOGRAPHY */
p{ margin:0px 0px 9px 0px; line-height:18px; }
a{ color:#cc0033; text-decoration:underline; }
i, em{ font-style:italic; }
b, strong{ font-weight:bold; }
a:hover{ text-decoration:none; }
.small{ font-size:9px; color:#333; }
.fancy{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#000; }
a.feature-link{ display:block; padding:18px; font-size:16px; font-weight:bold; color:#468d3f; background:#e1ffd1; border:1px solid #c5f8ac; }
a.feature-link span{ font-size:11px; font-weight:normal; text-decoration:none; border:none; }
.html-code{ padding:9px; background:#fff; }
.html-code pre{ color:#333; }


/*////////////////////////////////////////////////////////// MISC */
.clear_it { width:0px; height:1px; clear:both; margin:0px; margin-top:-1px; padding:0px; line-height:1px; position:relative; }



/*////////////////////////////////////////////////////////// DIALOG BOX */
#dialog label, #dialog input { display:block; }
#dialog input.text { margin-bottom:12px; width:95%; padding: .4em; }
#dialog fieldset { padding:0; border:0; margin-top:25px; }
#dialog h1 { font-size: 1.2em; margin: .6em 0; }
#dialog div#users-contain {  width: 350px; margin: 20px 0; }
#dialog div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
#dialog div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
#dialog .ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
#dialog .ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }


/*////////////////////////////////////////////////////////// FREE DOWNLOADS PAGE */
body.free{ background-image:url('../images/bg/home_bg.jpg'); background-position:bottom left; background-attachment:fixed; background-repeat:no-repeat; }
body.free .form_field{ margin:0px 0px 18px 0px; padding:9px; background:#ccc; }
body.free .form_field h2{ font-weight:bold; font-family:Georgia,"Times New Roman", Times, serif; font-style:italic;}
body.free .form_field input{ padding:5px; width:auto; }
body.free .form_field #free_btn{ padding:5px; border:0px; }
body.free #body_clear{ clear:both; height:1px; margin:1px 0px 352px 0px; padding:1px; }