/*
	CSS and images based off and ripped from
	"Ocean Blue Indextemplate"
	which was designed by Ping Teo
	http://thejaded.keenspace.com

	Conversion by c.w.
	http://cwcomics.comicgenesis.com
*/

body
{
background: #2686AA url(/images/waves.gif) repeat;
color: #ffffff;
text-align: center;
font-family: Trebuchet , Sans-serif;
}

a
{
color: #CCCCFF;
font-weight: bold;
text-decoration: none;
}

a:visited
{
font-weight: normal;
text-decoration: none;
}
			
a:hover
{
color: #FFF200;
text-decoration: underline;
}

ul, li {margin: 0; padding: 0;}
ul {padding: 10px;}

#container
{
margin: 0 auto;
width: 90%;
min-width: 550px;
background: #005B7F;
padding: 20px;
border: solid 1px #000000;
overflow: auto;
}

.header ul {background: #2686AA;}

.header li
{
display: inline;
padding-left: 28px;
padding-right: 1em;
background: #2686AA url(/images/sun_spacer.gif) top left no-repeat;
list-style-type: none;
}

.header h2
{
font-size: 100%;
font-weight: normal;
}

.header h3
{
font-size: 100%;
font-weight: normal;
}

.header a h1{color: #ffffff;}

.abovenav li {display: inline;}

.comic img {margin: 1em; position: relative;}

.belownav li {display: inline;}

.news
{
text-align: left;
width: 70%;
float: left;
background: #2686AA;
}

.news h1 {margin: 0; margin-left: .25em;}
.news h2 {margin: 0; margin-left: .25em;}
.news p {margin: 1em;}

.news iframe
{
width: 100%;
height: 350px;
border: 0;
}

.secondarylinks
{
width: 29%;
float: right;
background: #2686AA;
}

.secondarylinks li {list-style-type: none;}

.list,.rant,.gal
{
border: solid 1px #000000;
margin: 5px;
}

.list h2,.rant h2,.gal h2
{
font-size: 110%;
font-weight: bold;
margin: 0;
}

.list ul,.rant p,.rant h2,.gal p,.gal img{margin: 10px;}

.list li {list-style-type: none;}

.csscredit {display: none;}
#footer p {font-size: 70%}
#footer p:after {content: " - CSS by Ping Teo of The Jaded (http://thejaded.keenspace.com)."}