/*  CLEAR FIX: Resource: http://www.webtoolkit.info/css-clearfix.html
//
//////////////////////////////////////////////////////////////////*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } -- was causing bug in webkit and mozilla browsers using HTML5 mark-up */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*/  BODY + WRAPPERS
//
//////////////////////////////////////////////////////////////////*/

body { background: #000 url(../images/body-color.jpg) no-repeat fixed top center; font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFF; }

#navigation { background: #000; height: 80px; position: fixed; top: 0; width: 100%; z-index: 1000; }
#navigation a#logo { background: transparent url(../images/logo.png) no-repeat 0 0; height: 64px; width: 308px; display: block; padding: 0; margin: 10px 0 0 10px; }
#navigation a#logo:hover { background: transparent url(../images/logo.png) no-repeat 0 -64px; height: 64px; width: 308px; display: block; padding: 0; margin: 10px 0 0 10px; }
#navigation #logo span { display: none; }
#navigation ul { margin: 0; padding: 0; list-style: none; position: absolute; right: 10px; top: 30px; }
#navigation ul li { float: left; font-size: 15px; font-weight: normal; letter-spacing: 0.2em; text-transform: uppercase; }
#navigation a { color: #FFF; text-decoration: none; }
#navigation a:hover { color: #EC008C; }
#navigation a.selected { color: #EC008C; text-decoration: none; border-bottom: 2px solid #EC008C; }

#main { overflow: hidden; }
#content { background: transparent url(../images/content-bg.png) repeat 0 0; padding: 10px; margin: 100px auto 20px auto; width: 920px; border: 5px solid #650070; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#content .wrapper { padding: 10px; font-size: 15px; line-height: 1.5em; color: #FFF; } /* background: rgba(229, 229, 255); background: rgba(229, 229, 255, 0.8); */
#content .wrapper > .col-l { float: left; margin-left: 10px; width: 60%; }
#content .wrapper > .col-r { padding: 10px; float: right; width: 28%; }
#content h1 { color: #EC008C; font-weight: normal; font-size: 22px; padding: 10px 0; text-transform: uppercase; }
#content h2 { color: #FFF; font-weight: normal; font-size: 20px; padding-bottom: 10px; }
#content h2 > a { color: #FFF; text-decoration: none; }
#content h2 > a:hover { color: #EC008C; text-decoration: none; }
#content p { padding-bottom: 10px; }
#content .date { font-size: 12px; color: #AAA; }

.col-r h3 { color: #FFF; font-weight: normal; font-size: 20px; padding-bottom: 10px; }
.col-r .section { border-bottom: 1px dashed #AAA; padding-bottom: 15px; margin-bottom: 15px; overflow: hidden; }
.col-r .section-last { border: none; margin-bottom: 15px; overflow: hidden; }
.col-r ul#social-icons { padding: 0; margin: 0; }
.col-r ul#social-icons li { float: left; width: 24px; padding: 0 5px 0 0; }
.col-r ul#social-icons li span { display: none; }
.col-r a#twitter { background: transparent url(../images/social-icons.png) no-repeat 0 0; height: 23px; width: 24px; display: block; }
.col-r a#facebook { background: transparent url(../images/social-icons.png) no-repeat -28px 0; height: 23px; width: 24px; display: block; }
.col-r a#myspace { background: transparent url(../images/social-icons.png) no-repeat -56px 0; height: 23px; width: 24px; display: block; }
.col-r a#youtube { background: transparent url(../images/social-icons.png) no-repeat -84px 0; height: 23px; width: 24px; display: block; }
.col-r a#rhapsody { background: transparent url(../images/social-icons.png) no-repeat -112px 0; height: 23px; width: 24px; display: block; }
.col-r a#ourstage { background: transparent url(../images/social-icons.png) no-repeat -140px 0; height: 23px; width: 24px; display: block; }
.col-r label.error { display: block; color: #FE4100; font-weight: bold; }

/*/  HOME PAGE
//
//////////////////////////////////////////////////////////////////*/

.buzz { border-bottom: 1px dashed #AAA; padding-bottom: 15px; margin: 15px auto; overflow: hidden; text-align: left; } /* width: 92%; */
.buzz .buzz-box-content { text-align: left; } /* float: left; width: 560px; */
.buzz-notable { border: none; margin: 15px auto; overflow: hidden; text-align: left; }
/* -- removed, but kept in case of use another time
.buzz .buzz-box-img { float: left; width: 220px; text-align: center; margin-right: 20px; }
.buzz .buzz-box-img img { border: 1px solid #000; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; }
.buzz .buzz-box-columns { float: left; padding: 0 10px; width: 100%; text-align: left; }
.buzz .buzz-box-columns .notable { float: left; padding-right: 20px; width: 540px; }
.buzz .buzz-box-columns .facebook { float: left; margin-right: 10px; width: 245px; }
*/

/*/  MUSIC
//
//////////////////////////////////////////////////////////////////*/

.tunes { border-bottom: 1px dashed #AAA; padding-bottom: 15px; margin: 15px auto; overflow: hidden; width: 370px; }
.tunes-last { border-bottom: none; margin: 15px auto; overflow: hidden; width: 370px; }
.tunes-tunecore { border-bottom: 1px dashed #AAA; padding-bottom: 15px; margin: 15px auto; overflow: hidden; width: 400px; }
.tunes .tunes-cd-img { padding-bottom: 10px; }
.tunes .tunes-cd-img img { border: 5px solid #FFF; }
.tunes table { padding: 0; margin: 0; border-collapse: collapse; width: 100%; }
.tunes table th, 
.tunes table td { font-size: 13px; }
.tunes table th { color: #FFF799; }
.tunes table td { border-top: 1px solid #666; padding: 6px 0; vertical-align: middle; }
.tunes table th.col-1, 
.tunes table td.col-1 { text-align: left; padding-left: 5px; }
.tunes table th.col-2, 
.tunes table td.col-2 { text-align: right; padding-right: 5px; }
.tunes table td a.buy-link { background-color: #0099FF; color: #FFF; font-size: 10px; padding: 4px 6px 3px; text-decoration: none; text-transform: uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; -border-radius: 3px; }
.tunes table td a:hover.buy-link { background-color: #0066CC; }

/*/  VIDEO
//
//////////////////////////////////////////////////////////////////*/

.action { border-bottom: 1px dashed #AAA; padding-bottom: 15px; margin: 15px auto; overflow: hidden; width: 660px; }
.action-last { border-bottom: none; margin: 15px auto; overflow: hidden; width: 660px; }
.action .action-video { background-color: #650070; padding: 10px 10px 5px 10px; text-align: center; }
.action .highlights { padding-top: 15px; }
.action .highlights p { padding-bottom: 0px !important; }

/*/  TOUR DATES
//
//////////////////////////////////////////////////////////////////*/

.shows { border-bottom: 1px dashed #AAA; padding-bottom: 15px; margin: 15px auto; overflow: hidden; width: 540px; }
.shows-last { border-bottom: none; margin: 15px auto; overflow: hidden; width: 540px; }
.shows table { padding: 0; margin: 0; border-collapse: collapse; width: 100%; }
.shows table th, 
.shows table td { font-size: 13px; }
.shows table th { color: #FFF799; }
.shows table td { border-top: 1px solid #666; padding: 6px 0; vertical-align: middle; }
.shows table th.col-1, 
.shows table td.col-1 { text-align: left; padding-left: 5px; }
.shows table th.col-3, 
.shows table td.col-3 { text-align: right; padding-right: 5px; }
.shows table td.col-1 { width: 20%; }
.shows table td.col-2 { width: 60%; }
.shows table td.col-3 { width: 20%; }

/*/  CONTACT
//
//////////////////////////////////////////////////////////////////*/

.contact { /*border-bottom: 1px dashed #AAA;*/ padding-bottom: 15px; margin: 15px auto; overflow: hidden; width: 92%; }
.contact dl { padding: 0 10px; margin: 0; float: left; }
.contact dl { width: 250px; }
.contact dt { border-bottom: 1px dashed #AAA; font-size: 18px; padding-bottom: 8px; margin-bottom: 8px; text-transform: uppercase; }
.contact dd { padding: 2px 0; /*border-top: 1px dashed #AAA;*/ }
.contact dd a { color: #EC008C; text-decoration: none; }
.contact dd a:hover { text-decoration: underline; }

/*/  TWITTER API
//
//////////////////////////////////////////////////////////////////*/

.twitters a { color: #EC008C; }
.twitters { border: none; padding: 5px 0 0 0; overflow: auto; margin: 0; font-weight: normal; line-height: 1.2em; }
.twitters ul { list-style: none; padding: 0; white-space: normal; }
.twitters ul li { padding: 0 0 10px 0; }
.twitters span.prefix, .twitters span.twitterPrefix { font-weight: normal; }
.twitters span.time, .twitters span.twitterTime { font-style: italic; color: #AAA; font-size: 11px; display: block; }
.twitters span.status, .twitters span.twitterStatus { font-style: normal; }
.twitters span.twitterPrefix img { display: none; }

/*/  FORM ELEMENTS 
//
//////////////////////////////////////////////////////////////////*/

/* Controls width of your form */
.e2ma_signup_form { width: 220px; }

/* Controls the style, width, and font style of the text input, select and textarea fields */
.e2ma_signup_form input[type=text],
.e2ma_signup_form textarea,
.e2ma_signup_form select { background: transparent; border: 1px solid #EEE; color: #FFF; font-size: 10px; padding: 4px 5px; width: 185px; }

.e2ma_signup_form input[type=text]:focus,
.e2ma_signup_form textarea:focus,
.e2ma_signup_form select:focus { border: 1px solid #EC008C; }

/* Controls width, style, and padding of the table border outlines around individual member fields */
.e2ma_signup_form_row { border: 0; padding: 0; margin-bottom: 5px; }

/* Controls alignment and display of image in welcome message */
.e2ma_signup_image_container { display: none; }

/* Controls border around signup image (when image is linked) */
.e2ma_signup_image { display: none; }

/* Controls style and formatting of welcome message */
.e2ma_signup_message { display: none; }

/* Controls style and formatting of form field labels (first name, last name, etc.) */
.e2ma_signup_form_label { font-size: 12px; color: #FFF; text-align: left; padding-top: 0px; }

/* Controls spacing and style for any text used to list options under multiple choice fields) */
.e2ma_signup_form_element { }

/* For signup screens that are set to allow people to select which audience groups they'd like to join: 
Controls style for "Select your interests..." text */
.e2ma_signup_form_group_label { }

/* For signup screens that are set to allow people to select which audience groups they'd like to join: 
Controls style and spacing for groups displayed as options */
.e2ma_signup_form_groups { }

/* Controls the style and spacing of the word "required" and border surrounding that text */
.e2ma_signup_form_required_footnote { font-size: 11px; color: #FFF; border: 0; padding: 5px; margin-bottom: 5px; }

/* Controls the color of the asterisk that indicates a field is required */
.e2ma_signup_form_required_asterix { color: #FE4100; }

/* Controls the alignment of "submit" and "clear" buttons */
.e2ma_signup_form_button_row { }

/* Controls display of the "clear" button */
.e2ma_signup_form_button_row #e2ma_signup_reset_button { background: #6F0053; -moz-border-radius: 4px; -webkit-border-radius: 4px; -border-radius: 4px; border: 1px solid #6F0053; color: #FFF; padding: 4px 10px 5px; }

/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.e2ma_signup_form_button { background: #6F0053; -moz-border-radius: 4px; -webkit-border-radius: 4px; -border-radius: 4px; border: 1px solid #6F0053; color: #FFF; padding: 4px 10px 5px; }

/*/  GLOBAL
//
//////////////////////////////////////////////////////////////////*/

a { color: #EC008C; text-decoration: none; }
a:hover { text-decoration: underline; }
cite { font-style: italic; }
#content .page-footer { border-top: 1px dashed #AAA; padding-top: 15px; margin: 15px auto; overflow: hidden; text-align: right; width: 94%; } /* border-bottom: 0px; padding-bottom: 15px; margin: 15px auto; overflow: hidden; width: 92%; */
#music .page-footer { border-bottom: 0px; padding-bottom: 15px; margin: 15px auto; overflow: hidden; width: 370px; text-align: right; }
#videos .page-footer { border-bottom: 0px; padding-bottom: 15px; margin: 15px auto; overflow: hidden; width: 660px; text-align: right; }
#tour-dates .page-footer { border-bottom: 0px; padding-bottom: 15px; margin: 15px auto; overflow: hidden; width: 540px; text-align: right; }