/*
Theme Name: Humans vs. Zombies
Theme URI: http://www.HumansVsZombies.org
Description: A custom theme written by hand to power the Humans vs. Zombies online universe.
Version: 0.1 Alpha
Author: Max Temkin
Author URI: http://Maxistentialism.com
Tags: 2_column, widget_ready, sexy_design
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

div#background{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url(images/bkgrnd.jpg) no-repeat center top;
	}

div#login{
	height: 50px;
	width: 960px;
}

div#container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background: #000000;
	overflow: auto;
}

	div#Logo{
		margin-top: 0px;
		width: 960px;
		height: 179px;
		border-top: 3px solid #bfbfbf;
		background: url('images/Logo.png') no-repeat;
		text-align: center;
	}

		div#Logo p{
			font-family: georgia, serif;
			font-size: 10.5pt;
			color: #ffffff;
			margin: 75px 0px 0px 440px;
			letter-spacing: 1px;
		}
		
		div#LogoPic{
		float: left;
		}

		div#Logo p.author{
			font: georgia, serif;
			font-style: italic;
			fontont: georgia, serif;
			font-style: italic;
			font-weight: normal;
			font-size: 9pt;
			color: #888888;
			margin: 9px 0px 0px 440px;
			letter-spacing: 1px;
		}

	div#Navigation{
		background: #ffffff;
		width: 960px;
		height: 46px;
		padding-top: px;
		border-top: 3px solid #808080;
		border-bottom: 3px solid #bfbfbf;
	}

	div#Navigation li{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}

	div#Navigation #Search{
	position: absolute;
	left: 800px;
	top: 14px;
	}

		.Search{
			border: none;
			background: #000000;
			color: #aaaaaa;
			display: inline;
			height: 14px;
			margin: none;
			padding: 2px 0px 2px 4px;
			vertical-align: middle;

		}

		.SearchButton{
			cursor: pointer;
			border-style: none;
			vertical-align: middle;
			background: none;
			width: 22px;
			height: 22px;
			margin: none;
			padding: none;
			background: url(images/Search.jpg) right top no-repeat;
		}

	/* FEATURES BAR */

	div#Features{
		width: 960px;
		height: 329px;
	}

		div#Slideshow{
			float: left;
			width: 640px;
		}

		div#Slideshow2{
			float: right;
			width: 320px;
		}


	/* DIVIDER AND SECTION TITLES */

	div#DividerBar{
	background: url('images/DividerBar.png') no-repeat;
	width: 960px;
	height: 27px;
	padding-top: 19px;
	border-bottom: 2px solid #808080;
	}

		div#DividerBar h1{
		font-family: helvetica,arial,sans-serif;
		font-size: 9pt;
		color: #000000;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-weight: normal;
		float: left;
		margin-left: 20px;
		}

		div#DividerBar h2{
		font-family: helvetica,arial,sans-serif;
		font-size: 9pt;
		color: #000000;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-weight: normal;
		float: right;
		margin-right: 208px;
		}

	div#ContentBkgrnd{
	width: 960px;
	height: 100%;
	overflow: auto;
	background: url(images/contentbkgrnd.jpg) center repeat-y;
	}

	/* LEFT COLUMN */

	div#LeftColumn{
		width: 600px;
		float: left;
		background: #000000;
		padding: 10px 20px 0px 20px;
	}

		div#LeftColumn p{
			font-family: arial,sans-serif;
			font-size: 9pt;
			color: #ffffff;
			letter-spacing: .2px;
			line-height: 17px;
			font-weight: normal;
			margin-top: 16px;
		}

		div#LeftColumn h2{
			font-family: arial,sans-serif;
			font-family: 12px;
			border-top: red solid 1px;
			margin-top: 20px;
			padding-top: 4px;
			color: red
		}

			div#LeftColumn h2 a{
				text-decoration: none;
			}

		div#LeftColumn p.date{
		float: right;
		padding-top: 8px;
		font-style: italic;
		font-size: 9px;
		}

		div#LeftColumn p.afterbirth{
		font-size: 10px;
		}

		div#LeftColumn a{
			color: red;
		}

			div#LeftColumn li{
			font-family: arial,sans-serif;
			font-size: 9pt;
			color: #ffffff;
			letter-spacing: .2px;
			line-height: 17px;
			font-weight: normal;
			margin-top: 16px;
			}

		div#LeftColumn a:visited{
			color: #990000;
		}

		div#LeftColumn div#floater{
			float: right;
			margin: 5px 5px 5px 15px;
		}

	/* RIGHT COLUMN */

	div#RightColumn{
		width: 320px;
		float: right;
		background: url('images/RightModule.jpg') no-repeat top left;
		height: 100%;
	}

	div#RightColumn ul{
		background: url('images/RightModule.jpg') no-repeat top left;
	}

	div#RightColumn li{
		padding-top: 15px;
	}

	div#RightColumn div#RightModule{
		width: 320px;
		text-align: center;
		background: url('images/RightModule.jpg') no-repeat top left;
		padding: 20px 0px 5px 0px;
	}

	div#RightColumn h2{
		width: 300px;
		height: 28px;
		background: url('images/RightDividerBar.jpg') no-repeat top left;
		padding-top: 18px;
		padding-left: 20px;
		font-family: helvetica,arial,sans-serif;
		font-size: 9pt;
		color: #000000;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-weight: normal;
	}

	div#RightColumn p{
		padding-bottom: 10px;
		text-align: left;
		font-family: arial,sans-serif;
		font-size: 9pt;
		color: #000000;
		letter-spacing: .2px;
		line-height: 17px;
		font-weight: normal;
	}

		div#RightColumn div.textwidget{
			text-align: left;
			background: url('images/RightModule.jpg') /*r	repeat-y\ (looked wonky in chrome, below looks slightly better)*/;
			background-repeat:repeat-y;
 			/*padding: 20px 0px 5px 25px;*/
 			padding: 5px;
			font-family: arial,sans-serif;
			font-size: 9pt;
			color: #000000;
			letter-spacing: .2px;
			line-height: 17px;
			font-weight: normal;
		}

			div#RightColumn div.textwidget a{
				color: red;
			}

		div#RightColumn a.rsswidget{
			text-align: left;
			font-family: arial, sans-serif;
			font-size: 9pt;
			color: red;
			letter-spacing: .2px;
			line-height: 17px;
			font-weight: bold;
			padding: 0px 10px 0px 30px;
			overflow: hidden;
			
		}

		div#RightColumn div.rssSummary{
			text-align: left;
			padding: 0px 10px 0px 30px;
			margin-top: 2px;
			font-family: arial,sans-serif;
			font-size: 8pt;
			color: #000000;
			letter-spacing: .2px;
			line-height: 12px;
			font-weight: normal;
			overflow: hidden;
		}

			div#RightColumn div.rssSummary:before{
				content: open-quote;
			}

			div#RightColumn div.rssSummary:after{
				content: close-quote;
			}

	/* FOOTER */

	div#footer{
	margin-left: auto;
	margin-right: auto;
	background: #bfbfbf;
	width: 910px;
	padding: 20px 25px 20px 25px;
	}

		div#footer p{
		font-family: helvetica,arial,sans-serif;
		font-size: 8pt;
		color: #000000;
		line-height: 20px;
		font-weight: normal;
		text-align: center;
		}

		div#footer a{
		color: red;
		}

/* POSTS N' PAGES */


/* SPECIAL EFFECTS AND JS */

	.pics2 {
	    width:  320px;
	    height:   329px;
	}

			.pics2 img {
			    width:  320px;
			    height: 329px;
			}

		.pics {
	    width:  640px;
	    height:   329px;
	}

			.pics img {
			    width:  640px;
			    height: 329px;
			}

	.simple_popup_div {
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
		width: 450px;
		font-family: helvetica,arial,sans-serif;
		font-size: 9pt;
		color: #000000;
		text-transform: uppercase;
		font-weight: normal;
		z-index: 25;
	}

		.simple_popup_div a:link{
			color: #ff0000;
		}

		.simple_popup_div a:visited{
			color: #ff0000;
		}

		.simple_popup_inner {
			padding: 20px;
			border: #999 2px solid;
			text-align: left;
		}

		.simple_popup_close {
			text-align: right;
		}