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 {
	background: url(../images/background.jpg) center top #000 no-repeat;
	line-height: 1;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
}
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;
}

/* structure */

#wrapper { width: 730px; margin: 500px auto 0 auto; overflow: hidden; }

#ctas { margin: 30px 0 40px 0; }

#social { background: #424242; overflow: hidden; padding: 10px; height: 55px; }

#icons { padding-left: 20px; }

.col { float: left; width: 345px;}

#ctas .col { width: 426px; height: 197px; }

#footer { margin-bottom: 80px; background: #1f1f1f; border-top: 3px solid #595959; }

#form { display: none; }

#formInfo { margin-bottom: 20px; }

.show { height: 50px; width: 425px; margin: 10px 20px; overflow: hidden; }

.date { width: 45px; height: 50px; background: #424242; float: left; padding-top: 2px; }

.venueInfo { width: 260px; height: 50px; float: left; padding-left: 10px; }

.buy { width: 80px; height: 50px; float: left; }

/* headings & paragraphs */

p { font-size: 18px; font-weight: normal; line-height: 25px; }

h1 { font-size: 28px; line-height: 25px; margin-bottom: 20px; }

h2 { font-size: 20px; }

#social p { font-size: 12px; line-height: 15px; }

#footer p { font-size: 10px; padding-left: 10px; color: #5c5c5c; }

#form p { font-weight: normal; font-size: 12px; line-height: 16px; }

h3 { font-size: 17px; margin-bottom: 10px;}

.show p { font-size: 12px; font-weight: normal;  }

.show p span { font-weight: bold; }

.date { text-align: center; }

.date p { font-size: 10px; padding: 0; margin: 0; line-height: 10px;}

.date span { font-size: 20px; }

.venueInfo p, .buy p { line-height: 50px; }

.venueInfo p.multi { line-height: 12px; font-size: 11px; }

/* lists */

#form ul { overflow:hidden; }

li { height: 40px; clear: both }

label { width: 190px; display: block; float: left; } 

input { float: left; }

/* links */

#footer a { color: #5c5c5c; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

.buy a { color: #00a6ba; text-transform: uppercase; text-decoration: underline; font-weight: bold; margin-left: 5px; }

.venueInfo a { color: #00a6ba; }

/* images */

#tour { cursor: pointer; margin-bottom: 6px; }

#social img { margin: 12px 7px 0 7px; }


/* forms */

#name,#email { width: 200px; }
#location { width: 203px; }
#subscribe { margin-left: -1px; }

/* album banner */

#album_banner { margin-top: 25px; }


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#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;}
#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
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:15px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}