/*
	CSS by c.w.
	http://cwcomics.comicgenesis.com
	c.w.comics@gmail.com

	Note: Filename should be screen.css
*/

/*----------------------------------------------
Element Styling
----------------------------------------------*/

h1, h2, h3
{
margin: 5px;
padding: 0;
font-variant: small-caps;
}

h1 {font-size: 2em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1em;}

ul, li
{
display: inline;
margin: 3px 1em 3px 1em;
padding: 0;
}

a, a:link  {color: #1e6c11; font-weight: bold; }
a:hover {color: #FFF;}
a:visited {color: #D59}
/*  This is the only time anchor is included  */

body
{
font-family: sans-serif;
text-align: center;
margin: 0;
padding: 0;
background: #000 url(/images/bkg.gif) bottom right no-repeat fixed;
}

/*----------------------------------------------
General Styling
----------------------------------------------*/

#ad
{
text-align: left;
margin-left: 3em;
margin-bottom: 1em;
}

.container
{
margin-left: 20px;
background: #AAA url(/images/container.png) top left repeat-x;
float: left;
width: 750px;
overflow: visible;
padding: 25px 0 25px 0;
}

.header
{
text-align: center;
margin-bottom: 20px;
}

.comic
{
position: relative;
overflow: visible;
}

	.comic img {padding: 10px; background: #AAA;}

.news
{
width: 634px;
margin: 0 auto;
padding: 20px 8px 8px 8px;
background: #000 url(/images/news.png) top left repeat-x;
color: #FFF;s
}
	.news h1, .news h2, .news p
	{
	text-align: left;
	margin-top: 3px;
	}
	
	.news p {margin-left: 2em;}

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

.secondarylinks {margin-top: 1em;}

#footer
{
width: 100%;
text-align: left;
float: left;
width: 100%;
color: #FFF;
font-size: 70%;
}

	#footer p {width: 550px; margin: 5px 0 20px 4.5em;}
	#footer a {color: #FFF;}

/*----------------------------------------------
Other Styling
----------------------------------------------*/

.extrapage {}

	.list, .rant, .gal
	{
	background: #CCC;
	width: 800px;
	margin: 5px auto;
	overflow: auto;
	}
		.list li 
		{
		display: list-item;
		text-align: left;
		margin-left: 3em;
		}

		.rant p
		{
		text-align: left;
		margin-left: 3em;
		}

		.gal images {float: left;}