@charset "UTF-8";
/* CSS Document */

body{
width:auto;
background-color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
margin-top:15px;
font-weight:normal;
}

a:focus {outline:0; -moz-outline:0;}

div.container {width:980px; margin:0 auto;}

div.top {height:420px; width:980px;}
div.left{width:280px; float:left;}
div.right{width:700px; float:left;}

div.banner{height:250px; background-image:url(../img/logo.jpg); background-repeat:no-repeat;}

div.topnav{height:170px; width:280px; overflow:hidden;}
div.topnav a{background-image:url(../img/nav.jpg); background-repeat:no-repeat; display:block; width:103px; text-indent:-9999px;}

div.topnav a.home{width:103px; height:40px; background-position:0 0;}
div.topnav a.fact_files{width:103px; height:30px; background-position:0 -40px;}
div.topnav a.shop{width:103px; height:31px; background-position:0 -70px;}
div.topnav a.blog{width:103px; height:30px; background-position:0 -101px;}
div.topnav a.contact{width:103px; height:39px; background-position:0 -131px;}

div.topnav a:hover.home{width:177px; height:40px; background-position:-103px 0;}
div.topnav a:hover.fact_files{width:177px; height:30px; background-position:-103px -40px;}
div.topnav a:hover.shop{width:177px; height:31px; background-position:-103px -70px;}
div.topnav a:hover.blog{width:177px; height:30px; background-position:-103px -101px;}
div.topnav a:hover.contact{width:177px; height:39px; background-position:-103px -131px;}

div.topnav a.home-selected{width:177px; height:40px; background-position:-103px 0;}
div.topnav a.fact_files-selected{width:177px; height:30px; background-position:-103px -40px;}
div.topnav a.shop-selected{width:177px; height:31px; background-position:-103px -70px;}
div.topnav a.blog-selected{width:177px; height:30px; background-position:-103px -101px;}
div.topnav a.contact-selected{width:177px; height:39px; background-position:-103px -131px;}

div.topnav a:focus.home{width:177px; height:40px; background-position:-103px 0;}
div.topnav a:focus.fact_files{width:177px; height:30px; background-position:-103px -40px;}
div.topnav a:focus.shop{width:177px; height:31px; background-position:-103px -70px;}
div.topnav a:focus.blog{width:177px; height:30px; background-position:-103px -101px;}
div.topnav a:focus.contact{width:177px; height:39px; background-position:-103px -131px;}

div.gallery{width:680px; border:2px solid #CC0066; height:400px;}

div.content{width:980;}

div.box1 {width:240px; margin-top:25px;}
div.box1 .gigguide {height:60px; background-image:url(../img/gigguide.jpg); background-repeat:no-repeat;}
div.box1 .middle {border:2px solid #006666; padding:10px; border-top:none;}

div.box2 {width:240px; margin-top:25px;}
div.box2 .contact {height:60px; background-image:url(../img/contact.jpg); background-repeat:no-repeat;}
div.box2 .middle {border: 2px solid #CC0066; padding:10px; border-top:none;}
.middle-inner {width:200px;}

div.box3 {width:670px; margin-top:25px;}
div.box3 .home {height:108px; background-image:url(../img/home.jpg); background-repeat:no-repeat;}
div.box3 .factfiles {height:108px; background-image:url(../img/factfiles.jpg); background-repeat:no-repeat;}
div.box3 .contact {height:108px; background-image:url(../img/contact2.jpg); background-repeat:no-repeat;}
div.box3 .middle {border: 2px solid #006666; padding:20px; padding-top:10px; border-top:none;}
div.box3 .middle-scroll {border: 2px solid #006666; padding:20px; padding-top:10px; border-top:none; height:295px; overflow-y:scroll;}

div.box4 {width:670px; margin-top:25px;}
div.box4 .jingles {height:108px; background-image:url(../img/jingleandchimes.jpg); background-repeat:no-repeat;}
div.box4 .discography {height:108px; background-image:url(../img/discography.jpg); background-repeat:no-repeat;}
div.box4 .middle {border: 2px solid #CC0066; padding:10px; border-top:none;}

div.copyright{width: 980px; font-size:9px; font-weight:lighter; margin-top:25px;}

.clear{clear:both;}


a {color:#fff; text-decoration:underline;}
a:hover {color:#CC0066; text-decoration:underline;}
a:focus {color:#CC0066; text-decoration:underline;}
a:selected {color:#CC0066; text-decoration:underline;}

p {line-height:14px;}

.social {width:50px;}
div.social a {background-image:url(../img/social.jpg); background-repeat:no-repeat; display:block; width:42px; text-indent:-9999px;}

div.social a.facebook{height:39px; background-position:0 0;}
div.social a.myspace{height:35px; background-position:0 -39px;}
div.social a.twitter{height:34px; background-position:0 -74px;}
div.social a.rss{height:40px; background-position:0 -107px;}

.details {float:left; width:155px; text-align:right; font-size:11px;}
.details h1{ font-size:14px; font-weight:normal; line-height:14px;}
 
.jingles-text{width:230px; float:left; margin-right:20px;}
.jingles-text-scroll{width:230px; float:left; margin-right:20px; height:225px; overflow-y: scroll;}
.jingles-pics {margin-left:10px;}
.jingles-pics img{margin-left:15px; width:100px}
a img{border:none;}
.disco-img{margin-left:10px; margin-bottom:25px;}
.disco-img img{width:100px; height:100px; margin-right:20px; margin-bottom:20px;}


.date{height:25px; width:35px; display:block; font-size:24px; color:#CC0066; float:left;}
.high{height:25px; width:25px; display:block; color:#CC0066; float:left;}
.month{height:25px; width:50px; display:block; color:#CC0066; font-size:18px; text-transform:uppercase;}
.time{color:#006666; font-size:11px; float:left; font-weight:bold;}

h1{color:#CC0066; font-size:14px; font-weight:normal;}
p {font-size:11px; color:#fff; margin-top:15px;}