@media all {* { margin : 0px; padding : 0px; border: 0px;}
html {background: #323130; height:100%;}
body {text-align:center; font:8pt Verdana, Arial, Tahoma, sans-serif; color : #1E1C1B; line-height:10pt; min-width:815px; height:100%;}
p {padding-bottom:8px; padding-top:8px;}
.callout{background-color:#D4EEF4; border: 1px dashed #6D6D6D;}

a, a:link, a:visited {color: #ff3d0d;text-decoration: none;}
a:hover {color: #ff6600;text-decoration: underline;}
a:active {color: #ff6600;text-decoration: none;}

div#header{width:815px; height:85px; margin:auto; overflow:hidden; padding-top:20px; position:relative;}
	h1#logo {text-indent : -9999px; width:815px; height:85px; background : url(images/skeletonparty.gif) 0 0 no-repeat; }
	div#navigation a{top:68px;
	height:35px;
	display:block;
	overflow:hidden;
	text-indent : -9999px;
	position:absolute;}
	a#home {
	left : 51px; 
	width : 61px;}
	a#comicstrip {left : 123px; 
	width : 57px;}
	a#work {left : 195px; 
	width : 63px;}
	a#shop {left : 270px; 
	width : 58px;}

div#content{background-color:#FFFFFF; width:815px; margin:auto; overflow:hidden; text-align:left;}
	div#thumbs{float:left; padding-left:20px; width:155px; overflow:hidden; padding-top:20px;}
		ul {padding-left:14px; padding-top:8px;}
		h3 {text-indent : -9999px; padding-bottom:5px;}
		div.thumb_block{padding-bottom:10px; padding-top:5px;}
		h3#graphic_design{width:134px; height:20px; background:url(images/graphic_design.gif) no-repeat 0 0;}
		h3#illustration{width:134px; height:20px; background:url(images/illustration.gif) no-repeat 0 0;}
		h3#web_design{width:134px; height:20px; background:url(images/web_design.gif) no-repeat 0 0; }
		h3#resume{width:134px; height:20px; background:url(images/resume.gif) no-repeat 0 0; }
		
	div#art_display{float:right; padding:20px; width:600px;}
		div#artwork{height:450px; background-color:#D4EEF4; text-align:center;}
		div#description{padding:10px; width:580px; background-color:#323130;}
		span#work_title{color:#FFF; font:9pt Verdana, Arial, Tahoma, sans-serif;}
		span#work_material{color:#6D6D6D; font:9pt Verdana, Arial, Tahoma, sans-serif;}
		span#work_description{color:#CCC;}

	div#blog{float:left; padding-left:20px; width:545px; overflow:hidden; padding-top:20px; min-height:100%;}
		div.news_item{padding-bottom:20px;}
		h2{font:12pt Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; }
		h4{color:#6D6D6D; font:8pt Georgia, "Times New Roman", Times, serif; font-style:italic;}
		.dashed{padding-bottom:3px; border-bottom: 1px dashed #6D6D6D;}
		div#side_panel{float:right; padding:20px; width:200px;}
		div#about_title{background-color:#323130; padding-left:12px; padding-right:12px;}
		.about{color:#D4EEF4;}
		div.news_item p{padding-left:12px; }

	div#comic_content{width:815px; height:480px; padding-left:5px;}
		table {height:100%;}
		div#comic{text-align:center;}
		div#comic_navblock{width:798px; height:25px;}
			div#comic_archive{float:left; padding:5px;}
			div#comic_nav{float:right; padding:5px;}

div#footer{width:775px; background: #1E1C1B url(images/bluebar.gif) repeat-x; margin:auto; overflow:hidden; text-align:right; padding:20px; color:#FFF; height:20px;}

}