/*** Text Properties ***/
h1 {
	font: normal 16pt georgia bold;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 0px;
	color: #20594D;
	text-decoration:underline;
	}
	
h2 {
	font: normal 12pt georgia bold; 
	text-align: center;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #1F251F;
	}
	
h3 { 
	font: normal 14pt georgia bold; 
	text-align: center;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #80FFFF;
	}
	
p			  { margin: 0 0 1em 0; text-align: left; line-height:1.8; }
p.last 		  { margin-bottom:0; }
p.first		  { margin-top:1em; }
p.img		  { float: left; margin:0 1em 1em 0; padding:0; }

blockquote    {
    margin:0 0 1em 1em;
    padding-left:1em;
    border-left:2px solid #DBDBDB;
}
strong        { font-weight: bold; }
em            { font-style: italic; }
pre           { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; }
ins           { text-decoration:none; } /*remove underline from text*/
del           { text-decoration:line-through; }
acronym       { border-bottom:1px dotted #666; }
dl {
    line-height:1.8;
    margin-bottom:1.2em;
}

/*** links ***/

	
a:link {font-weight: bold;text-decoration: underline;color: #00AEAE;}
a:visited {font-weight: bold; text-decoration: underline; color: #00D0D0;}
a:hover, a:active {text-decoration: underline;color: #00D0D0;}
a.navbar:link {text-decoration: none;color: #E4EDF3;}
a.navbar:visited {text-decoration: none; color: #E4EDF3;}
a.navbar::active {text-decoration: none; color: #E4EDF3;}
a.navbar:hover {text-decoration: none;color: #E4EDF3;}

ol, ul {list-style: square;}

body {
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin: 0 auto;
	background-color: #000000;	
	background-image:url(bgs/largerbg.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;	
	}

/* Divs */
		
#indexcont {
	background-image:url(bgs/coalmindsintro.jpg);
	background-repeat:no-repeat;
	width: 800px;
	height: 630px;
	background-color:#000000;
	margin: 0 auto;
	text-align: center;
	}	

#container {
	width: 950px;
	margin: 0 auto;
	height: 98%;
	border:#000;
	border:solid;
	background-image:url(bgs/newbg.jpg);
	background-repeat:no-repeat;
	background-color:#5D2201;
	}
	
#content{
	margin: 0 auto;
	padding: 5px 10px 5px 10px;
	background-color:#FFFFFF;
	text-align: justify;
	width: 830px;
	height:70%;
	overflow-y:auto;
	overflow-x: hidden;
	border-style: double;
	border-color:#A5BAB9;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #303836;
	font-style: normal;
	}
	
#gallery {
	width:700px;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 auto;
	}
	
#navbar {
	background-color:#000000;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CDD6C9;
	text-align: left;
	margin: 0 auto;
	}
	
#distance { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-13.75em; /* half of container's height */
	float:left;
	}
 
#flashcontainer {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:27.5em;
	width:45em;
	clear:left;
	background-color:#ff9;
	border:1px solid #c93;
	border-top-color:#fff;
	border-left-color:#fff;
	}
	
#comicspace{
	margin: 0 auto;
	background-color:#FFFFFF;
	text-align:left;
	width: 805px;
	height: 630px;
	border-style: double;
	border-color:#A5BAB9;
	overflow:auto;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	font-style: normal;
	}	
	
#panelsfooter { 
	font-size: x-small;
	width: 450px;
	border-style: single;
	border-color:#A5BAB9;
	overflow:hidden;	
	margin: 0 auto;
	}
	
#partnav {
	background-color:#1B3434;
	width: 500px;
	margin: 0 auto;
	}
	
#smallcomicpanels {
	width: 666px;
	height: 499 px;
	}
	
#comicpanelsbox {
	background-color:#000000;
	width: 800px;
	height: 600px;
	margin: 0 auto;
	
	}
	
/* Comic PHP info */
	
#cg_img { 
	height: 480px; 
	}
	
#cg_nav1, #cg_nav2 	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
	}
	
/*non-current page numbers*/
	#cg_nav1 a, #cg_nav2 a 	{ 
	text-decoration:underline;
	}
	
#cg_nav1 a:hover, #cg_nav2 a:hover { 
	text-decoration: underline; 
	}
	
#cg_credits 			{ 
	font-family:"Courier New", Courier, mono; font-size: 11px; color:#999; }
	
#cg_credits a 			{ 
	color:#666; text-decoration: none; 
	}
	
#cg_credits a:hover	{ 
	text-decoration: underline; 
	}
	
.cg_arrow1, .cg_arrow2	{ 
	font-weight: bold; 
	}
	
/* image classes */
.picinline {
	text-align:center;
	border: 2px;
	border-color: #4B0106;
	padding: 2px;
}

.picsmall {
	border: 3px;
	border-color: #29434B;
	padding: 2px;
}

.picbig {
	border: 2px;
	border-color: #65738B;
	padding: 6px;
	margin: 0px 7px 0px 0px;
}