/* A-L 4.0 */

/* General */

	body {
		font-family:'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		font-size:13px;
		text-align:center;
		background:#bfbfbf url(/img/background.gif) top center repeat-y; 
		}
	img { border:0; }
	a { color:#090; text-decoration:none; }
	a:hover { color:#000; background:#EAFFD2; }
	a.simple,a.simple:hover { text-decoration:none; }

	ul { 
		text-align:left;
		margin-top:6px;
		list-style-type:none;
		list-style-image:url(/img/bullet_black.gif);
		}
	p { padding:0; margin:10px 0; } 
	h1,h2,h3,h4,h5 {
		margin:0;
		padding:0;
		}
	h2,h3,h4 { 
		padding-top:10px;
		}
	h1,h2,h3 { color:#090; }
	h2 { font-size:22px; }
	h3 { font-size:16px; }
	h1 span { visibility:hidden; }

	form { margin:0; padding:0; text-align:left; }
	fieldset { border:0; margin:0; padding:0; }
	label { margin:0; padding:0; text-align:left;}

/* Layout */

	#wrapper {
		width:750px;
		margin:10px auto;
		}

	#header {
		height:157px;
		position:relative;
		}
	#header a,#header a:hover { text-decoration:none; }
	a#home {
		display:block;
		width:750px;
		height:104px;
		background:url(/img/4/nav-title.gif) top left no-repeat;
		}
	a#blog span,a#comics span,a#illustration span,a#miscellaneous span { visibility:hidden; }
	a#blog,a#comics,a#illustrationa,a#miscellaneous {
		display:block;
		width:137px;
		height:50px;
		position:absolute;
		top:104px;
		left:0;
		background:url(/img/4/nav-blog.gif) top left no-repeat;
		}
	a#comics {
		left:150px;
		background:url(/img/4/nav-comics.gif) top left no-repeat;
		width:193px;
		}
	a#illustration {
		left:395px;
		background:url(/img/4/nav-illustration.gif) top left no-repeat;
		width:358px;
		}
	a#miscellaneous {
		left:351px;
		background:url(/img/4/nav-miscellaneous.gif) top left no-repeat;
		width:398px;
		}

	#main,#comments {
		text-align:left;
		width:540px; 
		float:left;
		}
	#bigmain {
		text-align:left;
		margin-top:10px;
		clear:left;
		padding:4px;
		}
	#extras {
		width:190px;
		float:left;
		margin-left:20px;
		text-align:left;
		}
	#extras ul { text-align:left; }
	#footer {
		padding-top:30px;
		text-align:center;
		clear:both;
		height:25px;
		font-size:11px;
		}
	#footer p { height:25px; }

	#navBar ul { list-style:none; }
	.halfColumn { width:48%; float:left; }
	
/* Section Specifics */

	p.space {
		margin-top:1.5em;
		}
	.imageBox,.extrasItem {
		width:120px;
		text-align:center;
		font-size:11px;
		}
	.imageBox {
		float:left;
		}
	.extrasItem h3,.sideSearch h3 {
		margin:20px 0 2px 0;
		font-weight:normal;
		}

/* Blog Page */

.archive-illustration { float:right; }
.writingShort {
	padding-top:20px;
	clear:right;
	}
.writingShort h3,.writingShort p.date {
	display:inline;
	font-size:22px;
	}
.writingShort p.date {
	font-size:12px;
	margin:10px;
	}

.writingLong { margin-top:20px; }

.writingLong h3 {
	font-size:22px;
	}
.writingLong h4 {
	padding-left:40px;
	font-size:18px;
	}
.writingLong h3 {
	margin:0;
	padding-bottom:0;
	font-size:22px;
	}
.writingLong p,.writingShort p {
	}
.date,.shortDate {
	display:inline;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
.writingLong img,.writingShort img {
	float:right;
	margin:0 0 6px 6px;
	clear:both;
	}

a.prevWritingLink,a.nextWritingLink {
	margin-top:10px;
	display:block;
	float:left;
	width:150px;
	margin-left:5px;
	padding-left:25px;
	background:url(/img/prev_dark.gif) top left no-repeat;
	color:#000;
	text-align:left;
	text-decoration:none;
	}
a.nextWritingLink { background:url(/img/next_dark.gif) top left no-repeat; }
a.prevWritingLink br,a.nextWritingLink br { display:none; }
a.prevWritingLink:hover,a.nextWritingLink:hover { background-position:0 -168px; border:none; }
.linkTitle,.linkTeaser {
	display:block;
	font-size:18px;
}
.linkTeaser { font-size:12px; }

p.links {
	margin:10px 0 0 0;
	}
.moreLink,.commentLink,.permaLink {
	font-size:14px;
	float:right;
	margin-left:6px;
	padding-left:18px;
	background:url(/img/icon_more.gif) left center no-repeat;
	}
.commentLink {
	background:url(/img/icon_comment.gif) left center no-repeat;
	}
.permaLink {
	margin-left:10px;
	background:url(/img/icon_permalink.gif) left center no-repeat;
	}
a.blog-archives { 
	font-size:18px; 
	padding:2px 4px 2px 24px; 
	background: url(/img/prev_dark.gif) top left no-repeat; 
	margin-top:8px;
	}

/* Jumpbar */

#jumpBar {
	text-align:left;
	position:relative;
	width:700px;
	margin:10px auto 10px auto;
	}
#jumpNav {
	position:absolute;
	bottom:0; right:0;
	margin:6px 10px 0 0;
	}
#jumpNav p,#jumpNav select {
	margin:0 30px;
	}
.jumpPrev span,.jumpNext span {
	display:none;
	}
#jumpMini {
	margin-top:20px;
	position:relative;
	width:170px;
	text-align:center;
	}
.jumpPrev,.jumpNext {
	position:absolute;
	width:16px;
	top:0;
	}
.jumpPrev { left:0; }
.jumpNext { right:0; }
.jumpPrev a,.jumpNext a {
	display:block;
	height:15px;
	width:18px;
	background: url(/img/next_dark.gif) 0 0 no-repeat;
	border:0;
	}
.jumpPrev a { background: url(/img/prev_dark.gif) 0 0 no-repeat; }
.jumpNext a:hover,.jumpPrev a:hover { 
	background-position:0 -168px;
	}
#jumpBar h3,#jumpBar h2 {
	width:45%;
	margin:0;
	padding:0;
	}

.jumpBar p,.jumpBarBottom p {
	color:#888;
	font-size:12px;
	margin:0 10px 3px 10px;
	float:left;
	}
.jumpBar p.index,.jumpBarBottom p.index {
	width:15%;
	}	

/* Comics and Illustration */

.mostRecent,.clientList { width:360px; float:left; }
.clientList { width:200px; }

ul.catList br { display:none; }
ul.catList { margin:0; padding:0; list-style:none; float:left; width:175px; margin-top:40px; }
ul.catList li {  display:block; margin:0; padding:0; text-align:left; }
ul.catList li a {
	color:#000;
	display:block;
	min-height:45px;
	width:200px;
	background:url(/img/icon_folder.gif) 0 2px no-repeat;
	border:none;
	}
ul.catList li a:hover { background-position:0 -50px; border:none; }
.catGroupTitle,.catDescription { display:block; margin-left:26px; }
.catGroupTitle { font-size:18px; }
.catDescription { font-size:11px; margin-top:2px;}

	.sectionIntro {
		clear:left;
		margin:5px 25px;
		font-size:14px / 16px;
		text-align:left;
		}
	.sectionIntro img {
		display:block;
		float:left;
		margin:0 10px 10px 0;
		}
	
	.imageGroup { }
	.imageThumb,.imageCat {
		width:120px;
		float:left;
		margin:auto;
		text-align:center;
		}
	.imageThumb { margin-bottom:10px; }
	.imageThumb img,.imageCat img {
		margin:0 auto;
		}
	.imageThumb p,.imageCat p {
		/* height:30px; */
		text-align:center;
		font-size:10px;
		}
	.imageLarge {
		display:block;
		margin:4px auto;
		}
	.imageDesc {
		display:block;
		width:550px;
		margin:10px auto;
		border:3px solid black;
		padding:10px;
		}
	#imageList {
		border:1px solid #aaa;
		}
	.imageItem,.imageItemActiv {
		border-bottom:1px solid #666;
		padding:4px;
		}
	.imageItemActiv {
		background:#eee;
		}
	.imageNumber {
		font-size:25px;
		color:#ccc;
		display:block;
		float:left;
		}
	.imageDate {
		font-size:9px;
		color:#aaa;
		}
	
/* Misc Page */

	.linkGroup { margin-bottom:15px; border:1px solid #009900; margin:30px 0 10px 0; }
	.linkGroup h2 { margin-top:-30px; text-align:left; margin-left:10px; }
    .linkGroup h2 span { padding:4px; background:#fff; }

	.linkGroupDesc p { margin:3px 10px 10px 10px;  font-size:16px; }
	.linkItem {
		text-align:left;
		width:45%;
		float:left;
		margin:0 10px;
		}
	.linkItem img {
		float:left;
		margin:10px 10px 2px 0;
		}

/* General Hooha */

	.progressBar {
		background:#fff; 
		height:10px;
		width:100%;
		margin:2px auto;
		border:1px solid #390;
		}
	.progress {
		height:10px;
		width:95%;
		background:#390;
		}
	.leftspacer {
		clear:left;
		}
	.spacer {
		margin:0;
		padding:0;
		height:0;
		clear:both;
		}
	.alert {
		background:#090;
		border:3px solid black;
		padding:20px;
		color:#fff;
		font-size:18px;
		}
	.pageActiv { font-size:14px; font-weight:bold; }
	img.floatleft { float:left; margin:0 6px 6px 0; }
	img.floatright { float:right; margin:0 0 6px 6px; }
	
#extras.spaced { padding-top:12px; }
ul.rss { 
	list-style-image:none;
	line-height:20px;
	padding-left:0;
	margin-left:2px; 
}
ul.rss a { padding-left:24px; background:url(/img/rss.png) left center no-repeat; }


/* Comments */

.comment {
	clear:left;
	border:3px solid black;
	margin:10px 5px 10px 5px;
	color:#fff;
	background:#0033CC;
	}

.odd { }
.comment p a { color:#fff; text-decoration:underline; }
.comment p a:hover { color:#000; text-decoration:none; }
.comment p { padding:10px; }
#comments .author {
	border-top:1px solid black;
	padding:10px;
	text-align:right;
	background:#fff;
	color:#000;
	font-size:14px;
	}
.commentTitle {
	padding:5px 0 5px 10px;
	font-size:16px; 
	}

#commentForm {
	position:relative;
	clear:left;
	margin:30px 5px; 
	width:450px;
	}
#commentForm br { clear:right; margin-bottom:10px; }
textarea#comment_text {
	width:200px;
	height:145px;
	float:left;
	margin-right:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	background:#eee;
	}
#commentForm h3 { margin:10px 0; font-size:20px; }
#commentForm label { font-size:11px; }
#commentForm label.textInput { float:left; text-align:right; width:70px; }
.check { margin:5px 4px 0 15px; }
.commentInput { width:145px; font-size:10px; float:right; background:#eee; }
#commentForm #submitButton { margin-top:10px; float:right; }

.commentShort {
	font-size:11px;
	margin:6px 0 10px 0;
	}
.commentShort p.author { display:inline; }

/* Alternate styles for Site Author comments */
.comment.siteAuthor { background:#339a00; }
#comments .author.siteAuthorSig { background:#EAFFD2; }