/*Colors
Plum purple: #606;
Lighter purple: #909;
Light purple: #e4caff;
Logo purple: #6b2c93;
*/

body {margin:0;background:url("../imgs/bg-gradient.gif") repeat-x #814e9b;color:#fff;}
a {color:#fff;text-decoration:underline;}
a:hover {text-decoration:none;}
img {border:0;margin:0;padding:0;}

#container {width:1024px;height:790px;margin:0px auto;background:url("../imgs/bg.jpg") no-repeat;position:relative;}
#header {height:173px;position:relative;}

/*header*/
#logo {width:377px;height:180px;position:absolute;}
#logo a.lnkLogo {width:377px;height:150px;display:block;}
#facebook {width:250px;position:absolute;right:0px;top:0px;}
#facebook .fb-content{font-size:10px;font-family:Verdana;color:#fff;padding:0 10px 0 7px;}

/*top nav*/
#topnav {height: 20px;padding:5px 0;font-size:16px;position:absolute;bottom:0px;right:0px;}
#topnav ul {margin:0 auto;padding: 0px;white-space: nowrap;line-height:14px;}
#topnav li {list-style-type: none;display: inline;}
#topnav li a, #topnav li a:link, #topnav li a:visited {text-decoration: none;color: #fff;padding:0 10px;margin:0;font-weight:bold;}
#topnav li a:hover {color:#fff;text-decoration:underline;}
#topnav li a img {vertical-align:text-bottom;}
#topnav a.active {color:#fff !important;text-decoration:underline !important;}

/*middle content*/
#tree-content {width:504px;height:577px;float:left;position:relative;}
#tree-content ul {margin:0;padding:0;}
#tree-content li {list-style:none;position:absolute;}
#tree-content .merch-fig {left:100px;top:75px;width:84px;height:88px;background:url(../imgs/merch-fig.png) no-repeat;}
#tree-content .videos-fig {left:240px;top:25px;width:84px;height:88px;background:url(../imgs/videos-fig.png) no-repeat;}
#tree-content .bio-fig {left:50px;top:185px;width:84px;height:88px;background:url(../imgs/bio-fig.png) no-repeat;}
#tree-content .shows-fig {left:275px;top:170px;width:84px;height:88px;background:url(../imgs/shows-fig.png) no-repeat;}
#tree-content .news-fig {left:365px;top:270px;width:84px;height:89px;background:url(../imgs/news-fig.png) no-repeat;}
#tree-content .lyrics-fig {left:75px;top:295px;width:84px;height:89px;background:url(../imgs/lyrics-fig.png) no-repeat;}
#tree-content .photos-fig {left:180px;top:260px;width:84px;height:89px;background:url(../imgs/photos-fig.png) no-repeat;}
#tree-content a {display:block;width:84px;height:89px;}
#tree-content img {border:1px solid #cccccc;margin:150px 0 0 15px;}

/*bio page*/
#bio-tree {width:504px;height:577px;float:left;position:relative;}
#bio-tree ul {margin:0;padding:0;}
#bio-tree li {list-style:none;position:absolute;}
#bio-tree .todd-fig, #bio-tree .todd-fig a {display:block;left:50px;top:60px;width:155px;height:165px;background:url(../imgs/bio/todd_hs.png) no-repeat;}
#bio-tree .rick-fig, #bio-tree .rick-fig a {display:block;left:325px;top:45px;width:155px;height:163px;background:url(../imgs/bio/rick_hs.png) no-repeat;}
#bio-tree .chris-fig, #bio-tree .chris-fig a {display:block;left:200px;top:210px;width:155px;height:165px;background:url(../imgs/bio/chris_hs.png) no-repeat;}
#bio-tree .retten-fig, #bio-tree .retten-fig a {display:block;left:360px;top:255px;width:155px;height:165px;background:url(../imgs/bio/retten_hs.png) no-repeat;}
#bio-tree .eric-fig, #bio-tree .eric-fig a {display:block;left:50px;top:315px;width:155px;height:165px;background:url(../imgs/bio/eric_hs.png) no-repeat;}
#bio0 {text-align:center;}
.bio-header {font-weight:bold;font-size: 1.4em;color: #000;letter-spacing: -1px;padding-left:10px;}
.bio-text {padding:0px 10px 10px 10px;color:#000;}
.bio-text p {margin:0;padding:5px;line-height:20px;}
.bio-image {width:350px;margin:0 auto 10px auto;}
.bio-quote {padding:0px 10px 10px 10px;color:#000;}

#content {background-color:#ffffff;color:#000;width:490px;height:535px;float:left;margin-top:10px;padding:10px;overflow:auto;}
#content-home {background-color:#ffffff;color:#000;width:500px;height:550px;float:left;margin-top:10px}
#content-lyrics {background-color:#ffffff;color:#000;width:490px;height:535px;float:left;margin-top:10px;padding:10px;}
#content a {color:#909;}
#content h1 {font-size:18px;padding:0;margin:0;}
#content .inline-img {padding-bottom:25px;float:left;padding-right:10px;}

/*tickets*/
#tickets {height:132px;margin:0 10px;}
#tickets .tickets-header {width:144px;font-size:20px;color:#000;float:left;vertical-align:top;text-align:center;}
#tickets .tickets-show {width:186px;text-align:center;float:left;}
#tickets .tickets-buy {width:144px;font-size:20px;color:#000;float:left;vertical-align:top;text-align:center;}

/*slideshow*/
#slideshow {width:500px;height:275px;padding-bottom:7px;margin-left:-10px;}

/*music player*/
#music-player {height:135px;width:350px;margin-left:10px;}

/*merch*/
.merch select {margin-bottom:10px;}
.merch-container {height:250px;width:475px;}
.merch-left {float:left;width:250px;margin-bottom:10px;margin-right:25px;vertical-align:top;}
.merch-left img {float:left;}
.merch-right {float:left;width:180px;margin-bottom:10px;margin-top:75px;vertical-align:top;}

/*Lyrics*/
.lyrics {overflow:auto;height:400px;max-height:400px;margin-top:0;position:relative;}
.msg_head {padding: 5px 10px;position: relative;background-color:#e4caff;color:#000;margin:1px;margin-top:0;}
.msg_head:hover {cursor: pointer;background-color:#606;color:#fff;}
.msg_head_active {background-color:#606;color:#fff;}
.msg_body {padding: 5px 10px 15px;background-color:#F4F4F8;color:#000;margin-top:0;}

/*Shows*/
table {border-collapse:collapse;text-align:center;}
table tbody {border-top:medium none;}
th {text-align:center;text-transform:capitalize;padding:3px 5px;color:#606;border-bottom:medium none;}
th.gig-date {width:120px;}
th.gig-photos {width:60px;}
th.gig-venue {width:160px;}
th.gig-presale {width:100px;}
th.gig-onsale {width:100px;}
td {vertical-align:top;padding:2px 5px;}

/*photos*/
#gallery {width:950px;height:557px;margin:10px auto;background-color:#fff;border:1px solid #000;}
#gallery-wrapper {overflow:auto;width:950px;}
#tabs ul {margin:0;padding:0;width:224px;height:557px;float:left;background-color:#70703e;}
#tabs ul li {list-style:none;padding:10px;background-color:#70703e;border-right:1px solid #000;}
.ui-tabs .ui-tabs-hide {display:none;}
#tabs .ui-state-active {background-color:#fff;border-right:0;}
#tabs .ui-state-active a {color:#000;}
#tabs .ui-tabs-panel {float:right;width:700px;margin-top:10px;height:545px;overflow:auto;}
#tabs .image-row {display:block;width:675px;height:100px;margin-bottom:10px;}
#tabs .gallery-image {float:left;margin-right:10px;width:155px;text-align:center;}
#tabs .gallery-image img {height:100px;border:1px solid #999;}

/*footer*/
#footer {text-align:left;height:40px;}
#footer p {margin:0;padding:0;margin-top:10px;font-weight:bold;padding-left:10px;}
#footer ul {margin:0 auto;padding: 0px;white-space: nowrap;line-height:12px;margin-top:10px;}
#footer li {list-style-type: none;display: inline;}
#footer li a, #footer li a:link, #footer li a:visited {text-decoration: none;color: #fff;padding:0 10px;margin:0;font-weight:bold;}
.footer-left {float:left;}
.footer-center {float:left;margin-left:200px;font-size:11px;}
.footer-right {float:right;vertical-align:top;line-height:17px;}

.clear {clear:both;height:0;}
.hidden {display:none;}