@charset "UTF-8";
/* JAB Styles - below will be tagged for what areas are effected */


body { font:12px/1.2em normal Geneva, Arial, Helvetica, sans-serif; color:#fff; background: url(../images/bg-body.jpg) top left fixed;}

h1 {background:url(../images/hdr-bg.png) top left; padding:5px 10px; margin:0; color:#fff;}
h2 {font:20px/1.3em Geneva, Arial, Helvetica, sans-serif bolder; padding:5px 10px 10px 0; margin:0; color:#fff; font-weight:normal; }
h3 {font:18px/1.3em Geneva, Arial, Helvetica, sans-serif bolder; margin:0; padding:0; text-transform:uppercase;}

li {}
a {color:#e58700; text-decoration:none; border:none;}
a:hover {color:#555;}
h1 {font:15px Geneva, Arial, Helvetica, sans-serif bold; text-transform:uppercase; margin:0;}
#clear {clear:both;}
img {border:none;}

#page-top {text-align:right; font-size:10px;}

#wrapper { background:url(../images/logo_bg.png) top center no-repeat; margin:0 auto; width:1090px;}
#header { height:210px;}

#soc-icons ul {list-style:none; text-align:right;}
#soc-icons ul li {display:inline; margin-left:10px;}

#media-block {float:left; margin-left:10px; margin-right:5px;}
#media-block dt {margin-bottom:5px;}
#youtube {margin-right:10px; margin-left:10px; margin-bottom:2px; width:232px; height:188px; padding:10px; border:1px solid #fff;}

#main-nav {font:17px Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; text-align:left; margin-top:85px;}
#main-nav a {color:#000; font-weight:bold;}
#main-nav a:hover {color:#f05100;}
#main-nav ul {list-style:none; margin:0; padding:0;}
#main-nav ul li {margin:0 1px 0 0; display:inline;}
#main-nav .left, #main-nav .right {float:left; width:530px; margin:5px;}
#main-nav .right {text-align:right; margin-left:15px;}

#main-container {background-color:#000; padding:10px;}
#home #main-container, #bio #main-container { background:url(../images/band_bg.png) #000 top center; padding:10px;}
#module-main {border:1px solid #fff; width:620px; float:left; padding:0;}

#module-main .navigation {text-align:right; text-transform:uppercase; padding:5px 10px; margin:0; background:url(../images/hdr-bg.png) top left; border-bottom:1px solid #555;}
#module-main .navigation li a {color:#fff;}
#module-main .navigation li a:hover {color:#999;}
#module-main .navigation li a:selected {color:#f05100;}
#module-main .navigation li {display:inline; margin:0 5px;}

#module-2 {width:448px; float:left; background:url(../images/divider.png) top right repeat-y;}
#block-hdr {font:18px/1.3em Geneva, Arial, Helvetica, sans-serif bolder; color:#CCCCCC;}
#events {width:432px; border:1px solid #fff; font:11px/1.2em Geneva, Arial, Helvetica, sans-serif normal; color:#fff; background:url(../images/speaker_bgWHITE.png);}
#events ul, #events li {margin:1px 0 1px 0; padding:0; list-style:none;}
#events .date {width:45px; float:left; padding:0 5px 5px 10px; text-transform:uppercase;}
#events .time {width:35px; float:left; padding:0 5px 5px 5px;}
#events .venue {width:205px; float:left; padding:0 5px 5px 5px; font-weight:bold; text-align:center;}
#events .city-state {width:85px; float:left; padding:0 5px 5px 5px;}
#module-2 #events .event-block { clear:both; padding:15px 0; border-top:1px solid #555;}
#module-2 .icons {margin:10px;}
#module-2 .icons img {width:75px; margin-left:2px; border:1px #fff dotted;}

#shows {width:432px; border:1px solid #fff; font:11px/1.2em Geneva, Arial, Helvetica, sans-serif normal; color:#fff; margin:0 auto;}
#shows ul, #shows li {margin:1px 0 1px 0; padding:0; list-style:none;}
#shows .date {width:175px; float:left; padding:0 5px 5px 10px; text-transform:uppercase;}
#shows .time {width:100px; float:left; padding:0 5px 5px 5px;}
#shows .venue {width:470px; float:left; padding:0 5px 5px 5px;}
#shows .city-state {width:190px; float:left; padding:0 5px 5px 5px;}
#shows .event-block { clear:both; padding:15px 0; border-top:1px solid #555;}

#disc #media-player {margin-left:0; margin-top:10px; margin-bottom:10px; float:left;}

.merch-block {float:left; padding:20px; margin:10px; border:1px solid #fff; height:375px;}

.copyright a {text-transform:uppercase; clear:both;}

.song-list li {border-bottom:1px solid #333; padding:2px 0;}

/* Footer Styles */
#footer {background:url(../images/speaker_bghalf.png) top left repeat-x; color:#000;}
#footer li {list-style:none;}
#footer .soc-icons img {height:30px;}
#footer .merch {border:3px solid #fff; margin:10px 10px 10px 0; padding:10px; float:left; background:url(../images/bg_brn.png) top left;}
#footer .sitemap { text-transform:uppercase; margin:10px; padding:10px; float:left;}
#footer .sitemap ul, #footer .sitemap li{ margin:0; padding:0;}
#footer .news-feed {margin:10px; padding:10px; float:left; width:510px;}
#twitter_div ul {margin:0; padding:0;}
#twitter_div ul li {margin-bottom:5px; padding:0;}

#disc #bio-block {margin:10px 0 0 0; border-top:1px solid #fff; border-right:1px solid #fff; border-left:none; width:490px; float:left;}
#disc #bio-block .profile {padding:5px; clear:left; border-bottom:1px solid #fff;}
#disc #bio-block .profile img {border:1px dotted #777777; margin-right:15px; float:left; height:100px; margin-bottom:0;}

#bio-block {margin:10px 0 0 0; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; width:615px; float:left;}
#bio-block .profile {padding:5px; clear:left; border-bottom:1px solid #fff;}
#bio-block .profile img {border:1px dotted #777777; margin-right:15px; float:left; margin-bottom:0;}
#bio-block .profile .desc {float:left; width:400px; margin:5px 0;}

/* SLIDER PANEL Styles */
#slider { width: 620px; position: relative;}
#slider .navigation {text-align:right; text-transform:uppercase; padding:0; margin:5px 0; background:url(../images/hdr-bg.png) top left;}
#slider .navigation li a {color:#fff;}
#slider .navigation li a:hover {color:#999;}
#slider .navigation li a:selected {color:#f05100;}
#slider .navigation li {display:inline; margin:0 5px;}
.scroll { height:325px; overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left;}
.scrollContainer div.panel {padding:0; height: 285px; width: 620px; /* change to 560px if not using JS to remove rh.scroll */}
.scrollButtons { position: absolute; top: 150px; cursor: pointer;}
.scrollButtons.left { left: 557px; top:150px}
.scrollButtons.right { right: 10px; top:90px}
.scrollContainer #video {text-align:left; background:url(../images/divider.png) top left; height:400px; }
.scrollContainer #new {}

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important; }
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px dotted #fff !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#000;border: solid 1px #fff; width:400px;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

.feedburnerFeedBlock {padding:10px 10px 10px 10px; border:1px solid #fff; float:left; width:595px;}
.feedburnerFeedBlock a {color:#e58700; text-decoration:none; border:none;}
.feedburnerFeedBlock li, .feedburnerFeedBlock ul {list-style:none; margin:0; padding:0;}
.feedburnerFeedBlock #creditfooter {margin-top:10px;}
.feedburnerFeedBlock .headline a {margin-bottom:10px; text-transform:uppercase;}