* { padding: 0; margin: 0; }

body {
 background: black;
 background-image: url(http://www.joejerome.com/img/patternbg.jpg);
 background-repeat: repeat;
 background-position: center; 
 text-align: center;
 font-family: Helvetica, Verdana, Arial;
 font-size: 12px;
 font-color: #c7c7c7;

}
a:link {color: #cccccc; text-decoration: none;}
a:hover {color: #white; text-decoration: underline;}
a:visited {color: #ff6666; text-decoration: underline;}
a img {border: none;}

p {
 margin-left: 12px;
 margin-right: 12px;
 color: #999999;
 text-align: left;
}
#right p strong {
	color: #FFF;
}
#left p strong {
	color: #FFF;
}
#wrapper #content p strong {
	color: #FFF;
}
#wrapper #contentless p strong {
	color: #FFF;
}
h1 {
font-size: 10px;
color: white;
text-align: right;
margin-right: 10px;
padding-top: 1.1%;
}
h2 {
	font-size: 140%;
	text-align: center;
	color: #FFF;
}
h3 {
	font-size: 140%;
	text-align: left;
	color: #FFF;
	margin-left: 12px;
}


#wrapper { 
 max-height: 3000px;
 width: 900px;
 margin: 0 auto 0px; 
 text-align : center;
 background-image: url(../img/header/contentbackground.jpg);
 background-repeat: repeat;
}
#header {
 width: 900px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 height: 110px;
 margin: 0px 0px 0px 0px;
 background: #000000;
 text-align : center;
 background-image: url(../img/header/contentbackground.jpg);
 background-repeat: repeat;
}

#content { 
 color: white;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 height: 100%; 
 width: 900px;
 text-align: left;
 margin-right : auto;
 margin-left : auto;

}

#contents { 
 float: left; 
 color: white;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 width: 900px;
 text-align: center;
 margin-right : auto;
 margin-left : auto;

}
#contentless {
	float: left;
	color: white;
	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
	width: 900px;
	text-align: center;
	margin-right : auto;
	margin-left : auto;
	right: 300px;
}
#contentresume { 
 float: left; 
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background-image: url(http://www.joejerome.com/img/content/resumebg2.jpg);
 background-repeat: no-repeat;
 width: 900px;
 margin-right : auto;
 margin-left : auto;

}
#contentabout { 
 float: left; 
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background-image: url(../img/about/joeimage.png);
 background-repeat: no-repeat;
 width: 900px;
 text-align: center;
 margin-right : auto;
 margin-left : auto;

}
#contentphoto { 
 float: left; 
 color: white;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 width: 900px;
 text-align: center;
 margin-right : auto;
 margin-left : auto;

}
#frontpageleft {
 float: left;
 width: 325px;
 height: 176px;
 padding: 0px;
 text-align: center;
 border: 0px;
 margin-top: 4px;
 margin-right : auto;
 margin-left : auto;
}
#frontpageright {
 float: left;
 width: 575px;
 height: 176px;
 padding: 0px;
 text-align: left;
 border: 0px;
 margin-top: 4px;
 margin-right : auto;
 margin-left : auto;
}
#topleft {
 float: left;
 width: 220px;
 height: 40px;
 color: #b7b7b7;
 padding: 0px;
 text-align: left;
 border: 0px;
 margin: 0px 0px 0px 0px;
 margin-right : auto;
 margin-left : auto;
}
#topright {
 float: left;
 width: 680px;
 height: 50px;
 color: #b7b7b7;
 padding: 0px;
 border: 0px;
 margin: 0px 0px 0px 0px;
 margin-right : auto;
 margin-left : auto;
}
#left { 
 color: white;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding-top: 75px;
 width: 450px;
 float: left;
 text-align: left;
 margin-right : auto;
 margin-left : auto;

}
#right { 
 float: right;
 color: white;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding-top: 75px;
 width: 450px;
 display: inline;
 text-align: left;
 margin-right : auto;
 margin-left : auto;
}
#paperleft {
 float: left;
 width: 600px;
 padding: 0px;
 text-align: left;
 border: 0px;
 margin: 0px 0px 0px 0px;
 margin-right : auto;
 margin-left : auto;
}
#paperright {
 float: left;
 width: 300px;
 padding: 0px;
 border: 0px;
 margin: 0px 0px 0px 0px;
 margin-right : auto;
 margin-left : auto;
}

#divider {
 margin-left: 12px;
 margin-right: 12px;
 border-bottom:1px dotted #444;
 padding-bottom:1em;
 color: #b7b7b7;
}
#divider2 {
 margin-left: 5px;
 margin-right: 5px;
 border-top:7px solid #444;
 margin-top:.5em;
 padding-bottom:.5em;
 color: #b7b7b7;
}
#divider3 {
 margin-left: 12px;
 margin-right: 300px;
 border-bottom:1px dotted #444;
 padding-bottom:1em;
 color: #b7b7b7;
}
#divider4 {
 margin-left: 5px;
 margin-right: 300px;
 border-top:7px solid #444;
 margin-top:.5em;
 padding-bottom:.5em;
 color: #b7b7b7;
}
#divider5 {
 margin-left: 12px;
 margin-right: 12px;
 border-bottom:1px dotted #444;
 padding-bottom: -5px;
 color: #b7b7b7;
}

#footer { 
 clear: both;
 width: 900px;
 height: 50px;
 color: #000000;
 border: 0px solid #ccc;
 margin: 0px px 0px 0px;
 padding: 0px;
 padding-bottom: 0px;
 margin-right : auto;
 margin-left : auto;
 text-align: left;
 background-image: url(../img/header/contentbackground.jpg);
 background-repeat: repeat;

}

#divider {
 margin-left: 12px;
 margin-right: 12px;
 border-bottom:1px dotted #444;
 padding-bottom:1em;
 color: #b7b7b7;
}



ul#navlist {
	margin-left: 0;
	padding-left: 0px;
	padding-top: 10px;
	white-space: nowrap;
	text-align: center;
}
#navlist li{
	display: inline;
	list-style-type: none;
}
#navlist a { 
}

#navlist a:link, #navlist a:visited
{
	color: #b7b7b7;
	text-decoration: none;
}
#navlist a:hover {
	color: #fff;
	background-color: #333333;
	text-decoration: none;
}
#imageMenu {
	position: relative;
	width: 745px;
	height: 310px;
	overflow: hidden;
}
#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 310px;
	width: 1500px;	
	}
#imageMenu ul li {
	float: left;
}
#imageMenu ul li a {
	width: 149px;
	height: 310px;
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 0px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
}

#imageMenu ul li.blog a {
	background:  url(http://www.joejerome.com/img/front/blog.jpg) repeat scroll 0%;
	width: 150px;
}

#imageMenu ul li.photos a {
	background:  url(http://www.joejerome.com/img/front/photos.jpg) repeat scroll 0%;
	width: 310px;
}

#imageMenu ul li.papers a {
	background:  url(http://www.joejerome.com/img/front/papers.jpg) repeat scroll 0%;
	width: 310px;
}

#imageMenu ul li.comic a {
	background:  url(http://www.joejerome.com/img/front/comic.jpg) repeat scroll 0%;
	width: 310px;
}

#imageMenu ul li.artwork a {
	background:  url(http://www.joejerome.com/img/front/artwork.jpg) repeat scroll 0%;
	width: 310px;
}