/* @override http://jaystephens.com/style.css */




body {
	padding-bottom: 10px;
	}

#container {
		margin: 0 auto;
		padding: 0;
		width: 698px;
		text-align: left;
		background-color: white;
		}
		
#nav {
		background-color: #ebebeb;
		width: 148px;
		height: 160px;
		margin-top: 114px;
		margin-bottom: 10px;
		margin-right: 10px;
		overflow: hidden;
		padding: 0;
		float: left;
		}		
		
		
		
#content {
		padding: 0;
		width: 530px;
		background-color: white;
		float: left;
		margin-bottom: 0;
		}
		
		
#header {
		padding: 0;
		width: auto;
		height: 104px;
		margin-bottom: 10px;
		margin-right: 10px;
		}
	
#footer {
		padding: 0;
		width: 520px;
		background-color: #ebebeb;
		text-align: center;
		margin-right: 10px;
		float: left;
		margin-bottom: 10px;
		}
		
		
	

		
		
#footer p {
		color: #666;
		font-size: 10px;
		font-family: Arial, sans, sans-serif;
		margin: 0 auto;
		padding: 20px;
		}
		

#header h1 {
display: none;
		text-indent: -9999999px;
		padding: 0;
		margin: 0;
		}
		
.header_orange {
		background-color: #e08627;
		background-image: url(images/jay_orange.gif);
		background-position: top right;
		background-repeat: no-repeat;
		}
		
.header_blue {
		background-color: #4080c5;
		background-image: url(images/jay_blue.gif);
		background-position: top right;
		background-repeat: no-repeat;
		}

.header_red {
		background-color: #E92831;
		background-image: url(images/jay_red.gif);
		background-position: top right;
		background-repeat: no-repeat;
		}

.gallerycontent {
font-family: Arial, sans, sans-serif;
background-color: #ebebeb;
margin-right: 10px;
margin-bottom: 10px;
font-size: 80%;
}

.gallerycontent img {
		border: 2px solid #ccc;
		}

#footer a, .gallerycontent a {
		color: #666;
		}

#footer a:hover, .gallerycontent a:hover {
		color: #e08627;
		}
		
.gallerycontent a img:hover{
		border: 2px solid orange;
		}
		
		




/* IMAGES
---------------------------------------------------*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}



/* FRONT PAGE
---------------------------------------------------*/



#DELETEslideshow {
		height: 160px;
		margin-left: auto;
		background-color: white;
		margin-bottom: 10px;
		text-align: right;
		}
		
#DELETEtheshow {
		text-align: right;
		float: right;
		}
		
		
#slideshow {
		display: block;
		height: 160px;
		width: 520px;
		margin-right: 10px;
		margin-bottom: 10px;
		background-color: #f1da15;

		}		
		
#DELETEfront_about {
		height: 206px;
		width: 255px;
		margin-right: 10px;
		background-color: #f1da15;
		overflow: hidden;
		float: left;
		}

#DELETEfront_news {
		DELETEwidth: auto;
		width: 255px;
		padding: 0;
		height: 206px;
		background-color: #f1bb15;
		overflow: auto;
		margin-bottom: 10px;
		margin-right: 10px;
		}

#front_about {
		height: 206px;
		width: 255px;
		margin-right: 10px;
		margin-bottom: 10px;
		background-color: #f1da15;
		overflow: hidden;
		float: left;
		}	

#front_news {
		height: 206px;
		width: 255px;
		margin-right: 10px;
		margin-bottom: 10px;
		background-color: #f1bb15;
		overflow: auto;
		float: left;
		}		
		
		

#front_about p{
		padding: 0 10px;
		margin: 10px 0;
		color: #766b0a;
		font-size: 14px;
		font-family: Georgia;
		line-height: 1.5;
		}

#front_about a{
		color: white;
		text-decoration: none;
		}

.title {
		height: 24px;
		background-repeat: no-repeat;
		text-indent: -99999px;
		}

#title_about {
		background-color: #d4bf12;
		background-image: url(images/title_about.gif);
		}
		
#title_news {
		background-color: #d4a412;
		background-image: url(images/title_news.gif);
		}

#content h2 {
	padding: 0;
	margin: 0;
	}

.pagetitle {
	margin-right: 10px;
	}
	
	
#front_links {
		padding: 0;
		width: 520px;
		background-color: #e08627;
		text-align: center;
		margin-right: 10px;
		float: left;
		margin-bottom: 10px;
		}
		
#front_links img {
		border: 0;
		}
	
	
/* NEWS
---------------------------------------------------*/

.rss {
	float: right;
	font-family: Arial, sans, sans-serif;
	margin-top: 4px;
	padding-left: 10px;
	padding-bottom: 4px;
	font-size: 12px;
	color: #826714;
}

.rss a {
color: #4f3e0b;
}

.rss a:hover {
		color: #766b0a;
		}
		
.newsitem h3 {
		padding: 0;
		margin: 0;
		text-transform: uppercase;
		font-weight: bold;
		font-family: Arial, sans, sans-serif;
		font-size: 10px;
		color: white;
		}
		
.newsitem {
		padding: 10px;
		margin-top: 4px;
		margin-bottom: 0;
		color: #826714;
		font-family: Georgia;
		font-size: 12px;
		}
		
.newsitem a {
		color: #4f3e0b;
		}
		
.newsitem a:hover {
		color: #766b0a;
		}
		
		
/* NAV - FRONT PAGE
---------------------------------------------------*/

.navmenu, .navmenu_blue, .navmenu_red {
		padding: 12px 0 0 30px;
		margin: 0;
		border: 0;
}

#nav li{
		list-style-type: none;
		margin: 0;
		padding: 0;
		border: 0;
		display: inline;
		}

.navitem {
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	text-indent: -99999px;
	height: 0px;
	width: 113px;
	padding-top:17px;
	background-position: top;
	overflow: hidden;
	}
	
/* hack for older versions of IE with incorrect box model */	
* .navitem {height:17px; he\ight:0;}	
	
.navitem:hover {
	background-position: 0 17px;
	}
	
#nav_home {
		background-image: url(images/nav_orange_home.gif);
		}
		
#nav_bio {
		background-image: url(images/nav_orange_bio.gif);
		}
		
#nav_works {
		background-image: url(images/nav_orange_works.gif);
		}		

#nav_gallery {
		background-image: url(images/nav_orange_gallery.gif);
		}
		
#nav_checklist {
		background-image: url(images/nav_orange_checklist.gif);
		}
		
#nav_blog {
		background-image: url(images/nav_orange_blog.gif);
		}
		
#nav_comic {
		background-image: url(images/nav_orange_comic.gif);
		}
		
#nav_links {
		background-image: url(images/nav_orange_links.gif);
		}


.navmenu_blue #nav_home {
		background-image: url(images/nav_blue_home.gif);
		}
		
.navmenu_blue #nav_bio {
		background-image: url(images/nav_blue_bio.gif);
		}
		
.navmenu_blue #nav_works {
		background-image: url(images/nav_blue_works.gif);
		}		

.navmenu_blue #nav_gallery {
		background-image: url(images/nav_blue_gallery.gif);
		}
		
.navmenu_blue #nav_checklist {
		background-image: url(images/nav_blue_checklist.gif);
		}
		
.navmenu_blue #nav_blog {
		background-image: url(images/nav_blue_blog.gif);
		}
		
.navmenu_blue #nav_comic {
		background-image: url(images/nav_blue_comic.gif);
		}
		
.navmenu_blue #nav_links {
		background-image: url(images/nav_blue_links.gif);
		}
		
		
.navmenu_red #nav_home {
		background-image: url(images/nav_red_home.gif);
		}
		
.navmenu_red #nav_bio {
		background-image: url(images/nav_red_bio.gif);
		}
		
.navmenu_red #nav_works {
		background-image: url(images/nav_red_works.gif);
		}		

.navmenu_red #nav_gallery {
		background-image: url(images/nav_red_gallery.gif);
		}
		
.navmenu_red #nav_checklist {
		background-image: url(images/nav_red_checklist.gif);
		}
		
.navmenu_red #nav_blog {
		background-image: url(images/nav_red_blog.gif);
		}
		
.navmenu_red #nav_comic {
		background-image: url(images/nav_red_comic.gif);
		}
		
.navmenu_red #nav_links {
		background-image: url(images/nav_red_links.gif);
		}

		
		
/* MAJOR WORKS
---------------------------------------------------*/


.work h3 {
		margin: 0;
		padding: 0;
		}
		
.work {
		height: 160px;
		width: 255px;
		margin-right: 10px;
		margin-bottom: 10px;
		background-color: white;
		float: left;
		}
		
.work:hover h3 {
		background-color: #6cacf1;
		}
		
#works_tut {
		background-image: url(images/works_tut_off.gif);
		}
		
#works_chickdee {
		background-image: url(images/works_chick_off.gif);
		}
		
#works_nod {
		background-image: url(images/works_nod_off.gif);
		}
		
#works_oddville {
		background-image: url(images/works_oddville_off.gif);
		}
		
#works_saturdays {
		background-image: url(images/works_saturdays_off.gif);
}
		
#title_tut, #title_chick, #title_nod, #title_oddville, #title_saturdays {
		display: block;
		height: 160px;
		width: 255px;
		}

#title_tut {
		background-image: url(images/works_tut_on.gif);
		background-repeat: no-repeat;
		background-position: -999px -999px;
		}

#title_tut:hover {
		background-image: url(images/works_tut_on.gif);
		background-repeat: no-repeat;
		background-position: top left;
		}

#title_chick {
		background-image: url(images/works_chick_on.gif);
		background-repeat: no-repeat;
		background-position: -999px -999px;
		}

#title_chick:hover {
		background-image: url(images/works_chick_on.gif);
		background-repeat: no-repeat;
		background-position: top left;
		}
		
#title_nod {
		background-image: url(images/works_nod_on.gif);
		background-repeat: no-repeat;
		background-position: -999px -999px;
		}

#title_nod:hover {
		background-image: url(images/works_nod_on.gif);
		background-repeat: no-repeat;
		background-position: top left;
		}
		
#title_saturdays {
		background-image: url(images/works_saturdays_on.gif);
		background-repeat: no-repeat;
		background-position: -999px -999px;
		}

#title_saturdays:hover {
		background-image: url(images/works_saturdays_on.gif);
		background-repeat: no-repeat;
		background-position: top left;
		}		
		
#title_oddville {
		background-image: url(images/works_oddville_on.gif);
		background-repeat: no-repeat;
		background-position: -999px -999px;
		}

#title_oddville:hover {
		background-image: url(images/works_oddville_on.gif);
		background-repeat: no-repeat;
		background-position: top left;
		}
		
h3{
		padding: 0;
		margin: 0;
		}

#title_contact {
		background-color: #e56f7d;
		background-image: url(images/title_contact.gif);
		margin-right: 10px;
		}
		
#title_biog {
		background-color: #e56f7d;
		background-image: url(images/title_biog.gif);
		margin-right: 10px;
		}
		
#title_comicbooks {
		background-color: #e56f7d;
		background-image: url(images/title_comicbooks.gif);
		margin-right: 10px;
		}
		
#title_comicstrips {
		background-color: #e56f7d;
		background-image: url(images/title_comicstrips.gif);
		margin-right: 10px;
		}
		
#title_books {
		background-color: #e56f7d;
		background-image: url(images/title_books.gif);
		margin-right: 10px;
		}

#title_tut_main {
		background-color: #6CACF1;
		background-image: url(images/works_tut_on.gif);
		margin-right: 10px;
		}

#title_saturdays_main {
		background-color: #6CACF1;
		background-image: url(images/works_saturdays_on.gif);
		margin-right: 10px;
		}
		
#title_chick_main {
		background-color: #6CACF1;
		background-image: url(images/works_chick_on.gif);
		margin-right: 10px;
		}
		
#title_nod_main {
		background-color: #6CACF1;
		background-image: url(images/works_nod_on.gif);
		margin-right: 10px;
		}
		
#title_oddville_main {
		background-color: #6CACF1;
		background-image: url(images/works_oddville_on.gif);
		margin-right: 10px;
		}


/* HEADERS
---------------------------------------------------*/

#header h2 {
		padding: 0;
		margin: 0;
		text-indent: -9999px;
		position: relative;
		top: 73px;
		}
		
#header_works {
		background: url(images/header_works.gif);
		background-repeat: no-repeat;
		}
		
#header_bio {
		background: url(images/header_bio.gif);
		background-repeat: no-repeat;
		}

#header_links {
		background: url(images/header_links.gif);
		background-repeat: no-repeat;
		}

#header_checklist {
		background: url(images/header_checklist.gif);
		background-repeat: no-repeat;
		}
		
#header_gallery {
		background: url(images/header_gallery.gif);
		background-repeat: no-repeat;
		}
		

/* THE GOODS
---------------------------------------------------*/

#thegoods {
		padding-bottom: 10px;
		margin-bottom: 10px;
		margin-right: 10px;
		}
		
#thegoods p {
		margin: 10px;
		font-family: Georgia;
		font-size: 85%;
		line-height: 1.3;
		}

#innercontent {
font-family: Georgia, Arial, sans, sans-serif;
line-height: 1.3;
font-size: 85%;
margin-right: 10px;
margin-bottom: 10px;
padding: 15px;
}

.firstparagraph {
font-size: 1.2em;
line-height: 1.4;
}

#innercontent h4 {
font-family: Arial;
text-transform: uppercase;
font-weight: bold;
padding: 0;
margin: 0;
}

#innercontent blockquote {
font-style: italic;
}

#innercontent img {
border: 0;
}

.inner_red strong {
font-family: Arial;
}

.inner_red {
background-color: #ebebeb;
}

.inner_blue {
background-color: #D3E6FB;
}

.inner_red a{
color: #E92831;
}

.inner_blue a{
color: #4080c5;
}

.inner_orange a{
color: #e08627;
}