@charset "iso-8859-9";
/* Body styling */
body{
    background-color: #ececec;
    overflow: hidden;
    background-color: white;
    font: 13px Helvetica,arial,freesans,clean,sans-serif;
    line-height: 1.4;
    color: #333;
}
/* Top of background */
#top{
    width:100%;
    height:100%;
    border-bottom: 1px solid #000;

    position: absolute;

    background-repeat: no-repeat;
    background-position:50% 0;
    box-shadow: 0 1px 1px #777;
}
/* Main content */
#content{
    position: relative;
    margin:10% auto 0 auto;
    padding:15px;
    width:650px;
    height:300px;
    background-color: #fff;
}
/* Banner container */
#content #banner{
    margin: -21px 0 0 -20px;
    position: absolute;
    background-image:url('../images/icons/banner.png');
    width: 122px;
    height:123px;
}
/* Header container */
#content #header{
    width:628px;
    border:1px solid #E7E4C2;
    background: #FEFEF3;
    padding: 10px;
    text-align: center;
    background: -moz-linear-gradient(#FEFEF3,#FBF8D4);
    background: -webkit-linear-gradient(#FEFEF3,#FBF8D4);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefef3',endColorstr='#fbf8d4')";
}
/* Timer container */
#content #timer{
    position: relative;
    overflow: hidden;
}
/* Styling for the seconds box timer */
#content #timer .last{
    margin: 15px 0 15px 0;
    display: block;
    float: left;
    height:116px;
    width:116px;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    background: #FDFDFD;
    background: -moz-linear-gradient(#FDFDFD,#EEE);
    background: -webkit-linear-gradient(#FDFDFD,#EEE);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd',endColorstr='#eeeeee')";
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    cursor: pointer;
}
/* Background for each timer section */
#content #timer .dash{
    display: block;
    float: left;
    margin: 15px 15px 15px 0;
    height:116px;
    width:116px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    background: #FDFDFD;
    background: -moz-linear-gradient(#FDFDFD,#EEE);
    background: -webkit-linear-gradient(#FDFDFD,#EEE);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd',endColorstr='#eeeeee')";
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    cursor: pointer;
}
/* Timer text */
#content #timer .dash_title{
    padding: 7px;
    margin-top: 80px;
    border-top: 1px solid #E9E9E9;
    text-align: center;
    width:102px;
    height:30px;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}
/* Styling individual digit */
#content #timer .digit {
    font-size: 55px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    float: left;
    padding:  0 10px;
    width: 38px;
    color: #286ea4;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}
/* News letter form */
#newsletter {
    width: 628px;
    height: 40px;
    padding: 10px;
    .margin-top: 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    background: #FDFDFD;
    background: -moz-linear-gradient(#FDFDFD,#EEE);
    background: -webkit-linear-gradient(#FDFDFD,#EEE);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd',endColorstr='#eeeeee')";
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    cursor: pointer;
}
/* Text input for news letter form */
input.newsletter {
    width: 500px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #E9E9E9;
    padding: 10px;
    color: #6C6C6C;
    position: relative;
    float: left;
    background-color: white;
    font: 14px Helvetica,arial,freesans,clean,sans-serif;
}
/* News letter submit button */
button.submit {
    width: 96px;
    height: 39px;
    padding: 0;
    color: white;
    line-height: 33px;
    display: block;
    position: relative;
    float: right;
    cursor: pointer;
    font-size: 14px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
    background: #50B7D1;
    background: -moz-linear-gradient(#50B7D1,#286DA3);
    background: -webkit-linear-gradient(#50B7D1,#286DA3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#50b7d1',endColorstr='#286da3')";
    border: 1px solid #51A0B3;
    -webkit-font-smoothing: antialiased;
}
/* Contains the social networking icons */
#footer{
    padding:8px 0 8px 8px;
    margin: 0 auto;
    width:240px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    background: #FDFDFD;
    background: -moz-linear-gradient(#FDFDFD,#EEE);
    background: -webkit-linear-gradient(#FDFDFD,#EEE);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd',endColorstr='#eeeeee')";
    border: 1px solid #E9E9E9;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
/* Social networking icons */
#footer .icon{
    float: left;
    margin-right: 8px;
    cursor: pointer;
}
/* Styles the H1 tag */
h1{
    margin: 1px 0 0 0;
    font-size: 23px;
    line-height:1.7;
    color: black;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
    -webkit-font-smoothing: antialiased;
}
/* Styles the H2 tag */
h2{
    color: #666;
    font-size: 15px;
    line-height:1.9;
    color: rgba(0, 0, 0, 0.6);
    font-family: 'Open Sans', sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
    -webkit-font-smoothing: antialiased;
}
/* Border radius 4 */
.br4{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/* Box shadow */
.box_shadow{
    box-shadow: 0 1px 1px #777;
}
/* Ensures gradient works in IE9 */
.gradient {
    filter: none;
}