/*   
Theme Name: Vaporware
Theme URI: http://vapor.spork-chan.net
Description: The main theme for the Vaporware project
Author: Agent Spork
Author URI: http://spork-chan.net
Template: 
Version: 1.0
.
General comments/License Statement if any.
.
*/

html { height: 100%; width: 100%; }

body {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	background-image: url("img/content_background.png");
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #424242;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #c0c0c0;
}

/*==================================*/
/*Main container
/*==================================*/

#contentBox
{
	margin: 0 auto;
	width: 897px;
	height: 100%;
}

/*==================================*/
/*Header
/*==================================*/

#header
{
	margin: 0 auto;
	width: 877px;
	height: 140px;
	background-image: url("img/header_banner.jpg");
	padding-top: 20px;
	padding-left: 20px;
}

#header .shots
{
	width: 271px;
	height: 96px;
	background-image: url("img/header_shots.png");
}

/*==================================*/
/*Navigation
/*==================================*/

#bottomArea
{
	margin: 0 auto;
	padding: 20px;
}

#navigation
{
	float: left;
	width: 168px;
	height: 240px;
	background-image: url("img/navigation_links.png");
	background-position: 168px 0;
	margin: 0 0 32px;
}

#navigation a
{
	float: left;
	width: 168px;
	height: 48px;
	background-image: url("img/navigation_links.png");
	margin-bottom: 16px;
}

#navigation a:hover { background-image: none; }

#navigation .about { background-position: 0 0; }
#navigation .updates { background-position: 0 -64px; }
#navigation .shots { background-position: 0 -128px; }
#navigation .download { background-position: 0 -192px; }



/*==================================*/
/*Content
/*==================================*/

#content
{
	width: 656px;
	float: right;
	margin-right: 8px;
}

#content .box
{
	width: 656px;
	border: 2px solid #3d2c1d;
	margin-bottom: 32px;
        background-image: url("img/content_bottom.png");
}

#content .top
{
	height: 64px;
	background-image: url("img/content_top.png");
	background-repeat: repeat-x;
}

#content .top h1
{
	font-size: 14px;
	color: #9ea475;
	margin: 0;
	padding: 8px;
}

#content .bottom
{
	background-image: url("img/content_bottom.png");
	background-color: #424242;
	padding: 0 8px 8px 8px;
}

#content p
{
	margin: 0;
	padding: 0;
	margin: 0 8px 16px;
}

#content .commentBox
{
	background-color: #363636;
	background-image: url("img/content_bottomAlt.png");
	padding: 8px;
	margin: 8px 0;
}

#content a { color: #a5bb85; text-decoration: none; border-bottom: 1px dotted #9fad8a; }
#content a:hover { color: #bdd39e; }
#content .commentBox h1 { margin: 0; padding: 0; text-align: left; font-style: bold; color: #818181; font-size: 12px; }
#content .commentBox h2 { 
    margin: 0; 
    padding: 0; 
    text-align: right; 
    font-style: italic; 
    color: #818181; 
    font-size: 12px; 
    font-weight: normal; 
}
#content .commentBox a { color: #8da170; text-decoration: none; border-bottom: 1px dotted #505050; }
#content .commentBox a:hover { color: #c0d1a9; }
#content .commentForm { margin: 16px 0 4px 4px; }
#content li { margin-bottom: 8px; }

/*==================================*/
/*Footer
/*==================================*/

#contentEnd { clear: both; }
#footer
{
        height: 48px;
	text-align: center;
	font-style: italic;
	color: #a0866b;
}

#footer p { text-align: center; font-style: italic; color: #a0866b; }

#footer a {
	color: #a2a2a2;
	text-decoration: none;
	border-bottom: 1px dotted #8a8a8a; }

#footer a:hover {
	color: #bfbfbf; }