* {
margin:0;
padding:0;
}

body {
background:url('images/jbbg.jpg');
font:16px arial;

}

a:hover {
cursor:pointer;
}

#newsletter {
z-index:10000;
color:white;
text-align:center;
position:absolute;
right:50%;
top:320px;
margin-right:-380px;

}

#footer {
font-size:10px;
position:relative;
color:white;
text-align:right;
}
#footer a {
color:#97a8ff;
}
#footer a:hover {
text-decoration:none;
color:#ff8383;
}


a img {
border:0;
}

#container {
width:1050px;
height:965px;
position:absolute;
left:50%;
margin-left:-485px;
}

#topper {
height:348px;
margin-bottom:-70px;
}

#vid_top {
float:left;
height:43px;
width:400px;
background:url('images/fattyonfilm.png') 50px 10px no-repeat;
padding-left:240px;
}
#vid_top a {
margin-right:20px;
}

.tvbox {
position:absolute;
left:50%;
top:-1000px;
margin-left:-156px;
height:965px;
width:312px;
background:url("images/johnnytv2.png") no-repeat;
z-index:1000000;
}
.tvbox span a {
color:white;
}
.tvbox span a:hover {
color:red;
text-decoration:none;
}
#vid_pos {
position:relative;
top:162px;
left:18px;

}
#header {
height:246px;
width:643px;
background:url('images/johnnyheader.png') no-repeat top center;
float:left;
margin-top:-10px;
}

#mainpic {
height:304px;
width:277px;
background:url('images/johnnymainpic.png') no-repeat top center;
float:right;
margin-top:-30px;
margin-right:30px;
}
#nav {
height:56px;
text-align:left;
margin-top:-70px;
position:relative;
}

#nav ul {
list-style:none;
}
#nav li {
float:left;
}
#nav li a {
display:block;
color:transparent;
margin-right:5px;
text-decoration:none;

}
a.bio {
background: url('images/linkbio.png') no-repeat;
padding:20px 60px;
}
a.bio#current {
background: url('images/linkbioactive.png') no-repeat;
}
a.pics {
background: url('images/linkpics.png') no-repeat;
padding:20px 60px;
}
a.pics#current {
background: url('images/linkpicsactive.png') no-repeat;
}
a.contact {
background: url('images/linkcontact.png') no-repeat;
padding:20px 92px;
}
a.contact#current {
background: url('images/linkcontactactive.png') no-repeat;
}
a.shows {
background: url('images/linkshows.png') no-repeat;
padding:20px 81px;
}
a.shows#current {
background: url('images/linkshowsactive.png') no-repeat;
}
a.jbshow {
background: url('images/linkjbshow.png') no-repeat;
padding:20px 120px;
}

#left {
width:715px;
text-align:left;
float:left;
margin-left:-100px;
color:white;
}
#left_content {
width:420px;
color:white;
float:right;
margin-top:50px;
line-height:20px;
}
#left a {
color:#97a8ff;
}
#left a:hover {
text-decoration:none;
color:#ff8383;
}
#johnnypic1 {
float:left;
height:545px;
width:206px;
background:url('images/johnnyside2.png') no-repeat top left;
position:relative;
}
#johnnypic1 img  {
position:absolute;
top:130px;
right:-60px;

}
#johnnypic3 img  {
position:absolute;
top:130px;
right:-70px;

}

#johnnypic3 {
float:left;
height:649px;
width:206px;
background:url('images/johnnyside32.png') no-repeat top left;
position:relative;
}

#right {
width:350px;
position:absolute;
top:340px;
right:0;
}

img.head {
position:absolute;
left:50%;
top:310px;
margin-left:440px;

}
#talk_bubble {
position:absolute;
left:50%;
top:410px;
margin-left:180px;
float:right
}

#bubble_top {
height:30px;
width:271px;
background:url('images/bubbletop2.png') no-repeat;
}
#bubble_body {
width:271px;
background:url('images/bubblebody.png') repeat-y;
}
#bubble_bottom {
height:17px;
width:271px;
background:url('images/bubblebottom2.png') no-repeat;
}

#bubble_cont {
width:200px;
position:relative;
z-index:10000000;
left:23px;
padding-bottom:10px;
}


#load {
	display: none;
	position: absolute;
	left: 210px;
	top: 350px;
	background: url(images/ajax-loader.gif);
	width: 128px;
	height: 15px;
	text-indent: -9999em;
}


.clear {
clear:both;
height:1px;
}

/* POP UP BOX */


#s_body {
background:#ddd;
font-size:12px;
}


#info {
display:none;
position:absolute;
left:50%;
margin-left:-250px;
top:100px;
z-index:10000;
width:410px;
border:10px solid #333;
text-align:justify;
color:black;
}

#box {
display:none;
position:absolute;
width:100%;
background:black;
z-index:1000;
}