@charset "UTF-8";
/*------------------------------------------------------------------------------------------------------------------------------------
MASTER STYLESHEET
Styling for frontpage

	Project:		Humanuals
	Version:		1.0
	Last change:	2008-06-14 [First draft]
	Author:			Dirk Sidney Jansen [sidisinsane.com]

	TOC (Table of contents)

	I.		Imports
	II.		Specific Styling	
-------------------------------------------------------------------------------------------------------------------------------------*/
/*
	I.	Imports
-------------------------------------------------------------------*/
@import url(../app/lib/css/sehl.css); /* Always place on top */
@import url(../app/lib/css/initial.css);
/*@import url(../app/lib/css/common.css);*/
@import url(../app/lib/css/i18n.css);
/*
	II.	Browser-Corrections
-------------------------------------------------------------------*/
/* Set Body Styles */
body {
	font-family: Times, "Times New Roman", Georgia, serif;
	color: #FFF;
	background: #191919;
	border-top: 25px solid #FFF;
}
#header {
	margin: 1em 2em 0 2em;
	padding-top: 1em;
	height: 150px;
	background: #191919;
	overflow: hidden;
	/*border-bottom: 2px solid #FFF;*/
}
legend small {
	color: #C00;
	text-transform: none;
	font-variant: normal;
}
h2#subtitle {
	clear: right;
	float: right;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .07em;
	margin: 5px 0 1em 1em;
	color: #E79703;
}
h2.summary {
	font-size: 1.2em;
}
	h2#subtitle img {
		width: 14px;
		height: 14px;
	}
		h2#subtitle a:hover img {
			opacity: 0.6;
			-moz-opacity: 0.6;
			filter: alpha(opacity=60);
		}
h1#logo {
	float: right;
	margin: 5px 1em 0 1em;
	height: 85px;
	width: 320px;
	background: transparent url(../img/boldeagle-trans.png) no-repeat 0 0;
	text-indent: -9999em;
}
#footer {
	margin: 2em;
}
a {
	font-weight: bold;
}
a:hover {
	color: #006699;
}
abbr {
	color: #333;
}

#content {
	height: auto;
	overflow: hidden;
	background: transparent;
	margin-top: 1em;
}
#content .wrap {
	margin-right: 2%;
	margin-left: 2%;
}
#footer {
	position: relative; /* make parent */
	margin: 2em;
}
#footer p {
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: .05em;
}
#footer p small {
	font-size: .8em;
	text-transform: none;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0;
}
#footer a {
	color: #FFF;
}
#footer p a.email {
	padding-right: 16px;
	background: transparent url(../app/lib/img/icons/mail_back.gif) no-repeat 100% 50%;
}
#footer h1 {
	float: left;
}
#footer #copyright {
	float: left;
	margin-top: 27px;
}
dl.summary dt {
	margin-top: 1.2em;
}
dl.social {
	position: absolute;
	background-color: transparent;
	bottom: -21px;
	right: 2px;
}
.social dt {
	display: none;
}
#footer dl.social dd {
	float: left;
	margin-left: 2px;
}
#footer dl.social dd a img {
	border: none;
}


/* Show the citation source of a blockquote */
blockquote[cite]:after {
	float: left;
	content: close-quote" "attr(cite)" ";
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: .8em;
	line-height: .8em;
	padding-left: .8em;
}
a.url img {
	float: left;
	padding-right: .4em;
}
/*
				CUSTOM PAGE STYLES
________________________________________________________________________________________*/
.movieblock {
	/*border-bottom: 1px solid #CCCCCC;*/
	margin-bottom: 1px;
	background-image: url(../img/bg/grad_dem.gif);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #FFF;
}
h2.item {
	display: block;
	padding: .5em;
	padding-left: 2%;
	padding-right: 2%;
	font-weight: bold;
	text-transform: uppercase;
	/*border-top: 2px solid #FFFFFF;*/
	cursor: pointer;
}
h2.item,h2.item a {
	text-decoration: none;
	color: #FFF;
}
h2:hover.item {
	background-color: #333;
}
.quoteblock {
	background-image: url(../img/bg/grad_dem.gif);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #006699;
}
.quoteblock a {
	color: #CCC;
}
.quoteblock a:hover {
	color: #000;
	text-decoration: none;
}
.reviewblock {	
	height: auto;
	overflow: hidden;
	padding: 2%;
	padding-bottom: 36px;
	background-image: url(../img/bg/blur-trans.png);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #FFF;
	color: #000;
}
.reviewblock a, .reviewblock span a {
	color: #000;
}
.reviewblock a:hover, .reviewblock span a:hover {
	color: #006699;
}


h2.item, h2:hover.item_active {
	background-color: #2E94C8;
}
h2:hover.item {
	background-color: #333333;
}
img.photo {
	border-left: 3px solid #003366;
	border-right: 3px solid #003366;
}
blockquote {
	clear: both;
	padding: 2%;
	margin-left: 0;
}
blockquote[cite]:after {
	color: #64B2DB;
}
blockquote h3 {
	font-size: 2em;
	font-style: italic;
	line-height: 2em;
}
blockquote h3:before {
	content: open-quote;
	font-weight: bold;
}
blockquote h3:after {
	content: close-quote;
	font-weight: bold;
}
blockquote span {
	color: #CCC;
}
blockquote p {
	float: left;
	height: auto;
	overflow: hidden;
	font-size: 1em;
	font-style: normal;
}
abbr, acronym { 
  	font-variant: small-caps; 
  	text-transform: lowercase; 
  	font-size: 1.2em;
  	line-height: 1%;
}


p.description {
	height: auto;
	overflow: hidden;
	float: left;
	width: 70%;
	padding: 2%;
	margin-right: 2%;
}
p.reviewer {
	height: auto;
	overflow: hidden;
	float: left;
	width: 20%;
	padding: 2%;
}
dl.summary {
	float: left;
	padding: 2%;
	margin-right: 2%;
}

.reviewblock a { 
  	text-decoration: none;	
}
.ratingblock {
	clear: both;
	padding: 2%;
}
ul.thumbs {
	margin: 0;
	padding-left: 2%;
	list-style-type: none;
}
ul.thumbs li {
	clear: right;
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 10px;
}

/* Form elements */
form {
	margin-left: 2%;
	margin-top: 36px;
}
input,textarea {
	border: 1px solid #CCCCCC;
}
label {
	font-weight: normal;
}
label span {
	margin-left: 1em;
	font-size: 0.9em;
	color: #CC0000;
}
label br {
	margin-bottom: 9px;
}
button {
	padding: 5px;
}
/*
		Newsticker
-------------------------------------------------------------------*/
ul#moostick {
	clear: both;
	display: block;
	height: 16px;
	width: 100%;
}
#moostick li {
	height: 16px;
	float: left;
	list-style-type: none;
}
	#moostick li a {
		height: 16px;
		display: block;
		line-height: 16px;
		text-transform: uppercase;
		font-size: .8em;
		font-weight: normal;
		color: #FFF;
	}
	#moostick li a:hover {
		text-decoration: none;
		color: #3090C0;
		cursor: pointer;
	}
	#moostick li a img {
		margin-right: .5em;
	}
/*
		Navi
-------------------------------------------------------------------*/
ul#navi {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 25px;
	width: 100%;
	background: #333;
}
#navi li {
	height: 25px;
	line-height: 25px;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: normal;
	float: left;
	list-style-type: none;
	margin-left: 1em;
	color: #E79703;
}
	#navi li a {
		height: 16px;
		display: block;
		font-weight: 800;
		color: #FFF;
	}
	#navi li a:hover {
		text-decoration: none;
		color: #3090C0;
		cursor: pointer;
	}