/*
Theme Name: Ethereal - Under Construction
Theme URI: http://themeforest.net/user/contempoinc?ref=contempoinc
Version: 1.0
Author: Chris Robinson
Author URI: http://www.contempographicdesign.com
Tags: grey, clean, community, premium, portfolio, business, fixed width, two columns, widgets, video
*/

/** CSS - Ethereal - Under Construction

==============================================================================*/

* { /* removes defaults from all elements */
margin: 0;
padding: 0;
list-style: none;
}

/** Body
==============================================================================*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #636363;
background: url(../images/body_bg_blue.jpg) no-repeat top #a3bdda;
margin: 0 auto;
}

/** Container
==============================================================================*/

#container {
width: 972px;
margin: 0 auto;
} 

/** Floats
==============================================================================*/

.clear {
clear: both;
}

.left {
float: left;
}

.right {
float: right;
}

/** Logo
==============================================================================*/

#logo {
width: 972px;
margin: 0 auto;
}

#logo img {
margin: 40px 0 15px 0;
}

#logo p {
text-align: center;
}

/** Header
==============================================================================*/

#header {
width: 912px;
height: 202px;
padding: 30px;
background: url(../images/header_bg.png) no-repeat;
}

h1 {
font-size: 42px;
margin: 65px 0 0 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #efefef;
text-align: center;
font-weight: normal;
}

#header p {
font-size: 16px;
margin: 15px 0 0 0;
text-align: center;
}

/** Countdown
==============================================================================*/

.hasCountdown {
margin: 50px 0 0 0;
font-size: 28px;
text-align: center;
}

/** Progress
==============================================================================*/

#progress {
width: 972px;
height: 30px;
background: url(../images/progress_bg.png) no-repeat;
}

#progressbar {
width: 970px;
margin: 0 0 0 1px;
height: 30px;
background: url(../images/progress_bar_bg.png) repeat-x;
}

#progressbar.zero { display: none;}

#progressbar.ten { width: 10%;}

#progressbar.twenty { width: 20%;}

#progressbar.thirty { width: 30%;}

#progressbar.forty { width: 40%;}

#progressbar.fifty { width: 50%;}

#progressbar.sixty { width: 60%;}

#progressbar.seventy { width: 70%;}

#progressbar.eighty { width: 80%;}

#progressbar.ninety { width: 90%;}

#progressbar.hundred { width: 100%;}

#progressbar p {
font-size: 18px;
color: #fff;
margin: 8px 15px 0 0;
text-align: right;
}

/** Footer
==============================================================================*/

#footer {
width: 912px;
height: 114px;
padding: 30px;
background: url(../images/footer_bg.png) no-repeat;
}

/** Form
==============================================================================*/

#footer p {
text-align: center;
font-size: 12px;
}

fieldset {
border: none;
}

input#email {
width: 290px;
height: 19px;
margin: 0 5px 0 0;
padding: 6px 15px 0 15px;
border: none;
font-size: 11px;
color: #7f7f7f;
background: url(../images/input_bg.jpg) no-repeat;
}

#submit {
position: relative;
top: 8px;
}