/* 3 Column Layout - by Paul@YellowPencil.com */
/* Modified for rumbuncious comics - by Linda Taing */

html { 
	min-height: 100%; margin-bottom: 1px; 
	}
body {
	margin : 0; 
	padding : 0; 
	background : #e2e2e2; 
	color : #333333; 
	font-size : 10pt; 
	font-family : verdana, helvetica, sans-serif; 
	line-height : 17px; 
	text-align : center; 
	} 
h1 {
	font-weight : bold; 
	font-size : 16pt; 
	margin-bottom : -8px; 
	margin-top : 5px; 
	} 
h2 {
	font-weight : bold; 
	font-size : 12pt; 
	margin-bottom : -8px; 
	margin-top : 5px; 
	} 
h3 {
	font-weight : bold; 
	font-size : 11pt; 
	margin-bottom : -8px; 
	margin-top : 5px; 
	} 
p {line-height : 20px;
	}	
img {
	border : 0; 
	} 	
a:link {
	color : #002892; 
	} 
a:visited {
	color : #002892; 
	} 
a:active {
	color : #002892; 
	} 
a:hover {
	color : #0066ff; 
	} 
table {
	width : 550px;
	}
td { 
	vertical-align : top;
	text-align : left;
	}
ul { 
  margin-top : 0.35em; 
  margin-left : 2em; 
  padding-left : 0; 
} 
li { 
  line-height: 1.5em; 
} 
.clear {
	clear : both; 
	font-size : 0.1em; 
	} 
.hint {
	font-size : 0.7em; 
	} 
#logo {
	margin : 0 auto; 
	width : 760px; 
	height : 80px; 
	border : 2px solid #333333; 
	background : #ffffff; 
	color :  #333333; 
	text-align : center; 
	} 
#nav {
	margin : 0 auto; 
	height : 20px; 
	line-height : 20px; 
	width : 760px; 
	border-left : 2px solid #333333; 
	border-right : 2px solid #333333; 
	border-bottom : 2px solid #333333; 
	text-align : left; 
	position : relative; 
	} 
#menu {
	margin : 0 auto; 
	background : #c9cacb; 
	color : #333333; 
	text-align : left; 
	position : absolute; 
	left : 0; 
	width : 75%; 
	} 
#menu a {
	font-size : 9pt; 
	padding : 2px 10px; 
	text-decoration : none; 
	background : #c9cacb; 
	color : #000000; 
	} 
#menu a:hover {
	background : #ffffff; 
	color : #000000; 
	padding : 1px 10px; 
	} 
#menu .current {
	font-size : 9pt; 
	background : #efefef; 
	color : #000000; 
	padding : 1px 10px; 
	} 
#date {
	margin : 0 auto; 
	height : 20px; 
	line-height : 20px; 
	background : #c9cacb; 
	color : #000000; 
	font-size : 9pt; 
	font-weight : bold; 
	text-align : right; 
	position : absolute; 
	right : 0; 
	width : 25%; 
	} 
#fix {
	margin-top : -13px;
	}
#comics {
	margin : 0px auto; 
	width : 760px; 
	height : 367px; 
	border-right : 2px solid #333333; 
	border-left : 2px solid #333333; 
	border-bottom : 2px solid #333333;
	background : #ffffff; 
	color : #000000; 
	text-align : center; 
	} 
#comicsarch {
	margin : 0px auto; 
	width : 760px; 
	height : 400px; 
	border-right : 2px solid #333333; 
	border-left : 2px solid #333333; 
	border-bottom : 2px solid #333333;
	background : #ffffff; 
	color : #000000; 
	text-align : center; 
	} 
#container {
	margin : 0 auto; 
	width : 760px; 
	border-left : 2px solid #333333; 
	border-right : 2px solid #333333; 
	text-align : left; 
	} 
#main {
	width : 550px; 
	float : left; 
	padding : 20px; 
	background : #ffffff; 
	color : #000000; 
	} 
#right {
	width : 130px; 
	float : left; 
	padding : 20px; 
	background : #c9cacb; 
	color : #000000; 
	} 
#footer {
	margin : -17px auto; 
	width : 760px; 
	height : 20px; 
	border-left : 2px solid #333333; 
	border-right : 2px solid #333333; 
	border-top : 1px solid #333333; 
	border-bottom : 2px solid #333333; 
	line-height : 20px; 
	font-size : 0.8em; 
	background : #ffffff; 
	color : #000000; 
	} 
	
/* CG NAV SETUP */
#cg_nav1 {height: 44px; width: 210px; margin: 0 auto; }
#cg_nav1 a, #cg_nav1 span {height: 33px; width: 50px; float: left;background: #ffffff top left no-repeat;}
#cg_nav1 a span, #cg_nav1 span span, #cg_nav1 .cg_divider { display: none; }
#cg_credits {margin : -2px auto; width : 760px; height : 20px; font-size: 75%;color: #000000;}
#cg_credits A {color: #000000;}
#cg_credits A:hover {color: #000000;}
#cg_nav2 {font-size: 100%;color: #000000;}
#cg_nav2 A {text-decoration: none;color: #002892;}
#cg_nav2 A:hover {color: #0066ff;}
/* CG NAV IMAGES */
a#cg_first { background: url(images/nav/first.gif); }
a#cg_back { background: url(images/nav/back.gif); }
a#cg_next { background: url(images/nav/next.gif); }
a#cg_last { background: url(images/nav/last.gif); }
/* CG NAV ON IMAGES */
a#cg_first:hover { background: url(images/nav/first_on.gif); }
a#cg_back:hover { background: url(images/nav/back_on.gif); }
a#cg_next:hover { background: url(images/nav/next_on.gif); }
a#cg_last:hover { background: url(images/nav/last_on.gif); }
/* CG NAV OFF IMAGES */
span#cg_first { background: url(images/nav/first_off.gif); }
span#cg_back { background: url(images/nav/back_off.gif); }
span#cg_next { background: url(images/nav/next_off.gif); }
span#cg_last { background: url(images/nav/last_off.gif); } 

/* BLOG CSS*/
.date-header {margin:0;font-size:0.9em;font-style:normal;line-height : 2em;color : #810000;}
.post {margin:.3em 0 25px;}
.post-title {margin:0;font-size:110%;line-height:1.5em;display:block;color:#333333;}
.post-body {padding:10px 14px 1px 14px;}
.post p {margin:0 0 .75em;}
p.post-footer {background:#eeeeee;margin:0;padding:2px 14px 2px 29px;font-size:85%;line-height:1.5em;color:#666666;text-align:right;}
p.post-footer em {display:block;float:left;text-align:left;font-style:normal;}
#comments {margin:-25px 13px 0;padding:20px 0 15px 0;}
#comments h4 {margin:0 0 10px;padding:0 14px 2px 29px;line-height:1.4em;color:#333333;font-size:110%;}
#comments-block {margin:0 15px 0 9px;}
.comment-data {margin:0.5em 0;padding:0 0 0 20px;font-size:85%;color:#810000;}
.comment-poster {font-weight:bold;font-size:0.8em;}
.comment-body {margin:0 0 1.25em;padding:0 0 0 20px;}
.comment-body p {margin:0 0 .5em;}
.comment-timestamp {margin:0 0 .5em;padding:0 0 .75em 20px;color:#666666;}
.comment-timestamp a:link {color:#666666;}
.deleted-comment {font-style:italic;color:gray;}