/* @group Reset */

*{ margin:  0; padding: 0; }
a img, frameset, fieldset{ border: 0; }
* :focus { outline:none }

/* @end */
/* @group Utility */

.clear{
	clear: both;
}
.clear-invisible {
	height: 1px;
	clear: both;
	margin-top: -1px;
	overflow: hidden;
}
.clearfix:after, .section:after, .section-inner:after, .section-footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.highlight {
	background: #d1edd0;
	border: 1px solid #b7e6b6;
	padding: 10px;
	margin-top: 7px;
	font-size: 1.4;
	text-align: center;
}
.left{ float: left; }
img.left{ margin: 0 15px 15px 0; }
.right{ float: right; }
img.right{ margin: 0 0 15px 15px; }
.text_right{ text-align: right; }
.center { text-align: center; }
.hide{ display: none; }
.closed {
	background-color: #bebebe;
	opacity: .5;
}

.finished * {
	display: none;
}
.finished h3 {
	display: block;
}
.closed *{
	color: #696969;
}
.dev-note {
	padding:6px;
	background-color: yellow;
	border: orange 3px solid;
}

/* @end */

/* @group Standard Elements*/

h2, h3, h4, h5, .flash-big { font-weight: 700; font-family:  Trebuchet MS, Helvetica Neue, Arial, Sans-serif;}
h2{ font-size: 1.42em; line-height: 1.4em; margin: 0 0 15px 0; color: #ffffff; padding: 0 10px; text-align: center; }
h2 em{ font-weight: 300; }
h3{ font-size: 1.42em; margin: 0 0 10px 0; color: #b2670d; }
h4{ font-size: 1.16em; margin: 0 0 10px 0; }
h5{ font-size: 1em; font-weight: bold; margin: 0 0 10px 0; }
p{ margin: 0 0 .7em 0}
ul{ list-style: none}
hr, div.hr{color:#ddd;clear:both;float:none;width:100%;height:4px;margin:20px 0;border:none;background: url('/images/structure/bg-hr.png') repeat-x center center;}
div.hr hr{display:none}
hr.invisible, div.invisible{height: 1px;margin: 10px 0;background: none;}
blockquote {
	padding: 15px 0;
	font-style: italic;
	border-top: 1px solid #d2d2d2;
	margin-top: 15px 0 10px;
}
cite, .small {
	font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
	font-style: normal;
	display: block;
	color:#4c4b4b;
	font-weight: bold;
	font-size: .714em;
}

/* @end */

/* @group Forms */
label {
	margin: 0 0 10px 0;
	font-weight: 700;
	display: block;
}
.text {
	width: 320px;
	background: url('/images/structure/bg-text.png') 0 0 no-repeat #fff8e8;
	border: 0px;
	padding: 5px;
	margin: 0 0 20px 0;
	font-size: 14px;
	font-family: Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
}
textarea.text {
	font-family: Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
}
.column-aside .text {
	width: 250px;
}
.text:focus {
	background-color: #FFF;
}
/* @end */



/* @group Links */

a{ text-decoration: underline; outline: none; color: #207632;}
a:hover{ text-decoration: none; color: #39a025;}
a[class], a[id]{outline:none}

/* @end */

/* @group Page Structure */

body{
	font: 62.5%/200% Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	background: #ffeabe;
	color: #363333;
}
#wrapper-outer {
	text-align: center;
	border-top: 10px solid #FFF;
	background: #4a0100 url('/images/structure/bg-wrapper-outer.jpg') top center no-repeat;
}
#wrapper-inner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#container {
	padding: 15px 38px 68px 38px;
	font-size: 1.4em;	
}
.section {
	background-color:white;
	padding: 45px 45px 30px 45px;
	border-bottom: #400302 1px solid;
	position: relative;
	margin-bottom: 10px;
}
.finished {
	padding: 20px 45px 15px 45px;
}
.section-footer {
	position: relative;
	border-top: #f5dead 1px solid;
	background: #ffeabe;
	padding: 20px 40px 15px 40px;
	top: -11px;
	border-bottom: #400302 1px solid;
}
.section-no-pad {
	padding: 0;
}
.column-main {
	width: 480px;
	float: left;
}
.column-main-small {
	width: 265px;
}
.column-aside {
	border-left: 1px dotted #f5dead;
	width: 265px;
	padding-left: 20px;
	float: right;
}
.column-aside-big {
	width: 480px;
}
.pointer {
	position: absolute;
	top: -16px;
	left: 70px;
}
.movie-2 .pointer { left: 240px; }
.movie-3 .pointer { left: 410px; }
.movie-4 .pointer { left: 580px; }
.movie-5 .pointer { left: 755px; }

/* @end */


/* @group Header */

#header{
	position: relative;
}
#header h1 a{
	background: url('/images/structure/logo-screen.png') 0 0 no-repeat;
	height:  146px;
	width:  218px;
	display: block;
}
#header h1 a:hover{
	background-position: 0 -146px;
}
#header h1 a img{
	position: absolute;
	left: -9999px;
}
#nav {
	list-style: none;
	position: absolute;
	right: 0;
	top: 61px;
	left: 519px;
}
#nav li {
	display: inline;
	float: left;
}
#nav a {
	background: url('/images/structure/nav.png') 0 0 no-repeat;	
	display:block;
	float: left;
	height: 32px;
	outline: none;
	text-indent: -9999px;
}
#nav .nav-home a { width: 75px; }
#nav .nav-home a:hover { background-position: 0 -32px; }
#nav .nav-home a:active { background-position: 0 -64px; }
#nav .nav-get a {
	width: 138px;
	background-position: -75px 0;
}
#nav .nav-get a:hover { background-position: -75px -32px; }
#nav .nav-get a:active { background-position: -75px -64px; }
#nav .nav-matches a {
	width: 149px;
	background-position: -213px 0;
}
#nav .nav-matches a:hover { background-position: -213px -32px; }
#nav .nav-matches a:active { background-position: -213px -64px; }
/* @end */



/* @group Footer*/

#delivered-by-netflix {
  background: url('/images/structure/delivered-by-netflix.png') repeat-x;
  display: block;
  text-indent: -9999px;
  width: 184px;
  height: 86px;
  position: absolute;
  left: 40px;
  top: 75px;
}
#footer {
	font-size: 1.3em;
	color: #ad5e00;
	background: url('/images/structure/bg-footer.png') 0 0 repeat-x;
	text-align: center;
	margin-top: -40px;
}
#footer-inner{
	background: url('/images/structure/bg-footer-inner.png') top center no-repeat;
	width: 960px;
	margin: 0 auto;
	padding: 75px 10px;
	position: relative;
}
#footer a, .section-footer a {
	color: #d47607;
	font-weight: 700;
}
#footer-inner p{
	margin: 10px 150px 10px 250px;
	padding: 20px 100px 20px 0;
	text-align: left;
	background: url('/images/structure/bg-footer-p.png') right center no-repeat;
}
/* @end */


/* @group Homepage */
.intro {
	padding: 40px 34px 70px;
	color: #fbe7b0;
	position: relative;
	zoom:1;
}
.intro p{
	padding: 0 400px 0 10px;

}
.intro p a {
	color: #d47607;
	font-weight: 700;
}
.intro h2{
	width: 640px;
	height: 70px;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
}
.intro h2 span.piece {
	display: block;
	height: 70px;
	position: relative;
	padding: 0;  
    margin:  0;  
    float: left;
    background-color: inherit;
   }
.intro h2 .piece span {
	display: block;
	height: 70px;
	position: absolute;
	padding: 0;  
    margin:  0;  
    left: 0px;
    top: 0px;
    text-indent: -9999px;
    background-color: transparent;
    background-image: url('/images/structure/h2-home.png');
}
.piece-a, .piece-a span { width: 119px;  }
.piece-b, .piece-b span { width: 113px; }
.piece-c, .piece-c span { width: 227px; }
.piece-d, .piece-d span { width: 180px ; }
.piece-a .mess{ background-position: 0px 0px; }
.piece-a .eff{ background-position: 0px -70px; }
.piece-a .play{ background-position: 0px -140px; }
.piece-b .with{ background-position: -117px 0px; }
.piece-c .your-own{ background-position: -232px 0px; }
.piece-c .anyones{ background-position: -232px -70px; }
.piece-c .a-friends{ background-position: -232px -140px; }
.piece-d .queue{ background-position: -459px 0px; }
.piece-d .rentals{ background-position: -459px -70px; }
.piece-d .netflix{ background-position: -459px -140px; }

.intro .btn-home-intro {
	display: block;
	text-indent: -9999px;
	float: right;
	width: 156px;
	height: 75px;
	background: url('/images/structure/btn-home-intro.png') 0 0 no-repeat;
}
.intro .btn-home-intro:hover {
	background-position: bottom left;
}
.section-home {
	width:280px;
	float:left;
	margin: 0 15px 15px 0;
	padding: 0;
}
.section-home * {
	margin: 0px;
	padding: 0px;
}
.section-home h3 {
	height: 20px;
	text-indent: -9999px;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 18px 0 13px 0;
}
.matches-new h3 {
	background-image: url('/images/structure/h3-matches-new.png');
}
.matches-closing h3 {
	background-image: url('/images/structure/h3-matches-closing.png');
}
.matches-won h3 {
	background-image: url('/images/structure/h3-matches-won.png');
}
.section-home li{
	background: url('/images/structure/bg-divider.png') bottom center repeat-x;
	padding: 10px 20px;
	zoom:1;
}
.section-home p.small {
	margin: 0 0 8px 0;
}
.section-home .big {
	color: #3a3939;
	font-weight: bold;
	font-size: 1.13em;
	margin: 0 0 8px 0;
}
.matches-new .expanded {
	text-align: center;
	background: url('/images/structure/bg-home-match-new.jpg') 0 0 repeat-x #f8dca9;
	border-bottom: #e0bb7d 1px solid;
	border-top: #e0bb7d 1px solid;
	padding: 40px 20px;
}
.matches-new .expanded a {
	display: block;
	height: 32px;
	width: 94px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url('/images/structure/btn-home-matches-vote.png') 0 0 no-repeat #207632;
}
.matches-new .expanded a:hover {
	background-position: 0 -32px;
}
.matches-won {
	margin-right: 0;
}
.matches-won div {
	background: url('/images/structure/bg-home-match-won.jpg') 0 -20px no-repeat #fcdfa7;
	text-align: center;
	padding: 44px 10px 10px;
}
.matches-won .big {
	margin: 16px 0 0 0;
}
/* @end */

/* @group Get a Movie */


.text-big {
	font-size: 1.62em;
	padding: 12px;
	width: 300px;
	color: #605d58;
}
.column-aside .text-email {
	font-size: 1.2em;
	padding: 6px;
	color: #605d58;
	width: 480px;
	background-color: #FFF;
}
h3.ask-some {
	height: 31px;
	text-indent: -9999px;
	background: url('/images/structure/h3-ask-some.png') 0 0 no-repeat;
}
h3.looking-for {
	height: 31px;
	text-indent: -9999px;
	background: url('/images/structure/h3-looking-for.png') 0 0 no-repeat;
}
h3.authenticate {
	height: 31px;
	text-indent: -9999px;
	background: url('/images/structure/h3-authenticate.png') 0 0 no-repeat;
}

/* @end */

/* @group Voting */
.movies {
	margin: 0 0 15px 0;
}
.movies li {
	width: 140px;
	float: left;
	margin: 0 5px;
	padding: 15px 10px 10px 10px;
	text-align: center;
	position: relative;
	border: 1px solid transparent;
}
.movies li:hover, .movies li.hover {
	background-color: #490300;
	border: #9c2d01 solid 1px;
}
.movies li img{
	border-bottom: #400302 1px solid;
}
.movies li p{
	 margin: 5px 0;
	 color: #FFF;
	 font-weight: 700;
}

/* @end */



/* @group Votes */
.votes .small {
	margin-bottom: 2px;
}
.votes li {
	padding: 0 0 15px 0;
}
.votes-wrapper {
	background-color: #CCC;
	width: 240px;
	position: relative;
	/*border: 4px solid #fff8e9;*/
	background: #ffdb8f;
}
.votes-bar {
	background-color: #ffc64e;
	border-right: #ffb924 1px solid;
	height: 22px;
}
.votes-wrapper p {
	position: absolute;
	top: 2px;
	left: 6px;
	font-weight: 700;
	font-size: .714em;
	color: #B2670D;
}
.votes .winner {
	/*border: 4px solid #f4f8f4;*/
	background: #45b645;
}
.votes .winner .votes-bar {
	background-color: #1d7131;
	border-right: #145f26 1px solid;
	height: 22px;
}
.votes .winner p {
	color: #FFF;
}
/* @end */

/* @group Your Matches */
table {
	border: 0;
	width:100%;
}
table caption {
	display: none;
}
table td, table th {
	padding: 10px;
	border-left: #FFF 1px solid;
	border-right: #f5f5f5 1px solid;
	margin: 2px 0;
}
table tr {
	background: url('/images/structure/bg-divider.png') bottom center repeat-x;
}
table tr.current {
	background: #1b6d30 url('/images/structure/bg-alert-big.png') 0 -1px repeat-x;
	border-bottom: #400302 1px solid;
	color: #FFF;
	position: relative;
}
table tr.cancelled {
	background-color: #d8dad7;
	font-style: italic;
	background-image: none;
	color: #848484;
}
table tr.table-header {
	background: none;
}
table tr.current td {
	border-left: #49be47 1px solid;
	border-right: #298b31 1px solid;
}
table td.icon {
	width: 30px;
	padding: 12px 15px 8px 15px;
}
table td.icon a:hover {
	opacity: .7;
}
table th {
	color: #b2670d;
	font-size: 1.16em;
	border: 0;
}

/* @end */







/* @group Pieces */

/* @group Tags */

.tags {
	line-height: 2.1em;
	overflow: hidden;
	width:270px;
}
.tags a {
	color: #d3811f;
	background: #ffeabe;
	border-bottom: #edcb85 1px solid;
	padding: 4px 5px;
	line-height: 20px;
	white-space: nowrap;
}

/* @end */

/* @group Movie on The Comments Form */

.movie-form {
	position:relative;
	top: 30px;
	border: 4px solid #ffeabe;
}

/* @end */

/* @group Buttons */
.btn {
	margin: 0 6px;
}
.no-margin-left {
	margin-left: 0px;
}
.btn:hover{
	opacity: .85;
}
.btn:active{
	position: relative;
	top: 1px;
}
.btn-standard {
	height: 32px;
	line-height: 62px;
	padding: 7px 10px;
	margin: 0 auto ;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-family:  Trebuchet MS, Helvetica Neue, Arial, Sans-serif;
	background: #349840 url('/images/structure/btn-standard.png') 0 0 repeat-x;	
}
.btn-standard:hover {
	color: white;
	background-position: bottom left;	
}
.btn-movie-vote {
	display: block;
	text-indent: -9999px;
	width: 95px;
	height: 31px;
	background: #349840 url('/images/structure/btn-movie-vote.png') 0 0 no-repeat;	
	position: absolute;
	top: 122px;
	left: 33px;
}
.btn-movie-vote:hover {
	background-position: 0 -31px;	
}
.column-aside .btn-movie-vote {
	position: static;
	width: 262px;
	height: 50px;
	background: #349840 url('/images/structure/btn-movie-vote-big.png') 0 0 no-repeat;
}
.column-aside .btn-movie-vote:hover {
	background-position: bottom left;	
}
.btn-to-netflix{
	display: block;
	width: 244px;
	height: 108px;
	text-indent: -9999px;
	margin-top: -35px;
	background: #349840 url('/images/structure/btn-to-netflix.png') 0 0 repeat-x;	
}
/* @end */

/* @group Alerts and Errors */
.flash-big {
	font-size: 1.32em;
	line-height: 1.2em;
	font-weight: 300;
	text-align: center;
	padding: 14px 22px;
	color: #FFF;
	border-bottom: #400302 1px solid;
}
.flash-small {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 300;
	text-align: center;
	padding: 14px 22px;
	color: #FFF;
	border-bottom: #400302 1px solid;
}
.alert-big {
	background: #1b6d30 url('/images/structure/bg-alert-big.png') 0 0 repeat-x;
}
.alert-big a {
	color: #b6deaf;
}
.error-big {
	background: #e3620c url('/images/structure/bg-error-big.png') 0 0 repeat-x;
}
.error-big a {
	color: #ffeabe;
}
.no-bottom {
	border-bottom: 0px;
}

/* @end */










/* @end */