@charset "UTF-8";
/* CSS Document */

body{
	background:#000 url('/img/bg2.jpg') fixed no-repeat;
	font-family:"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	text-align:justify;
	line-height:17px;
}

/* LAYOUT */


h1{
	font-size:30px;
	text-transform:uppercase;
	line-height:30px;
	margin-bottom:20px;
	color:#fff;
	text-align:left;
}
h2{
	margin-bottom:5px;
}
h3 a{
	color:#fffddd;
	text-decoration:none;
}
#right {
	width:500px;
	float:left;
	padding:0 0 200px 500px;
	margin:50px 10px 0 0;
	color:#fff;
	font-size:11px;
}

#right ul, #right li{
	padding:0;
	margin:0;
}


/* GENERAL*/
a{
	color:#abdcf9;
}
a:hover{
	color:#fff;
}

img{
	border:none;
}

p{
	margin-bottom:10px;
}

img.image{
	margin:0 10px 10px 0;
	border:2px solid #aaa;
	float:left;
}


/* CUSTOM */
span.red{ color:#abdcf9;}


div#vote{
	padding-bottom:40px;
	background:#000;
}

.input-text{
	text-align:right;
	width:125px;
	border:2px solid #333;
	padding:5px;
}

.button{
}

div#newsletter{
	padding:0 30px 0;
	float:right;
}

div#networks{
	text-align:left;
	margin-bottom:150px;
}

div#networks img{
	margin-top:5px;
}

div#nav{
	text-align:right;
	float:right;
}



div.form-item{
	margin-bottom:5px;
}

.newsitem{
	background:url('/img/transparent.png');
	padding:0 20px 0 20px;
	margin:0 0 30px 0;
	font-size:11px;
	border-left:10px solid #000;
}


.newsitem img{
	float:left;
	margin:0 10px 0 0;
	border:none;
}

.newsitem h3{
	text-transform:uppercase;
	font-size:15px;
	margin:0 0 10px 0;
	padding:20px 0 0 0;
}

.newsitem .meta{
	clear:both;
	text-align:right;
	color:#666;
	padding-bottom:10px;
	font-size:12px;
	margin:10px 0 0 0;
	padding:5px 0 10px 0;
}

.newsitem .meta .comment-number{
	background:url('/img/icon_comment.gif') 0 2px no-repeat;
	padding-left:20px;
}

.newsitem .meta .comment-number a{
	color:#fffddd;
	text-decoration:none;
}

.newsitem .meta .comment-number a:hover{
	color:#fff;
	text-decoration:underline;
}

.comment{
	background:#111;;
	padding:20px;
	margin:0 0 30px 0;
	font-size:11px;
	border-left:10px solid #000;
}
.comment-meta{
	font-style:italic;
}


/* CONCERTS */
ul#concertlist {margin:0px; padding:0px; text-align:left;}
ul#concertlist li{ background:url('/img/transparent.png'); padding:3px 3px 10px 3px; list-style-type:none; margin:0px 0px 10px 0px; float:none; clear:both;}

span.city{ font-size:13px; font-weight:bold;}
span.location{font-size:13px;}

div.date{ background:#abdcf9; float:left; padding:10px 10px 5px 10px; margin:0px 10px 0px 0px; text-align:center; font-weight:normal;}
div.date div.day{font-size:24px; font-weight:bold; margin-bottom:8px;}
div.date span.month{color:#fff; font-size:11px; font-weight:normal; text-transform:uppercase;}

div.tickets{float:right; font-size:10px;}
div.tickets a{color:#000; text-decoration:none; padding:3px; background:#fff; }
div.tickets a:hover{color:#fff; text-decoration:none; padding:3px; background:#d00; }
div.tickets span.soldout {color:#fff; text-decoration:none; padding:3px; background:#d00; }


/* PAGER */
div#pager a#prev{ display:block; float:left;}
div#pager a#next{ display:block; float:right;}


/* FOOTER */
div#footer{
	color:#fff;
	clear:both;
	float:none;
	text-align:right;
	width:1000px;
	padding-bottom:200px;
}
#footer a{color:#ffffff;text-decoration:none;}
#footer a:hover{color:#799fb6;}

div#fixedbox
  {
  position: absolute;
  top: 1em;
  left: 1em;
  width: 470px;
  height:500px;
  background:none;
  color:#fff;
  text-align:right;
  font-size:11px;
  }
	
div#fixedboxl{
	width:470px;
	position:fixed;
	left:0;
	top:0;
	z-index:1;
}	
  
div#fixedbox p
  {
  margin: 0;
  padding: 1em;
  border: 1px solid #000;
  color: #000;
  background: #eee;
  }
@media screen
  {
  div#fixedbox
    {
    position: fixed;
    }
  /* Don't do this at home */
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    overflow-y: auto;
    height: 100%;
    padding: 0 1em 0 0em;
    font-size: 100%;
    }
  * html div#fixedbox
    {
    position: absolute;  
    }
  /* All done. */
  }