/*

__________     ___.  ___.   .__          ____ ___         
\______   \__ _\_ |__\_ |__ |  |   ____ |    |   \______  
 |    |  _/  |  \ __ \| __ \|  | _/ __ \|    |   /\____ \ 
 |    |   \  |  / \_\ \ \_\ \  |_\  ___/|    |  / |  |_> >
 |______  /____/|___  /___  /____/\___  >______/  |   __/ 
        \/          \/    \/          \/          |__|  
                              www.bubbleup.net 

*/ 



/* reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} body { margin: 0; line-height: 1; font-size: 13px; } h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;} body, button, input, select, textarea { font-family: sans-serif; } a { color: #00e; } /*a:visited { color: #551a8b; }*/ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol, menu ul, menu ol, nav, menu { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible;} table button, table input { *overflow: auto; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top;} table { border-collapse: collapse; border-spacing: 0; } .clearfix:before, .clearfix:after, header:before, header:after, .layout-main:before, .layout-main:after { content: ""; display: table; } .clearfix:after, header:after, .layout-main:after { clear: both; } .clearfix, header, .layout-main { zoom: 1; } 






/*___________ shell ____________________________________________________________*/



@font-face { font-family: 'BebasNeueRegular'; src: url('type/BebasNeue-webfont.eot'); src: url('type/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('type/BebasNeue-webfont.woff') format('woff'), url('type/BebasNeue-webfont.ttf') format('truetype'), url('type/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } 

@font-face { font-family: 'CgDavisonAmericana'; src: url('type/cgdavisonamericana.eot'); src: url('type/cgdavisonamericana.eot?#iefix') format('embedded-opentype'), url('type/cgdavisonamericana.woff') format('woff'), url('type/cgdavisonamericana.ttf') format('truetype'), url('type/cgdavisonamericana.svg#cgdavisonamericana') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'GentiumBasicRegular'; src: url('type/GenBasR-webfont.eot'); src: url('type/GenBasR-webfont.eot?#iefix') format('embedded-opentype'), url('type/GenBasR-webfont.woff') format('woff'), url('type/GenBasR-webfont.ttf') format('truetype'), url('type/GenBasR-webfont.svg#GentiumBasicRegular') format('svg'); font-weight: normal; font-style: normal; } 

@font-face { font-family: 'GentiumBasicItalic'; src: url('type/GenBasI-webfont.eot'); src: url('type/GenBasI-webfont.eot?#iefix') format('embedded-opentype'), url('type/GenBasI-webfont.woff') format('woff'), url('type/GenBasI-webfont.ttf') format('truetype'), url('type/GenBasI-webfont.svg#GentiumBasicItalic') format('svg'); font-weight: normal; font-style: normal; } 

@font-face { font-family: 'GentiumBasicBold'; src: url('type/GenBasB-webfont.eot'); src: url('type/GenBasB-webfont.eot?#iefix') format('embedded-opentype'), url('type/GenBasB-webfont.woff') format('woff'), url('type/GenBasB-webfont.ttf') format('truetype'), url('type/GenBasB-webfont.svg#GentiumBasicBold') format('svg'); font-weight: normal; font-style: normal; } 

@font-face { font-family: 'GentiumBasicBoldItalic'; src: url('type/GenBasBI-webfont.eot'); src: url('type/GenBasBI-webfont.eot?#iefix') format('embedded-opentype'), url('type/GenBasBI-webfont.woff') format('woff'), url('type/GenBasBI-webfont.ttf') format('truetype'), url('type/GenBasBI-webfont.svg#GentiumBasicBoldItalic') format('svg'); font-weight: normal; font-style: normal; } 

@font-face { font-family: 'GentiumBookBasicRegular'; src: url('type/GenBkBasR-webfont.eot'); src: url('type/GenBkBasR-webfont.eot?#iefix') format('embedded-opentype'), url('type/GenBkBasR-webfont.woff') format('woff'), url('type/GenBkBasR-webfont.ttf') format('truetype'), url('type/GenBkBasR-webfont.svg#GentiumBookBasicRegular') format('svg'); font-weight: normal; font-style: normal; } 

@font-face { font-family: 'GentiumBookBasicItalic'; src: url('type/GenBkBasI-webfont.eot'); src: url('type/GenBkBasI-webfont.eot?#iefix') format('embedded-opentype'), url('type/GenBkBasI-webfont.woff') format('woff'), url('type/GenBkBasI-webfont.ttf') format('truetype'), url('type/GenBkBasI-webfont.svg#GentiumBookBasicItalic') format('svg'); font-weight: normal; font-style: normal; } 

@font-face { font-family: 'GentiumBookBasicBold'; src: url('type/GenBkBasB-webfont.eot'); src: url('type/GenBkBasB-webfont.eot?#iefix') format('embedded-opentype'), url('type/GenBkBasB-webfont.woff') format('woff'), url('type/GenBkBasB-webfont.ttf') format('truetype'), url('type/GenBkBasB-webfont.svg#GentiumBookBasicBold') format('svg'); font-weight: normal; font-style: normal; } 

@font-face { font-family: 'GentiumBookBasicBoldItalic'; src: url('type/GenBkBasBI-webfont.eot'); src: url('type/GenBkBasBI-webfont.eot?#iefix') format('embedded-opentype'), url('type/GenBkBasBI-webfont.woff') format('woff'), url('type/GenBkBasBI-webfont.ttf') format('truetype'), url('type/GenBkBasBI-webfont.svg#GentiumBookBasicBoldItalic') format('svg'); font-weight: normal; font-style: normal; } 



#loader {background: #000 url(images/loader.gif) center center no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; display: none;}


body {background: #20130a url(images/body_bg.jpg) 50% 0 repeat-y; font: 14px/1 Arial, Helvetica, Helvetica Neue, sans-serif; color: #eee;}

.capsule {width: 980px; margin: 0 auto; padding: 0 10px;}

#wrapper {}

/*#wrapper {background: #000 url(images/posters_bg.jpg) fixed 50% 0 no-repeat;}*/

.capsule {width: 980px; margin: 0 auto; padding: 0 10px;}



#main-header {padding-top: 32px;}

#main-nav {height: 100px; position: fixed; top: 0; left: 0; right: 0; background: url(images/main_nav_bg.jpg) 50% 0 no-repeat; z-index: 1000;}
#main-nav ul {text-align: center;}
#main-nav ul li {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding-left: 13px; margin-left: 8px; background: url(images/main_nav_div.png) 0 10px no-repeat;}
#main-nav ul li:first-child {margin: 0; padding: 0; background: none;}
#main-nav ul li a {display: block; font: 15px/32px 'CgDavisonAmericana', serif; text-decoration: none; text-transform: uppercase; color: #fedc92; }
#main-nav ul li a:hover {color: #fff;}


/*___________subnav ____________________________________________________________*/

#sub-nav {height: 40px; position: relative; padding: 10px 0 0; left: 0; right: 0; background: url(images/content_sub_bg.png) repeat; z-index: 1000;}

#sub-nav ul {text-align: center; background: url(images/sub-nav-bkg.png) 50% 0 no-repeat;}
#sub-nav ul li {display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding-left: 28px; margin-left: 11px; background: url(images/sub_nav_div.png) 0 12px no-repeat;}
#sub-nav ul li:first-child {margin: 0; padding: 0; background: none;}
#sub-nav ul li a {display: block; font: 22px/42px 'BebasNeueRegular', serif; text-decoration: none; text-transform: uppercase; color: #432305; }
#sub-nav ul li.active a,
#sub-nav ul li a:hover {color: #fff;}

#main-logo {display: block; width: 568px; height: 0; overflow: hidden; padding: 110px 0 0; background: url(images/main_logo.png) no-repeat; margin: 20px 0 8px; position: relative; z-index: 100;}

#main-content {padding: 0 0 40px;}

#main-footer {padding: 8px 0; margin-top:10px; overflow: hidden; position: relative; z-index: 1000; background-color:#200d04; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */}
#main-copy {float: left; width:600px; margin: 0 18%; text-align:center; font-size: 10px; display: block; color: #7d4b22; text-transform: uppercase; line-height: 1.25em; font-weight: bold;}
#main-copy a {color: #7d4b22; text-decoration: none; font-size: 18px; line-height:1.45em; }
#main-copy a:hover {color: #b68862;}
.div-pipe {font-size: 20px; font-weight:lighter; line-height:1.45em;}
#pbbu {display: block; width: 80px; height: 0; overflow: hidden; padding: 38px 0 0; background: url(images/pbbu.png) no-repeat; float: right; margin-top: -35px;}

.breadcrumbs {
  float:left;
  margin-bottom:10px;
  font-size:15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #391707;
  width: 930px;
  padding-bottom: 10px;
}


/*___________ page backgrounds ____________________________________________________________*/

#body-tour {background: #20130a url(images/map_bg.jpg) 50% 0 no-repeat;}
#body-news {background: #080703 url(images/posters_bg.jpg) 50% 0 no-repeat;}
#body-livestream {background: #080703 url(images/posters_bg.jpg) 50% 0 no-repeat;}
#body-live_radio {background: #080703 url(images/posters_bg.jpg) 50% 0 no-repeat;}
#body-the-band {background: #010100 url(images/rek_frontporch-sub-bkg.jpg) 50% 0 no-repeat;}
#body-discography {background: #010100 url(images/rek_frontporch-sub-bkg.jpg) 50% 0 no-repeat;}
#body-videos {background: #010100 url(images/rek_frontporch-sub-bkg.jpg) 50% 0 no-repeat;}
#body-blog {background: #010100 url(images/rek_frontporch-sub-bkg.jpg) 50% 0 no-repeat;}
#body-photos {background: #010100 url(images/rek_frontporch-sub-bkg.jpg) 50% 0 no-repeat;}
#body-jukebox {background: #010100 url(images/rek_frontporch-sub-bkg.jpg) 50% 0 no-repeat;}
#body-friends {background: #080703 url(images/badges_bg.jpg) 50% 0 no-repeat;}
#body-email-updates {background: #080703 url(images/REK_emupdates_bg.jpg) 50% 0 no-repeat;}
#body-email-updates-thank-you {background: #080703 url(images/REK_emupdates_bg.jpg) 50% 0 no-repeat;}
#body-contact {background: #080703 url(images/REK_emupdates_bg.jpg) 50% 0 no-repeat;}
#body-contact-thank-you {background: #080703 url(images/REK_emupdates_bg.jpg) 50% 0 no-repeat;}
#body-privacy {background: #20130a url(images/body_bg.jpg) 50% 0 no-repeat;}
#body-terms {background: #20130a url(images/body_bg.jpg) 50% 0 no-repeat;}
#body-tickets {background: #080703 url(images/REK_emupdates_bg.jpg) 50% 0 no-repeat;}
#body-tickets-confirmation {background: #080703 url(images/REK_emupdates_bg.jpg) 50% 0 no-repeat;}
#body-share-photos {background: #080703 url(images/rek_frontporch-sub-bkg.jpg) 50% 0 no-repeat;}
#body-share-photos-confirmation {background: #080703 url(images/rek_frontporch-sub-bkg.jpg) 50% 0 no-repeat;}
#body-theonlinepartyneverends {background: #080703 url(images/REK_online_party.jpg) 50% 0 no-repeat;}
#body-party-request {background: #080703 url(images/REK_online_party.jpg) 50% 0 no-repeat;}
#body-party-request-c {background: #080703 url(images/REK_online_party.jpg) 50% 0 no-repeat;}
#body-battleshiptexas {background: #010100 url(images/posters_bg.jpg) 50% 0 repeat-y;}
#body-buriedinthebar {background: #010100 url(images/map_bg.jpg) 50% 0 repeat-y;}


#body-the-front-porch {background: #010100 url(images/frontporch_bg_back.jpg) 50% 0 no-repeat;}
#body-the-front-porch #wrapper {background: url(images/frontporch_bg_front.png) 50% 0 no-repeat;}


/*___________ layout ____________________________________________________________*/


#background {position: fixed; z-index: -1; width: 100%; top: 0; left: 0;}

::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }


p {line-height: 1.35em; margin: 0 0 1em;}
a {color: #ee6500; text-decoration: none; transition: color .1s ease-in; -moz-transition: color .1s ease-in; -webkit-transition: color .1s ease-in; -o-transition: color .1s ease-in;}
a:hover {color: #b54d00;}
hr {margin: 10px 0; padding: 0; height: 0; overflow: hidden; border-top: 1px solid #222;}


h1, h2, h3, h4, h5, h6 {}

h1 {}
h2 {}
h3 {}
h3 span {font: 18px/23px 'CgDavisonAmericana', serif; color: #ee6500; text-transform: uppercase; letter-spacing:2px}
h4 {}
h5 {}
h6 {}

.layout-main {padding: 25px; background: url(images/content_bg.jpg) repeat; min-height: 400px;}

.sub-pages {padding: 25px; background: url(images/content_sub_bg.png) repeat; min-height: 400px;}

.layout-no-bg {padding: 0; background: none;}

.layout-2col-left {}
.layout-2col-left .main-col {float: left;}
.layout-2col-left .side-col {float: right;}

.layout-2col-right {}
.layout-2col-right .main-col {float: right;}
.layout-2col-right .side-col {float: left;}

.layout-2col-right .main-col, .layout-2col-left .main-col {width: 600px;}
.layout-2col-right .side-col, .layout-2col-left .side-col {width: 310px;}

.section-block {margin: 0 0 20px;}

.page-header {height: 55px; margin-top: -55px;}
.page-header h1 {float: right; margin: 0; padding: 0; font: 32px/43px 'CgDavisonAmericana', serif; color: #e8e8e8; text-transform: uppercase;}

.section-header {}
.section-header h2 {float: left;}

.section-utility ul, .page-utility ul {margin: 0; padding: 0; list-style: none;}
.section-utility ul li, .page-utility ul li {float: left; margin: 0 0 0 5px;}
.section-utility ul li a, .page-utility ul li a {}


.general-table {border-left: 1px dotted #EEEFF4; border-top: 1px dotted #EEEFF4;  font-size: 12px; width: 100%; margin: 0 0 1em;}
.general-table tr {border-bottom: 1px dotted #EEEFF4; }
.general-table tr td {padding: 3px 6px; border-right: 1px dotted #EEEFF4;}
.general-table thead tr {background: #222; color: #fff;}





/*___________ tools ____________________________________________________________*/

.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}
.tac {text-align: center;}
.ttu {text-transform: uppercase;}
.width-auto, .wa {width: auto!important;}


.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}





/*___________ forms ____________________________________________________________*/

.success, .error {font-weight: bold;}
.success {color: #33CC66;} .error {color: #FF0000;}
.general-form {margin: 0; padding: 0; list-style: none;}
.general-form li {margin: 0 0 10px!important;}
.general-form label {display: inline-block; vertical-align: middle; width: 185px;}
.general-form .form-row-req-field, .general-form .req-field, .errors {color: #ff0000; font-weight: bold;}

input, select, textarea {background: #fff; padding: 5px; border: 2px solid #ddd;}

.general-form input,
.general-form select,
.general-form textarea {display: inline-block; width: 500px; vertical-align: middle;}
.general-form textarea {height: 100px; vertical-align: top;}

.general-form .checkbox, .general-form .radio {width: auto!important;}
.general-form #bday_mm,
.general-form #bday_dd {width: 50px!important;}
.general-form #bday_yyyy {width: 100px!important;}
.general-form #zip {width: 120px!important;}
.general-form #mobile {width: 200px!important;}

.form-label-subtext {font-size: .8em;}



/*recaptcha*/
#recaptcha_widget {background: #ddd; padding: 10px; width: auto; /*margin-left: 188px;*/ display: inline-block!important; zoom: 1; *display: inline!important; vertical-align: top;}

#recaptcha_image {float: left; width: 300px; height: 59px!important; background: #fff; text-align: center;}
.recaptcha_audio_cant_hear_link {display: inline-block; zoom: 1; *display: inline; margin: 0 0 5px;}
#recaptcha_options {float: left; margin: 0 0 0 1px; width: 19px;}
#recaptcha_options div {margin: 0 0 1px;}
#recaptcha_options div a {display: block; width: 20px; height: 0; overflow: hidden; padding: 19px 0 0; background: #fff url(images/icons/recaptcha_icons.png) no-repeat;}
#recaptcha_options div.recaptcha_get_another a {background-position: 5px 3px;}
#recaptcha_options div.recaptcha_only_if_audio a {background-position: 5px -18px;}
#recaptcha_options div.recaptcha_only_if_image a {background-position: 5px -58px;}
#recaptcha_options div.recaptcha_help a {background-position: 5px -38px;}
.recaptcha_title {display: block; clear:both; padding: 10px 0 4px; font-weight: bold; color:#000;}
#recaptcha_response_field {width: 314px;}
#captchadiv {display: none;}



/*login form*/
.login-forgot {display: block; margin-left: 190px;}
#login-form input {width: 200px;}


#party-request-form {color: #000;}


/*___________ social ____________________________________________________________*/
   
.social-icons {overflow: hidden;}
.social-icons ul {margin: 0; padding: 0; list-style: none;}
.social-icons ul li {float: left; margin: 0 3px 0 0;}

.gp-plus {width: 38px; height: 24px; overflow: hidden; display: block;}
.fb-like {display: block;}

.comments_link {display: block; height: 24px; line-height: 24px; background: #222; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 0 5px; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px;}

.st_sharethis_custom,
.st_twitter_custom {background: url(images/icons/sharethis_24.png) 0 0 no-repeat; width: 24px; height: 0; overflow: hidden; padding: 24px 0 0; display: block; cursor: pointer;}
.st_twitter_custom {background: url(images/icons/twitter_24.png) 0 0 no-repeat; }

.social-icons .fb_edge_comment_widget {display: none!important;}







/*___________ buttons ____________________________________________________________*/

.button, button, input[type=submit], #submit, .pagination a {display: inline-block; zoom: 1; *display: inline; padding: 0px 10px;  text-decoration: none; border: 0; text-transform: uppercase; height: 32px; font: 20px/34px 'BebasNeueRegular', sans-serif; background: url(images/button_bg.png) repeat-x; color: #222; border: 1px solid #ddd;}
   
.button:hover, button:hover, input[type=submit]:hover, #submit:hover, .pagination a:hover {border-color: #be1922; color: #222; text-decoration: none;}


.back, .read-more {height: 26px; line-height: 30px; font-size: 18px;}


.pagination {text-align: right;}
.pagination a,
.pagination span {display: inline-block; zoom: 1; *display: inline;}

.pagination a:hover {}
.pagination a.current {}   

.pagination .active {background: #666;}
.pagination .prev_link {}
.pagination .next_link {}
.pagination .first_page {}
.pagination .active_page {}
.pagination .last_page {}

.pagination .pipe_divider, .pagination .ellipses {display: none;}









/*___________ home ____________________________________________________________*/

/*billboard*/
#billboard-wrapper {width: 639px; height: 201px; background: url(images/home/billboard_a.png) no-repeat; position: absolute; top: -205px; left: 57%; margin-left: -330px; z-index: 6;}

#billboard {width: 593px; height: 155px; overflow: hidden; position: relative; margin: 19px 0 0 20px;}
#billboard img {display: block;}

#billboard-prev, #billboard-next {position: absolute; top: 50%; margin-top: -17px; width: 34px; height: 0; overflow: hidden; padding: 34px 0 0; background: url(images/carousel_arrows.png) no-repeat;  display: block; cursor: pointer; z-index: 10;}
#billboard-prev {background-position: 0 0; left: 0px;}
#billboard-next {background-position: -34px 0; right: 0px;}




#billboard-page {position: relative;}
.billboard-content {position: absolute; bottom: 10px; left: 0px; padding: 10px; background: #000; color: #fff; display: none; }







#body-welcome {background: #b1cdf6 url(images/home/sky.jpg) 50% 0 no-repeat; }

#body-welcome #main-logo {margin-left: 280px; margin-top: 17px; }
#page {background: url(images/home/skyline.png) 50% 0 no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0;}
#guitar {width: 912px; height: 2278px; background: url(images/home/guitar.png) no-repeat; position: fixed; top: -890px; left: 37%; margin-left: -850px; z-index: 5;}
#road, #road2 {background: url(images/home/road.png) 50% 483px no-repeat; top: 0; left: 0; right: 0; bottom: 0; position: fixed;}
#road2 {background: url(images/home/road2.png) 50% 453px no-repeat;}
#sun {width: 1227px; height: 1227px; background: url(images/home/sun.png) no-repeat; position: fixed; top: -100px; left: 40%; z-index: -1;}
#clouds, #cloudsscroll {position: absolute; top: -180px; left: 0; right: 0; height: 754px; background: url(images/home/clouds.png) 0 0  repeat-x; z-index: 0}
#paper {background: url(images/home/paper.png) 50% 1500px no-repeat; top: 0; left: 0; right: 0; bottom: 0; position: fixed;}
#paper2 {background: url(images/home/paper2.jpg) 50% 1500px no-repeat; top: 0; left: 0; right: 0; bottom: 0; position: fixed; }
#sunglasses {background: url(images/home/sunglasses.png) 0 2035px no-repeat; top: 0; left: 30%; right: 0; bottom: 0; position: fixed; margin-left: -450px;}
#map-a {background: url(images/home/map_a.png) 120% 1510px no-repeat; top: 0; left: 0; right: 0; bottom: 0; position: fixed;}
#map-b {background: url(images/home/map_b.png) 10% 1400px no-repeat; top: 0; left: 0; right: 0; bottom: 0; position: fixed;}
#key {background: url(images/home/key.png) 0 1400px no-repeat; top: 0; left: 20%; margin-left: -200px; right: 0; bottom: 0; position: fixed;}
#pick-c, #pick-b, #pick-a {width: 100px; position: fixed; top: 0; bottom: 0; width: 100px; z-index: 1;}
#pick-c {background: url(images/home/pick_c.png) 0 1710px no-repeat; left: 90%}
#pick-b {background: url(images/home/pick_b.png) 0 1840px no-repeat; right: 10%;}
#pick-a {background: url(images/home/pick_a.png) 0 1820px no-repeat; left: 87%;}
#billboard-c {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(images/home/billboard_c.png) 65% 145px no-repeat; z-index: 2;}
#billboard-b {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(images/home/billboard_b.png) 57% 145px no-repeat; z-index: 2;}


#drumstick-a, #drumstick-b {top: 0; right: 0; right: 0; bottom: 0; position: fixed;}
#drumstick-a {background: url(images/home/drumstick_a.png) 0 2035px no-repeat; width: 390px; }
#drumstick-b {background: url(images/home/drumstick_b.png) 0 2035px no-repeat; width: 199px;}


#journal {background: url(images/home/journal.png) 0 1400px no-repeat; top: 0; left: 5%; margin-left: -150px; right: 0; bottom: 0; position: fixed;}

#content-home {position: absolute; top: 365px; left: 0; right: 0; z-index: 999;}
#home {position: relative; left: 57%; margin-left: -330px; z-index: 6; padding-bottom: 100px; width: 620px;}

.home-section {width: 583px; padding: 20px; background: url(images/home/home_section_bg.png) repeat; margin: 0 0 35px;}



.home-section-header {margin: 0 0 10px;}
.home-section-header h2 {float: left; margin: 0; padding: 0; font: 44px/1em 'CgDavisonAmericana', serif; color: #e8e8e8; text-transform: uppercase;}

.home-section-utility {margin: 0; padding: 0; list-style: none; float: right;}
.home-seciton-utility li {float: left;}



.home-more {text-align: right;}


.rss {display: block; width: 31px; height: 0; overflow: hidden; padding: 31px 0 0; background: url(images/rss_31.png) no-repeat;}


#body-welcome #main-footer {background: #20130a url(images/body_bg.jpg) 50% 0 repeat-y;}




#home-emupdates {overflow: hidden;}
#home-emupdates input {width: 480px; margin: 0 5px 0 0; float: left;}
#home-emupdates button {float: left;}








#countdown_051713 {background: url(images/051713_countdown.png) no-repeat; width: 666px; height: 208px; margin: -10px 0 20px -43px; font: bold 71px/75px 'BebasNeueRegular', sans-serif; color: #fff6af; text-align: center; letter-spacing: 20px; text-shadow: 0 0 10px rgba(255,240,122,.77); display: block; text-decoration: none;}

#countdown_051713 .countdown_section {display: block; padding: 59px 0 0 213px; margin: 0; list-style: none;}

.ie7 #countdown_051713 .countdown_section {padding-left: 203px;}

#countdown_051713 .countdown_section li {float: left; width: 102px; margin: 0 10px 0 0;}





/*___________ news ____________________________________________________________*/


.articles-block {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 2px solid #000; position: relative;}

.articles-date {line-height: 1em; color:#BBB;}  

.articles-headline {font: 22px/24px 'GentiumBasicBold', serif; text-transform: uppercase; color: #ee6500;  margin: 3px 0 0; }
.articles-headline a {color: #ee6500; }

.articles-body {margin-left: 115px; line-height: 1.35em; color: #fff;}

.articles-photo {float: left;}
.articles-photo img {display: block; width: 100px;}

#articles-short .articles-photo img {width: 50px;}
#articles-short .articles-body {margin-left: 65px;}

.articles-utility {margin: 10px 0 0;}

.articles-block .social-icons {margin-top: 10px; display: none;}
#articles-details .social-icons {display: block;}






.jcarousel-skin-news .jcarousel-direction-rtl { direction: rtl; } 
.jcarousel-skin-news .jcarousel-container-horizontal { padding: 0 32px 0; } 
.jcarousel-skin-news .jcarousel-clip { overflow: hidden; } 
.jcarousel-skin-news .jcarousel-clip-horizontal { width: 866px; } 

.jcarousel-skin-news .jcarousel-item-horizontal { margin-left: 0; width: 294px!important; }

.jcarousel-skin-news .jcarousel-direction-rtl .jcarousel-item-horizontal {  margin-right: 0; } 

.jcarousel-skin-news .jcarousel-prev-horizontal,
.jcarousel-skin-news .jcarousel-next-horizontal { position: absolute; top: 50%; margin-top: -17px; width: 34px; height: 0; overflow: hidden; padding: 34px 0 0; background: url(images/carousel_arrows.png) no-repeat;  display: block; cursor: pointer;} 

.jcarousel-skin-news .jcarousel-prev-horizontal {background-position: 0 0; left: -12px;}
.jcarousel-skin-news .jcarousel-next-horizontal {background-position: -34px 0; right: -12px;}




.news-carousel-block {width: 276px; position: relative; background: #222;}
.news-carousel-photo {width: 276px; margin: 0;}
.news-carousel-photo img {display: block; width: 100%; height: auto;}
.news-carousel-date {display:block; font: 22px/36px 'BebasNeueRegular', serif; text-transform: uppercase; color: #BBB; padding: 5px 10px 0;}
.news-carousel-body {padding: 0; color: #fff; font-size: 14px; line-height: 1.35em; padding: 0 10px 50px; }
.news-carousel-headline {font: 18px/20px 'GentiumBasicBold', serif; text-transform: uppercase; color: #ee6500; border-bottom: 3px solid #666666; padding: 0 0 10px 0; margin: 0 0 10px;}
.news-carousel-headline a {text-decoration: none; color: #ee6500;}

.news-carousel-utility {position: absolute; background: #333; bottom: 0; left: 0; right: 0; height: 38px; text-align: right; transition: background .1s ease-in;  -moz-transition: background .1s ease-in; -webkit-transition: background .1s ease-in; -o-transition: background .1s ease-in;}
.news-carousel-read-more {font: 20px/40px 'BebasNeueRegular', sans-serif; color: #ee6500; display: block; padding: 0 40px; background: url(images/news_carousel_arrow.png) 248px 12px no-repeat; }
.news-carousel-read-more:hover {color: #fff; }
.news-carousel-utility:hover {background: #ee6500;}


/*___________ blog ____________________________________________________________*/

/*history*/
#blog-archive {}
.blog-archive-block {display: block; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #391707; }
.blog-archive-headline { font-size:18px; color:#ee6500; font-weight:normal; line-height:1.35em;}
.blog-archive-date {font-size:12px; color:#ccc; padding-top:5px; padding-bottom:5px;}
.blog-archive-date span {}


/*main*/
.blog-main {}
#blog-main {}
#blog-short {}

.blog-headline {font: 18px/23px 'CgDavisonAmericana', serif; color: #ee6500; text-transform: uppercase; letter-spacing:2px; padding-bottom:5px;}
.blog-headline a {}

.blog-date {font-size:12px; color:#ccc; padding-top:5px; padding-bottom:5px;}
.blog-date span {}

.blog-body {line-height:1.35em; margin-top: 5px; margin-bottom:20px;}

.blog-photo {}
.blog-photo img {}

.blog-utility {margin: 10px 0 0;}   



/*___________ tour dates ____________________________________________________________*/


.tourdates-block {padding: 15px; background: url(images/content_bg.jpg) repeat; margin: 0 0 6px;}

.tourdates-date {font: 20px/24px 'GentiumBasicBold', serif; display: block;  float: left; color: #fed78c; text-transform: uppercase; margin: 0 20px 0 0; width: 120px;}

.tourdates-month {margin: 0 .3em 0 0;}

.tourdates-day {}

.tourdates-body {overflow: hidden;}

.tourdates-headline {font: 20px/24px 'GentiumBasicBold', serif; color: #ee6500; text-transform: uppercase; float: left; display: block; width: 400px; margin: 0 30px 0 0; }
.tourdates-headline a { color: #ee6500; text-decoration: none; }

.tourdates-location {font-size: 16px; line-height: 24px; color: #fff; text-transform:uppercase; float: left; display: block; width: 300px;}

.tourdates-functions {margin: 0; padding: 0; list-style: none; overflow: hidden; float: right;}
.tourdates-functions li {float: left; margin: 0 5px 0 0;}
.tourdates-functions li a {font-size: 18px; line-height: 22px; height: 22px;}

.
.tourdates-utility {margin: 10px 0 0;}

.tourdates-block .social-icons {margin: 10px 0 0;}

.tourdates-info {clear: both; padding-top: 20px;}


#tourdates-short .tourdates-block {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 2px solid #000; position: relative; padding: 0; background: none;}

#tourdates-short .tourdates-date {float: left; width: 76px; height: 89px; background: url(images/tourdates_date_bg.png) no-repeat; color: #fff; text-align: center; font-family: Arial; color: #fff; margin: 0;}
#tourdates-short .tourdates-month {display: block; font-size: 16px; text-transform: uppercase; margin: 10px 0 0; }
#tourdates-short .tourdates-day {display: block; font-size: 36px;}

#tourdates-short .tourdates-body {margin-left: 90px; margin-top: 10px;}

#tourdates-short .tourdates-headline {color: #fff; font: 22px/24px 'GentiumBasicBold', serif; text-transform: uppercase; color: #ee6500; display: block; margin: 0 0 2px;}
#tourdates-short .tourdates-headline a {color: #ee6500;}

#tourdates-short .tourdates-location {color: #fff; font-size: 16px;}


/* RSVP */

#rsvp-wrapper {}





/*___________ calendar ____________________________________________________________*/
   
.cal_wrapper .minical, .cal_wrapper .minical_popup {display: none;} 

#cal_topnav {text-align: center; position: relative; margin: 0 0 10px; background: #eee;}
#cal_topnav .cal_nav {}
#cal_topnav #cal_nav_prev {position: absolute; left: 7px; top: 7px;}
#cal_topnav #cal_nav_current {display: inline-block; padding: 10px; font-size: 20px;}
#cal_topnav #cal_nav_next {position: absolute; right: 7px; top: 7px;}

.cal_main {width: 100%;}
.cal_main tr td {width: 14%; padding: 4px 2px 0; margin: 0;}
.cal_main thead {background: #222; color: #fff; text-tranform: uppercase; font-weight: bold; font-size: 11px;}
.cal_main thead tr td {padding: 4px;}

.cal_cell {position: relative; padding: 5px; background: #eee; min-height: 80px; display: block; text-decoration: none;}
.cal_main_date {display: block; margin: -5px -5px 5px 5px; float: right; color: #222; font-weight: bold; font-size: 11px; line-height: 20px; width: 20px; text-align: center;}

.cal_cell_off {}

.cal_cell_on h3 {margin: 0 0 8px; padding: 0; background: none; line-height: 1; font-size: 11px; font-weight: bold;}
.cal_cell_on .cal_cell {background-color: #fff; }

.cal_wrapper_in {}
.cal_wrapper_in #cal_topnav {text-align: left;}








/*___________ photos ____________________________________________________________*/
   




.photos-wrapper {overflow: hidden;}
#photos-wrapper {}
#gallery-wrapper {}

.photos-breadcrumbs {margin: 0 0 10px; display: block; }

#photos-listing {list-style: none; margin: 0; padding: 0; text-align: center;}
#photos-listing li {margin: 0 2px 4px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }
#photos-listing li a {display: block; text-decoration: none; position: relative; width: 140px;}
#photos-listing li a .photo-thumbnail-wrapper {width: 130px; height: 130px; overflow: hidden; position: relative;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;   background-size: cover; background-position: 50% 50%;  background-repeat: no-repeat; cursor: pointer; border: 5px solid #999; margin: 0 0 5px;}


.ie7 #photos-listing li a .photo-thumbnail-wrapper,
.ie8 #photos-listing li a .photo-thumbnail-wrapper {background: #000!important;}

#photos-listing li a .photo-thumbnail-wrapper img {display: block; margin: 0 auto; display: block; width: 100%;}


#photos-listing li a .photo-title {display: block; color: #fedc92; font-size: 11px; text-align:center; }

.photos-wrapper .pagination {clear: both; padding: 10px 0 0; }




/*hide home photos from gallery page*/
#photo-gallery-64 {display: none!important;}


/*___________ videos ____________________________________________________________*/

/*sidenav*/
#video-list {margin: 0; padding: 0; list-style: none;}
#video-list ul {margin: 0; padding: 0; list-style: none; max-height: 450px; overflow: hidden; overflow-y: auto;}
#video-list li {display: block;}

#video-list .ui-accordion-header {display: block; text-align: center; background: #222; color: #fff; padding: 5px; margin: 2px 0; cursor: pointer; text-decoration: none; color: #888;
font: 18px/23px 'CgDavisonAmericana', serif; color: #ee6500; text-transform: uppercase; letter-spacing:2px}
#video-list .ui-accordion-header.ui-state-active {color: #fff;}

.video-list-item {}
.video-list-item a {display: block; padding: 7px; border-bottom: 1px solid #391707; overflow: hidden; text-decoration: none;}
.video-list-item a .video-list-thumbnail {float: left; width: 100px;}
.video-list-item a .video-list-thumbnail img {display: block; width: 100%;}
.video-list-item a .video-list-title {margin-left: 110px; display: block;}
.video-list-item a.active, .video-list-item a:hover {background: #140701;}





/*player*/
.video-title {margin-bottom: 10px;}
.video-title h3 {}
.video-title .video-album {display: none;}

.video-player {background: #000; width: 600px; height: 410px;}
.video-player object, .video-player embed, .video-player iframe {width: 100%!important; height: 100%!important;}



/*video info*/
#videos-details {margin: 10px 0 0;}

#video-info {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #391707; }
#video-info #video-description {margin: 0 0 10px; display: block;}

#video-info .social-icons {}


/*home video*/
#video-short .video-player {width: 320px!important; height: 240px!important;}









/*___________ discography ____________________________________________________________*/
   
.discography-wrapper {}

/*ALBUM LISTING*/
#discography-albums-wrapper {}

#discography-albums-listing {text-align: center; margin: 0; padding: 0; list-style: none; padding: 0 0 0;}
#discography-albums-listing li.discography-albums-thumb {display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
#discography-albums-listing li.discography-albums-thumb a {display: block; padding: 10px; margin: 10px; background: #5A524C; width: 250px;}
#discography-albums-listing li.discography-albums-thumb a .discography-albums-img-wrapper {margin: 0 0 10px; width: 250px; height: 250px;}
#discography-albums-listing li.discography-albums-thumb a .discography-albums-img-wrapper img {display: block; margin: 0 auto; width: 100%; height: 100%;}
#discography-albums-listing li.discography-albums-thumb a .discography-albums-title {text-align: center; color: #fff; text-decoration: none; font-size: 11px; font-weight: bold; }


/*ALBUM DETAILS*/
#discography-details-wrapper {}


/*album details side column*/
#discography-details-side-col {float: left; width: 270px; margin-right:20px;}
#discography-details-album-photo {margin: 0 0 20px;}
#discography-details-album-photo img {display: block; width: 270px; height: 270px;}

#discography-details-side-col .social-icons {margin: 0 0 20px;}

#discography-details-album-functions {margin: 0 0 20px; padding: 0; list-style: none;}
#discography-details-album-functions li { margin-bottom:10px;}
#discography-details-album-functions li a {}
#discography-details-album-functions li.discography-download-album a {}
#discography-details-album-functions li.discography-download-itunes a {}
#discography-details-album-functions li.discography-buy-album a {}

#discography-back-button {}



/*album details right column*/
#discography-details-main-col {}

#discography-details-album-title {font: 16px/36px 'CgDavisonAmericana', serif; color: #ee6500; text-transform: uppercase; text-align:left; letter-spacing:2px}

#discography-details-song-list {margin: 0 0 0 0; padding-left: 290px; list-style: none;}
#discography-details-song-list li.discography-details-song {padding: 5px; background: #140701; margin: 0 0 10px; overflow: hidden;}

#discography-details-song-list li.discography-details-song .discography-details-song-title {float: left; font-weight: bold;}
#discography-details-song-list li.discography-details-song .discography-details-song-title .track-number {float: left; margin: 0 .7em 0 0; font-size: 16px; line-height: 20px; color: #666666;}
#discography-details-song-list li.discography-details-song .discography-details-song-title .track-title {float: left; font-size: 14px; line-height: 20px;}


.discography-details-song-functions {margin: 0; padding: 0; list-style: none; float: right;}
.discography-details-song-functions li {float: left; margin: 0 0 0 5px;}
.discography-details-song-functions li span, .discography-details-song-functions li a {}

.song-download-song {}
.song-download-itunes {}
.song-buy-song {}

.song-sample-audio {}
.song-sample-audio div {}

.song-lyrics {}


.song-lyrics-block-wrapper {clear: both; display: none; }
.song-lyrics-block {padding: 10px; text-align:left; background: #333; clear: both;}







 
/*___________ comments ____________________________________________________________*/
   
#comments { padding: 20px 0;}
.user_comments {}

.comment_heading {text-align: right; margin: 0 0 10px; overflow: hidden;}
.comment_heading h2 {float: left; font-size:16px; color:#ee6500; padding-top:10px;}
.comment_heading .button {float: right;}

.comment_item, .comment_form {padding: 10px; margin: 0 0 10px; overflow: hidden; background: #eee;}

.comment_avatar {float: left; width: 50px;}
.comment_avatar img {width: 50px; height: 50px;}

.comment_body {margin-left: 65px;}
.comment_username {display: block; font-size: 10px; margin: 5px 0 0;}
.comment_title {font-weight: bold; display: block;}

.comment_form {}



/*REMOVE TO DISPLAY COMMENT SUBJECT*/
#comment_form_subject, .comment_title, .comment_form label {display: none;}


   
   
  


  
  
  
  
/*___________ tabs & accordion ____________________________________________________________*/
   
.ui-tabs { position: relative; zoom: 1; }
.ui-tabs .ui-tabs-nav {overflow: hidden; padding: 0; margin: 0;}
.ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; }
.ui-tabs .ui-tabs-nav li a {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block;}
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; zoom: 1; outline: 0; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header a { display: block; }
.ui-accordion .ui-accordion-content { position: relative; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }








/*___________ scrollpane ____________________________________________________________*/
   
.jspContainer { overflow: hidden; position: relative; } 
.jspPane { position: absolute; } 
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; } 
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } 
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } 
.jspCap { display: none; } 
.jspHorizontalBar .jspCap { float: left; } 
.jspTrack { background: #dde; position: relative; } 
.jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; } 
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } 
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } 
.jspArrow.jspDisabled { cursor: default; background: #80808d; } 
.jspVerticalBar .jspArrow { height: 16px; } 
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } 
.jspVerticalBar .jspArrow:focus { outline: none; } 
.jspCorner { background: #eeeef4; float: left; height: 100%; } 
/* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } 
                     
                     
/*___________ arbitrary styles ____________________________________________________________*/

.form-wrapper {
  background-color: #200d04;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 3px double #391707;
}

/*___________ front porch landing styles ____________________________________________________________*/

#front-porch-left {width: 316px; height: 395px; background: url(images/front_porch_left.png) no-repeat; position: absolute; top: -16px; left: -246px;}

#front-porch-cow {width:154px; height: 181px; background: url(images/fp_cow.png) no-repeat; position: absolute; left: -280px; top: -400px;}
#front-porch-cow-cloud {width:360px; height: 346px; background: url(images/front_porch_cow_cloud.png) no-repeat; position: absolute; left: -380px; top: 50px;}
 
#front-porch-clouds {position: absolute; top: -180px; left: 0; right: 0; height: 754px; background: url(images/home/clouds.png) 0 0  repeat-x; z-index: -1}

#front-porch-home {height: 480px; position: relative;}

#front-porch-home .button {border: 1px solid #7a3d0a; background: #38231f; color: #fff; cursor: pointer;}
#front-porch-home .button:hover {border-color: #FEDC92;}

#front-porch-onlineparty-sign {width: 209px; height: 253px; background: url(images/front-porch_onlineparty_sign.png) no-repeat; position: absolute; top: 180px; left: -120px; z-index: 100;}

#fp-discography {position: absolute; top: 320px; left: -50px; width: 140px; height: 130px; z-index: 1000;}
#fp-discography-c {display: block; width: 79px; height: 79px; background: url(images/fp_discography_c.jpg) no-repeat; position: absolute; top: 10px; left: 0; transition: transform .25s linear; -moz-transition: -moz-transform .25s linear; -webkit-transition: -webkit-transform .25s linear; transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg);}
#fp-discography-b {display: block; width: 79px; height: 79px; background: url(images/fp_discography_b.jpg) no-repeat; position: absolute; top: 5px; left: 20px; transition: transform .25s linear; -moz-transition: -moz-transform .25s linear; -webkit-transition: -webkit-transform .25s linear; transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg);}
#fp-discography-a {display: block; width: 79px; height: 79px; background: url(images/fp_discography_a.jpg) no-repeat; position: absolute; top: 10px; left: 40px;}
#fp-discography-disc {display: block; width: 79px; height: 79px; background: url(images/fp_discography_disc.png) no-repeat; position: absolute; top: 10px; left: 60px;}
#fp-discography:hover #fp-discography-c {transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg);}
#fp-discography:hover #fp-discography-b {transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg);}
#fp-discography .button {position: absolute; top: 102px; left: 10px;}




#fp-rektv {position: absolute; top: 290px; right: 20px; width: 184px; height: 170px; z-index: 100;}
#fp-rektv-tv {display: block; width: 184px; height: 131px; background: url(images/fp_rektv.png) no-repeat; position: absolute; top: 0; left: 0;}
#fp-rektv-still {display: block;  width: 130px; height: 100px; left: 10px; top: 10px; position: absolute; background: url(images/fp_rektv_still.jpg) no-repeat;}

#fp-rektv-gif {display: block; background: url(images/fp_rektv_animation.gif) no-repeat; width: 130px; height: 100px; left: 10px; top: 10px; position: absolute; display: none;}
#fp-rektv:hover #fp-rektv-gif {display: block;}

#fp-rektv .button {left: 60px; top: 130px; position: absolute;}






#fp-blog {width: 82px; height: 100px; display: block; position: absolute; top: 390px; left: 520px;}
#fp-blog-paper {display: block; width: 40px; height: 55px; background: url(images/fp_blog_paper.png) no-repeat; position: absolute; top: 5px; left: 20px; transition: transform .45s linear; -moz-transition: -moz-transform .45s linear; -webkit-transition: -webkit-transform .45s linear;}
#fp-blog-pencil {display: block; width: 34px; height: 36px; background: url(images/fp_blog_pencil.png) no-repeat; position: absolute; top: 30px; left: 10px;}
#fp-blog-dirt {display: block; width: 82px; height: 36px; background: url(images/fp_blog_dirt.png) no-repeat; position: absolute; top: 50px; left: 2px;}
#fp-blog .button {position: absolute; top: 65px; left: 15px;}
#fp-blog:hover #fp-blog-paper {transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg);}



#fp-jukebox {width: 83px; height: 150px; display: block; position: absolute; top: 170px; left: 160px;}
#fp-jukebox-radio {display: block; width: 83px; height: 110px; background: url(images/fp_jukebox_radio.png) no-repeat;}
#fp-jukebox-a {width: 23px; height: 26px; background: url(images/fp_jukebox_a.png) no-repeat; display: block; position: absolute; top: 50px; left: -30px; display: none;}
#fp-jukebox-b {width: 14px; height: 25px; background: url(images/fp_jukebox_b.png) no-repeat; display: block; position: absolute; top: 20px; left: 5px; display: none;}
#fp-jukebox-c {width: 18px; height: 28px; background: url(images/fp_jukebox_c.png) no-repeat; display: block; position: absolute; top: 60px; left: 50px; display: none;}
#fp-jukebox-d {width: 23px; height: 26px; background: url(images/fp_jukebox_a.png) no-repeat; display: block; position: absolute; top: 70px; left: 90px; display: none;}
#fp-jukebox-e {width: 14px; height: 25px; background: url(images/fp_jukebox_b.png) no-repeat; display: block; position: absolute; top: 40px; left: 80px; display: none;}
#fp-jukebox:hover #fp-jukebox-e,
#fp-jukebox:hover #fp-jukebox-d,
#fp-jukebox:hover #fp-jukebox-c,
#fp-jukebox:hover #fp-jukebox-b,
#fp-jukebox:hover #fp-jukebox-a {display: block;}
#fp-jukebox .button {position: absolute; top: 115px; left: 4px;}




#fp-band {width: 110px; height: 230px; display: block; position: absolute; top: 195px; left: 655px;}
#fp-band-guitar {width: 69px; height: 181px; background: url(images/fp_band_guitar.png) no-repeat; position: absolute; top: 0; left: 20px;}
#fp-band .button {position: absolute; top: 188px; left: 14px;}




#fp-photos {width: 80px; height: 130px; display: block; position: absolute; top: 140px; left: 530px;}
#fp-photos-a,
#fp-photos-b,
#fp-photos-c,
#fp-photos-d,
#fp-photos-e {width: 56px; height: 82px; display: block; position: absolute; top: 0; left: 12px; transition: transform .45s linear; -moz-transition: -moz-transform .45s linear; -webkit-transition: -webkit-transform .45s linear;}
#fp-photos-a {background: url(images/fp_photos_a.jpg) no-repeat;}
#fp-photos-b {background: url(images/fp_photos_b.jpg) no-repeat;}
#fp-photos-c {background: url(images/fp_photos_c.jpg) no-repeat;}
#fp-photos-d {background: url(images/fp_photos_d.jpg) no-repeat;}
#fp-photos-e {background: url(images/fp_photos_e.jpg) no-repeat;}
#fp-photos:hover #fp-photos-b {transform:rotate(-12deg); -moz-transform:rotate(-12deg); -webkit-transform:rotate(-12deg);}
#fp-photos:hover #fp-photos-c {transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg);}
#fp-photos:hover #fp-photos-d {transform:rotate(6deg); -moz-transform:rotate(6deg); -webkit-transform:rotate(6deg);}
#fp-photos:hover #fp-photos-e {transform:rotate(12deg); -moz-transform:rotate(12deg); -webkit-transform:rotate(12deg);}
#fp-photos .button {position: absolute; top: 90px; left: 5px;}
#fp-photos-pole {display: block; width: 13px; height: 116px; background: url(images/fp_photos_pole.png) no-repeat; position: absolute; top: -17px; left: -22px;}

#fp-bush {width: 120px; height: 110px; background: url(images/fp_bush.png) no-repeat; display: block; position: absolute; top: 330px; left: 920px; z-index: 101;}




#fp-connect {width: 160px; height: 100px; display: block; position: absolute; top: 370px; left: 310px; }
#fp-connect-megaphone {width: 78px; height: 52px; background: url(images/fp_connect_megaphone.png) no-repeat; position: absolute; top: 0; left: 40px; transition: transform 1.15s linear; -moz-transition: -moz-transform 1.15s linear; -webkit-transition: -webkit-transform 1.15s linear;}
#fp-connect .button {position: absolute; top: 60px; left: 43px;}

#fp-connect:hover #fp-connect-megaphone {transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);}



#fp-readyforconfetti {width: 350px; height: 0; overflow: hidden; padding: 110px 0 0;  display: block; position: absolute; top: -30px; left: 680px; z-index: 101;}




#main-confetti {position: absolute; left: 50%; margin: 280px 0 0 610px;}
#main-confetti span {display: block; width: 7px; height: 6px; position: absolute; top: 0; left: 0;}

.confetti-1,
.confetti-6,
.confetti-11,
.confetti-16 {background: url(images/confetti_1.png) no-repeat;}

.confetti-2,
.confetti-7,
.confetti-12,
.confetti-17 {background: url(images/confetti_2.png) no-repeat;}


.confetti-3,
.confetti-8,
.confetti-13,
.confetti-18 {background: url(images/confetti_3.png) no-repeat;}

.confetti-4,
.confetti-9,
.confetti-14,
.confetti-19 {background: url(images/confetti_4.png) no-repeat;}

.confetti-5,
.confetti-10,
.confetti-15,
.confetti-20 {background: url(images/confetti_5.png) no-repeat;}






#porch-grid {
  list-style: none;
  text-align: center;
  overflow: hidden;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  float: left;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0;
}
#porch-grid li {
  width: 200px;
  height:200px;
  display:inline-block;
  font-size: 12px;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 65px;
  margin-left: 10px;
}
#porch-grid li img {
  width: 200px;
  height:200px;
  padding: 3px;
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 6px;
  margin-left: 0;
  border: 1px solid #51220b;
}



#fp-yardbird {
  display: block;
  width: 56px;
  height: 0;
  overflow: hidden;
  padding: 56px 0 0;
  position: absolute;
  top: 250px;
  left: 427px;
}

#fp-happyprisoner {
  display: block;
  width: 262px;
  height: 0;
  overflow: hidden;
  padding: 61px 0 0;
  background: url(images/fp_happyprisoner.png) no-repeat;
  position: absolute;
  top: 95px;
  left: -105px;
}






/*___________ friend page styles ____________________________________________________________*/


#friend-grid {
  list-style: none;
  text-align: center;
  overflow: hidden;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  float: left;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0;
}
#friend-grid li {
  width: 200px;
  height:200px;
  font-size: 12px;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 65px;
  margin-left: 10px;
}
#friend-grid li img {
  width: 200px;
  height:200px;
  padding: 3px;
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 6px;
  margin-left: 0;
  border: 1px solid #51220b;
}
  
/*___________ band page styles ____________________________________________________________*/

.biography-name {font: 18px/23px 'CgDavisonAmericana', serif; color: #ee6500; text-transform: uppercase; letter-spacing:2px}

/*___________ REK ____________________________________________________________*/

.artist-rek-biography-toggle {height: 150px; overflow: hidden; padding-bottom: 40px; position: relative; }
.artist-rek-biography-full {height: auto; padding-bottom: 0;}
.artist-rek-biography-full .artist-rek-biography-fade {display: none;}
.artist-rek-biography-fade {position: absolute; bottom: 0; left: 0; right: 0; background: url(images/artist_biography_fade.png) repeat-x; height: 40px; z-index: 100;}
.artist-rek-biography-button {display: block; text-align: center; background: url(images/artist_biography_button.png) no-repeat; float:right; margin-left:10px; height: 27px; width:700px; color: #ccc; text-decoration: none; font: 14px/25px 'CgDavisonAmericana', sans-serif; letter-spacing:1px; text-transform:uppercase; outline: none!important;}
.artist-rek-biography-button span {cursor: pointer; padding-right: 15px;}
.artist-rek-biography-button .artist-rek-biography-button-expand {display: none;}
.artist-rek-biography-button .artist-rek-biography-button-shorten {display: inline-block; zoom: 1; *display: inline; background: url(images/artist_biography_button_arrow.png) right 9px no-repeat;}
.artist-rek-biography-button-short .artist-rek-biography-button-expand {display: inline-block; zoom: 1; *display: inline; background: url(images/artist_biography_button_arrow.png) right -44px no-repeat;}
.artist-rek-biography-button-short .artist-rek-biography-button-shorten {display: none;}

#artist-rek-biography {width:100%; float:left; }
.artist-rek-biography-short {width:700px; float:right; margin-left:10px;}
.artist-rek-biography-long {width:700px; float:right; margin-left:10px;}
  
.artist-rek-bio-pic {padding: 3px; float: left; height: 203px; width: 203px; border: 1px solid #391707;}

/*___________ RICH BROTHERTON ____________________________________________________________*/

.artist-richbrotherton-biography-toggle {height: 150px; overflow: hidden; padding-bottom: 40px; position: relative; }
.artist-richbrotherton-biography-full {height: auto; padding-bottom: 0;}
.artist-richbrotherton-biography-full .artist-richbrotherton-biography-fade {display: none;}
.artist-richbrotherton-biography-fade {position: absolute; bottom: 0; left: 0; right: 0; background: url(images/artist_biography_fade.png) repeat-x; height: 40px; z-index: 100;}
.artist-richbrotherton-biography-button {display: block; text-align: center; background: url(images/artist_biography_button.png) no-repeat; float:right; margin-left:10px; height: 27px; width:700px; color: #ccc; text-decoration: none; font: 14px/25px 'CgDavisonAmericana', sans-serif; letter-spacing:1px; text-transform:uppercase; outline: none!important;}
.artist-richbrotherton-biography-button span {cursor: pointer; padding-right: 15px;}
.artist-richbrotherton-biography-button .artist-richbrotherton-biography-button-expand {display: none;}
.artist-richbrotherton-biography-button .artist-richbrotherton-biography-button-shorten {display: inline-block; zoom: 1; *display: inline; background: url(images/artist_biography_button_arrow.png) right 9px no-repeat;}
.artist-richbrotherton-biography-button-short .artist-richbrotherton-biography-button-expand {display: inline-block; zoom: 1; *display: inline; background: url(images/artist_biography_button_arrow.png) right -44px no-repeat;}
.artist-richbrotherton-biography-button-short .artist-richbrotherton-biography-button-shorten {display: none;}

#artist-richbrotherton-biography {width:100%; float:left;}
.artist-richbrotherton-biography-short {width:700px; float:right; margin-left:10px;}
.artist-richbrotherton-biography-long {width:700px; float:right; margin-left:10px;}
  
.artist-richbrotherton-bio-pic {padding: 3px; float: left; height: 203px; width: 203px; border: 1px solid #391707;}

/*___________ BILL WHITBECK ____________________________________________________________*/

.artist-billwhitbeck-biography-toggle {height: 150px; overflow: hidden; padding-bottom: 40px; position: relative; }
.artist-billwhitbeck-biography-full {height: auto; padding-bottom: 0;}
.artist-billwhitbeck-biography-full .artist-billwhitbeck-biography-fade {display: none;}
.artist-billwhitbeck-biography-fade {position: absolute; bottom: 0; left: 0; right: 0; background: url(images/artist_biography_fade.png) repeat-x; height: 40px; z-index: 100;}
.artist-billwhitbeck-biography-button {display: block; text-align: center; background: url(images/artist_biography_button.png) no-repeat; float:right; margin-left:10px; height: 27px; width:700px; color: #ccc; text-decoration: none; font: 14px/25px 'CgDavisonAmericana', sans-serif; letter-spacing:1px; text-transform:uppercase; outline: none!important;}
.artist-billwhitbeck-biography-button span {cursor: pointer; padding-right: 15px;}
.artist-billwhitbeck-biography-button .artist-billwhitbeck-biography-button-expand {display: none;}
.artist-billwhitbeck-biography-button .artist-billwhitbeck-biography-button-shorten {display: inline-block; zoom: 1; *display: inline; background: url(images/artist_biography_button_arrow.png) right 9px no-repeat;}
.artist-billwhitbeck-biography-button-short .artist-billwhitbeck-biography-button-expand {display: inline-block; zoom: 1; *display: inline; background: url(images/artist_biography_button_arrow.png) right -44px no-repeat;}
.artist-billwhitbeck-biography-button-short .artist-billwhitbeck-biography-button-shorten {display: none;}

#artist-billwhitbeck-biography {width:100%; float:left;}
.artist-billwhitbeck-biography-short {width:700px; float:right; margin-left:10px;}
.artist-billwhitbeck-biography-long {width:700px; float:right; margin-left:10px;}
  
.artist-billwhitbeck-bio-pic {padding: 3px; float: left; height: 203px; width: 203px; border: 1px solid #391707;}

/*___________ TOM VAN SCHAIK ____________________________________________________________*/

.artist-tomvanschaik-biography-toggle {height: 150px; overflow: hidden; padding-bottom: 40px; position: relative; }
.artist-tomvanschaik-biography-full {height: auto; padding-bottom: 0;}
.artist-tomvanschaik-biography-full .artist-tomvanschaik-biography-fade {display: none;}
.artist-tomvanschaik-biography-fade {position: absolute; bottom: 0; left: 0; right: 0; background: url(images/artist_biography_fade.png) repeat-x; height: 40px; z-index: 100;}
.artist-tomvanschaik-biography-button {display: block; text-align: center; background: url(images/artist_biography_button.png) no-repeat; float:right; margin-left:10px; height: 27px; width:700px; color: #ccc; text-decoration: none; font: 14px/25px 'CgDavisonAmericana', sans-serif; letter-spacing:1px; text-transform:uppercase; outline: none!important;}
.artist-tomvanschaik-biography-button span {cursor: pointer; padding-right: 15px;}
.artist-tomvanschaik-biography-button .artist-tomvanschaik-biography-button-expand {display: none;}
.artist-tomvanschaik-biography-button .artist-tomvanschaik-biography-button-shorten {display: inline-block; zoom: 1; *display: inline; background: url(images/artist_biography_button_arrow.png) right 9px no-repeat;}
.artist-tomvanschaik-biography-button-short .artist-tomvanschaik-biography-button-expand {display: inline-block; zoom: 1; *display: inline; background: url(images/artist_biography_button_arrow.png) right -44px no-repeat;}
.artist-tomvanschaik-biography-button-short .artist-tomvanschaik-biography-button-shorten {display: none;}

#artist-tomvanschaik-biography {width:100%; float:left;}
.artist-tomvanschaik-biography-short {width:700px; float:right; margin-left:10px;}
.artist-tomvanschaik-biography-long {width:700px; float:right; margin-left:10px;}
  
.artist-tomvanschaik-bio-pic {padding: 3px; float: left; height: 203px; width: 203px; border: 1px solid #391707;}

/*___________ MARTY MUSE ____________________________________________________________*/

.artist-martymuse-biography-toggle {height: 150px; overflow: hidden; padding-bottom: 40px; position: relative; }
.artist-martymuse-biography-full {height: auto; padding-bottom: 0;}
.artist-martymuse-biography-full .artist-martymuse-biography-fade {display: none;}
.artist-martymuse-biography-fade {position: absolute; bottom: 0; left: 0; right: 0; background: url(images/artist_biography_fade.png) repeat-x; height: 40px; z-index: 100;}
.artist-martymuse-biography-button {display: block; text-align: center; background: url(images/artist_biography_button.png) no-repeat; float:right; margin-left:10px; height: 27px; width:700px; color: #ccc; text-decoration: none; font: 14px/25px 'CgDavisonAmericana', sans-serif; letter-spacing:1px; text-transform:uppercase; outline: none!important;}
.artist-martymuse-biography-button span {cursor: pointer; padding-right: 15px;}
.artist-martymuse-biography-button .artist-martymuse-biography-button-expand {display: none;}
.artist-martymuse-biography-button .artist-martymuse-biography-button-shorten {display: inline-block; zoom: 1; *display: inline; background: url(images/artist_biography_button_arrow.png) right 9px no-repeat;}
.artist-martymuse-biography-button-short .artist-martymuse-biography-button-expand {display: inline-block; zoom: 1; *display: inline; background: url(images/artist_biography_button_arrow.png) right -44px no-repeat;}
.artist-martymuse-biography-button-short .artist-martymuse-biography-button-shorten {display: none;}

#artist-martymuse-biography {width:100%; float:left;}
.artist-martymuse-biography-short {width:700px; float:right; margin-left:10px;}
.artist-martymuse-biography-long {width:700px; float:right; margin-left:10px;}
  
.artist-martymuse-bio-pic {padding: 3px; float: left; height: 203px; width: 203px; border: 1px solid #391707;}

/*___________ CHARELS RAY ____________________________________________________________*/

.artist-charlesray-biography-toggle {height: 150px; overflow: hidden; padding-bottom: 40px; position: relative; }
.artist-charlesray-biography-full {height: auto; padding-bottom: 0;}
.artist-charlesray-biography-full .artist-charlesray-biography-fade {display: none;}
.artist-charlesray-biography-fade {position: absolute; bottom: 0; left: 0; right: 0; background: url(images/artist_biography_fade.png) repeat-x; height: 40px; z-index: 100;}
.artist-charlesray-biography-button {display: block; text-align: center; background: url(images/artist_biography_button.png) no-repeat; float:right; margin-left:10px; height: 27px; width:700px; color: #ccc; text-decoration: none; font: 14px/25px 'CgDavisonAmericana', sans-serif; letter-spacing:1px; text-transform:uppercase; outline: none!important;}
.artist-charlesray-biography-button span {cursor: pointer; padding-right: 15px;}
.artist-charlesray-biography-button .artist-charlesray-biography-button-expand {display: none;}
.artist-charlesray-biography-button .artist-charlesray-biography-button-shorten {display: inline-block; zoom: 1; *display: inline; background: url(images/artist_biography_button_arrow.png) right 9px no-repeat;}
.artist-charlesray-biography-button-short .artist-charlesray-biography-button-expand {display: inline-block; zoom: 1; *display: inline; background: url(images/artist_biography_button_arrow.png) right -44px no-repeat;}
.artist-charlesray-biography-button-short .artist-charlesray-biography-button-shorten {display: none;}

#artist-charlesray-biography {width:100%; float:left;}
.artist-charlesray-biography-short {width:700px; float:right; margin-left:10px;}
.artist-charlesray-biography-long {width:700px; float:right; margin-left:10px;}
  
.artist-charlesray-bio-pic {padding: 3px; float: left; height: 203px; width: 203px; border: 1px solid #391707;}




.text-divider {
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #333333;
}



#connect-tabs .ui-tabs-panel {padding: 10px; background: #1b1b1a;}
#connect-tabs-list  {border-bottom: 3px solid #2F2A1F;}
#connect-tabs-list li {margin: 0 3px 0 0; float }
#connect-tabs-list li a {padding: 5px 10px; background: #252117; display: block; font: 22px/1em 'GentiumBasicBold', sans-serif; color: #555; outline: 0;}
#connect-tabs-list li.ui-state-active a {color: #fff; background: #2f2a1f}



/*=================== The Online Party Never Ends =====================*/

#party-player {width: 610px; height: 320px; text-align: center; background: url(images/videoplayerbg.jpg) no-repeat; background-size: 100%; padding-top: 82px;}
#requests {width: 610px; height: 100px; text-align:center; background: url(images/requests.jpg) no-repeat; background-size: 100%;}
#requests .button {position: relative; top: 60px; font-size: 1.8em; line-height: 1.5em; margin: 0 5px;}
#watch-party {width: 310px; height: 250px; text-align: center; background: url(images/watchpartybanner.jpg) no-repeat; background-size: 100%;}
#watch-party .button {}
#watch-party .link {display: block; text-indent: -9999px; overflow: hidden; width: 310px; height: 250px;}
.requests {color: #000; min-height: 300px;}






/*=================== Scavenger Hunt =====================*/

.scavenger-header {margin: -15px -15px 15px;}

#scavenger-hunt-confirmation {display: block; text-align: center; padding: 50px 0;}

#scavenger-hunt-intro h2,
#scavenger-hunt-submit h2,
#scavenger-hunt-confirmation h2 {font: 32px/1em 'CgDavisonAmericana', sans-serif; text-transform: uppercase; margin: 0 0 5px; color: #EE6500;}

#scavenger-hunt-intro p,
#scavenger-hunt-submit p,
#scavenger-hunt-confirmation p {font-size: 16px; font-family: 'GentiumBasicBold', serif;}

#scavenger-hunt-submit {display: block;}
#scavenger-hunt-submit label {display: block; margin: 0 0 5px;font-weight: bold; width: auto; font-size: 12px;}
#scavenger-hunt-submit input {width: 98%;}


#scavenger-hunt-submit h3 {color: #EE6500; font-size: 22px; margin: 20px 0 10px;}

#scavenger-hunt-intro h3 {text-align: center; font-family: 'GentiumBasicBold', serif; font-size: 32px; color: #E0C68B; margin: 10px 0;}

#scavenger-hunt-intro ul {margin: 0; padding: 0; list-style: none; text-align: center; background-color: #200d04; padding: 10px; border: 3px double #391707;}
#scavenger-hunt-intro ul li {display: inline-block; *zoom: 1; *display: inline; vertical-align: top; width: 30%; margin: 0 0 20px;}
#scavenger-hunt-intro ul li h4 {color: #EE6500; font-size: 15px; margin: 5px 0;}