@charset 'utf-8';
/*====================================================
	TOP ELEMENTS
====================================================*/
* { margin: 0; padding: 0; outline: 0 }

/*====================================================
	DEFINE THE GRID
====================================================*/
.grid_1 { width:60px; }
.grid_2 { width:130px; }
.grid_3 { width:200px; }
.grid_4 { width:270px; }
.grid_5 { width:340px; }
.grid_6 { width:410px; }
.grid_7 { width:480px; }
.grid_8 { width:550px; }
.grid_9 { width:620px; }
.grid_10 { width:690px; }
.grid_11 { width:760px; }
.grid_12 { width:830px; }
.grid_13 { width:900px; }
.grid_14 { width:970px; }

.column {
	margin: 0 5px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -5px;
	width: auto;
	display: inline-block;
}

/*====================================================
	BODY
====================================================*/
body {
	background: #121212 url(../images/bg2.jpg) no-repeat top center;
	background-attachment: fixed;
	font: 0.85em 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #ddd;
	margin: 0; 	padding: 0; 
	text-align: center;
}

.strike {text-decoration: line-through;}

/*====================================================
	MAIN LAYOUT
====================================================*/
#wrap {
	width: 980px;	
	margin: 0 auto;
	text-align: left;	
	background: #121212 url(../images/bgshadow.png) center top repeat-y;
	/*background-attachment: fixed;*/
}
#content-wrap {
	clear: both;
	width: 980px;
	min-height: 600px !important;
	height: 100%;
	float: left;	
	padding-top: 0px;
	padding-bottom: 10px;	
	border-top: 0px solid #121212;
	border-bottom: 1px solid #121212;
}

/*====================================================
	HEADER SECTION
====================================================*/
#header {
	position: relative;
	width: 980px;	
	height: 360px;
	margin: 0;
	padding: 0;			
}
#header h1#logo-text a {
	position: absolute;
	margin: -40px 0 0 0; padding: 0;
	font:: bold 75px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	letter-spacing: -1.5px;
	color: #F8F8F8;
	text-decoration: none;
	text-transform: none;
		
	/* change the values of top and left to adjust the position of the logo*/
	top: 60px; left:: 20px;	
}
#header h1#logo-text a:hover {
	background: none; border: none;
}
#header p#intro {
	position: absolute;
	margin: 10px 0 10px 0; padding: 0;
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.9em;
	font-style: normal;
	text-transform: none;
	text-align: justify;
	color: #eee;
	width: 450px;
	
	/* change the values of top and left to adjust the position */
	top: 180px; left: 15px;		
}

#header2 {
	position: relative;
	width: 980px;	
	height: auto;	
	margin: 0;
	padding: 0;			
}

/*====================================================
	BAND PHOTOS AND DESCRIPTION
====================================================*/
.band { 
	position: absolute;
	left: 518px;
	top: 25px;
	border: 0;
	padding: 0;
	margin: 0;
	width: 480px;
	height: 320px;
}
.bandtext { 
	position: absolute;
	left: 520px;
	top: 370px;
	font-size: 0.80em;
	color: #aaa;
}

/*====================================================
	MAIN COLUMN
====================================================*/
#main {
	float: left;
	width: 95%;
	padding: 0; margin: 10px 0 0 20px;
	display: inline;		
}
#main h2 {
	padding: 5px 12px;
	margin: 15px 5px 10px 5px;
	font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif;				
	color: #666;
	border-bottom: 1px solid #121212; 
	background-image: url(../images/pattern.gif);	
}
/*#main h2 a {
	color: #aaa;
	text-decoration: none;		
	border: none;		
}*/
#main ul li {
	list-style-image: url(../images/bullet.gif);
}

/*====================================================
	MAIN HEADINGS
====================================================*/
h1, h2, h3 {
	font-family: 'Trebuchet MS', Helvetica, Tahoma, Arial, Sans-serif;
	color: #444;
}
h1 {
	font-size: 3.1em;	
	letter-spacing: -2px;
	padding: 15px 10px 5px 10px;	
}
h2 {
	font-size: 1.7em;
	color: #777;
	padding: 20px 10px 5px 10px;	
}
h3 {
	font-size: 1.5em;	
	font-weight: normal;
	color: #777;
	padding: 20px 10px 5px 10px;		
}

/*====================================================
	PARAGRAPHS AND LISTS
====================================================*/
p, dl, p.strike { padding: 10px; margin: 0; }
p.small { font-size: 11px; }

ul, ol {
	margin: 10px 10px;
	padding: 0 10px;
}
ul { list-style: none; }
dt {
  font-weight: bold;
  color: #444;
}
dd {
  padding-left: 25px; 
}

/*====================================================
	IMAGES
====================================================*/
img {
	background: #1b1b1b;
   	border: 2px solid #1b1b1b;
	padding: 0;
}
img.float-right {
  	margin: 5px 0px 5px 10px;  
}
img.float-left {
  	margin: 5px 10px 5px 0px;
}

.thumbs {
  	float: left;
  	display: inline;
  	margin-top: 10px;
  	width:970px;
}
.thumbs a,
.thumbs a:hover { 
  	outline: none;
  	text-decoration: none;
  	background: none;
}
.thumbs img {
  	margin-left: 18px;
  	margin-right: 18px;
  	padding: 0;
}

img#logo { background: none; border: 0; margin-left: -10px; }

/*====================================================
	CODE / BLOCKQUOTE
====================================================*/
code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace ;
  	/* white-space: pre; */
  	background: #070707;
	border: 1px solid #111;   
}
acronym {
  	cursor: help;
  	border-bottom: 1px dotted #5B5B5B;
}
blockquote {
	margin: 15px 10px;
 	padding: 10px 10px 10px 35px;  
   background: #070707 url(../images/quote.gif) no-repeat 10px 10px;
	border: 1px solid #111; 
	font-weight: normal;
	font-size: 17px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;	
	color: #808080;	
}

/*====================================================
	MAIN TITLES
====================================================*/

.mainheading {
	font-size: 16px;
	font-weight: bold;
	color: #bd362f;
	background: #1c1c1c;
	width: 100%;
	display: block;
	padding: 3px 5px;
	margin-bottom: 15px;
	width: 100%;
}

/*====================================================
	GIG LISTS
====================================================*/

.gigs { 
	float: left;
	list-style-type: none;
	margin: 0 0;
	padding: 0;
	width: 100%;
}

.giglisting {
	float: left;
	display: block;
	margin: 0 0 0 10px;
	padding-bottom: 15px;
	font-weight: bold;
	color: #dadada;
	width: 100%;
	border-bottom: 1px solid #222;
}
.last {
	float: left;
	display: block;
	margin: 0 0 10px 10px;
	padding-bottom: 15px;
	font-weight: bold;
	color: #d0d0d0;
	width: 100%;
	border-bottom: 0px solid #222;
}

.giglisting h2 {
	font-size: 22px;
	color: #777;
	margin-left: -10px;
}

.gigs div { 
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
}

.gigs .small { 
	float: left;
	font-size: 12px;
	padding-left: 30px;
	margin: -20px 0 5px 0;
	width: 100%;
	color: #888;
}
.gigs .small a:hover {
	background: #bd362f;
	color: #fff;
	text-decoration: underline;
}

.gigs .gigdate {
	float:left;
	position: relative;
	color: #444;
	margin: 0 50px 20px 0;
	padding-bottom: 20px;
	display: inline;
	font-size: 24px;
}

.gigs .venusite {
	float: right;
	display: block;
	width: 170px;
	margin-top: -26px;
	text-align: center;
	overflow: hidden;
}

.gigs .venusite a {
	display: block;
	font-weight: bold;
	background: #a3261d;
	color: #aaa;
	margin: 0;
	padding: 15px 10px;
	height: 100%;
	width: 140px;	
	text-align: center;
	text-decoration: none;
}
.gigs .venusite a:hover { background: #bd362f; color: #fff; text-decoration: underline; }

/*====================================================
	FOOTER
====================================================*/
.footer {
	clear: both;
	padding: 2px 0 2px 0;
	background: #121212 url(../images/bgshadow.png) top center repeat-y;
	/*background-attachment: fixed;*/
	border-top: 2px solid #070707;
	color: #4E4E4E;
	width: 100%;
	float: left;
	margin: 0;	
	font-size: 0.85em;
}
.footer a {	
	color: #888;
	border: none;
}
.footer a:hover {
	color: #fafafa;
}
#footer .rssfeed {
	background: url(../images/rss.gif) no-repeat left 1px;
	padding-left: 17px;
}
.footer-left {
	float: left;
	width: 70%;
}
.footer-right {
	float: right;
	width: 25%;
}

/*====================================================
	POSTS
====================================================*/
.postmeta {	
	padding: 7px 5px; margin: 20px 10px 30px 10px;	
	font-size: 1em;	
	color: #545454;
	border: 1px solid #111; 
	background: #070707; 
}
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444;	}
.post-info a, .post-info a:visited { color: #AE275A; }

/*====================================================
	LINKS
====================================================*/
a { color: #888; }

a:visited {
	text-decoration: none;
	color: #a0a0a0;	
}
a:hover {
	color: #fff;
	background-color: #bd362f;
	text-decoration: none;
}

.red, .red a { color: #BD362F; }

/*====================================================
	ALIGNMENTS
====================================================*/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left;}
.align-right { text-align: right;}

/*====================================================
	DISPLAYS
====================================================*/
.no-border { border: none; }
.clearer { clear: both; }
.clear { display: inline-block; clear: both; height:0;  }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

/*====================================================
	DITTO STUFF
====================================================*/
.ditto_paging {
    border-top: 1px solid #A3261D;
    background-color: #A3261D;
    padding: 10px;
    font-size: 86%;
    color: #fff;
}
#ditto_pages { margin-left: 10px; }
#ditto_pages .ditto_currentpage {
    border: 1px solid #A3261D;
    background-color: #A3261D;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #5C1510;
    background-color: #5C1510;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #aaa;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #A3261D;
    background-color: #A3261D;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #ccc;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
};
    padding: 10px;
    font-size: 86%;
    color: #fff;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #A3261D;
    background-color: #A3261D;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #5C1510;
    background-color: #5C1510;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #aaa;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #A3261D;
    background-color: #A3261D;    
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #fff;
}
#ditto_pages a:hover {
    background-color: #A3261D;
    color: #aaa;
}