/* :-====:. .@@@@@@%%##%%@@@@@+ -@@@@@@@@@@@@@@@@@@@= *@@@#**************%@@@. :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@: =@@#*******************#%@@ #@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@% @@%***********************#@@= =@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+ @@@@@@@@#**%@@@@@%***********%@* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@%# =%**@ @************#@: @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ =@#%@ #@**@ @@@@@@@@@@@#**%@ *@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @%*%@ %@**@ @ . +@: #@%**@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@% @**%@ %@**@ @ @#*@- -@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* @**%@ %@**@ @ %@@ *@*%+ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# @**#@ @@@@@ @ @@@+ :@*%= @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @#**@ +%#. *@ *@@ +@*@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ :@**@@ =@@ @##@ =@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@**@@@+: -*@@%@ @- :@@%#@+ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@**#%@@@@@@@@#*#@ @@@@@%##@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@#*************@ @*****%@% @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@= :@@#***********@@@@@@***#@@. @@@= *@@@@@@@@@@@@@@: @@@@@@@% @@@@@@@@ @@@@@@@@@ +@@%***************#@@@+ @@@* @@@@@@@@@@@@@= @@@@@@@@ @@@@@@@@ @@@@@@@@@@@ %@@@%#*****#%@@@@@. @@@# @@@@ @%=#-#@@@-#=@% #@=.:@@@@ @+.:#@@@ @@@@+. .+@@@@= *@@@@@@@@@%= .@@@# @##: -@ @@= -@ @@ *@ @* *@@@@ =@@@# +@@* =@@# #@ @@% @ @@@ @ @ +@@@+ @@@@ -@@@# @@@@. @ +@@@ #@ =@@@ @ @@@ @ @ @@@ -@@@# @@@@ @ @@ #@ @@@ @ @@@ @ @ *@@@@@@@@@@@ @@@+ @@ =@ @@ :@ @ : @@@@ @@@* :=#@@@@ %@ =@ @# :@@@ @@ @@@ @@@- :@@@@@: @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@: .@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@- @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ #@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ *@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# *@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# #@@@@@@@@@@@@@@@@@@@@@@@@@% .-+**#%#**+-. 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: 'SourceSansProSemiboldItalic'; src: url('type/SourceSansPro-SemiboldIt-webfont.eot'); src: url('type/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'), url('type/SourceSansPro-SemiboldIt-webfont.woff') format('woff'), url('type/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'), url('type/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProBold'; src: url('type/SourceSansPro-Bold-webfont.eot'); src: url('type/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('type/SourceSansPro-Bold-webfont.woff') format('woff'), url('type/SourceSansPro-Bold-webfont.ttf') format('truetype'), url('type/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProBoldItalic'; src: url('type/SourceSansPro-BoldIt-webfont.eot'); src: url('type/SourceSansPro-BoldIt-webfont.eot?#iefix') format('embedded-opentype'), url('type/SourceSansPro-BoldIt-webfont.woff') format('woff'), url('type/SourceSansPro-BoldIt-webfont.ttf') format('truetype'), url('type/SourceSansPro-BoldIt-webfont.svg#SourceSansProBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProBlack'; src: url('type/SourceSansPro-Black-webfont.eot'); src: url('type/SourceSansPro-Black-webfont.eot?#iefix') format('embedded-opentype'), url('type/SourceSansPro-Black-webfont.woff') format('woff'), url('type/SourceSansPro-Black-webfont.ttf') format('truetype'), url('type/SourceSansPro-Black-webfont.svg#SourceSansProBlack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProBlackItalic'; src: url('type/SourceSansPro-BlackIt-webfont.eot'); src: url('type/SourceSansPro-BlackIt-webfont.eot?#iefix') format('embedded-opentype'), url('type/SourceSansPro-BlackIt-webfont.woff') format('woff'), url('type/SourceSansPro-BlackIt-webfont.ttf') format('truetype'), url('type/SourceSansPro-BlackIt-webfont.svg#SourceSansProBlackItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProExtraLight'; src: url('type/SourceSansPro-ExtraLight-webfont.eot'); src: url('type/SourceSansPro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'), url('type/SourceSansPro-ExtraLight-webfont.woff') format('woff'), url('type/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'), url('type/SourceSansPro-ExtraLight-webfont.svg#SourceSansProExtraLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProExtraLightItalic'; src: url('type/SourceSansPro-ExtraLightIt-webfont.eot'); src: url('type/SourceSansPro-ExtraLightIt-webfont.eot?#iefix') format('embedded-opentype'), url('type/SourceSansPro-ExtraLightIt-webfont.woff') format('woff'), url('type/SourceSansPro-ExtraLightIt-webfont.ttf') format('truetype'), url('type/SourceSansPro-ExtraLightIt-webfont.svg#SourceSansProExtraLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProLight'; src: url('type/SourceSansPro-Light-webfont.eot'); src: url('type/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'), url('type/SourceSansPro-Light-webfont.woff') format('woff'), url('type/SourceSansPro-Light-webfont.ttf') format('truetype'), url('type/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProLightItalic'; src: url('type/SourceSansPro-LightIt-webfont.eot'); src: url('type/SourceSansPro-LightIt-webfont.eot?#iefix') format('embedded-opentype'), url('type/SourceSansPro-LightIt-webfont.woff') format('woff'), url('type/SourceSansPro-LightIt-webfont.ttf') format('truetype'), url('type/SourceSansPro-LightIt-webfont.svg#SourceSansProLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProRegular'; src: url('type/SourceSansPro-Regular-webfont.eot'); src: url('type/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('type/SourceSansPro-Regular-webfont.woff') format('woff'), url('type/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('type/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProItalic'; src: url('type/SourceSansPro-It-webfont.eot'); src: url('type/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'), url('type/SourceSansPro-It-webfont.woff') format('woff'), url('type/SourceSansPro-It-webfont.ttf') format('truetype'), url('type/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProSemibold'; src: url('type/SourceSansPro-Semibold-webfont.eot'); src: url('type/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('type/SourceSansPro-Semibold-webfont.woff') format('woff'), url('type/SourceSansPro-Semibold-webfont.ttf') format('truetype'), url('type/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg'); font-weight: normal; font-style: normal; } body {background: #58aaf4 url(images/body_bg.jpg) fixed 50% 0 no-repeat; background-size: cover; font: 17px/1 'SourceSansProRegular', Arial, Helvetica, Helvetica Neue, sans-serif; color: #fff;} .ie7 body, .ie8 body {background-image: url(images/body_bg_ie.jpg);} .capsule {width: 1000px; margin: 0 auto;} #main-header {height: 100px; background: url(images/header_bg.png) repeat-x; position: fixed; top: 0; left: 0; right: 0; z-index: 100;} #main-logo {display: block; width: 442px; height: 0; overflow: hidden; padding: 50px 0 0; background: url(images/main_logo.png) no-repeat; float: left; margin: 20px 0 0;} #main-slogan {font: 27px/1em 'SourceSansProBoldItalic', sans-serif; color: #003366; float: right; margin: 38px 0 0;} #main-content {padding: 120px 0; } #main-footer {position: fixed; bottom: 0; left: 0; right: 0; text-align: center; z-index: 100;} #footer-badge {background: #fff; font: 24px/30px 'SourceSansProBold', sans-serif; color: #003366; text-transform: uppercase; padding: 10px 0; height: 30px;} #footer-badge img {vertical-align: middle; margin: -3px 7px 0 0;} #footer-bottom {background: #003366;} #main-copy {display: block; padding: 10px 0; font-size: 13px; color: #5e98da;} #footer-contact {display: block; font-size: 16px; padding: 0 0 10px;} /*___________ 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: #fff; text-decoration: underline;} a:hover {} hr {margin: 10px 0; padding: 0; height: 0; overflow: hidden; border-top: 1px solid #222;} h1, h2, h3, h4, h5, h6 {font: 1em/1em 'SourceSansProBold', sans-serif; color: #fff; margin: 0 0 .4em; text-transform: uppercase;} h1 {font-size: 32px;} h2 {font-size: 25px;} h3 {font-size: 18px;} h4 {} h5 {} h6 {} .layout-main {} .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: 650px;} .layout-2col-right .side-col, .layout-2col-left .side-col {width: 330px;} .section-block {margin: 0 0 20px;} .page-header {} .page-header h1 {float: left;} .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 {} .general-form input, .general-form select, .general-form textarea {display: inline-block; width: 480px; 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: #003366; 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;} #recaptcha_response_field {width: 314px;} #captchadiv {display: none;} /*login form*/ .login-forgot {display: block; margin-left: 190px;} #login-form input {width: 200px;} /*___________ 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 {width: 51px; height: 24px; overflow: hidden; 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; background: #222; color: #fff; line-height: 25px; padding: 0 10px; font-weight: bold; text-decoration: none; border: 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} .button:hover, button:hover, input[type=submit]:hover, #submit:hover, .pagination a:hover {background: #58A5F3; color: #fff; text-decoration: none;} .back, .read-more {line-height: 22px; font-size: 12px;} .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 {margin-bottom: 20px; position: relative;} #billboard {width: 690px; height: 200px; overflow: hidden; position: relative; background: #222;} #billboard img {display: block;} #billboard-nav {position: absolute; bottom: 5px; left: 5px; z-index: 10;} #billboard-nav a {width: 10px; height: 0; overflow: hidden; padding: 10px 0 0; background: #fff; display: block; float: left; margin: 0 2px 0 0; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -o-border-radius: 100px; } #billboard-nav a.activeSlide {background: #58A5F3;} #billboard-page {position: relative;} .billboard-content {position: absolute; bottom: 10px; left: 0px; padding: 10px; background: #000; color: #fff; display: none;} #top-banner{margin-bottom: 15px;} #main-tabs {} #main-tabs-list {margin: 0; padding: 0; list-style: none; width: 280px; position: fixed; right: 50%; margin-right: -500px; top: 422px; /* FIX FOR BANNER */ top: 0; position: absolute; } #main-tabs-list li {margin: 0 0 4px; float: none;} #main-tabs-list li a {display: block; font: 26px/1em 'SourceSansProBoldItalic', sans-serif; text-decoration: none; padding: 20px 0 20px 10px; border-radius: 0 0 15px 0; -moz-border-radius: 0 0 15px 0; -webkit-border-radius: 0 0 15px 0; -o-border-radius: 0 0 15px 0; color: #6CA1DD; background: #003366; margin: 0 5px 0 0;} #main-tabs-list li a .arrow {display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; width: 13px; height: 0; overflow: hidden; padding: 25px 0 0; background: url(images/tabs_arrow.png) 0 -25px no-repeat; margin: -4px .5em 0 0;} #main-tabs-list li.ui-state-active a {color: #fff; margin: 0; } #main-tabs-list li.ui-state-active a .arrow {background-position: 0 0;} .main-tabs-content {padding: 15px; width: 690px; min-height: 300px;} #main-tabs-list li.ui-state-active a, .main-tabs-content {background: url(images/trans_blue.png) repeat;} /*___________ news ____________________________________________________________*/ .articles-block {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #222;} .articles-date {line-height: 1em;} .articles-headline {font-size: 16px; font-weight: bold; margin: 0 0 5px; line-height: 1em;} .articles-headline a {} .articles-body {margin-left: 115px; line-height: 1.35em;} .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;} /*___________ blog ____________________________________________________________*/ /*history*/ #blog-archive {} .blog-archive-block {display: block; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #ccc; } .blog-archive-headline {} .blog-archive-date {} .blog-archive-date span {} /*main*/ .blog-main {} #blog-main {} #blog-short {} .blog-headline {} .blog-headline a {} .blog-date {} .blog-date span {} .blog-body {} .blog-photo {} .blog-photo img {} .blog-utility {margin: 10px 0 0;} /*___________ tour dates ____________________________________________________________*/ .tourdates-block {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #222; position: relative;} .tourdates-date {float: left; width: 60px; height: 60px; background: #ccc; text-align: center;} .tourdates-month {} .tourdates-day {} .tourdates-body {margin-left: 75px;} .tourdates-headline {} .tourdates-headline a {} .tourdates-location {} .tourdates-functions {margin: 0; padding: 0; list-style: none; overflow: hidden;} .tourdates-functions li {float: left; margin: 0 10px 0 0;} .tourdates-functions li a {line-height: 22px; font-size: 12px;} .tourdates-utility {margin: 10px 0 0;} .tourdates-block .social-icons {position: absolute; top: 0; right: 0;} /* 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: middle; padding: 5px; background: #000; } #photos-listing li a {display: block; text-decoration: none; position: relative;} #photos-listing li a .photo-thumbnail-wrapper {width: 180px; height: 180px; 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;} .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; position: absolute; bottom: 0; left: 0; background: #000; padding: 0 10px; line-height: 20px; color: #fff; font-size: 11px; font-weight: bold;} .photos-wrapper .pagination {clear: both; padding: 10px 0 0; } /*hide home photos from gallery page*/ #photo-gallery-10 {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;} #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 #ddd; 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: #ddd;} /*player*/ .video-title {margin-bottom: 10px;} .video-title h3 {} .video-title .video-album {display: none;} .video-player {background: #000; width: 650px; 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 #ccc; } #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;} #discography-albums-listing li.discography-albums-thumb {display: inline-block; zoom: 1; *display: inline;} #discography-albums-listing li.discography-albums-thumb a {display: block; padding: 10px; margin: 10px; background: #eee;} #discography-albums-listing li.discography-albums-thumb a .discography-albums-img-wrapper {margin: 0 0 5px;} #discography-albums-listing li.discography-albums-thumb a .discography-albums-img-wrapper img {display: block; margin: 0 auto;} #discography-albums-listing li.discography-albums-thumb a .discography-albums-title {text-align: center; } /*ALBUM DETAILS*/ #discography-details-wrapper {} /*album details side column*/ #discography-details-side-col {float: left; width: 270px;} #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 {} #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 {margin-left: 290px;} #discography-details-album-title {} #discography-details-song-list {margin: 0; padding: 0; list-style: none;} #discography-details-song-list li.discography-details-song {padding: 5px; background: #eee; 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: #ccc;} #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; background: #fff; 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;} .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; } .as-seen-on-tv { overflow: hidden; margin: 1.5em 0; } .as-seen-on-tv:first-child { margin-top: 0; } .as-seen-on-tv p { text-align: center; font-size: 1.6em; margin-top: 1.2em; text-transform: uppercase; } .as-seen-on-tv strong { display: block; font-weight: normal; font-family: 'SourceSansProBold', sans-serif; } .as-seen-on-tv img { border-radius: 100%; width: 38%; float: left; }