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

body {
	font: 570;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:smaller;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	} 
	#container {
		
	width: 715px;
	background: #c6bfb3;
	background-image:url(images/Gradient_BG.jpg);
	background-repeat:repeat-x;
	margin: 0 auto; 
	margin-top: 2%;
	border: 5px solid #a29f9a;
	position:relative;
	text-align: left; 
	overflow:visible;
}
li {
	list-style:none;
	list-style-image:none;
}
#header {
	
	padding: 0 10px 0 00px;
	text-align: center;
	margin-top: 0;	
}
.Logo {
	position:relative;
	margin: 0 auto;
	top:15px;
}
#Navigation {
	position:absolute;
	width:900px;
	top:-50px;
	left:-60px;
}

#Home_ {
	position:absolute;
	left:65px;
	top:204px;
	width:84px;
	height:27px;
}

#Venue_ {
	position:absolute;
	left:149px;
	top:204px;
	width:78px;
	height:27px;
}

#Artists_ {
	position:absolute;
	left:227px;
	top:204px;
	width:77px;
	height:27px;
}

#Tickets_ {
	position:absolute;
	left:304px;
	top:204px;
	width:80px;
	height:27px;
}

#Getx20Involved_ {
	position:absolute;
	left:384px;
	top:204px;
	width:128px;
	height:27px;
}

#Social_ {
	position:absolute;
	left:512px;
	top:204px;
	width:82px;
	height:27px;
}

#Merchandise_ {
	position:absolute;
	left:594px;
	top:204px;
	width:82px;
	height:27px;
}

#Contact_ {
	position:absolute;
	left:676px;
	top:204px;
	width:93px;
	height:27px;
}
#header h1 {
	margin: 0; 
	padding: 10px 0; 
}

#mainContent {
	padding: 0 20px; 
	margin-top:60px;
	overflow:visible;
}
#mainContent p {	
	padding: 3px;
}


#footer {
	padding: 0 10px;
	background-color: #cfc8be;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFF;
	
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: left;
}
#footer p.footerlinks {
	text-align:right;
	vertical-align:middle;
	margin-top: -50px;;
	color:#fff;
	height:30px;
	min-height:30px;
}
#footer a {
	color: #fff;
	text-decoration:none;
}
#footer a:hover {
	color:#03F;
}
#widgetbox {
	width: 205px;
	position:absolute;
	top: 200px;
	//right: -215px;
	left: 715px;
	border: 5px solid #a29f9a;
	bottom: 200px;
	height: 300px;
	background: #c6bfb3;
	overflow:hidden;
	
}
#widgetbox p {
	padding:5px;
	margin-top: -5px;
}
.widgethead {
	position:absolute;
	top:183px;
	right: -150px;
}
.widgethead-lastfm {
	position:absolute;
	top:160px;
	right: -190px;
}
li.tweet {
list-style-image:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	float:left;
	margin-left:-35px;
	margin-right:4px;
}

.tweetinfo {
	font-size: 9px;
		list-style-image:none;
	float:right;
	padding:5px;
	font-style:italic;
	float:right;
}
a {
	text-decoration: none;
	color:#06C;
}
 a.twitter {
	display: block;
	background:#c6bfb3;
	border-top:3px solid #666666;
	padding: 3px;
	border-bottom:3px solid #666666;
	margin-top:5px;
}
a.twitter:hover {
	background-color:#666666;
	color: #fff;
}
  a.facebook {
	display: block;
	background:#c6bfb3;
	border-top:3px solid #666666;
	padding: 3px;
	border-bottom:3px solid #666666;
	margin-top:-5px;
}
a.facebook:hover {
	background-color:#666666;
	color: #fff;
}
 a.lastfm {
	display: block;
	background:#c6bfb3;
	border-top:3px solid #666666;
	padding: 3px;
	border-bottom:3px solid #666666;
	margin-top:-5px;
}
a.lastfm:hover {
	background-color:#666666;
	color: #fff;
}
img.a1 {
		display:inline;
		position:absolute;
		top:215px;
		left:900px;
}

img.a2 {
		display:none;
		position:absolute;
		top:215px;
		left:725px;
}
img.b {
		width:20px;
		height:20px;
		margin-top:-5px;
	
}
img {
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
 }
p {
	padding: 5px;
}