/* -------------------------------------------------------------- 

   layout.css

-------------------------------------------------------------- */

body {
font-size: 75%;
line-height: 1.75em;
color:#fff;
background:#bff0e8 url('../images/bg-tile.jpg') top left repeat-x;
margin:0;
}
body, textarea { font-family: Arial, sans-serif; }
textarea {font-size:1em;}
h1,h2,h3,h4,h5,h6 { font-family: Arial, sans-serif; }
h1 {
margin:0 0 .5em 0;
font-size:1.5em;
font-weight:bold;
color:#ffffa6;
}
h1.header {
height:37px;
background-color:#3fd2ba;
background-position:top left;
background-repeat:no-repeat;
text-indent:-9999px;
}
#prizes h1.header {
background-image:url('../images/head-prizing.gif');
}
#enter h1.header {
background-image:url('../images/head-enter.gif');
}
#thanks h1.header {
background-image:url('../images/head-thanks.gif');
}
#staf h1.header {
background-image:url('../images/head-staf.gif');
}
h2 {
margin:0 0 .5em 0;
font-size:1.5em;
font-weight:bold;
color:#ffffa6;
}
#enter h2 {
color:#fff;
}
h3 {
font-size:1.2em;
font-weight:bold;
color:#ffffa6;
}

ul, ol { padding:0 0 1em 1.5em; }

p { padding:0 0 1em 0; line-height:1.75em; font-weight:bold; }
em, i { font-style:italic; }
strong, b { font-weight:bold; color:#ffffa6; }


/* A container should group all your columns. */
.container {
width: 1015px;
margin: 0 auto;
position:relative;
background: url('../images/bg-pattern-long.jpg') no-repeat;
}
.container.short{
background: url('../images/bg-pattern-short.jpg') no-repeat;
}
#rules .container {
width:auto;
background:none;
}

/* Content Area
-------------------------------------------------------------- */
#content {
position:relative;
width:855px;
margin:0 auto;
padding:0;
background:#fff;
}

/* Rules pages
-------------------------------------------------------------- */
#rules {
background:none;
background-color:#3fd2ba;
padding:3em;
/*color:#00b396;*/
color:#fff;
}
#rules #content {
width:auto;
background:none;
/*color:#1fa08a;*/
}
#rules h1 {
font-size:2em;
/*color:#1fa08a;*/
}
#rules h2 {
font-size:1.5em;
/*color:#1fa08a;*/
}
#rules ol {
font-weight:bold;
}
#rules li {
margin:0 0 1.5em 2em;
}
#rules b {
/*color:#1fa08a;*/
}

/* Header
-------------------------------------------------------------- */
#header {
position:relative;
}


/* Navigation
-------------------------------------------------------------- */
#navigation {
width:855px;
height:44px;
background:transparent url('../images/bg-nav.jpg') repeat-y;
overflow:hidden;
}
/*.earlybird #navigation {
background-image:url('../images/bg-nav-eb.jpg');
}*/
#primarynav {
margin:0 0 0 150px;
}
#primarynav li {
float:left;
list-style:none;
margin-right:.5em;
}
#primarynav a {
/*display:block;*/
height:18px;
line-height:18px;
margin-top:2px;
padding:0 8px;
text-decoration:none;
font-weight:bold;
color:#1fa08a;
}
#primarynav .here a {
background-color:#d6f5f0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#primarynav a:hover {
background-color:#adf2e6;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}



/* Homepage
-------------------------------------------------------------- */



/* General Columns
-------------------------------------------------------------- */
#main {
/*background:#3fd2ba url('../images/bg-main.jpg') left top repeat-y;
padding-bottom:150px;*/
/*padding-bottom:65px;*/
/*background:#3fd2ba url('../images/bottom-full.jpg') left bottom no-repeat;*/
background-color:#3fd2ba;
}
.split #main {
/*background-image:url('../images/bottom-split.jpg');*/
}

#wrapper {
border:7px solid #fff;
border-top:0;
border-bottom:0;
/*padding:0 0 85px 0;*/
background:transparent url('../images/bg-main.gif') left top repeat-y;
}
.full #wrapper {
padding:0;
background-image:none;
}


/* Wide format (Homepage)
-------------------------------------------------------------- */
#main #wide {
padding:0 50px 0 15px;
}
/*.earlybird #main #wide {
width:702px;
margin:0 auto;
padding:0;
background:transparent url(../images/bg-head-eb.jpg) top left no-repeat;
}
.earlybird #main #wide img { float:left; margin-top:-20px; }
.earlybird #main #wide #badges {
margin-left:100px;
}
.earlybird #main #wide h1,
.earlybird #main #wide h2,
.earlybird #main #wide p {
margin-left:0;
}*/

#main #wide img { float:left; margin-top:-20px; }
#main #wide h1,
#main #wide p,
#main #wide #badges {
margin-left:169px;
}
/*.earlybird #wide #intro {
display:block;
height:316px;
width:702px;
}
.earlybird #intro a {
display:block;
margin:0;
padding:0;
height:316px;
width:702px;
text-indent:-9999px;
}
.earlybird #wide #intro p.offscreen,
.earlybird #wide #intro h1,
.earlybird #wide #intro h2 {
display:none;
text-indent:-9999px;
}
.earlybird #wide #copy {
background:transparent url(../images/eb-product.jpg) top left no-repeat;
padding-left:130px;
min-height:145px;
}
.earlybird #wide #copy #column {
display:block;
width:260px;
float:left;
margin-right:20px;
font-size:.9em;
}
.earlybird #wide #copy #column p {
line-height:1.4em;
}
.earlybird #wide #copy #column h3 {
color:#fff;
}
.earlybird #wide #copy #column img {
float:right;
margin-top:0px;
}*/
#badges {
margin:0;
padding:0;
}
#badges li {
float:left;
list-style:none;
/*margin-right:45px;*/

display:block;
width:223px;
height:102px;

}
#badges a {
display:block;
width:223px;
height:102px;
text-indent:-9999px;
}
#badges li#badge-nyc {
background:url('../images/badge-nyc.png') top left no-repeat;
/* IE 6 PNG Support */
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/en/images/badge-nyc.png');
_background-image:none;
margin-right:45px;
}
#badges li#badge-ct {
background:url('../images/badge-ct.png') top left no-repeat;
/* IE 6 PNG Support */
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/en/images/badge-ct.png');
_background-image:none;
margin-right:0;
}


/* Split format
-------------------------------------------------------------- */

#main #left {
width:148px;
background-color:#baefe6;
}
/*#main.split #left {
background-color:#baefe6;
}*/
#main #right {
float:right;
width:610px;
padding:0 50px 0 20px;
}
#main #right img.intro-image {
float:right;
}


/* Forms
-------------------------------------------------------------- */
form { padding:0;}
form div.column { display:block; width:275px; float:left; }
form div.column.wide { display:block; width:550px; float:left; }

form input, form select { width:215px; border:1px solid #38a492;}
/*form input, form select { width:214px; height:19px; padding:4px; border:0px solid #38a492; background:url(../images/text-field.gif) top left no-repeat;}*/
form img.sec-code { border:1px solid #38a492; }
form select { height:22px; }
input:focus { outline: none; }
form input.form-next {
width:88px;
border:0;
/*margin-left:150px;*/
float:right;
display:inline;
margin-right:55px;
}
form input.form-submit {
width:74px;
border:0;
/*margin-left:450px;*/
float:right;
display:inline;
margin-right:55px;
}
p.form-cancel {
padding:5px 60px 0 0;
margin:0;
text-align:right;
}
form fieldset legend { display:none; }
label, form p {
display:block;
float:left;
font-weight:bold;
color:#fff;
width:220px;
padding:.5em 1em .5em 0;
}
form p {
padding:.5em 1em 0 0;
}
.wide p { width:auto; float:none; clear:both;  }
label.error, .checkboxes label.error { color:#FF0000; }
label.error input { border:1px solid #FF0000; }
form div.checkboxes {
	float:left;
	width:275px;
	margin:.75em 0;
}
form div.checkboxes.wide {
	float:none;
	width:550px;
	margin:.75em 0;
	clear:both;
}
form div.checkboxes.wide label {
width:150px;
}

.checkboxes input { width:auto; float:left; margin:0 10px 0 0; }
.checkboxes label { line-height:1.2em; }

input.error, select.error, textarea.error { border:2px solid #2c8173; }
/*input.error { background-image:url(../images/text-field-invalid.gif);}*/

/*input.success, select.success, textarea.success { border:2px solid #ffffa6; }*/
span.error { padding: 0; margin: 0; display: block; font-size:.85em; color:#2c8173; line-height:1em; font-weight:bold; }
.error_msg { color:#2c8173; padding: 0; font-weight:bold; font-style:italic; } /* background-color:#acebe1; border:2px solid #2c8173;*/

input.check { width:auto; }

/*div.error-msg {
	display:block;
	padding:.5em;
	border:1px solid red;
	background-color:#ffe9e9;
	margin-bottom:1em;
}
div.success-msg {
	display:block;
	padding:.5em;
	border:1px solid green;
	background-color:#dfffdf;
	margin-bottom:1em;
}*/


/* Button Styles
-------------------------- */
a {
font-size:1em;
font-weight:bold;
text-decoration:underline;
color:#ffffa6;
}
a:visited	{ color:#ffffa6; }
a:hover		{ color:#ffffa6; }



/* Footer
-------------------------- */
#footer {
position:relative;
display:block;
width:855px;
height:150px;
padding:0;
background:#3fd2ba url('../images/bottom-full.jpg') bottom left no-repeat;
}
.split #footer {
background-image:url('../images/bottom-split.jpg');
}
#footernav {
margin:0 0 0 150px;
position:relative;
padding-top:120px;
}
#footernav li {
float:left;
list-style:none;
margin-right:.5em;
}
#footernav a {
display:inline;
height:18px;
line-height:18px;
margin-top:2px;
padding:0 8px;
text-decoration:none;
font-weight:bold;
color:#1fa08a;
}
#footernav a:hover {
background-color:#adf2e6;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
p.legal {
font-weight:normal;
font-size:.9em;
line-height:1.2em;
padding:3em 60px 0 0;
}



/* Misc Styles
-------------------------- */

div.line { height:2px; display:block; background:url('../images/dots.gif') top left repeat-x; margin:1.5em 0; }
#wide div.line { margin-left:40px; }
.earlybird #wide div.line { margin-left:0; }
p.callout { font-size:2em; font-weight:bold; line-height:1.25em; }
p.strong { font-size:1.25em; padding-bottom:0;}
p.details { color:#00b396; }
p.details a { color:#00b396; text-decoration:underline; }
p.required { font-size:.9em; margin-top:-1em; padding:0; }
p.form-details { font-size:.9em; margin:-8px 0 10px 0; line-height:1.1em; }
p.captcha-details { font-size:.9em; margin:-2px 0 10px 0; line-height:1.1em; }

p.intro { font-family: Georgia, "Times New Roman", Times, serif; font-size:1.4em; font-style:italic; color:#185eb2; }
p.noscript	{ display:block; background-color:#ffb400; text-align:center; padding:5px; color:#fff; font-weight:bold; }
p.tags { color:#185eb2; }
p.tags strong { color:#84c447; }
p.password {  font-size:.8em; color:#999; padding-top:2em; } 
/*p.tags a { color:#185eb2; }*/
p.count { color:#999; padding-bottom:2em;}
p.small-note { font-size: .8em; }
span.countWarning { color:#c00; }
span.product { font-weight: normal; color:#000; }
div.badge { margin-bottom:10px; }
div.last { margin:0; }
sup { font-size:.9em; }
p.contest-footer { font-size:.8em; color:#999; padding:2em 0 0 0}

/* Use <hr /> only to separate content in no-css view */
hr { display:none; clear:both; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }