/* 
Author:		Pete Boere
*/
/*--------------------------------------------------------------------------- Browser reset ---*/ 
html{overflow-y:scroll;}
html,body,div,iframe,ul,ol,li,dl,dt,dd,blockquote,table,caption,tbody,tfoot,thead,tr,th,td,p,h1,h2,h3,h4,h5,h6,form,fieldset,label,legend,img,object,embed{padding:0;margin:0;border:0;font-size:100%;}
ul,ol{list-style:none;}
img{-ms-interpolation-mode:bicubic;}
table{border-collapse:collapse;}
caption,th,td{text-align:left;}
input,select,textarea{margin:0;font-family:inherit;font-size:100%;}
textarea{overflow-y:auto;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a:active{outline:0;}
body{background:#fff;color:#000;}

/*--------------------------------------------------------------------------- Utilities ---*/ 
.tr{text-align:right;}
.tc{text-align:center;}
.tl{text-align:left;}
.fl{float:left;}
.fr{float:right;}
.void{display:none;visibility:hidden;}
.hide{position:absolute !important;left:-999em;height:0;width:0;overflow:hidden;}

.cf:after, .li-cf li:after, .flow-area:after {content:'.';display:block;font-size:0;height:0;clear:both;visibility:hidden;} 
.cf, .li-cf li, .flow-area {zoom:1;}

 /*--------------------------------------------------------------------------- Base styles ---*/ 
body {font:10px/1.2 verdana,arial,sans-serif;color:#fff;background:#333 url(../images/bg/body.jpg);}
h1,h2,h3,h4,h5,h6 {}
h1 {font-size:200%;color:#fff;}
h2 {font-size:160%;}
hr {display:none;}
a {color:#00aaea;}
a:hover, 
a:focus {color:#0e2f64;}

#wrap {width:1000px;margin:0 auto;background:#fff;color:#000;}

#wallpaper-1,
#wallpaper-2 {width:100%;}
#wallpaper-1[id] {background:url(../images/bg/wallpaper.png) center top repeat-y;}
#wallpaper-2[id] {background:url(../images/bg/wallpaper-btm.png) center top no-repeat;}

.content {width:952px;margin:0 auto;padding:10px 0 4em;}

#nav {background:#062f6c;font-size:9px;text-align:right;padding:9px 18px;}
	#nav li {display:inline;}
	#nav a {padding:0 0 0 85px;margin-left:22px;}
	#nav-carling-cup a {background:url(../images/carling-cup.png) left center no-repeat;padding-left:80px;}
	#nav-football-league a {background:url(../images/football-league.png) left center no-repeat;}
	
#header {background:#062f6c url(../images/bg/header.jpg) no-repeat;position:relative;height:449px;}
	#header h1 {position:absolute;top:13px;left:19px;}
	#header .lead {position:absolute;top:267px;left:41px;width:455px;line-height:1.6;}
	
#nav, #header {color:#b9b9b9;}
#nav a, 
#header a {color:#fff;text-decoration:none;}
#nav a:hover, 
#header a:hover,
#nav a:focus, 
#header a:focus {color:#fff;text-decoration:underline;}

#footer {width:1000px;margin:0 auto;padding:16px 0 3em;}
	#footer .divider {padding:0 .9em;}
	#footer a {color:#fff;}
	#footer a:hover,
	#footer a:focus {text-decoration:none;}

#list-moments {color:#fff;}
	#list-moments a {color:#d70000;}

	#list-moments li {background:#022a68 url(../images/bg/vote-list-shadow.jpg) left bottom no-repeat;
		margin-bottom:2px;padding-bottom:7px;position:relative;}
		
	#list-moments .trim-1 {background:url(../images/bg/vote-list-grad.jpg) repeat-x;}
	#list-moments .trim-2 {min-height:100px;_height:100px;background-repeat:no-repeat;background-position:0 0;}

	#list-moments h2 {font-size:17px;padding:0 0 .3em;color:#fff;line-height:1;}
	.moment-description {padding:19px 0 0 420px;width:350px;color:#b9b9b9;}
		.moment-description p {line-height:1.6;}
		.moment-description .cta {padding-left:.5em;}
	.moment-insignia {position:absolute;top:35px;left:108px;font-size:9px;line-height:1.55;
		color:#c8c8c8;width:95px;}
		.moment-insignia span {position:absolute;left:-999em;}
		.moment-insignia em {display:block;font-style:normal;}
		.moment-insignia strong {line-height:1.2;display:block;padding:0 0 .3em;}
		.moment-insignia br {display:none;}
	#list-moments .moment-vote-now {position:absolute;top:12px;right:14px;color:#fff;font-weight:bold;}
	
	
/* ----------------------------------------------------------------------- Pop-up Dialog ----*/

.jy-dialog-wrapper {position:absolute;top:60px;z-index:110;width:100%;}
	.jy-dialog {position:relative;background:#233655;width:630px;
		-moz-box-shadow: 0 3px 28px #000;
		-webkit-box-shadow:0 3px 28px #000;
		box-shadow:0 3px 28px #000;margin:0 auto;padding:20px 0 0;outline:0;}
		.jy-dialog a {color:#000;}
		.jy-dialog .jy-dialog-close {font-size:13px;text-decoration:none;color:#ddd;font-weight:bold;
			vertical-align:middle;position:absolute;background:url(../images/btns/dialog-close.png) no-repeat;
				width:40px;height:40px;right:-18px;top:-21px;text-indent:-99em;overflow:hidden;}
		.jy-dialog .jy-dialog-close span {font-size:120%;vertical-align:middle;line-height:1;}
		.jy-dialog .jy-dialog-close:hover {color:#fff;}

		.jy-dialog iframe {width:100%;background:#233655;height:80em;}
		.jy-dialog-handle {zoom:1;}
	
.validation-error {font-weight:bold;padding:3px 0 0;
	color:yellow !important;}
.validation-error[class] {display:block;}
.validation-error:before {color:#fff; content:"!";font-family:serif;
	font-size:150%;padding:0 .2em 0 0;}
.validation-error[style*=hidden] {position:absolute;}
.validation-error[style*=inline] {display:block !important;}