/* UFD vX
-------------------------------------------------------------------- */
html
{
	width: 100%; height: 100%;
	background: #000;
}
body
{
	background-color: #000; color: #fff;
	font: 100%/1.0 tahoma,arial,sans-serif;
}

/* MAIN HEADER
-------------------------------------------------------------------- */
body > header
{
	position: fixed; z-index: 100; left: 0; top: -1px;
	width: 100%; height: 130px;
	background: url('../images/bg_header.png') repeat-x left bottom;
}
body > header h1 a
{
	display: block;
	position: absolute; left: 30px; top: 27px;
	width: 717px; height: 102px;
	text-indent: -999em;
}

body > header .nextprev
{
	display: block; overflow: hidden;
	position: absolute; top: 0;
	width: 24px; height: 24px;
	line-height: 24px; font-size: 80%; font-weight: bold; text-align: center;
	border-width:  0 1px 1px; border-style: solid; border-color: #333;
	text-indent: 0;
	text-decoration: none;
}
body > header #next { right: 10px; }
body > header #prev { right: 42px; }

body > header .nextprev:link, body > header .nextprev:visited
{
	background: #666; color: #333;
}
body > header .nextprev:hover, body > header .nextprev:active
{
	background: #fff; color: #000;
}



/* UNIVERSAL
-------------------------------------------------------------------- */
p 
{
	margin: 0 0 1em;
}
strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
	color: #f08;
}
a
{
	text-decoration: none;
	padding: 0.1em 0.2em;
}
pre
{
	margin: 0 0 1em; padding: 0 0 0 1em;
	border-left: 1px solid #ccc;
	font: 90% 'courier new',courier,monospace;
}
code
{
	font: 100% 'courier new',courier,monospace;
}
ol
{
	list-style-type: decimal;
	margin: 0 0 1em; padding: 0 0 0 2em;
	color: #333;
}
section
{
	overflow: hidden;
}


/* PRIMARY -- FEATURE AREA
-------------------------------------------------------------------- */
#primary
{
	overflow: hidden;
	background-color: #fff;
	background-repeat: repeat-x; /* poor mans version for Firefox <= 3.5 */
	background-attachment: fixed;
	-o-background-size: 100% auto; 
	-webkit-background-size: 100% auto; 
	-khtml-background-size: 100% auto; 
	-moz-background-size: 100% auto;
}
#primary article 
{
	padding: 1.5em 25px 0;
	font-size: 90%; line-height: 1.5;
	font-family: tahoma,arial,sans-serif;
	color: #000;
}
#primary header
{
	position: relative; left: -0.05em;
	margin: 0 0 1em;
}
#primary h1
{
	font: 500%/1.0 edo,tahoma,arial,sans-serif;
	text-transform: uppercase;
}
#primary h2
{
	margin: 1.5em 0 0.5em;
	font: 150%/1.0 edo,tahoma,arial,sans-serif;
	letter-spacing: 1px;
	color: #333;
}
#primary time
{
	position: absolute; left: 10px; bottom: -3px;
	display: inline-block;
	font: bold 80% tahoma,arial,sans-serif; 
	background-color: #fff; color: #806;
}
#primary footer
{
	margin-bottom: 2.5em;
	font-size: 80%; font-style: italic;
}
#primary .wrapper
{
	padding-top: 130px;
	background: url('../images/bg_primary.png') repeat-x left top;
}
#primary article
{
	padding-bottom: 4em;
	background: url('../images/bg_footer.png') repeat-x left bottom;
}
#primary header { color: #000; }
#primary time
{
	background-color: #000;
	color: #fff;
}
#primary aside
{
	float: right;
	width: 28%; margin-left: 2%; padding: 0 1% 0 3%;
	font-size: 150%;
	border-left: 1px dashed #333;
	color: #666;
}
#primary a
{
	border-width: 0 0 1px; border-style: dashed;
}
#primary a:link
{
	color: #08f;
 	border-color: #048;
 }
#primary time a:link
{
	background-color: #000; color: #fff;
	border-width: 0;
}
#primary a:visited, #primary time a:visited
{
	color: #666;
	border-color: #333;
}
#primary a:hover, #primary a:active,
#primary time a:hover, #primary time a:active
{
	color: #f08;
	border-color: #804;
}

/* COMMENTS
-------------------------------------------------------------------- */
#comments
{
	padding: 0; margin: 0 0 1em 25px;
}
#comments article, #comments p
{
	overflow: hidden;
	font-size: 80%;
}
#comments header
{
	margin-bottom: 0.25em;
}
#comments h1
{
	font: 200%/1.0 edo,tahoma,arial,sans-serif;
	text-transform: uppercase;
}
#comments time
{
	font-size: 80%; font-weight: normal;
	background: transparent;
	color: #fff;
}

/* ALERT
-------------------------------------------------------------------- */
#primary .alert
{
	padding: 0;
}
#primary .alert header
{
	margin: 0 0 0.5em; padding: 0.5em 25px;
	background-color: #c00; color: #fff;
	border-bottom: 3px solid #800; border-top: 3px solid #800;
}

/* MAIN FOOTER
-------------------------------------------------------------------- */
body > footer
{
	font-size: 80%; font-style: italic; line-height: 1.0;
	padding: 0 25px 1em;
	background: #000 url('../images/bg_footer.png') repeat-x left top;
	color: #999;
}
body > footer p
{
	margin: 0;
}


/* FORM
-------------------------------------------------------------------- */
#userinput fieldset
{
	overflow: hidden;
	margin: 0 0 1em; padding: 0 25px;
	color: #000;
}
#userinput .column
{
	width: 24%;
	float: left;
}
#userinput label
{
	display: block;
	font-weight: bold;
}
#userinput input[type=text], #userinput input[type=password]
{
	width: 90%;
	padding: 2%;
	background-color: #f0f0f0; color: #333;
	border: 3px solid #000;
}
#userinput input[type=text]:focus, #userinput input[type=password]:focus
{
	background-color: #333; color: #eee;
	border-color: #f08;
}
#userinput input[type=submit]
{
	margin-top: 2.1em; padding: 2% 10%;
	text-align: center;
	font-weight: bold;
	background-color: #08f; color: #000;
	border: 3px solid #000;
}
#userinput input[type=submit]:hover, #userinput input[type=submit]:focus 
{
	background-color: #f80; color: #000;
	border: 3px solid #840;
	cursor: pointer;
}