/*  reset */
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;
}

ol{
	margin-left:25px;
}

body {
	line-height: 1;
}
ul, dl {
	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;
}

body{
	background: #fff top center no-repeat;
	font-family:arial;
	font-size:13px;
	line-height:18px;
}

.clear{clear:both;}
.al{text-align:left;}
.ar{text-align:right;}
.nm{margin:0;}

/*Titles*/

h1, h2{
	text-indent:-9999px;
}

#h1_annie a{
	background: url(../_graphics/h1_annie.gif);
	width:254px;
	height:265px;
	text-indent:-9999px;
	display:block;
}

body#home #h2_blog a{
	background: url(../_graphics/h2_blog2.gif) no-repeat top right;
	height:60px;
	display:block;
}


.flasher{
	display:block;
	background:red;
	color:#fff;
	padding:2px 10px;
}

body#blog #h2_blog a{
	background: url(../_graphics/h2_blog2.gif) no-repeat top right;
	height:60px;
	display:block;
}

body#exclusive #h2_blog{
	background: url(../_graphics/h2_exclusive.gif);
	height:60px;
	display:block;
}

body#blog #h2_latest_blogs, body#home #h2_latest_blogs{
	background: url(../_graphics/h2_latest_blogs.gif);
	height:45px;
}

#h2_video_blogs{
	background: url(../_graphics/h2_videoblogs.gif);
	height:45px;
}

body#exclusive #h2_latest_blogs{
	background: url(../_graphics/h2_recent.gif);
	height:45px;
}

#h2_archive{
	background: url(../_graphics/h2_archive.gif);
	height:45px;
}

#h2_gig_info{
	background: url(../_graphics/h2_gig_info.gif);
	height:60px;
}

#h2_shop{
	background: url(../_graphics/h2_shop.gif);
	height:60px;
}

#h2_competition{
	background: url(../_graphics/h2_competition.gif);
	width:454px;
	height:60px;
}

#h2_buy_now{
	background: url(../_graphics/h2_buy_now.gif);
	height:45px;
}

#h2_top_tracks{
	background: url(../_graphics/h2_top_tracks.gif);
	height:45px;
}

#h2_live_dates a, #h2_live_dates{
	background: url(../_graphics/h2_live_dates.gif);
	height:45px;
	display:block;
}

#h2_register{
	background: url(../_graphics/h2_register.gif);
	height:60px;
}

#h2_login_form{
	background: url(../_graphics/h2_login.gif);
	height:60px;
}

#h2_past_dates{
	background: url(../_graphics/h2_past_dates.gif);
	height:45px;
}

h3.nTitle{
	color:#fe0000;
	font-size:18px;
	letter-spacing:-1px;
}

h4.gDate{
	font-weight:normal;
	margin-top:2px;
	margin-bottom:10px;
}

hr{
	border:none;
	height:1px;
	background:#000;
	font-size:1px;
	line-height:1px;
	margin-bottom:5px;
}

#h2_featured_video{
	background: url(../_graphics/h2_featured_video.gif) no-repeat;
	height:36px;	
	width:291px;
}

#h2_twitter a{
	background: url(../_graphics/h2_twitter.gif) no-repeat;
	height:22px;
	width:244px;
	display:block;
}

/*Layout*/
#mainwrap{
	width:1000px;
	margin:0 auto;
	padding-top:20px;
}

#login_bar{
	background: url(../_graphics/login_bg.jpg) left bottom repeat-x #000;
	height:40px;
}

#a_logout{
	background: url(../_graphics/logout.gif);
	display:block;
	height:18px;
	width:63px;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	margin-left:420px;
	top:3px;
}

#col1{
	width:254px;
	float:left;
	margin-right:12px;
	display:inline;
}

body#home #col2, body#blog #col2{
	width:720px;
	margin-right:0;
}

body#blog #col2{
	float:right;
	display:inline;
	margin-right:12px;
}

body#blog #col3{
	float:left;
}

#col2{
	width:454px;
	float:left;
	margin-right:12px;
	display:inline;
}

body#home #col3{
	margin-top:13px;
}

#col3{
	width:254px;
	float:left;
	display:inline;
}

#col2 .cWrap{
	background:#D6FEFE;
	margin-bottom:12px;	
}

#col3 .cWrap, #col1 .cWrap{
	background:#FED6D6;
	margin-bottom:12px;
}

#twitter{
	background:#F2F2F2;
	margin-bottom:12px;
	font-size:10px;
	color:#626262;
	padding:5px;
}

.tweet_words{
	margin:0;
	padding:0;
}

.tweetDate{
	color:#000;
	font-size:12px;
	margin-bottom:0;
	padding-bottom:0;
}

.tweet_words a{
	color:#FE0000;
}
/*SNS MENU*/
#ul_sns{
	background: url(../_graphics/ul_sns.gif);
	display:block;
	text-indent:-9999px;
	width:310px;
	height:25px;
	position:absolute;
	left:50%;
	top:5px;
	margin-left:-230px;
}

#ul_sns li{
	display:block;
	height:25px;
	top:0;
	position:absolute;
}

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

#li_youtube{left:0;width:64px;}
#li_facebook{left:79px;width:70px;}
#li_soundcloud{left:164px;width:47px;}
#li_twitter{left:224px;width:80px;}


/*Menu*/
#ul_menu{
	background: url(../_graphics/ul_menu.gif);
	text-indent:-9999px;
	width:236px;
	height:266px;
	margin-top:20px;
	position:relative;
	margin-bottom:24px;
}

#ul_menu li{
	position:absolute;
	display:block;
	left:0;
	height:23px;
}

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

#fairplayer{
	margin-left:15px;
	margin-top:10px;
}

.sWrap{
	padding:10px 15px;
}

/*Normal states*/
#li_home{top:0; width:164px;}
#li_shop{top:31px; width:60px;}
#li_live{top:60px;width:128px;}
#li_music{top:90px;width:236px;}
#li_blog_archive{top:121px;width:162px;}
#li_drop_box{top:151px;width:102px;}
#li_radio{top:181px;width:68px;}
#li_podcast{top:212px;width:103px;}
#li_videos{top:242px;width:103px;}

/*hover states*/
#li_home a:hover{background: url(../_graphics/ul_menu.gif) -250px 0;}
#li_shop a:hover{background: url(../_graphics/ul_menu.gif) -250px -31px;}
#li_live a:hover{background: url(../_graphics/ul_menu.gif) -250px -60px;}
#li_music a:hover{background: url(../_graphics/ul_menu.gif) -250px -90px;}
#li_blog_archive a:hover{background: url(../_graphics/ul_menu.gif) -250px -121px;}
#li_drop_box a:hover{background: url(../_graphics/ul_menu.gif) -250px -151px;}
#li_radio a:hover{background: url(../_graphics/ul_menu.gif) -250px -181px;}
#li_podcast a:hover{background: url(../_graphics/ul_menu.gif) -250px -212px; height:22px;}
#li_videos a:hover{background: url(../_graphics/ul_menu.gif) -250px -242px; height:22px;}

/*active states*/
body#home #li_home a{background: url(../_graphics/ul_menu.gif) -500px 0;}
body#shop #li_shop a{background: url(../_graphics/ul_menu.gif) -500px -31px;}
body#live #li_live  a{background: url(../_graphics/ul_menu.gif) -500px -60px;}
body#exclusive #li_exclusive a{background: url(../_graphics/ul_menu.gif) -500px -90px;}
body#blog #li_blog_archive a{background: url(../_graphics/ul_menu.gif) -500px -121px;}

/*Login form*/
#for_giveaways{
	display:block;
	text-indent:-9999px;
	background: url(../_graphics/for_giveaways.gif);
	height:15px;
	width:440px;
	margin-top:5px;
	margin-left:5px;
}


#login_form{
	position:absolute;
	left:50%;
	top:5px;
	margin-left:215px;
}

#h2_login{
	color:#fff;
	position:absolute;
	left:50%;
	margin-left:146px;
	background: url(../_graphics/form_sprite.gif);
	text-indent:-9999px;
	width:69px;
	height:17px;
	top:6px;
}

#email_label{
	background: url(../_graphics/form_sprite.gif) -69px 0;
	text-indent:-9999px;
	display:block;
	height:17px;
	width:56px;
	float:left;
	margin-top:2px;
	margin-right:5px;
}

#password_label{
	background: url(../_graphics/form_sprite.gif) -273px 0;
	text-indent:-9999px;
	display:block;
	height:17px;
	width:98px;
	float:left;
	margin-top:2px;
	margin-right:5px;
}

#email_input, #password_input{
	float:left;
	background:none;
	margin-right:5px;
	display:block;
	border:none;
	color:#fff;
	margin-top:3px;
	background: url(../_graphics/form_sprite.gif) -128px 0;
	width:148px;
}

#login_form #submit_btn{
	background: url(../_graphics/form_sprite.gif) -522px 0;
	width:67px;
	height:17px;
	display:block;
	text-indent:-9999px;
	float:left;
	border:none 0;
	margin-top:2px;
	cursor:pointer;
}

/*Videos*/
#h2_video{
	background: url(../_graphics/h2_a_video.gif);
	width:110px;
	height:30px;
	text-indent:-9999px;
	display:block;
	margin-bottom:5px;
}

#click_comment a{
	display:block;
	text-indent:-9999px;
	width:177px;
	height:15px;
	background: url(../_graphics/click_comment.gif);
}

/*Gigs homepage*/
.gWrap{
	margin-bottom:3px;
	padding-bottom:3px;
	border-bottom:1px solid #e3c1c1;
}

.gDate{
	color:#fe0000;
}

#col2 .gVenue{
	font-size:16px;
}

.gVenue a, .gVenue{
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
}

.gVenue a:hover{
	color:#535353;
}

.gVenue a.selected{
	color:#fff;
}

.gWrap{
	font-size:11px;
	color:#535353;
}

#col2 a{
	/*color:#FE0000;*/
	font-size:12px;
}

#col2 p{
	margin-bottom:2px;
}

/*Forms*/
#register_btn, #login_btn, #post_comment, .buy_btn{
	background: #000; 
	border:none 0;
	cursor:pointer;
	margin-left:125px;
	color:#01FFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
}

#post_comment{
	margin-left:0;
	margin-top:3px;
}

#comment_form #name{
	margin:5px 0;
}

#comment_form #name input{
	width:200px;
}
#comment_form label{
	width:70px;
}
#comment_form textarea{
	border:1px solid #000;
	width:420px;
	height:110px;
	background:#f0ffff;
	font-family:arial, sans-serif;
	font-size:12px;

}

#standard_form .txtinput{
	float:left;
	width:150px;
	margin-bottom:5px;
	border:1px solid #000;
}

#standard_form label{
	float:left;
	width:120px;
	text-align:right;
	margin-right:5px;
	display:inline;
}

#standard_form br{
	clear:left;
}

/*Comments*/
.comment_user{
	color:#FE0000;
}

.row1{
	background:#d3f8f7;
	padding:5px;
}

.row2{
	padding:5px;
}

/*Photoblog*/
.photolink{
	margin-right:5px;
}

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


.read_more{
	background: url(../_graphics/read_more.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:61px;
	height:12px;
}

/*Shop*/
.paypal_form{
	margin-top:10px;
	margin-bottom:20px;
}

.paypal_form label{
	width:50px;
	text-align:right;
	float:left;
	display:inline;
	margin-right:5px;
}
.paypal_form select{
	float:left;
	width:150px;
	margin-bottom:5px;
}

.buy_btn{
	margin-left:55px;
}

#comp_packshot{
	width:230px !important;
	float:left;
}

#buylinks{
	float:left;
	width:150px;
	background: url(../_graphics/buy_links.gif);
	width:119px;
	height:108px;	
	text-indent:-9999px;
	display:block;
	margin-left:10px;
}

#buylinks2{
	float:left;
	width:150px;
	background: url(../_graphics/buy_links2.gif) no-repeat;
	width:119px;
	height:108px;	
	text-indent:-9999px;
	display:block;
	margin-left:10px;
}

#buylinks li a,#buylinks2 li a{
	height:30px;
	width:100%;
	display:block;
	margin-bottom:4px;
}

.tweet_this{
	display:block;
	float:left;
	text-indent:-9999px;
	background: url(../_graphics/twitter-post.png) no-repeat;
	width:60px;
	height:18px;
	margin-right:5px;
	margin-top:2px;
	clear:left;
}


/*
    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;}





@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*Competition*/
small{
	font-size:9px;
}

#competition_form input{
	float:left;
}

#competition_form br{
	clear:left;
}

#competition_form label{
	margin-bottom:10px;
	float:left;
	margin-right:5px;
	display:inline;
	text-align:right;
}

#competition_form #post_comment{
	margin-left:160px;
}

.blog_image{
	margin-bottom:5px;
	max-width:689px;
	width:auto !important;
	width:689px;
}

body#home #col2 img, body#blog #col2 img{
	max-width:689px;
	width:auto !important;
	width:689px;
	display:block;
}

#fb-root{
	width:auto;
}

#site_credit{
	float:right;
	font-size:11px;
	margin-right:12px;
}

#site_credit a{
	color:#fe0000;
}

.drop_text{
	color:#fff;
	background:#000;
	position:absolute;
	padding:5px 5px 15px 5px;
	display:block;
	width:250px;
	top:370px;
	left:50%;
	margin-left:-500px;
	z-index:1000;
	background:url(../_graphics/drop_bottom.gif) left bottom #000 no-repeat;
}

#thanks{
	font-size:28px;
	margin:10px 0;
}