/*
Theme Name: Downbeat Switch
Theme URI: http://www.downbeatswitch.com/
Version: 1.0
Author: Mark Harris
Author URI: http://www.markmadedesign.com/
*/

/* Global Settings */

a, a:visited, a:hover { text-decoration: none }
a:active { outline: none }
a:focus { -moz-outline-style: none }
.clear { clear: both }

body {
	padding: 0;
	margin: 0;
	width: 100%;
	display: table;
	text-align: center;
	background: #330000 url(/images/bg_bodyRepeat.jpg) top left repeat;
}
#holder {
	margin: 0 auto;
	width: 1100px;
}
#header {
	margin: 0 auto;
	width: 1100px;
	height: 335px;
	display: table;
	background: url(/images/header.png) top center no-repeat;
}
#menu { position: relative; width: 1100px; height:335px }

#content {
	margin: 0 auto;
	width: 1100px;
	background: url(/images/bg_contentRepeat.png) top center repeat-y;
}
#contentFooter {
	margin: 0 auto;
	width: 900px;
	height:34px;
	background: url(/images/bg_contentFooter.jpg) bottom center no-repeat;
}
#footer{
	margin: 0 auto;
	width: 1100px;
	height:51px;
	background: url(/images/bg_footer.png) bottom center no-repeat;
}
#sb-title-inner {font-weight:bold}

/* Header Menu Rollovers */

#menu .home { position: absolute; left: 144px; bottom: 35px; }
a.homeOver { display: block; width: 75px; height: 30px; background: url(/images/menu_homeRollover.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; }
a:hover.homeOver { background-position: -75px 0; }

#menu .about { position: absolute; left: 255px; bottom: 35px; }
a.aboutOver { display: block; width: 80px; height: 30px; background: url(/images/menu_aboutRollover.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; }
a:hover.aboutOver { background-position: -80px 0; }

#menu .news { position: absolute; left: 375px; bottom: 35px; }
a.newsOver { display: block; width: 70px; height: 30px; background: url(/images/menu_newsRollover.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; }
a:hover.newsOver { background-position: -70px 0; }

#menu .media { position: absolute; left: 484px; bottom: 35px; }
a.mediaOver { display: block; width: 75px; height: 30px; background: url(/images/menu_mediaRollover.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; }
a:hover.mediaOver { background-position: -75px 0; }

#menu .gallery{
	position: absolute;
	left: 600px;
	bottom: 31px;
}
a.galleryOver {  
    display: block;  
    width: 85px;  
    height: 34px;  
    background: url(/images/menu_galleryRollover.png) no-repeat 0 0;  
    overflow: hidden;  
    text-indent: -10000px;
}
a:hover.galleryOver {  
    background-position: -85px 0;  
}

#menu .live{
	position: absolute;
	left: 727px;
	bottom: 35px;
}
a.liveOver {  
    display: block;  
    width: 120px;  
    height: 30px;  
    background: url(/images/menu_liveRollover.png) no-repeat 0 0;  
    overflow: hidden;  
    text-indent: -10000px;
}
a:hover.liveOver { background-position: -120px 0; }

#menu .store{ position: absolute; left: 892px; bottom: 35px; }
a.storeOver { display: block; width: 65px; height: 30px; background: url(/images/menu_storeRollover.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; }
a:hover.storeOver { background-position: -65px 0; }

/* Home */

.title {
	height: 33px;
	margin: 0 auto;
	padding: 15px 0;
}
.homeContent { margin: 15px auto 0 auto; width:760px }
.homeIntro { float:left; text-align:left; width:600px }
.homeLinks { float:right; width:160px; height:818px; position: relative; background: url(/images/home_links.png) top right no-repeat; padding-top:62px }
.linksmenu{ position: relative; background: url(/images/home_links.png) top right no-repeat; height:818px }
.homeContact{ margin-left:10px; float:left }
.homeMailingList{ margin:5px 10px 0 0; float:right }
.homeContactOLD{ margin-top:-30px; text-align:center }

/* About */

.submenu {
	position:relative;
	width: 782px;
	height: 66px;
	margin: 0 auto;
	background: url(/images/bg_aboutMenu.png) top center no-repeat;
}
.linkMembers { position:absolute; top:17px; left:53px; width:90px }
.linkBio { position:absolute; top:17px; left:202px; width:100px; }
.linkBands { position:absolute; top:17px; left:363px; width:170px; }
.linkVenues { position:absolute; top:17px; left:590px; width:140px; }

.subtitle { text-align:left; padding:25px 175px 0 175px }

#memberPhotos { position:relative; width:804px; height:252px; margin:25px auto; background: url(/images/about_membersPhotos.png) top center no-repeat }
#memberPhotos .member1 { position: absolute; top:1px; left:27px }
#memberPhotos .member2 { position: absolute; top:1px; left:184px }
#memberPhotos .member3 { position: absolute; top:1px; left:339px }
#memberPhotos .member4 { position: absolute; top:1px; left:496px }
#memberPhotos .member5 { position: absolute; top:1px; left:651px }
a.memberOver { display: block; width:127px; height:190px; background:url(/images/about_membersRollover.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px }
a:hover.memberOver { background-position:-127px 0 }

#equipment { font:Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0 auto; padding-top:25px; clear:both }
#equipment img { border: 1px solid #666666 }

.copyAbout { text-align:justify; padding:0 175px; font:14px Arial, Helvetica, sans-serif; color:#330000 }
.copyVenues { text-align:left; padding:0 175px; font:bold 16px Arial, Helvetica, sans-serif; color:#330000; line-height:125% }
.lineAbout { width: 778px; height: 15px; margin: 0 auto; background: url(/images/lineAbout.png) top center no-repeat }


/* News */

.blurb {
	margin: 0 auto;
	width: 734px;
	height: 264px;
	background: url(/images/bg_newsBlurb.png) top center no-repeat;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}
.blurbPhoto { float: left; padding: 33px 5px 33px 25px; width: 280px; height: 185px }
.blurb img { border:1px solid #000000 }

.blurbContent { float: right; text-align:left; padding: 30px 25px 30px 5px; width: 390px; height: 185px }
.blurbTitle { font-size: 1.4em; font-weight: bold }
.blurbLine { border-top: #999999 solid 1px; margin: 8px 0 }
p.readmore a{ color: #663300; font-weight: bold; font-style: italic }
.blurbDate { font-style: italic }

/* News Single */

.single {
	margin: 0 auto;
	width: 750px;
	color: #000000;
	font: 14px Arial, Helvetica, sans-serif;
}
.singleInfo { float:left; text-align:right; width:155px; color:#FFFFCC }
.singleTitle { font-size:20px; font-weight: bold; line-height:90%; padding:37px 0 20px 0 }

.singleContent { float:right; width:580px; background: url(/images/bg_newsPost.jpg) top left repeat; padding-top:25px }
.single img { border:1px solid #000000 }
.singleEntry { text-align:center; padding: 10px 30px 20px 30px }
.singleEntry p{ text-align:justify; padding-bottom:5px }
.alignleft{ float:left; margin: 10px 20px 10px 0 }
.alignright{ float:right; margin: 10px 0 10px 20px }

/* Media & Live Shows*/

.two-columns {
	margin: -15px auto 0 auto;
	width: 800px;
	color: #000000;
	font: 14px Arial, Helvetica, sans-serif;
}
.leftColumn { float:left; width:400px }
.rightColumn { float:right; width:400px }
.narrowColumn { width:360px; margin:0 auto 0 auto; background: url(/images/bg_newsPost.jpg) top left repeat }

.musicColumn { text-align:left; padding:0 20px 20px 20px }
.musicColumn img{ border:1px solid #000000 }
.albumTitle { font-size:24px; font-style:italic; font-weight:bold; color:#330000; padding-top:20px }
.tracks { padding:20px 0; border-bottom:1px solid #000000 }
.wpa_time { color:#333333 }

.videoColumn { margin:0 auto; padding-top:20px }
.video { padding-bottom:20px }

.showsColumn { text-align:left; padding:20px 20px 20px 20px; margin-left: 15px }

ul{ list-style-type: none; padding:0; margin-left:0; font-size:22px }
.ec3_list { list-style-type:none; padding:0; margin-left:0; margin-top:25px; border-bottom:1px solid #000000; font-size:18px }
.ec3_list li { padding-bottom:5px; font-weight:bold; font-style:italic; }
.ec3_list li a, a:visited{ color: #330000 }
.ec3_list li a:hover{ color:#990000 }
.singleEntry table.ec3_schedule { border:0; margin-left:-3px; float:none; font-size:1.1em }
.singleEntry td.ec3_start{ font-weight:bold }
.singleEntry td.ec3_end{ font-weight:bold }

.mp3sColumn { text-align:left; padding:0 20px 20px 20px }
.mp3sTitle { font-size:19px; font-weight:bold; color:#330000; padding-top:20px }
.mp3sColumn img{ border:1px solid #000000 }
.mp3sColumn .wpa_container span.wpa_text { font-size:16px }

/* Gallery */

.photoGallery { margin: 0 auto; width: 788px }
.photo { float:left; width:193px; height:138px; margin:2px; padding-top:12px; background: url(/images/bg_galleryPhoto.png) top left repeat }