#wrapper {
	width:950px;
	margin:0 auto;
}

div.clearer {
	clear:both;
}

a {
	color:#0066CC;
	text-decoration:none;
	font-size:12px;
}

em {
	font-style:italic;
}

a:hover {
	text-decoration:underline;
}

#branding {
	position:relative;
	height:167px;
}

#branding a {
	text-indent:-9999px;
	display:block;
	font-size:16px;
	width:240px;
	position:absolute;
	left:93px;
	top:100px;
	background:url(../images/vw.gif) left top no-repeat;
	/* margin:63px 0 84px 50px;*/
}

#branding h2 {
	text-indent:-9999px;
	line-height:100px
}

.title {
	position:absolute;
	width:100px;
	left:557px;
	top:65px;
}


#dates li {
	margin-bottom:15px;
}

#main_col {
	width:740px;
	float:left;
}

#main_window {
	border:solid 2px #c5c5c5;
	margin-top:40px;
}

#circles {
	padding:0 0 40px 20px;
}

#sidebar{
	width:205px;
	float:right;
	padding-top:635px;
}

div.circle {
	width:166px;
	height:167px;
	float:left;
	margin:0 0 0px 0px;
	position:relative;
}

#circles a {
	text-indent:-9999px;
	width:166px;
	height:167px;
	display:block;
}

#circle1 {
	background:url(../images/circle1.jpg) 15px 15px no-repeat;
}

#circle2 {
	background:url(../images/circle2.jpg) 15px 15px no-repeat;
}

#circle2:hover {
	background:url(../images/circle2_hover2.jpg) 4px 3px no-repeat;
}

#circle3 {
	background:url(../images/circle3.jpg) 15px 15px no-repeat;
}

#circle4 {
	background:url(../images/circle4.jpg) 15px 15px no-repeat;
}

#circle5 {
	background:url(../images/circle5.jpg) 15px 15px no-repeat;
}

#circle6 {
	background:url(../images/circle6.jpg) 15px 15px no-repeat;
}

#circle7 {
	background:url(../images/circle7.jpg) 15px 15px no-repeat;
}

#circle7:hover {
	background:url(../images/circle7_hover2.jpg) 4px 3px no-repeat;
}

#circle8 {
	background:url(../images/circle8.jpg) 15px 15px no-repeat;
}

#circle9 {
	background:url(../images/circle9.jpg) 15px 15px no-repeat;
}

#circle10 {
	background:url(../images/circle10.jpg) 15px 15px no-repeat;
}


#circle11 {
	background:url(../images/circle11.jpg) 15px 15px no-repeat;
}
#circle12 {
	background:url(../images/circle12.jpg) 15px 15px no-repeat;
}

#circle12:hover {
	background:url(../images/circle12_hover2.jpg) 3px 2px no-repeat;
}

#circle13 {
	background:url(../images/circle13.jpg) 15px 15px no-repeat;
}

#circle13:hover {
	background:url(../images/circle13_hover2.jpg) 4px 4px no-repeat;
}

#circle14 {
	background:url(../images/circle14.jpg) 15px 15px no-repeat;
}
#circle15 {
	background:url(../images/circle15.jpg) 15px 15px no-repeat;
}
#circle16 {
	background:url(../images/circle16.jpg) 15px 15px no-repeat;
}
#circle17 {
	background:url(../images/circle17.jpg) 15px 15px no-repeat;
}
#circle18 {
	background:url(../images/circle18.jpg) 15px 15px no-repeat;
}
#circle19 {
	background:url(../images/circle19.jpg) 15px 15px no-repeat;
}

#circle19:hover {
	background:url(../images/circle19_hover2.jpg) 4px 4px no-repeat;
}

#circle20 {
	background:url(../images/circle20.jpg) 15px 15px no-repeat;
}


#dates a, #dates li, #links a, #links li, #join li{
	color:#000000;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#join li {
	padding-bottom:5px;
}

#submit_btn:hover {
	cursor:pointer;
}

#dates a:hover, #links a:hover {
	text-decoration:underline;
}

#navigation {
	margin:22px 0 40px 70px;
}

#navigation a {
	padding:0 0 0 22px;
	background:url(../images/dot.gif) 7px 3px no-repeat;
}

#navigation a.first {
	background:none;
}

#current_news{
	/*background:url(../images/title_news.gif) left top no-repeat;*/
	margin-left:10px;
}

#current_news img {
	padding-right:10px;
}

#current_news p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-transform:uppercase;
	text-indent:0px;
	line-height:20px;
	padding-top:2px;
	letter-spacing:2px;
	text-align:center;
}

/*#current_news p.first {
	text-indent:90px;
	text-align:left;
}*/

#footer {
	clear:both;	
	height:50px;
}

#footer img {
	display:none;
}


/*Lyrics Page */
#lyrics {
	margin-left:100px;
	min-height:400px;
	padding-top:15px;
}

#lyrics #popup2 {
	display:block;
	padding-bottom:30px;
}

h4 /*song titles*/ {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bold;
}

p /*lyrics*/{
	font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	margin-bottom:40px;
}

#lyrics_title h2{
	background:url(../images/circle7_small.jpg) left top no-repeat;
}


.content {
	float:left;
	width:470px;
	margin-top:166px;
}

.content .release {
	float:right;
	width:136px;
}

.content .release_lyrics {
	width:333px;
	float:left;
} 

p.last {
	margin-bottom:100px;
}


#full_length {
	margin-bottom:20px;
}


/* News Page */
#news {
	margin-left:100px;
	min-height:400px;
	padding-top:15px;
	
}

#web_log {
	margin-left:100px;
	min-height:840px;
	padding-top:15px;
	
}


#news_title h2{
	background:url(../images/circle12_small.jpg) left top no-repeat;
}
#web_log_title h2{
	background:url(../images/circle5_small.jpg) left top no-repeat;
}

#news ul {
	margin:0;
}

h3 {
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	border-bottom:dotted 1px #000;
	border-top:solid 1px #000;
	margin-bottom:10px;
	font-style:italic;
	padding-bottom:4px;
	padding-top:3px;
	padding-left:3px;
	color:#333333;
}

#news p {
	margin-top:15px;
	margin-bottom:30px;
	line-height:16px;
}

/* Music Page */

#music {
	margin-left:100px;
	min-height:400px;
	padding-top:15px;	
}

#audioplayer2, #audioplayer1 {
	margin:5px 0;
}

#music_title h2{
	background:url(../images/circle2_small.jpg) left top no-repeat;
}

.artwork {
	width:167px;
	float:left;
	margin-left:5px;
}

.artwork img {
	border:solid 1px #c5c5c5;
}

.tracklisting {
	width:260px;
	float:left;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.releases ol#vw_tracklisting {
	float:none;
	position:absolute;
	top:30px;
	left:170px;
}

.tracklisting li {
	margin-bottom:5px;
	margin-left:30px;
}

div.releases {
	float:left;
	margin-bottom:30px;
	width:470px;
	position:relative;
}

.releases ul {
	margin:5px 0 0 5px;
}

.releases li {
	font-size:11px;
	margin-bottom:3px;
}

object {
clear:none;
}

/* Video Page */

#video {
	margin-left:100px;
	min-height:400px;
	padding-top:15px;
}

#video .content {
	margin-bottom:100px;
	width:480px;
}

#video_title h2{
	background:url(../images/circle19_small.jpg) left top no-repeat;
}

#mansard_roof_video, #apunk_video, #oxford_comma_video, #cckk_video {
	display:none;
	width:680px;
	background-color:#fff;
	padding:20px 0 20px 0;
	border:solid 1px #000000;
}

#mansard_roof_video.open, #apunk_video.open, #oxford_comma_video.open, #cckk_video.open {
	display:block;
	left:-320px;
	margin-left:50%;
	position:fixed;
	top:60px;
	z-index:1000;
}

#oxford_comma_video.open {
	left:-434px;
}

#oxford_comma_video {
	width:892px;
}

#cckk_video {
	width:760px;
}
#cckk_video.open {
	left:-360px;
}


#mansard_roof_photo:hover, #apunk_photo:hover, #oxford_comma_photo:hover, #cckk_photo:hover {
	cursor:pointer;
}

#video h4 {
	font-style:normal;
	margin-bottom:1px;
	margin-top:3px;
}



a#closer, a#closer_apunk, a#closer_oxford, a#closer_cckk{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000000;
	font-size:10px;
	float:right;
	margin-right:20px;
	margin-top:10px;
	font-weight:bold;
}

.video_object {
	margin:0px 0 0 20px;
}

.close {
	display:none;
}

/* Shows Page */

#shows {
	margin-left:100px;
	min-height:400px;
	padding-top:15px;
	
}

#shows_title h2{
	background:url(../images/circle_shows_small.jpg) left top no-repeat;
}

#shows ul {
	margin:0 0 50px 0;
}

#shows li {
	margin-bottom:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#shows li a {
	color:#000000;
	font-weight:bold;
}

/* Contact */

#contact {
	margin-left:100px;
	min-height:400px;
	padding-top:15px;
	
}

#contact_title h2{
	text-indent:-9999px;
	background:url(../images/circle_contact_small.jpg) left top no-repeat;
	line-height:160px;
}

#contact h4 {
font-style:normal;
margin-bottom:5px;
}

dd {
	font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

dl {
	margin-bottom:300px;
}

ul ul {margin:0;}

label, li h2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;}

li li a, li li {font-family:Verdana, Arial, Helvetica, sans-serif;text-transform:lowercase;color:#000000;font-size:9px;}
li li a:hover {text-decoration:underline;}
#web_log h3 a {font-size:20px;line-height:24px;color:#000000;}
div.entry {padding-top:10px;}

/* with banner */
#main_window {margin-top:25px;}
#sidebar {padding-top:635px;}


/* Contra Bricks */

#bricks {
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 5px;
	margin-bottom: -5px;
}

#bricks a {
	display: block;
	float: left;
	-webkit-transition: 1s ease-in-out;
	-webkit-transform: scale(0.95);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	height: 250px;
	overflow: hidden;
}#bricks a:hover {
	-webkit-transform: scale(1) rotate(0.5deg);
	-webkit-transition: 0.2s ease-in-out;
}