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

	Note: Filename should be screen.css
*/

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

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

li {display: inline;}

h1, h2, h3, h4
{
margin: .1em;
padding: 0;
}

html
{
margin: 0;
padding: 0;
}

body
{
text-align: center;
margin: 0;
padding: 0;
font-family: veranda, sans-serif;
font-size: 80%;
background: #fff url(/images/bkg.png) top left;
}

a, a:link {color: #333; font-weight: bold;}
a:visited {color: #555; font-weight: bold;}
a:hover {color: #000; font-weight: bold;}

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

.header
{
background: #76C12E url(/images/lbkg.png) no-repeat top left;
color: #000;
text-align: left;
margin: 9px;
padding: 9px;
}

	.header h1, h2, h3
	{
	margin: 8px;
	}

	.header ul {margin: 4px;}

	.header li
	{
	display: block
	float: left;
	margin: 4px;
	padding: 4px;
	padding-right: 20px;
	background: #000 url(/images/bbkg.png) no-repeat bottom right;
	color: #FFF;
	}

	.header li a, .header li a:link {color: #76C12E;}
	.header li a:hover {color: #FFF;}

.container
{
width: 750px;
margin: auto;
overflow: auto;
}

.main
{
background: #000;
color: #FFF;
margin: 9px;
}

.main li, .main ul
{
margin: 15px;
}

.news
{
width: 72%;
float: left;
text-align: left;
padding: 1%;
background: #eee;
}

.news h1, .news h2, .news h3
{
margin: 0;
}

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

.secondarylinks
{
width: 21%;
float: left;
margin: 1%;
padding: 1%;
background: #eee;
}

	.secondarylinks li
	{
	display: block;
	list-style: none;
	margin: .3em;
	font-weight: bold;
	}

#footer
{
width: 744px;
font-size: 80%;
background: #76C12E url(/images/rbkg.png) no-repeat top right;
color: #000;
margin: auto;
margin-top: .2em;
padding: .1em;
font-weight: bold;
}

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

.extrapage
{
text-align: left;
padding: 1%;
background: #eee;
}

.extrapage img
{
float: left;
margin: .8em;
}

.extrapage h2, .extrapage p {margin: 0;}

.extrapage ul, .extrapage li
{
display: block;
margin: 0;
margin-left: 1em;
}


.list, .rant, .gal
{
border: 3px solid #000;
margin: 3px;
padding: .8em;
overflow: auto;
}