/* Built by brett ohland for Corbis */

/*  :3	*/

/* IT'S A LION GET IN THE CAR */

/* Reset styles----------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
abbr,acronym { border: 0; }

/* Container -------------------------------------------------------------- */
/* Treating this like body, abstracting this away as to no cause any issues */
#container {
	min-height: 500px;
	background: #232323 url('../images/us-generation.hero.jpg') no-repeat top left scroll;
	font-family: georgia, 'times new roman', serif;
	color: #b6af96;
	position: relative;
	padding-bottom: 1px;
	margin-top: 10px;
}
#container h2 {
	font-size: 13px;
	line-height: 18px;
	font-style: italic;
	color: #f0e6c4;
	margin-bottom: 25px;
	letter-spacing: 0.06em;
}
#container a:hover {
	border: 0;
}
#container h3 {
	color: #f0e6c4;
	font-size: 17px;
	line-height: 25px !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
#container p {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 44px;
}
#container #flourish {
	border-top: 1px solid #58564e;
	width: 170px;
	margin-bottom: 25px;
}

#container #slidetext 
{
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 44px;
	border-top: 1px solid #58564e;
	width: 100px;
	margin-bottom: 25px;
}

#container .button,
#container button {
	display: block;
	overflow: hidden;
	text-indent: -1337px;
	text-decoration: none;
	background: transparent url() no-repeat top left scroll;
	border: 0;
	cursor: pointer;
}

#container .enter { 
	background: url('../images/us-generation.enter.backround.png'); 
	width: 62px;
	height: 24px;
	color: #f0e6c4;
	font-size: 11px;
	text-indent: 10px;
	font-style:italic;
}
#container .view {
	background-image: url('../images/us-generation.merch.button.png'); 
	width: 95px;
	height: 24px
}
#container #sidebar .button {
	background-image: url('../images/us-generation.submit.button.png'); 
	width: 65px;
	height: 24px;
	margin: 20px auto 20px auto; 
}

#container #slidetext 
{
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 44px;
	border-top: 1px solid #58564e;
	width: 100px;
	margin-bottom: 25px;
}

/* Head -------------------------------------------------------------- */
#head {
	height: 300px;
	position: relative;
}
#head h1 {
	font-size: 74px; 
	font-weight: bold;
	font-family: 'Futura', helvetica, arial, sans-serif;
	margin-bottom: 22px;
	text-transform: uppercase;
	line-height: 77px;
	color: #fff7d9;
	position: absolute;
	bottom: 20px;
	left: 55px;
}
#container #head p {
	font-family: 'Trebuchet MS', helvetica, arial, sans-serif;
	position: absolute;
	top: 320px;
	left: 840px;
	font-size: 10px;
	z-index: 10;
}

/* Content -------------------------------------------------------------- */
#content {
	width: 385px;
	padding: 45px 370px 45px 60px; 
/*	background: #2b2a2b;*/
	position: relative;
	height: 100%;
}

	
/* Sidebar -------------------------------------------------------------- */
#sidebar {
	background: #0c0c0c url('../images/us-generation.form.background.jpg') no-repeat top left scroll;
	width: 205px;
	padding: 45px 45px 0 45px;
	text-align: center;
	float: right;
	margin-top: -45px;
	margin-right: -370px;
	position: relative;
}
#sidebar .cufon {
	margin-bottom: 5px;
}
#sidebar h3 { margin-bottom: 22px ; }
#sidebar p {
	font-size: 11px;
	line-height: 20px;
	margin-bottom: 10px;
}
#sidebar ul { list-style: none; }
#sidebar li { margin-bottom: 15px;}
#sidebar label {
	display: block;
	margin-bottom: 10px ;
}
#sidebar label span { margin: 0 5px; }
#sidebar .decoration {
	display: block;
	height: 13px;
	overflow: hidden;
	text-indent: -1337px;
	text-decoration: none;
	background: transparent url('../images/us-generation.acorn.png') no-repeat center center scroll;
	margin: auto;
	margin: 15px 0 15px 0 ;
}
#sidebar input { width: 188px; }


/* Print -------------------------------------------------------------- */
#print {
	clear: right;
	width: 815px;
	margin: 0 45px 45px 45px;
}
#print #hero {
	margin-left: -44px;
}
#print p{
	width: 415px;
}

/* Legal -------------------------------------------------------------- */
#legal {
	width: 815px;
	margin: 45px;
	border-top: 1px solid #5c5c5c;
	padding: 20px 0;
	
}
#legal p {
	font-size: 9px;
	line-height: 15px;
	padding: 0;
	margin: 0;
	color: #5c5c5c;
	font-family: 'trebuchet ms', helvetica, arial, sans-serif;
}

/* Error box -------------------------------------------------------------- */
#errors {
	position: absolute;
	padding: 20px;
	text-align: left;
	margin-left: 255px;
	width: 300px;
	display: none;
}
#errors span {
	position: absolute;
	margin-left: -13px;
}
#errors h3 {
	color: #ff7f1e;
	margin-bottom: 5px;
}
#errors ul {
	list-style-type: disc;
}
#errors li {
	margin: 0;
	line-height: 15px;
	margin-bottom: 10px;
}
.error {
	background: #ff7f1e;
}

/* Wallpapers -------------------------------------------------------------- */
#container.wallpapers {
	background-color: #2b2a2b;
}
#container.wallpapers #head {
	z-index: 10;
}

#container.wallpapers #head p {
	position: absolute;
	left: 760px;
}

.wallpapers #content {
	width: 1000px;
	padding: 45px 0px 45px 60px; 
	z-index: 5;
}
.wallpapers #content p{
	margin-bottom: 16px;
	width: 666px;
}
.wallpapers .poster {
	margin-top: 50px;
	width: 436px;
	float: left;
}
.wallpapers .left {
	margin-right: 50px;
}
.wallpapers .poster img {
	margin-bottom: 30px;
}
.wallpapers .poster p {
	width: inherit;
}

.wallpapers .poster h2 {
	font-size: 13px;
}
.wallpapers .poster ul {
	margin-bottom: 15px;
	width: 370px !important;
	overflow: hidden;
}
.wallpapers .poster ul:after { 
	content:"."; 
	width:0; 
	height:0;
	visibility:hidden; 
	display:block; 
	clear:both;
}
.wallpapers .poster li {
	float: left;
	list-style: none;
	border-right: 1px solid;
	padding-right: 8px;
	margin-right: 8px;
	margin-bottom: 10px;
}
.wallpapers .poster li a {
	color: #f0e6c4;
}
.wallpapers .poster .no-divider {
	border: 0;
}
.wallpapers select {
	margin-bottom: 30px;
	padding: 2px 3px 2px 5px;
	width: 250px;
}

.wallpapers .download a {
	display: block;
	width: 137px;
	height: 24px;
	overflow: hidden;
	text-indent: -1337px;
	text-decoration: none;
	background: transparent url('../images/us-generation.wallpaper.button.png') no-repeat top left scroll;
}
.wallpapers .download a:hover {
	border: 0;
}
.wallpapers ul a:hover {
	color: #69c;
}
.wallpapers .mousetype {
	font-size: 10px !important;
	clear: both;
	padding-top: 20px !important;
	width: 1000px !important;
}