/* 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;  }   body  {   line-height:  1;   }  ol,   ul  {   list-style:  none;   }  blockquote,   q  {  quotes:   none;  }   blockquote:before,  blockquote:after,   q:before,  q:after   {  content:   '';  content:   none;  }
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fonts/league_gothic-webfont.eot');
	src: local('☺'), url('../fonts/league_gothic-webfont.woff') format('woff'), url('../fonts/league_gothic-webfont.ttf') format('truetype'), url('../fonts/league_gothic-webfont.svg#webfontpejc10XE') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* BODY CSS */

body {color:#ccc; font-family:'LeagueGothicRegular',verdana,arial; height:100%; width:100%; background:#000000 url('../img/background.jpg') no-repeat top center;}
#wrapper {width:1000px; height:850px; margin:0 auto; padding-top:420px; position:relative;}
header, content, footer {display:block;}
#header {width:800px; margin:0 auto; text-align:center;}
#header p {font-size:22px;}

#video {width:500px; padding:20px; position: absolute; top:580px; left:0px;}

#content { width:400px; padding:20px; position: absolute; top:850px; right:0px;}

#gigs { padding:20px; width:400px; position:absolute; top: 580px; right:0px;}
#gigs table {margin-top:20px; color:#aaa; text-shadow:1px 1px 2px #000;}
#gigs table tr {padding:3px;}
#gigs table tr td{height:25px; font-size:20px; padding:3px;}

#gigs table tr td.date, #gigs table tr td.bands {color:#888;}

footer {width:300px; color:#333; font-size:10px; position:absolute; bottom:0px; left:350px;}

h1{font-size:80px; color:#fff; text-shadow: 2px 2px #000; margin-top:20px;}
h2{font-size:50px; color:#bbb; text-shadow: 2px 2px #000; margin-bottom:15px;}
p{font-size:18px;}
p a{text-decoration:none; color:red;}
p a:hover {color:#FFF;}

/* TWATTER */

.query { font-size: 120%; color: #aaa;}
.query .tweet_list { list-style-type: none; margin: 0; padding: 0;}
.tweet .tweet_list li, .query .tweet_list li {overflow: hidden; padding: .5em; }
.tweet .tweet_list li a, .query .tweet_list li a {color: red; text-decoration:none;}
.tweet .tweet_list li a, .query .tweet_list li a:hover {color: #FFF; text-decoration:none;}
.tweet .tweet_list li a, .query .tweet_list li .tweet_text a {color: #888; text-decoration:none;}
.tweet .tweet_list li a, .query .tweet_list li .tweet_text a:hover {color: #FFF; text-decoration:none;}
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {}
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; }