@charset "utf-8";
/*
1 - General HTML Structure
2 - header with logo
3 - main container
4- footer with twitter and subscribe
*/
/* 1- General HTML Structure
---------------------------------------------------*/
html, body {
padding:0px;
background-color: #fff;
font-family:Tahoma, Geneva, sans-serif;
background-image: url('../images/bg.jpg');
}
a:link {
color:#fff;
text-decoration: none;
}
a:visited {
color:#fff;
text-decoration: none;
}
a:hover {
color:#fff;
text-decoration: none;
}
a:active {
color:#fff;
text-decoration: none;
}
h2 {
font-size:14px;
color:#FFF;
}
ul#lsn {
list-style:none;
}
ul#lsninline {
list-style:none;
float:left;
}
#wrap {
position:relative;
margin-left:auto;
margin-right:auto;
left:0px;
top:0px;
width:900px;
height:499px;
text-align:center;
}
/* 2- header with logo
---------------------------------------------------*/
#logo {
position:absolute;
left:0px;
top:0px;
width:900px;
height:200px;
text-align:left;
padding-top:50px;
padding-left: 25px;
z-index: 1000;
}
/* 3- main container with image/message and countdown
---------------------------------------------------*/
#container {
position:absolute;
left:0px;
top:150px;
width:900px;
height:320px;
background-repeat:no-repeat;
}
#ucimage {
position:absolute;
left:0px;
top:40px;
width:900px;
height:87px;
}
#uctext {
position:absolute;
left:0px;
top:100px;
width:900px;
height:43px;
}
#uccounter {
position:absolute;
left:0px;
top:150px;
width:900px;
height:190px;
}
.countdown_section {
display: block;
float:left;
text-align:center;
font-weight:normal;
color: #666666;
font-size:12px;
width: 144px;
padding-top:10px;
line-height:inherit;
}
.countdown_amount {
font-size:90px;
color: #ffffff;
line-height: 109px;
}
#overlay {
position:absolute;
left:25px;
top:74px;
width:865px;
height:148px;
background-image: url('../images/flipoverlay.png');
background-repeat:repeat-x;
}
#overlay_2 {
position:absolute;
top:190px;
width:865px;
height:150px;
text-align: left;
padding-left: 25px;
}
#defaultCountdown {
position:absolute;
left:25px;
top:0px;
width:865px;
height:148px;
background-image: url('../images/flipbg.png');
background-repeat:repeat-x;
}
/* 4- footer with twitter and subscribe form
---------------------------------------------------*/
#footer {
position:absolute;
left:0px;
top:434px;
width:771px;
height:65px;
background-image:url('../images/footer.png');
background-repeat:no-repeat
}
#tweet {
position:absolute;
top:2px;
left:0px;
width:550px;
height:65px;
padding:5px;
text-align:left;
font-size:14px;
color:#FFF;
vertical-align:middle;
}
ul#tweet {
margin:0px;
}
#tweet li {
padding-top:3px;
padding-left: 0px;
list-style:none;
}
p#loadingtwitter {
padding-left:40px;
}
#subscribe {
position:absolute;
padding-top:0px;
right:8px;
width:200px;
height:65px;
text-align:right;
top: 0px;
}
#note {
height:8px;
}
.textbox {
padding:4px;
border:1px solid #CCCCCC;
width:130px;
height:18px;
vertical-align:middle;
}
.button {
padding-right:5px;
vertical-align:middle;
}
ul#cc {
padding:0px;
position:absolute;
top:2px;
right:0px;
width:200px;
text-align:right;
list-style:none;
vertical-align:middle;
}
.notification_error
{
height: auto;
width: 90%;
padding: 0px;
text-align: left;
color:#fff;
font-size:10px;
}
.notification_ok
{
height: auto;
width: 100%;
padding-top: 10px;
padding-right: 10px;
text-align: right;
color: #FFF;
font-size:14px;
}
.statistics {width: 771px;margin-right: auto;margin-left: auto;height: 15px;font-family: Verdana;font-size: 11px;color: #2B2B2B;text-align: right;}
.statistics a { color:#2B2B2B; text-decoration:none;}
.statistics a:hover {text-decoration:none;}