/* HOME */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* date:  11/II/2010						 */
/* author: Daniel Angel */
/* ----------------------------------------- */

div#content div.wrapper {
	padding: 30px 0 0 0;
}


/* the wooden frame */
ul#slider {
	background: #FFF;
	height: 247px;
	left: 34px;
	overflow: hidden;
	position: absolute;
	top: 24px;
	width: 340px;
	z-index: 1;
}
ul#slider li {
	display: block;
	width: 340px;
}
ul#slider li img {
	display: block;
}
div#frame {
	background: url(../img/frame.png) top left no-repeat;
	height: 321px;
	position: absolute;
	top: -10px;
	width: 414px;
	z-index: 20;
}

/* top featured stripe */
div#featured {
	background: url(../img/featured-background.png) top right no-repeat;
	height: 54px;
	padding: 215px 30px 0 450px;
	position: relative;
}
div#featured div.f0, div#featured div.f1, div#featured div.f2, div#featured div.f3, div#featured div.f4, div#featured div.f5 {
	right: 15px;
	position: absolute;
	padding: 0 100px 0 0;
	top: 25px;
	width: 410px;
}
div#featured div h2 {
	border-bottom: 1px dashed #D9D9D9;
	margin: 0 0 .5em 0;
	padding: 0 0 .3em 0;
}
div#featured p.button {
	margin: 0 1em 0 auto;
	width: 107px;
}
div#featured p.button a {
	background-position: 0 -155px;
}


div.highlight {
	border-top: 1px dashed #E0DED8;
	float: left;
	margin: 20px 0 0 1px;
	min-height: 260px;
	padding: 0 0 0 80px;
	position: relative;
	width: 155px;
}
div.highlight.login {
	padding: 0 0 0 20px;
	width: 215px;
}

div.highlight h3 {
	border-bottom: 1px dashed #E0DED8;
	padding: .3em 0 .5em 1em;
	margin: .5em 0 .5em -80px; /* shift 90px to the left */
}
div.highlight.login h3 {
	margin-left: -20px;
}

div.highlight.range h3 { color: #F07066; }
div.highlight.policy h3 { color: #C85292; }
div.highlight.twitter h3, div.highlight.twitter a { color: #0096C7; }
div.highlight.login h3 { color: #6F2C64; }


div.highlight p {
	position: relative;
}
div.highlight p.description {
	padding: 0 0 0 20px;
	width: 130px;
}
div.highlight.range p.description {
	padding: 0;
}

div.highlight p.ornament {
	background: url(../img/ornaments.png) top left no-repeat;
	height: 100px;
	left: 0;
	position: absolute;
	top: 40px;
	width: 100px;
}
div.highlight.policy p.ornament { background-position: 0 -200px; }
div.highlight.twitter p.ornament { background-position: 0 -400px; }

div.highlight p.button {
	position: absolute;
	width: 150px;
	top: 174px;
}
div.highlight.range p.button {
	right: 20px;
}

div.highlight.range p.button a { background-position: 0 0; }
div.highlight.policy p.button a { background-position: 0 -31px; }
div.highlight.twitter p.button a { background-position: 0 -62px; }

/* override form input widths */
div.highlight.login form input {
	width: 167px;
}
div.highlight.login form p.legend {
	display: none;
}
div.highlight.login form button {
	background-position: 0 -93px;
	margin: 0 20px 0 0;
}
div.highlight.login ul.login-options {
	position: absolute;
	font-size: .85em;
	line-height: 1.2em;
	top: 182px;
	width: 105px;
}