/****************
 * Max's Kansas City CSS - Punk Poster
 * 6/17/08
 ****************/
 
body{
	font:14px "Courier New", Courier, monospace;
}

div.shim{
	width:2386px;
	height:3398px;
	position:relative;
	background:#190707 url(images/bg.jpg) top left no-repeat;
	overflow:hidden;
}

a, a:link, a:visited{
	font-weight:bold;
	color:#ec008c;
	text-decoration:underline;
}

a:hover{
}

a.next{
	text-transform:uppercase;
	background-color:#000;
	display:block;
	padding:10px 15px;
	width:50px;
	text-align:center;
	cursor:pointer;
	color:#ec008c;
	text-decoration:none;
}

a.next:visited{
	text-decoration:none;
}



h1{
	margin:0;
	color:#e3e3e3;
	position:absolute;
	top:-900px;
}


/******* navigation **********/


/* poster nav */
#thenav ul{
	width:200px;
	height:93px;
	padding-top:22px;
	background:url(images/nav_this_bg.png) top left no-repeat;
}

#thenav h2{
	background:url(images/nav_this_poster.gif) top left no-repeat;
}


#thenav li a{
	width:200px;
}

#thenav li.i1 a{
	background:url(images/nav_1.png) top left no-repeat;
}

#thenav li.i2 a{
	background:url(images/nav_2.png) top left no-repeat;
}

#thenav li.i3 a{
	background:url(images/nav_3.png) top left no-repeat;
}

#thenav li.i4 a{
	background:url(images/nav_4.png) top left no-repeat;
}

#thenav li.i5 a{
	background:url(images/nav_5.png) top left no-repeat;
}

#thenav li.i6 a{
	background:url(images/nav_6.png) top left no-repeat;
}

#thenav li.i7 a{
	background:url(images/nav_7.png) top left no-repeat;
}

#thenav li.i1 a.visited{
	background-image:url(images/nav_1-2.png);
}

#thenav li.i2 a.visited{
	background-image:url(images/nav_2-2.png);
}

#thenav li.i3 a.visited{
	background-image:url(images/nav_3-2.png);
}

#thenav li.i4 a.visited{
	background-image:url(images/nav_4-2.png);
}

#thenav li.i5 a.visited{
	background-image:url(images/nav_5-2.png);
}

#thenav li.i6 a.visited{
	background-image:url(images/nav_6-2.png);
}

#thenav li.i7 a.visited{
	background-image:url(images/nav_7-2.png);
}

#thenav li a:hover{
	background-position:bottom left;
}


/* end nav */


div#section1, div#section2, div#section3, div#section4, div#section5, div#section6{
	position:absolute;
	width:1024px;
	height:768px;
}

div.content{
	width:1024px;
	height:768px;
	position:relative;
}

div.text{
	display:block;
	color:#fff;
	width:353px;
	background-color:#000;
	padding:5px 10px;
	margin:0;
}

.content .text h2{
	font-weight:bold;
	color:#ec008c;
	text-transform:uppercase;
	padding:0;
	margin:0 0 15px 0;
	font-size:14px;
	line-height:14px;
	display:block;
}

.text p{
	margin:0;
	padding:0;
	margin:15px 0px 3px;
	line-height:16px;
}

.slideshow_container p.caption{
	background:none;
	background-color:#000;
	font-weight:bold;
	color:#fff;
}

/********** Section 1 *************/
div#section1{
	top:88px;
	left:160px;
}

#section1 div.text{
	margin:15px 0 0px 20px;
	width:335px;
}

#section1 a.next{
	margin:20px 0px 0px 294px;
}

/********** Section 2 *************/
div#section2{
	left:180px;
	top:945px;
}

#section2 div.video_container{
	margin:20px 0px 0px 20px;
}

#section2 div.text{
	width:480px;
	margin:20px 0 0 20px;
}

#section2 a.next{
	margin:15px 0px 0px 440px;
}

/********** Section 3 *************/
div#section3{
	left:1250px;
	top:400px;
}

#section3 div.video_container{
	margin:20px 0px 0px 20px;
}

#section3 div.text{
	margin:20px 0 0 20px;
	width:480px;
}

#section3 a.next{
	margin:15px 0px 0px 440px;
}



/********** Section 4 *************/
div#section4{
	left:1220px;
	top:2330px;
}

#section4 div.audio_container{
	margin:25px 0px 0px 25px;
}

#section4 div.text{
	margin:25px 0px 0px 25px;
	width:710px;
}

#section4 a.next{
	margin:15px 0px 0px 675px;
}

#section4 img{
	margin:0px 0 0 25px;
}

/********** Section 5 *************/
div#section5{
	left:1385px;
	top:1240px;
}

#section5 div.text{
	margin:20px 0 0 0px;
	width:480px;
}

#section5 div.video_container{
	margin:25px 0 0 0;
}

#section5 a.next{
	margin:15px 0px 0px 420px;
}

/********** Section 6 *************/

div#section6{
	left:170px;
	top:2330px;
}

#section6 div.video_container{
	margin:0 0 0 20px;
}

#section6 div.slideshow_container{
	margin:210px 0 0 20px;
}

#section6 div.text{
	margin:25px 0 0 20px;
	width:710px;
}



#section6 a.next{
	margin:15px 0px 0px 670px;
}


