/*
Cascading Style Sheet for ezilly.com
Author: Bretton MacLean
*/

@import "reset.css";

/********************
*** Typography ******
********************/

p {	font-size:  12px; font-family: Arial, sans-serif;
	color: #244366; }

/********************
*** Global Styles ***
********************/

.body-home {
	background: white url(../images/body-home.gif) top repeat-x;
	text-align:center;
	margin:0;
	padding:0;
	font:normal 12px Arial,sans-serif;
	color:#244366;
	}

.body-rest {
	background: white url(../images/body-rest.gif) top repeat-x;
	text-align:center;
	margin:0;
	padding:0;
	font:normal 12px Arial,sans-serif;
	color:#244366;
	}

a {
	color:#1077eb;
	outline: none;
	}

a:link {color:#1077eb; }

a:visited {color:#1077eb;}

a:hover {color:#0033ff; text-decoration:underline;}

/*********************
*** Header Styles ****
*********************/

#header-home{
	height:514px; 
	width: 960px;
	background: url(../images/header1-home.jpg) no-repeat;
	}
	
#header-gettingstarted{
	height:201px; 
	width: 960px;
	background: url(../images/header2-gettingstarted.jpg) no-repeat;
	}

#header-tips {
	height:201px; 
	width: 960px;	
	background: url(../images/header3-tips.jpg) no-repeat;
	}

#header-tools {
	height:201px;
	width: 960px;	 
	background: url(../images/header4-educatortools.jpg) no-repeat;
	}

#header-faq {
	height:201px;
	width: 960px;	 
	background: url(../images/header5-faq.jpg) no-repeat;
	}
	
#header-rules {
	height:201px;
	width: 960px; 
	background: url(../images/header6-rules.jpg) no-repeat;
	}
	
#header-submit {
	height:201px; 
	width: 960px;	
	background: url(../images/header7-submit.jpg) no-repeat;
	}
	
#header-vote {
	height:201px;
	width: 960px;	 
	background: url(../images/header8-vote.jpg) no-repeat;
	}			

#header-home h1 {text-indent: -9999px;}	
#header-gettingstarted h1 {text-indent: -9999px;}
#header-tips h1 {text-indent: -9999px;}
#header-tools h1 {text-indent: -9999px;}
#header-faq h1 {text-indent: -9999px;}	
#header-rules h1 {text-indent: -9999px;}
#header-submit h1 {text-indent: -9999px;}	
#header-vote h1 {text-indent: -9999px;}	
	
#video-contest_oct-2009 {
	position:relative;
	top: 14px;
	left: 201px;
	}

	
/*********************
*** Nav Styles *******
*********************/

#navbar-3col {
    background: url(../images/navbar.jpg) no-repeat;
    width:960px;
    height:44px; 
    margin: 201px 0 0 0;
    padding-top:-201px;
    position: relative;
}

#navbar-home {
    background: url(../images/navbar.jpg) -0 -132px no-repeat;
    width:960px;
    height:44px; 
    margin: 514px 0 0 0;
    padding-top:-514px;
    position: relative;

}

#navbar-2col {
    background:url(../images/navbar.jpg) -0 -132px no-repeat;
    width:960px;
    height:44px; 
    margin: 201px 0 0 0;
    padding-top:-201px;
    position: relative;
}

#navbar-2col span {margin-left: -9999px;}
#navbar-3col span {margin-left: -9999px;}
#navbar-home span {margin-left: -9999px;}

#navbar-2col li, #navbar-2col a {
    height:44px;
    display:block;
}

#navbar-3col li, #navbar-3col a {
    height:44px;
    display:block;     
}

#navbar-home li, #navbar-home a {
    height:44px;
    display:block;
}

#navbar-2col li {
    float:left;
    list-style:none;
    display:inline;
}

#navbar-3col li {
    float:left;
    list-style:none;
    display:inline;
}

#navbar-home li {
    float:left;
    list-style:none;
    display:inline;
}

#nav-home {width: 167px;    position: relative;}
#nav-gettingstarted { width: 131px;    position: relative;}
#nav-tipsandtricks { width: 115px;}
#nav-educatortools { width: 134px;}
#nav-educatortools2col { width: 134px;}
#nav-faq { width: 53px;}
#nav-rules {width: 55px;}
#nav-submit {width: 116px;}
#nav-vote {width: 54px;}

#nav-home a:hover {background: url(../images/navbar.jpg) -0px -44px no-repeat; }
#nav-gettingstarted a:hover {background: url(../images/navbar.jpg) -167px -44px no-repeat; }
#nav-tipsandtricks a:hover {background: url(../images/navbar.jpg) -298px -44px no-repeat; }
#nav-educatortools a:hover {background: url(../images/navbar.jpg) -413px -44px no-repeat; }
#nav-educatortools2col a:hover {background: url(../images/navbar.jpg) -413px -176px no-repeat; }
#nav-faq a:hover {background: url(../images/navbar.jpg) -547px -44px no-repeat; }
#nav-rules a:hover {background: url(../images/navbar.jpg) -600px -44px no-repeat; }
#nav-submit a:hover {background: url(../images/navbar.jpg) -655px -44px no-repeat; }
#nav-vote a:hover {background: url(../images/navbar.jpg) -771px -44px no-repeat; }

#nav-home a:active {background: url(../images/navbar.jpg) -0px -44px no-repeat; }
#nav-gettingstarted a:active {background: url(../images/navbar.jpg) -167px -44px no-repeat; }
#nav-tipsandtricks a:active {background: url(../images/navbar.jpg) -298px -44px no-repeat; }
#nav-educatortools a:active {background: url(../images/navbar.jpg) -413px -44px no-repeat; }
#nav-educatortools2col a:active {background: url(../images/navbar.jpg) -413px -176px no-repeat; }
#nav-faq a:active {background: url(../images/navbar.jpg) -547px -44px no-repeat; }
#nav-rules a:active {background: url(../images/navbar.jpg) -600px -44px no-repeat; }
#nav-submit a:active {background: url(../images/navbar.jpg) -655px -44px no-repeat; }
#nav-vote a:active {background: url(../images/navbar.jpg) -771px -44px no-repeat; }

#nav-home-active {
	background: url(../images/navbar.jpg) -0px -88px no-repeat;
	width: 167px;}
#nav-gettingstarted-active {
	background: url(../images/navbar.jpg) -167px -88px no-repeat;
	width: 131px;}
#nav-tipsandtricks-active { 
	background: url(../images/navbar.jpg) -298px -88px no-repeat;
	width: 115px;}
#nav-educatortools-active {
	background: url(../images/navbar.jpg) -413px -88px no-repeat;
	width: 134px;}
#nav-educatortools2col-active {
	background: url(../images/navbar.jpg) -413px -88px no-repeat;
	width: 134px;}	
#nav-faq-active { 
	background: url(../images/navbar.jpg) -547px -88px no-repeat;
	width: 53px;}
#nav-rules-active {
	background: url(../images/navbar.jpg) -600px -88px no-repeat;
	width: 55px;}
#nav-submit-active {
	background: url(../images/navbar.jpg) -655px -88px no-repeat;
	width: 116px;}
#nav-vote-active {
	background: url(../images/navbar.jpg) -771px -88px no-repeat;
	width: 54px;}
	
/*********************
*** Content Styles ***
*********************/

#main{
	margin: 0 auto 0 auto;
	width:960px; 
	text-align:left; }

#wrapper-2col{
	background: url(../images/background-2col.jpg) repeat-y;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	float:left;
	display:inline; 
	width:960px;}
	
#wrapper-3col{
	background: url(../images/background-3col.jpg) repeat-y;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	float:left;
	display:inline;
	width:960px;}
	
.contentarea-2col{
	margin: 10px 0 30px 90px;
	width:650px; 
	float:left;
	display:inline;}

.caps{width:960px; float:left;display:inline; padding:0px;}
.sharecolumn div, .contentarea-2col div {padding:15px}

#rewind {
	font: 30px 'Trebuchet MS', Arial, sans-serif;
	color: #94222a;
	width:490px;}
	
.contentarea-2col h1 {
	font: 30px 'Trebuchet MS', Arial, sans-serif;
	color: #94222a;
	width:380px;}	
	
.contentarea-2col h2 {
	font: 20px Arial, sans-serif;
	color: #244366;
	width:550px;}
	
.contentarea-2col p {
	font: 12px Arial, sans-serif;
	color: #244366;
	padding: 10px 0 10px 0;
	width: 550px;
	}	

#getstartedlink {
	font: 30px Arial, sans-serif;
	}	

.contentarea-3col{
	margin: 10px 0 30px 90px;
	width:420px; 
	float:left;
	display:inline;}

.contentarea-3col div {padding:15px}

.contentarea-3col h1 {
	font: 30px 'Trebuchet MS', Arial, sans-serif;
	color: #94222a;
	width:380px;}
	
.contentarea-3col h2 {
	font: 20px Arial, sans-serif;
	color: #244366;
	width:380px;}
	
.contentarea-3col p {
	font: 12px Arial, sans-serif;
	color: #244366;
	padding: 10px 0 10px 0;
	width: 380px;
	}	

#howtoenter {
	background: url(../images/gettingstarted-film.jpg) bottom left no-repeat;
	height: 165px;}

ol { margin: 5px 0 10px 0;}

ol li {
	width:350px;
	list-style-type: none;
	color: #244366;
	margin: 10px 0 5px 0px;}
	
ul li {
	list-style: disc;
	font: 12px Arial, sans-serif;
	color: #244366;}

.innerbullets {
	list-style: disc;
	font: 12px Arial, sans-serif;
	color: #244366;
	margin-left: 30px;
}

#teamentry {
	height:165px;
	background: url(../images/gettingstarted-team.jpg) bottom left no-repeat;}	
	
#tipsheader {
	height: 180px;
	background: url(../images/tips-film.jpg) bottom left no-repeat;}	
	
#tipslist li {
	width:350px;
	list-style: disc;
	color: #244366;
	margin: 10px 0 5px 20px; }

#toolsheader {
	height: 180px;
	background: url(../images/educator-write.jpg) bottom left no-repeat;}

#smallprint {
	font-size: 10px;}

#submitlist li {
	width:580px;}

/*********************
*** Sidebar Styles ***
*********************/

.sharecolumn{
	width:130px; 
	float:left;
	display:inline;}

.sharecolumn h2 {
	font: 18px Arial, sans-serif;
	color: #244366;
	padding: 10px 0 0 0;}
	
.sharecolumn p {
	font: 12px Arial, sans-serif;
	color: #244366;
	padding: 10px 0 10px 0;
	}	
	
#fbook {
	height: 50px;
	background: url(../images/fbook.jpg) bottom left no-repeat;}	
	
.calcolumn{
	width:190px; 
	float:left;
	display:inline;
	margin-right: 40px;}

.calcolumn h2 {
	font: 18px Arial, sans-serif;
	color: #244366;
	padding: 10px 0 0 0;}
	
.calcolumn p {
	font: 12px Arial, sans-serif;
	color: #244366;
	padding: 10px 0 10px 0;
	}		

.calcolumn h3 {
	font: 16px Arial, sans-serif;
	color: #244366;
	width:190px;
	margin-top:10px;
}		

#prizes {margin: -15px 0 0px 0;}

#prizes li {
	font-weight: bold;
	margin: 5px 0 5px 20px;
	list-style: none;}	
	
#faqs p { margin: 0 0 0 0; padding: 5px 0 0 0;}	
	
#faqs p span { margin: 0 0 10px 10px; display:block;}	
	
	
/*********************
*** Footer Styles ****
*********************/

#footer{
	background: #FFF url(../images/footerline.gif) top left no-repeat; 
	height:30px; 
	width:960px;
	padding: 20px 0 20px 0;}

#footer p {
	text-align: center;}
	
	
/***********************
*** Submit Form Styles *
************************/

#form-area {
	position:relative;
	padding: 0 !important;
	width: 550px;}

#form-area h1 {
	font: 16px 'Trebuchet MS', Arial, sans-serif;
	color: #94222a;
	padding: 10px 0 10px 0;}

#form-area p input {
	margin-top: 5px !important;}

#dateofbirth {
	height: 30px;
	width: 550px;
	background-color: #f5eec3;
	border-top:black solid 1px;
	border-bottom:black solid 1px;
	text-align: center;
	padding-top:30px;
	position:relative;}
	
.form-table td {
	font: normal 12px Arial, sans-serif;
	color: #244366;
	width: 110px;
	padding-top:5px;	}