@import url(sidebar.css);
/*
Theme Name: Xtension Chords
Theme URI: http://xtensionchords.com
Description: The official Xtension Chords template
Version: 1.0
Author: DarkGrey Media
Author URI: http://darkgreymedia.com

Pallete:
fan entry grey: #4b4b4b 
text grey: #383838
border grey: b7b7b7 or 363636
form grey: bdbdbd
red: 961a1a

*/

/* CSS RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,q,s,cite,code,del,dfn,em,font,img,ins,small,strike,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1;font-family:arial,helvetica,sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}a{color:#1e1e1e;text-decoration:none}


/* TYPOGRAPHY ============== */
body{ 
	font-family: 'calibri', 'helvetica', arial, sans-serif; 
	font-size: 16px;
	}
.right{float: right; text-align: right;}
.left{float: left; text-align: left;}

h1, h2, h1 a, #about_info h1{
	font-weight: bold;
	font-size: 26px;
	color: #961a1a;
	line-height: 28px;
	}
#about_info h1{ margin-bottom: 15px; }
h2{ color: #363636; }

h3{ font-size: 16px; }

/* entry typo */
.entry > h1{font-size: 22px; color: #363636;}

.entry > h2{font-size: 19px;}

.entry ol{list-style-type: decimal; margin: 1em 1em 1em 2em;}
.entry ul {list-style-type: circle; margin: 1em 1em 1em 2em;}

.entry p, .fan_entry p{
	margin-bottom: 20px;
	line-height: 20px;
	}
	
.boxbody > h2{
	line-height: 20px;
	}
	

/* SPRITES =============== */
.sprite{
	background: url(images/xc_sprite.png) no-repeat;
	text-indent: -9999px;
	}
h1#featured_content_header{	width: 255px; height: 34px;	background-position: -291px -273px; }
h1#featured_fans_header { width: 376px; height: 39px; background-position: -341px -739px; }

h1#sidebar_listennow { width: 194px; height: 26px; background-position: -425px -339px; }
h1#sidebar_keepus { width: 134px; height: 32px; background-position: -291px -307px; }
h1#sidebar_seeus{ width: 194px; height: 32px; background-position: -425px -307px; }
h1#sidebar_bookus { width: 134px; height: 24px; background-position: -291px -339px; }

#header_news { width: 376px; height: 74px; background-position: -376px -665px; }
#header_about { width: 354px; height: 48px; background-position: -291px -225px; }
#header_listen { width: 354px; height: 76px; background-position: -291px -149px; }
#header_store { width: 376px; height: 74px; background-position: 0px -665px; }
#header_fanpage { width: 555px; height: 73px; background-position: 0px -468px; }
#header_events { width: 619px; height: 50px; background-position: 0px -615px; }
#header_contact { width: 555px; height: 74px; background-position: 0px -541px; }
#header_memberprofile { width: 341px; height: 39px; background-position: 0px -739px; }
#header_rep { width: 546px; height: 95px; background-position: 0px -373px; }




/* STRUCTURE */

body{
	background: #EEEEEE url('images/pageshadow.png') top center repeat-y;
	}

#header_container{
	width: 100%;
	height: 18px; /* 40 - 22*/
	position: relative;
	padding: 11px 0;
	background-color: white;
	}

#topshadow{
	position: absolute;
	width: 100%;
	height: 23px;	
	top: 40px;
	left: 0px;
	z-index: 99;
	}

#container{
	width: 960px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	}

#slideshow{
	height: 394px;
	width: 828px;
	background: black;
	float: left;
	position: relative;
	}
	
	#slideshow img{position: absolute; top: 0px; left: 0px;}

#sidenav{
	width: 132px;
	height: 394px;
	background: url('images/sidenav_bg.jpg') repeat-y;
	float: right;
	}

#middle{
	position: relative;
	background: #2a2c2b url('images/middle_bg.jpg') no-repeat;
	width: 926px; /* 960 - 34 */
	float: left;
	padding-top: 23px;
	padding-left: 34px;
	}

#bottomshadow{
	position: absolute;
	height: 44px;
	width: 960px;
	top: 350px; /* 394 - height*/
	left: 0px;
	z-index: 98;
	}

#sidebar{
	float: right;
	width: 211px; /* 249 - (19x2) */
	padding: 0 19px;
	}
#content{overflow: hidden; position: relative; width: 664px;}

#featured_content, #mainbox {
	background: white;
	width: 610px; /* 664 - (27x2)*/
	padding: 27px;
	min-height: 342px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	overflow: hidden;
	font-size: .9em;
	color: #4b4b4b;
	line-height: 1.15em;
	}
	
#featured_content{
	background: white url('images/featured_content_bg.png') top left repeat-x;
	}
	
span.spacer {
	width: 100%;
	height: 27px;
	display: block;
	}

#featured_fans{
	margin: 19px 0;
	background: #838587 url('images/featured_fans_bg.png') top left repeat-x;
	width: 664px;
	padding-bottom: 27px;
	min-height: 343px;
	overflow: hidden;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}

#featured_fans_header{
	padding: 27px 27px 0px 27px;
	}

#footer_container{
	padding: 34px 27px 34px 34px;
	clear: both;
	background: #2a2c2b;
	text-align: center;
	color: white;
	border-top: 2px solid #575b59;
	}
	
	#footer_container a{
	color: white;
	font-variant: small-caps;
	text-decoration: underline;
	}
	
#logo_container{
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 0px;
	z-index: 99;
	}

#logo{
	position: absolute;
	width: 213px;
	height: 159px;
	top: 0px;
	left: -63px;
	z-index: 50;
	background: url(images/xc_sprite.png) -555px -439px no-repeat;
	}
/* ELEMENTS ===================== */

.enhanced_list{
	background: #bdbdbd;
	}
	
img.rep{
	width: 100%;
	height: 151px;
	margin-top: -1px;
	}
	
/* audio player  */
#audioplayer{
	background: #bdbdbd;
	width: 100%;
	height: 300px;
	margin-top: 20px;
	}

/* adbox */

div.adbox{
	background: white url(images/box_bg.png) 0px 0px repeat-x;
	width: 664px; /* 664 - (27x2)*/
	overflow: hidden;
	font-size: .9em;
	color: #4b4b4b;
	position: relative;
	}

.adbox img{
	width: 138px;	
		-moz-box-shadow: 3px 3px 6px #666;
		-webkit-box-shadow: 3px 3px 6px #666;
		box-shadow: 3px 3px 6px #666;
	margin: 0 12px;
	}
	
.adbox div#images{
	text-align: center;
	margin-top: 27px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	display: block;
	}	
	
	.adbox h3{
	text-align: center;
	margin-top: 10px;
	}

/* entry */
div.entry_meta{
	clear: both;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	}

div.entry{
	margin-bottom: 26px;
	border-bottom: 1px solid #b7b7b7;
	}
	
div.entry:last-child {border-bottom: none;}

.about_mainbox .entry{border: none;}

div.rep_entry, div.rep_entry .entry_meta {
	margin-bottom: 2px;
	padding: 1px 2px;
	}
	
/* nextprev */

div.nextprev{
	float: right;
	overflow: hidden;
	margin: 12px 0px; /* right especially necessary*/
	}
	
	.top{
		position: absolute;
		bottom: 0px;
		right: 0px
		}

.next a, .prev a{
	width: 37px;
	height: 28px;
	overflow: hidden;
	display: inline-block;
	float: left;
	background: url(images/xc_sprite.png) -546px -373px no-repeat;
	text-indent: -9999px;
	} 
	
.prev a{ background-position: -546px -401px; margin-right: 6px;}

/* main_header -- the header in the content column */

#main_header{
	position: relative;
	display: block;
	}
#main_header h1{
	margin-bottom: 17px;
	}

/* COMMENTS TEMPLATE */
#commentbox{
	background: white;
	width: 610px; /* 664 - (27x2)*/
	padding: 27px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	overflow: hidden;
	font-size: .9em;
	color: #4b4b4b;
	margin-bottom: 34px;
	}

/* FORM ELEMENTS */
input, textarea{
	border: none;
	display: block;
	background: #bdbdbd;
	}
	
textarea:hover, 
textarea:focus, 
input[type="text"]:hover, 
input[type="text"]:focus {
	background: #b9b9b9 url('images/topshadow.png') top left repeat-x;
	}

input[type="text"], textarea{
	margin-bottom: 9px;
	padding: 3px 6px;
	width: 303px; /* 303px - 6*/
	} 
	
input[type="text"]{height: 21px; /*27px - 6*/}

/* PAYPAL */
input[type="image"]{
	background: transparent;
	}
	
form[action="https://www.paypal.com/cgi-bin/webscr"]{
	margin-top: 39px;
	}

.loggedIn {
	height: 21px;
	display: block;
	margin-bottom: 9px;
	padding: 3px 6px;
	width: 303px;
	}

textarea{ height: 160px;}
	
input[type="submit"]{
	background: #961a1a;
	color: white;
	margin-top: 17px;
	padding: 2px 12px;
	font-size: 18px;
	line-height: 16px;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}	
	
input[type="submit"].bottom{
	margin-top: 110px;
	}

#song_request_form{
	margin-top: 62px;
	}
	
#song_request_form h1, #song_request_form h3{
	text-align: right;
	color: #363636;
	}
	
#song_request_form h1 {
	line-height: 36px;
	font-size: 36px;
	}
	
#song_request_form h3 {
	margin-bottom: 4px;
	}
	
div #inputs{
	border-right: 2px solid #363636;
	padding-right: 9px;
	}
	
div #labels{margin-top: 40px; padding-left: 9px;}
#labels.contact{margin-top: 52px;}

div #labels p{
	padding-left: 9px;
	line-height: 27px;
	margin-bottom: 5px;
	font-weight: bold;
	}


textarea.longtext{
	height: 314px;
	}

/* HEADER =============== */

#header_container ul{
	width: 960px;
	margin: 0 auto;
	text-align: right;
	}

#header_container li{
	display: inline;
	border-right: 1px solid #b7b7b7;
	}

#header_container a{
	padding: 0 12px;
	}
	
#header_container a:hover{
	
	color: #aaaaaa;
	}

#header_container li:last-child{
	border-right: none;
	}


/* NAVBAR =============== */
#navbar{
	position: absolute;
	top: 360px;
	left: 27px;
	z-index: 99;
	overflow: hidden;
	}

#navbar li{
	float: left;
	display: block;
	margin-right: 18px;
	}

#navbar li:last-child{ margin-right: 0px;}

#navbar_news,
#navbar_about,
#navbar_listen,
#navbar_store,
#navbar_fanpage,
#navbar_shows ,
#navbar_bookus {
	display: block;
	background: url(images/xc_sprite.png) no-repeat;
	height: 32px;
	text-indent: -9999px;
	}

#navbar_news { width: 86px; background-position: 0px -149px;}
#navbar_about {width: 144px; background-position: 0px -181px;}
#navbar_listen {width: 97px; background-position: 0px -213px;}
#navbar_store {width: 85px; background-position: 0px -245px;}
#navbar_fanpage {width: 145px; background-position: 0px -277px;}
#navbar_shows {width: 107px; background-position: 0px -309px;}
#navbar_bookus {width: 127px; background-position: 0px -341px;}

#navbar_news:hover {background-position: -147px -149px;}
#navbar_about:hover {background-position: -147px -181px;}
#navbar_listen:hover {background-position: -147px -213px;}
#navbar_store:hover {background-position: -147px -245px;}
#navbar_fanpage:hover {background-position: -147px -277px;}
#navbar_shows:hover {background-position: -147px -309px;}
#navbar_bookus:hover {background-position: -147px -341px;}

/* SIDENAV ============== */
a.sidenav_button{
	margin: 18px 12px 0 12px;
	background: url(images/xc_sprite.png) no-repeat;
	height: 69px;
	width: 107px;
	text-indent: -9999px;
	display: block;
	}
#sidenav_news{background-position: -645px -149px;}
#sidenav_events{ background-position: -645px -218px;}
#sidenav_members{ background-position: -645px -287px;}
#sidenav_rep{ background-position: -645px -356px;}




/* FANPAGE =============== */

div.fan_entry{
	padding: 22px 27px;
	border-bottom: 1px solid #b7b7b7;
	color: #4b4b4b;
	position: relative;
	}
.fan_entry:last-child{
	border-bottom: none;
	}
	
.fan_entry h2{
	font-size: 20px;
	line-height: 20px;
	}
.fan_entry h3.light{
	font-weight: lighter;
	line-height: 14px;
	}

.fan_entry p{
	margin: 17px 0 0 42px;
	}
	
.fan_quote{
	background: url(images/xc_sprite.png) -645px -615px no-repeat;
	position: absolute;
	width: 33px;
	height: 27px;
	top: 65px;
	left: 27px;
	}
	
/* MEMBER PROFILE ================  */
h1#member_name{
	color: white;
	font-size: 46px;
	line-height: 46px;
	margin-bottom: 3px;
	}

.roster h3 a{color: #961a1a;}

div.img_container{
	max-height: 115px;
	width: 100px;
	overlfow: hidden; 
	}
	
	div.img_container img{
	width: 100%;
	}

/* ABOUT US / MEMBERS / EX-CHORDS ===================== */

div#aboutnav{position: absolute; bottom: -7px; right: 0px; overflow: hidden;}
#aboutnav li{display: block; float: left; margin-right: 5px;}

#aboutnav a{
	display: block;
	font-weight: bold;
	font-variant: small-caps;
	padding: 18px 36px;
	background: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
#aboutnav a.aboutnav_off {background: white url(images/bottomshadow.png) 0px 9px repeat-x;}
	
.brief_bio{width: 450px;}

#about_info img{
	margin-bottom: 27px;
	}


/* STORE ===================== */

div#mainbox.store{
	padding: 15px 0px 27px 0px;
	width: 664px;
	}

div.store_section {
	background: white url(images/box_bg.png) 0px 3px repeat-x;
	padding: 0px 60px;
	position: relative;
	border-top: 1px solid #eee;
	}

div.store{
	padding: 0px 47px;
	}
	
	.store_section h1, .store_section h2{
		margin: 7px 0 10px 0;
		display: block;
		}
		
	
	img.storeshadow{
		margin: 15px;
		-moz-box-shadow: 3px 3px 6px #666;
		-webkit-box-shadow: 3px 3px 6px #666;
		box-shadow: 3px 3px 6px #666;
		width: 250px;
		}
		
	img.storethumb{
		width: 138px;
		}
		
img.store{
	margin: 0px 15px 0px 0px;
	float: left;
	}
		
.item_wrapper {
	padding: 15px 0;
	text-align: justify;
	}
	
.item_meta {
	float: right;
	width: 275px;
	}
	
.item_meta h3{ margin-left: 7px;}