HTML, BODY {

height: 100%;
margin: 0px;
background-color:#FFFFFF;
border: 0px solid red;



}



#pagecontainer{
position:absolute;
margin-left: 5px;
margin-top:5px;
background-color:#FFFFFF;
height:1000px;

}

#leftnav{


position:absolute;
left:20px;
top:20px;
width: 210px;
height:900px;
font:normal 12px Verdana;
color:#000000; 

background-color:#FFFFFF;
}

#comics{
background-color:#FFFFFF;
float:left;
width:200px;
height:25px;
font:normal 15px Verdana; 
text-transform: uppercase;


color:#FFFFFF;
 text-decoration: none;

}
#sketches{
background-color:#FFFFFF;
float:left;
width:200px;
height:25px;
font:normal 15px Verdana; 
text-transform: uppercase;

color:#FFFFFF;
text-decoration: none;

} 

#work{

float: left;
width: 200px;
height:25px;

border-width: 0px;
font:normal 15px Verdana; 
text-transform: uppercase;
color:#FFFFFF;
background-color:#FFFFFF;

}

#blog{

float: left;
width: 200px;
height:25px;
font:normal 15px Verdana; 
text-transform: uppercase;
color:#FFFFFF;


}
#info{
background-color:#FFFFFF;
float:left;
width:200px;
height:25px;
font:normal 15px Verdana; 
text-transform: uppercase;
color:#FFFFFF;
text-decoration: none;
}
#links{
background-color:#FFFFFF;
float:left;
width:200px;
height:25px;
font:normal 15px Verdana; 
text-transform: uppercase;
color:#FFFFFF;


 text-decoration: none;
 

} 
 
#content{
position:absolute;
left: 300px;
top:80px;
background-color:#FFFFFF;
height: 900px;

}
#tops{

float: left;
width: 200px;
height:25px;
margin-top:5px;
border-width: 0px;
margin-bottom:5px;
background-color:#FFFFFF;
font:normal 10px Verdana;
text-align:center;
color:#000000;
}
#iframe{


padding-top:0px;
float:left;
height: 640px;
width:775px;
border: 1px solid #FFFFFF;
background-color:#0000FF;
}	

#thumbs{

width:210px;
height:1000px;
list-style-type: none;
float: left;
border: 0px solid red;
padding-left:inherit;
margin-top:10px;
background-color:#FFFFFF;
}
	#thumbs li{
		float: left;
		}
		
	#thumbs a{
		display:block;
		width:40px;
  		height:40px;
		}


#cover a{
background-image:url(images/covercrop.jpg);
margin-left:10px;	
}			
#chen a{
background-image:url(images/chencrop.jpg); 
margin-left:10px;
margin-top:10px;	
	
}	

#copy a{
background-image:url(images/copycrop.jpg); 
margin-top:10px;	
margin-left:10px;	


	
}

#darknstormy a{
background-image:url(images/darknstormycrop.jpg); 
margin-left:10px;	
margin-top:10px;	

	
}

		
#helirpg a{
background-image:url(images/helirpgcrop.jpg); 
margin-left:10px;	
margin-top:10px;	

}	
#hammer a{
background-image:url(images/hammercrop.jpg); 
margin-top:10px;
margin-left:10px;	
	
	
}	

#projectorman a{
background-image:url(images/projectormancrop.jpg); 
margin-left:10px;
margin-top:10px;	

}

#quake a{
background-image:url(images/quakecrop.jpg); 
margin-left:10px;	
margin-top:10px;	


}

#hacked a{
background-image:url(images/hackedcrop.jpg); 
margin-left:10px;	
margin-top:10px;	


}

#boulder a{
background-image:url(images/bouldercrop.jpg); 
margin-left:10px;	
}

#fj a{
background-image:url(images/fjcrop.jpg); 
margin-left:10px;	
}	

#mimsy a{
background-image:url(images/mimsycrop.jpg); 
margin-top:10px;
margin-left:10px;	
	
}	

#MDinverse a{
background-image:url(images/MDinversecrop.jpg); 
margin-left:10px;
}	

#wired a{
background-image:url(images/wiredcrop.jpg); 
margin-top:10px;	
margin-left:10px;
}	

#piggyback a{
background-image:url(images/piggybackcrop.jpg); 
margin-top:10px;	
margin-left:10px;
}	

#ale a{
background-image:url(images/alecrop.jpg); 
margin-top:10px;	
margin-left:10px;
}	

#rescue a{
background-image:url(images/rescuecrop.jpg); 
margin-top:10px;	
margin-left:10px;	
	
}

#volcano a{
background-image:url(images/volcanocrop.jpg); 
margin-left:10px;		
margin-top:10px;	
}

#puppeteer a{
background-image:url(images/puppeteercrop.jpg); 
margin-left:10px;	
margin-top:10px;	
}


#docourse a{
background-image:url(images/docoursecrop.jpg); 
margin-left:10px;	
margin-top:10px;
}
#lambing a{
background-image:url(images/lambingcrop.jpg); 	
margin-left:10px;	
margin-top:10px;	

	
}
#hanging a{
background-image:url(images/hangingcrop.jpg); 
margin-left:10px;	
margin-top:10px;		

}	

#feast a{
background-image:url(images/feastcrop.jpg); 
margin-top:10px;
margin-left:10px;	

		
}
		
#livingston a{
background-image:url(images/livingstoncrop.jpg); 
margin-left:10px;	
	
margin-top:10px;		

}	

#birdboat a{
background-image:url(images/birdboatcrop.jpg); 
margin-top:10px;	
margin-left:10px;	
	
}

#revolver a{
background-image:url(images/revolvercrop.jpg); 
margin-left:10px;	
margin-top:10px;	
}

	

#stage a{
background-image:url(images/stagecrop.jpg); 
margin-top:10px;
margin-left:10px;	


}	

#roundup a{
background-image:url(images/roundupcrop.jpg); 
margin-top:10px;
margin-left:10px;	
	

}

#japan a{
background-image:url(images/japancrop.jpg); 
margin-left:10px;	
margin-top:10px;	

}

#lasts a{
background-image:url(images/lastscrop.jpg); 
margin-top:10px;	
margin-left:10px;	


}

#cowboy a{
background-image:url(images/cowboycrop.jpg); 
margin-top:10px;
margin-left:10px;	
	

}

#beardtree a{
background-image:url(images/beardtreecrop.jpg); 
margin-top:10px;
margin-left:10px;	
	
}
 

#borderline a{
background-image:url(images/borderlinecrop.jpg); 
margin-left:10px;  
margin-top:10px;
	
}
#stoolpitching a{
background-image:url(images/stoolpitchingcrop.jpg); 
margin-top:10px;
margin-left:10px;	

}

#biker a{
background-image:url(images/bikercrop.jpg); 
margin-top:10px;
margin-left:10px;	


}

#mouth a{
background-image:url(images/mouthcrop.gif); 	
margin-left:10px; 
margin-top:10px;
 	
}

#advice a{
background-image:url(images/advicecrop.gif);
margin-top:10px;
margin-left:10px;	


  	


}
#clarity a{
background-image:url(images/claritycrop.gif);
margin-top:10px;
margin-left:10px;	


  	
}


#hcburdens a{
background-image:url(images/hcburdenscrop.gif);
margin-top:10px;
margin-left:10px;






}
#tellall a{
background-image:url(images/tellallcrop.gif);
margin-top:10px;
margin-left:10px;	



}
#phoenix a{
background-image:url(images/phoenixcrop.gif);
margin-top:10px;
margin-left:10px;




}
#exit a{
background-image:url(images/exitcrop.gif);
margin-top:10px;
margin-left:10px;	



}
#wearawring a{
background-image:url(images/wearawringcrop.gif);
margin-top:10px;
margin-left:10px;	



}
#burnafter a{
background-image:url(images/burnaftercrop.gif);
margin-top:10px;
margin-left:10px;



}

#yogic a{
background-image:url(images/yogiccrop.gif);
margin-top:10px;
margin-left:10px;	








}
#rope a{
background-image:url(images/ropecrop.gif);
margin-top:10px;
margin-left:10px;	



}
#demonrun a{
background-image:url(images/demonruncrop.gif);
margin-top:10px;
margin-left:10px;	



}
#soundwave a{
background-image:url(images/soundwavecrop.gif);
margin-top:10px;
margin-left:10px;	



}
#pipeline a{
background-image:url(images/pipelinecrop.gif);
margin-top:10px;
margin-left:10px;

}
#radio a{
background-image:url(images/radiocrop.gif);
margin-top:10px;
margin-left:10px;	







}
#super a{
background-image:url(images/supercrop.gif);
margin-top:10px;
margin-left:10px;

}
#horse a{
background-image:url(images/horsecrop.gif);
margin-top:10px;
margin-left:10px;	







}
#lockerroom a{
background-image:url(images/lockerroomcrop.gif);
margin-top:10px;
margin-left:10px;	

}


#sketch1 a{
background-image:url(images/sketch1C.gif);

}

#sketch2 a{
background-image:url(images/sketch2C.gif);
margin-left:10px;

}

#sketch3 a{
background-image:url(images/sketch3C.gif);
margin-left:10px;

}

#sketch4 a{
background-image:url(images/sketch4C.gif);
margin-left:10px;
}



#sketch5 a{
background-image:url(images/sketch5C.jpg);
margin-top:10px;
}

#sketch6 a{
background-image:url(images/sketch6C.jpg);
margin-left:10px;
margin-top:10px;
}

#sketch7 a{
background-image:url(images/sketch7C.gif);
margin-left:10px;
margin-top:10px;


}

#sketch8 a{
background-image:url(images/sketch8C.gif);
margin-left:10px;
margin-top:10px;
}
#leviathan1 a{
background-image:url(images/leviathancovercrop.gif);

}

#mon1 a{
background-image:url(images/moncrop.gif);
margin-left:10px;
}

#footer
{

height: 20px;
font:normal 12px Verdana;
color:#00bdaa;
margin-left:360px;
background-color:#660000;




}
IMG {
border: 1px solid #FFFFFF;


}
H1{
font:normal 10px Verdana; 
text-transform: uppercase;
color:#000000;
}
#item{

float: left;
width:50px;
height:50px;


}

a {
font:normal 12px Verdana;
color:#000000; 
   text-decoration: none;
}
a:visited{
font:normal 12px Verdana;
color:#000000;}
	
#contact{

font:normal 12px Verdana;
float: left;
width: 200px;
height:30px; 
color:#000000;
background-color:#FFFFFF;
}
#place{
width:210px;
height:900px;
list-style-type: none;
position:absolute;
top:250px;
border: 0px solid red;
padding-left:inherit;
margin-top:20px;
background-color:FFFFFF;
}

#yo{
float:left;

height: 410px;
width:240px;
margin-top:10px;
border: 1px solid #FFFFFF;
background-color:#FFFFFF;

}
#story{

float:left;
width:242px;
height:300px;
margin-top:3px;
padding-right:5px;
font:normal 12px Verdana;
color:#000000; 
}