/*** HEADER STYLES ***/
#header {
background: rgba( 255, 255, 255, 0.7 );
display: block;
height: 100px;
margin: -10px 0;
position: fixed;
width: 100%;
z-index: 99;
}
#footer {
background-color: #000000;
display: block;
padding: 35px 0;
position: relative;
width: 100%;
z-index: 1;
}
#footer #body {
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
margin-top: 20px;
position: relative;
text-transform: uppercase;
width: 100%;
z-index: 999;
}
#footer #body ul {
display: inline;
list-style-type: none;
}
#footer #body ul li {
padding-left: 50px;
padding-top: 5px;
}
#footer #body_2 {
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
margin-top: -115px;
position: absolute;
text-transform: uppercase;
width: 100%;
z-index: 999;
}
#footer #body_2 ul {
display: inline;
list-style-type: none;
}
#footer #body_2 ul li {
padding-left: 250px;
padding-top: 5px;
}
/*** ALARM CLOCK ***/
#clock {
font-size: 11px;
font-weight: normal;
}
#clock span{
margin-right: 5px;
}
#clock h2 {
font-family: 'Helvetica Neue', sans-serif;
font-size: 30px;
font-weight: 100;
line-height: 40px;
margin: -20px 0;
}
#clock h3 {
font-family: 'Helvetica Neue', sans-serif;
font-size: 50px;
font-weight: 100;
line-height: 35px;
margin: 7px 0 40px;
}
/** POP-OUT LINKS **/
#fade {
background: #000000;
display: none;
height: 100%;
position: fixed;
left: 0;
top: 0;
width: 100%;
opacity: 0.7;
z-index: 9999;
}
.popup_block {
border-radius: 10px;
color: #6A6A6A;
display: none;
background: #FFFFFF;
float: left;
font-size: 12px;
left: 51%;
margin-left: 25%;
margin-right: 25%;
padding: 50px 20px 20px 20px;
position: fixed;
top: 50%;
webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
transition: all 0.8s ease;
z-index: 99999;
}
.popup_block a {
color: #999999;
}
.close {
float: right;
margin: -40px -5px 0 0;
text-decoration: none;
webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
transition: all 0.8s ease;
}