@charset "UTF-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}


body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: #004006 url(images/background.png) repeat-x;
	line-height: 2.2em;

}

div#wrapper {
	width: 900px;
	margin: 0 auto; 
	background: #1d7801;
	text-align:left;
	position: relative;
}

/*~~~~~~~~~~~~~~~~~~~header~~~~~~~~~~~~~~~~~~~~~~*/

div#wrapper div#header {  
	background: #1d7801 url(images/header.jpg) no-repeat;
	position: relative;  
	height: 225px;
	margin: 0 25px 0 25px;
	padding-top: 10px;
}  

div#wrapper div#header h1 {
	position: absolute;
	line-height: 1.2em;
	left: -1000px;  
	text-align: right;
	text-transform: lowercase;
	color: #C03;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}

#header span {  
	position: absolute;  
	width: 150px;    
	left: -1000px;  
	bottom: -5px;
	text-transform: uppercase;
	color: #fff; 
}



/*~~~~~~~~~~~~~~~~~~~navigation~~~~~~~~~~~~~~~~~~~~~~*/

div#navigation {
    float: left;
    margin: 0 25px 0 25px;
}

div#navigation ul {
    font-size: 1.8em;
    font-weight: bold;
    list-style: none;
    width: 850px;
    float: left;
    background: #6666cc;
}

div#navigation ul li {
    float: left;
}

div#navigation ul li#first a {
    background: none;
}

div#navigation ul a:link,
div#navigation ul a:visited {
    display: block;
    padding: 0 .9em;
    line-height: 2.1em;
    text-decoration: none;
    color: #fff;
}

div#navigation ul a:hover {
    color: #CCC;
}

/*~~~~~~~~~~~comicnav~~~~~~~~~~~*/
div#comicnav {
    float: left;
    margin: 10px 0 -20px 15px;
}

div#comicnav ul {
    font-size: 1.8em;
    font-weight: bold;
    list-style: none;
    width: 310px;
    float: left;
    background: #030;
}

div#comicnav ul li {
    float: left;
}

div#comicnav ul li#first a {
    background: none;
}

div#comicnav ul a:link,
div#comicnav ul a:visited {
    display: block;
    padding: 0 .5em;
    line-height: 2.1em;
    text-decoration: none;
    color: #fff;
}

div#comicnav ul a:hover {
    color: #999;
}


/*~~~~~~~~~~~~~~~~~~~~~comic~~~~~~~~~~~~~~~~*/
div#wrapper div#comic {
	width: 710px;
	float: left;
	font-size: 1.5em;
	line-height: 1.3em;
	margin: 10px 0px 10px 10px;
	padding: 5px;
}


div#wrapper div#comic p {
	color: #999;
	border: solid 1px #CCC;
	background-color: #030;
}

div#wrapper div#comic  a:link {
	text-decoration: underline;
	color: #BFB690;
}

div#wrapper div#comic  a:visited {
	text-decoration:none;
	color: #7B5200;
}

div#wrapper div#comic  a:hover {
	text-decoration: line-through;
	color: #ccc;
}

div#wrapper div#comic  a:active {
	text-decoration:none;
	color: #fff;
}


/*~~~~~~~~~~~~~~~~~~~~~main~~~~~~~~~~~~~~~~*/
div#wrapper div#main {
	width: 700px;
	float: left;
	font-size: 1.5em;
	line-height: 1.3em;
	margin: 10px 0px 10px 20px;
	padding: 5px;
	background-color: #030;
}

div#wrapper div#main h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #663;
	padding: 5px 10px 5px 5px;
	line-height: 1.7em;
	letter-spacing: 0.1em;
	font-size: 2em;
}

div#wrapper div#main p {
	color: #999;
	/*border: solid 1px #CCC;*/
	background-color: #030;
}

div#wrapper div#main p.question {
	font-weight: bold;
	color: #960;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#wrapper div#main p.answer {
	text-align: left;
	font-style: oblique;
	font-family: Verdana, Geneva, sans-serif;
	padding-left: 60px;
	color: #A4B0C8;
}

div#wrapper div#main  a:link {
	text-decoration: underline;
	color: #BFB690;
}

div#wrapper div#main  a:visited {
	text-decoration:none;
	color: #7B5200;
}

div#wrapper div#main  a:hover {
	text-decoration: line-through;
	color: #ccc;
}

div#wrapper div#main  a:active {
	text-decoration:none;
	color: #fff;
}

div#wrapper div#main h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #AEB593;
	padding: 5px 10px 5px 5px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}

div#wrapper div#main img {
	float: left;
	margin: 5px;
	padding: 4px;
	border: 2px solid #468C9F;
	background: #333;
}

/*~~~~~~~~~~~~~~~~archive~~~~~~~~~~~~~~~~~*/
div#wrapper div#archive {
	width: 700px;
	float: left;
	font-size: 1.0em;
	line-height: 1.3em;
	margin: 10px 0px 10px 20px;
	padding: 5px;
	background-color: #030;
}

div#wrapper div#archive p {
	color: #999;
	/*border: solid 1px #CCC;*/
	background-color: #030;
}


div#archive table#cc-archive {  
    border-collapse: collapse; 
    width: 700px; 
    border: 1px solid #666;
    font-size: 1.6em;
    line-height: 1.8em;  
	background-color: #FFF;
}  
  
div#archive table#cc-archive caption {
	font-size: 1.6em;
    font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
    padding: 20px 0 5px 0;
    text-align: left; 
}  
  
div#archive table#cc-archive col {  
    border-right: 1px solid #ccc;  
}

div#archive table#cc-archive col#comicnumCol { 
    width: 20%;
}

div#archive table#cc-archive col#comiclinkCol {  
    width: 80%;  
} 
  
div#archive table#cc-archive thead {  
    border-top: 1px solid #a5a5a5;  
    border-bottom: 1px solid #a5a5a5;  
}  
  
div#archive table#cc-archive th {  
    font-weight: bold;  
    text-align: left;  
}   
  
div#archive table#cc-archive th, td {  
    padding: 0.1em 1em;  
}  
  
div#archive table#cc-archive .odd {  
    background-color:#999; 
}  
  
div#archive table#cc-archive tr:hover {  
    background-color:#06C;
    color: #fff;  
}  
  
div#archive table#cc-archive thead tr:hover {  
    background-color: transparent;  
    color: inherit;  
} 

div#archive table#cc-archive a:link {
	text-decoration: underline;
	color: #330;
}

div#archive table#cc-archive a:visited {
	text-decoration: underline;
	color: #030;
}

div#archive table#cc-archive a:hover {
	text-decoration: line-through;
	color: #ccc;
}



/*~~~~~~~~~~~~~~~~~~~~~~side~~~~~~~~~~~~~~~~~~~*/
div#wrapper div#side {
	width: 160px;
	float: right;
	font-size: 1.5em;
	line-height: 1.3em;
	margin: 10px 10px 0 0px;
}

/*~~~~~~~~~~~~~~~~~~clear~~~~~~~~~~~~~*/
div#clear {
		clear: both;
}

div#clear {
	margin: 10px;
}


/*~~~~~~~~~~~~~~~~~~~footer~~~~~~~~~~~~~~~~~~~~~~*/


div#footer{
	background: #062F00;
	margin-bottom: 20px;
}

div#footer p {
	font-size: 1.2em;
	line-height: 1.0em;
	text-align: right;
	padding: 15px 10px 20px 10px;
	color: #A2BB81;
}

div#wrapper div#footer p a:link,
div#wrapper div#footer p a:visited {
	text-decoration:underline;
	color: #DDFFA5;
}

div#wrapper div#footer p a:hover {
	text-decoration:none;
	color: #ccc;
}

div#wrapper div#footer p a:active {
	text-decoration:none;
	color: #fff;
}

/*a[href^="mailto:"] {
	background: url(images/email.png) no-repeat right top;
	padding-right: 18px;
}
*/