/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.clear{
	clear:both;
}

/*Styles*/
body{
	background: url(../_graphics/bg.jpg) no-repeat top center #DE7FA9;
	font-family:arial, sans-serif;
	font-size:12px;
	color:#0c1a34;
}

p{
	margin-bottom:12px;
	color:#1a2a40;
}

a{
	color:#AD845E;
}

/*Titles*/
h1, #ul_menu{
	text-indent:-9999px;
}

h2{
	color:#fff;
	font-size:30px;
	text-transform:uppercase; 
}

h2#h2_gigs{
	margin-top:12px;
}

#h1_thecribs a{
	background: url(../_graphics/h1_cribs.gif);
	width:490px;
	height:87px;
	display:block;
	margin-left:auto;
	margin-right:auto;	
	margin-top:23px;
}

/*Layout*/
#mainwrap{
	width:909px;
	margin:0 auto;
}


dt{
	float:left;
	margin-right:5px;
	display:inline;
}

dd{
	float:left;
}



/*Menu*/
#ul_menu{
	background: url(../_graphics/ul_menu.gif);	
	width:673px;
	height:14px;
	margin-left:auto;
	margin-right:auto;	
	margin-top:30px;
	position:relative;
	margin-bottom:76px;
}

#ul_menu li{
	position:absolute;
	height:14px;
	display:block;
	top:0;
}

#ul_menu li a{
	display:block;
	height:100%;
	width:100%;
}

/*Normal*/
#li_home{left:0;width:42px;}
#li_news{left:57px;width:44px;}
#li_gigs{left:117px;width:34px;}
#li_releases{left:166px;width:71px;}
#li_video{left:252px;width:43px;}
#li_gallery{left:311px;width:62px;}
#li_members{left:389px;width:73px;}
/*#li_feed{left:478px;width:34px;}*/
#li_forum{left:478px; width:51px;}
#li_store{left:544px; width:46px;}
#li_contact{left:606px; width:66px;}

/*Hover*/
#li_home a:hover{background: url(../_graphics/ul_menu.gif) 0 -40px;}
#li_news a:hover{background: url(../_graphics/ul_menu.gif) -57px -40px;}
#li_gigs a:hover{background: url(../_graphics/ul_menu.gif) -117px -40px;}
#li_releases a:hover{background: url(../_graphics/ul_menu.gif) -166px -40px;}
#li_video a:hover{background: url(../_graphics/ul_menu.gif) -252px -40px;}
#li_gallery a:hover{background: url(../_graphics/ul_menu.gif) -311px -40px;}
#li_members a:hover{background: url(../_graphics/ul_menu.gif) -389px -40px;}
#li_forum a:hover{background: url(../_graphics/ul_menu.gif) -478px -40px;}
#li_store a:hover{background: url(../_graphics/ul_menu.gif) -544px -40px;}
#li_contact a:hover{background: url(../_graphics/ul_menu.gif) -606px -40px;}

/*Active*/
body#home #li_home{background: url(../_graphics/ul_menu.gif) 0 -20px;}
body#news #li_news{background: url(../_graphics/ul_menu.gif) -57px -20px;}
body#gigs #li_gigs{background: url(../_graphics/ul_menu.gif) -117px -20px;}
body#releases #li_releases{background: url(../_graphics/ul_menu.gif) -166px -20px;}
body#video #li_video{background: url(../_graphics/ul_menu.gif) -252px -20px;}
body#gallery #li_gallery{background: url(../_graphics/ul_menu.gif) -311px -20px;}
body#members #li_members{background: url(../_graphics/ul_menu.gif) -389px -20px;}
body#forum #li_forum{background: url(../_graphics/ul_menu.gif) -478px -20px;}
body#contact #li_contact{background: url(../_graphics/ul_menu.gif) -606px -20px;}

/*Home page content*/
#div_news{
	background: url(../_graphics/nWrap.gif) repeat-y #fff;
	width:100%;
}

.nWrap{
	float:left;
	width:283px;
	padding:10px;
	position:relative;
}

h2{
	margin-bottom:4px;
}

.gigTitle,.nTitle{
	font-size:14px;
	text-transform:uppercase;
	color:#6d0606;
	margin-bottom:3px;
}

.gigTitle{
	background: url(../_graphics/dots.gif) repeat-x left bottom;
	margin-bottom:10px;
	padding-bottom:5px;
}

.nDate{
	color:#797979;
	font-size:10px;
	margin-bottom:5px;
}

.nWrap .read_more{
	float:right;
}

.read_more{
	display:block;
	background: url(../_graphics/read_more.png);
	width:69px;
	height:9px;
	text-indent:-9999px;
	font-size:9px;
	line-height:0;
}


#div_gigs .cWrap{
	background: url(../_graphics/nWrap.gif) repeat-y #fff;
}

#extras{
	margin-top:12px;
}

#extras .sWrap{
	float:left;
	width:219px;
	margin-right:10px;
	display:inline;
}

#extras .last{
	margin-right:0;
}

.cWrap{
	background:#ffffff;
	padding:10px;
}
.cWrap2{
	background:#F5F5F5;
	padding:10px;
}

/*News Page*/
#col1{
	width:260px;
	float:left;
	display:inline;
}

#col2{
	float:left;
	margin-left:20px;
	width:610px;
	display:inline;
}

.nTitle a{
	color:#fff;
	text-decoration:none;
	font-size:16px;
}

.selected a{
	color:#23181C;
	background:#fff;
}

#col1 .sWrap{
	padding:6px 0;
}

#col2 .nDate{
	color:#AD845E;
	font-size:12px;
	display:block;
	margin-bottom:5px;
	margin-top:2px;
}

/*Comments*/
#comments{
/*	background: #F5F5F5;*/
	background: url(../_graphics/comment_bg.png);
	padding-top:5px;
}

.comment_msg{
	background:#6b0606;
	color:#fff;
	padding:2px;
}

#col2 .comment_msg{
	margin:0 5px;
}	

#comments textarea{
	font-family:arial, sans-serif;
	font-size:12px;
	width:590px;
	height:100px;
}

#h2_comments{
	margin-top:15px;
	margin-bottom:10px;
}

.row1, .row2, #comment_form{
	padding:5px;
	overflow:auto;
	clear:left;
}

#comment_form{
	background: url(../_graphics/dots.gif) left top repeat-x;
	margin-top:10px;
	padding-top:10px;
}

.comments_login{
	clear:left;
}

.row2{
/*	background:#eee;*/
	background: url(../_graphics/comment_bg.png);
}

#comments #submit_btn{
	background:#6b0606;
	border:0;
	color:#fff;
	text-transform:uppercase;
}

#pagination li{
	float:left;
	margin-right:3px;
}

#pagination{
	overflow:auto;
	padding:5px;
	background:#fff;
	width:100%;
}

.comment_col1{
	float:left;
	width:140px;
}

.comment_col2{
	float:left;
	width:450px;
}

.comment_user{
	text-transform:uppercase;
	color:#6D0606;
}

.no_comments{
	padding:5px;
}

/*Gigs*/
.gigVenue{
	font-size:22px;
}

.a_add_photos, .a_add_attend, .a_buy_tickets, .a_all_gigs, .a_more_tweets{
	display:block;
	height:14px;
	font-size:1px;
	line-height:0;
	margin:5px 0 ;
	text-indent:-9999px;
}	

.a_add_photos{
	background: url(../_graphics/actions.gif) 0 -15px;
	width:80px;
}

.a_add_attend{
	background: url(../_graphics/actions.gif) 0 0px;
	width:100px;
}

.a_buy_tickets{
	background: url(../_graphics/actions.gif) 0 -30px;
	width:75px;
}

.a_all_gigs{
	clear:left;
	background: url(../_graphics/actions.gif) 0 -45px;
	width:53px;
	float:right;
}

.a_more_tweets{
	background: url(../_graphics/actions.gif) 0 -60px;
	width:81px;
	float:right;
}

body#gigs #col1 h3.nTitle a{
	color:#6d0606;
	font-size:14px;
}

.li_first, .li_pic{
	margin-bottom:10px;
}

.li_first{
	float:left;
	clear:left;
}

.li_pic{
	float:left;
	margin-left:10px;
}

#col1 .gWrap{
	background: url(../_graphics/dots.gif) repeat-x left bottom;
	padding-bottom:3px;
	margin-bottom:3px;
}

#choose_year{
	margin-bottom:0;
}

#table_content{
	width:100%;
}

#table_content tr{
	background: url(../_graphics/dots.gif) repeat-x left bottom;
}

#table_content td, #table_content th{
	padding:5px;
}

* html #table_content { border-collapse:collapse; }
* html #table_content td, * html #table_content th { background:url(../_graphics/dots.gif) repeat-x right bottom; }

.picCount, .reviewCount, .attCount{
	text-align:center;
}

.gigLink{
	text-transform:uppercase;
	color:#6d0606;
	text-decoration:none;
	font-weight:bold;
}

#gigs .gigTable{
	margin-top:20px;
	background: url(../_graphics/comment_bg.png);
}

.gigCol{
	float:left;
	width:283px;
	margin-right:20px;
}

.last{
	margin-right:0;
}

.gWrap{
	margin-bottom:8px;
	padding-bottom:8px;
	color:#ddd;
	background: url(../_graphics/dots.gif) repeat-x left bottom;
	
}

.gWrap .gDate{
	font-weight:bold;
	float:left;
	width:45px;
}

.gWrap strong{
	color:#6d0606;
}


.gWrap .gInfo{
	float:left;
	width:235px;
}

.gWrap .gInfo a{
	color:#0c1a34;
	text-decoration:none;
}

.gWrap .gInfo a.ticketsLink{
	color:#AD845E;
}


/*Twitter*/
.tweet{
	padding-bottom:5px;
	margin-bottom:5px;
	background: url(../_graphics/dots.gif) repeat-x left bottom;
}

/*Youtube player*/
#thumbs{
	list-style:none;
	padding:0;
	margin:0;
}

#thumbs img{
	width:100px;
	height:75px;
	padding:0;
	border:none 0;
	margin:0;
	display:block;
}

#thumbs li{
	padding-bottom:3px;
	display:block;
	height:75px;
	width:100px;
	line-height:1px;
	font-size:1px;
}

#thumb a{
	background:#ffcc00;
	padding:0;
	margin:0;
}

#thumbswrap{
	position:absolute;
	display:block;
	overflow:hidden;
	margin-top:20px;
	width:100px;
}

#thumbs{
	position:relative;
	top:0px;
}

#up_btn, #down_btn{
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	width:100px;
	height:8px;
	display:block;
	position:absolute;
}

#up_btn{
	background: url(../_graphics/up_btn.gif) top center #fff;
	top:10px;
}

#down_btn{
	background: url(../_graphics/down_btn.gif) top center #fff;
	top:485px;
}

/*Videos*/
#player{
	margin:7px;
}

#video_title{
	float:right;
}

#bufferbarIndicator{
	background:#666666; height:8px; display:block; width:0px;
	font-size:1px; line-height:1px;
}

#timebarIndicator{
	background:#444; height:8px; display:block; width:0px; margin-top:-8px;
	font-size:1px; line-height:1px;
}

#timebar{
	width:776px;
	background:#000;
	margin-top:2px;
}

#controls{
	background:#fff;
	padding:3px;
}

#controls a{
	text-decoration:none;
}

#videowrap{
	margin-top:20px;
}

#videowrap #storywrap #down_btn{
	top:488px;
}

#videowrap #storywrap #thumbswrap{
	height:468px;
}

#videowrap #storywrap #bigimage{
	height:486px;
}

#bigimage{
	background:#fff;
	width:794px;
	position:absolute;
	top:10px;
	left:104px;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#fff;}

#colorBox{}
#cboxTopLeft{width:27px; height:27px; background:url(../_graphics/borderTopLeft.png) 0 0 no-repeat;}
#cboxTopCenter{height:27px; background:url(../_graphics/borderTopCenter.png) 0 0 repeat-x;}
#cboxTopRight{width:27px; height:27px; background:url(../_graphics/borderTopRight.png) 0 0 no-repeat;}
#cboxBottomLeft{width:27px; height:27px; background:url(../_graphics/borderBottomLeft.png) 0 0 no-repeat;}
#cboxBottomCenter{height:27px; background:url(../_graphics/borderBottomCenter.png) 0 0 repeat-x;}
#cboxBottomRight{width:27px; height:27px; background:url(../_graphics/borderBottomRight.png) 0 0 no-repeat;}
#cboxMiddleLeft{width:27px; background:url(../_graphics/borderMiddleLeft.png) 0 0 repeat-y;}
#cboxMiddleRight{width:27px; background:url(../_graphics/borderMiddleRight.png) 0 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:url(../_graphics/loading.gif) 5px 5px no-repeat #fff;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

#login_box{
	width:426px;
	margin:0 auto;
	background:#fff;
	padding:12px;
}

#login_box label{
	float:left;
	width:100px;
	text-transform:uppercase;
	color:#6D0606;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	margin-right:10px;
}

#login_box .txt_input{
	float:left;
	margin-bottom:10px;
	width:280px;
	background:#E6E6E6;
	font-size:14px;
}

#login_box br{
	clear:left;
}

.login_txt{
	font-size:30px;
	margin-bottom:10px;
	font-weight:bold;
	clear:both;
}

#forgot_password{
	float:left;
	display:inline;
	margin-left:110px;
	margin-top:5px;
}

#login_box #submit_btn{
	background:#C9CCC8;
	border:none;
	margin-bottom:10px;
	font-weight:bold;
	padding:3px;
	font-size:12px;
	float:right;
	display:inline;
	margin-right:30px;
}

.feedactivity{
	background: url(../_graphics/dots.gif) repeat-x left bottom;
	margin-bottom:8px;
	padding-bottom:5px;
}

/*Releases*/
body#releases #col1, body#releases #col2, body#members #col1, body#members #col2m{
	width:450px;
	float:left;
}

/*Contact*/
body#contact #col1, body#contact #col2{
	width:425px;
	float:left;
}

#ul_socnets{
	background:url(../_graphics/ul_socnets.gif) -151px 0;
	text-indent:-9999px;
	display:block;
	position:relative;
	width:123px;
	height:192px;
}

#ul_socnets li{
	display:block;
	height:25px;
	position:absolute;
	left:0;
	width:150px;
}

#ul_socnets li a{
	display:block;
	height:100%;
	width:100%;
}

/*Normal states*/
#li_myspace{top:0;}
#li_facebook{top:33px;}
#li_twitter{top:67px;}
#li_ilike{top:100px;}
#li_lastfm{top:133px;}
#li_bebo{top:167px;}


/*Hover states*/
#li_myspace a:hover{background:url(../_graphics/ul_socnets.gif) 0 0;}
#li_facebook a:hover{background:url(../_graphics/ul_socnets.gif) 0 -33px;}
#li_twitter a:hover{background:url(../_graphics/ul_socnets.gif)0 -67px;}
#li_ilike a:hover{background:url(../_graphics/ul_socnets.gif)0 -100px;}
#li_lastfm a:hover{background:url(../_graphics/ul_socnets.gif)0 -133px;}
#li_bebo a:hover{background:url(../_graphics/ul_socnets.gif)0 -167px;}

body#releases #col2, body#members #col2{
	margin-left:9px;
}

body#releases #col2 .relCol1{
	width:100px;
}

.relCol1{
	float:left;
	width:215px;
	margin-right:10px;
}

.relCol2{
	float:left;
	width:185px;
}

.relWrap{
	clear:both;
	padding-bottom:10px;
}

/*Releases homepage*/
.a_more_releases{
	clear:both;
	display:block;
	background: url(../_graphics/actions.gif) 0 -75px;
	height:14px;
	width:92px;
	float:right;
	text-indent:-9999px;
	margin-top:10px;
}

.r_packshot{
	float:left;
	display:inline;
	margin-right:5px;
}

/*Feed*/
.feed_item{
	background:#fff;
	padding:5px;
	width:280px;
	float:left;
	display:inline;
	margin-right:5px;
	margin-bottom:5px;
}

.first{
	clear:left;
}

body#photo #col2{
	margin-left:0;
}

body#photo #upload_form label{
	float:left;
	width:80px;
	text-align:right;
	margin-right:5px;
}

body#photo #upload_form input{
	float:left;
	width:150px;
	margin-bottom:5px;
}

body#photo #upload_form br{
	clear:left;
}

body#photo #upload_form input#submit_btn{
	background:#C9CCC8;
	border:none;
	margin-bottom:10px;
	font-weight:bold;
	padding:3px;
	font-size:12px;
	display:inline;
	margin-right:30px;
	width:50px;
	float:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */