body {
background:#ddd;
color:#222;
font:14px Helvetica, sans-serif;
padding:0;
}
body, #Logo,#Navigation ul, #Navigation li, h1, h2 {margin: 0;}

.span-24 #Navigation.span-7 {
clear:left;
width:auto;
}

#Logo {
background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
border-bottom:1px solid #666;
font:20px Helvetica, sans-serif;
text-align:center;
text-shadow:0 1px 0 #fff;

}

#Logo a, #Logo a:visited { 
color: #333; 
display:block;
text-decoration: none; 
margin-left:70px;
}
#Header { position:relative; }

#Header ul.hide { display:none;}

#Header .leftButton { 
background: #ddd;
position:absolute;
top: 6px !important;
left:6px;
height:30px;
line-height:30px;
margin: 0;
width: 50px;
text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
text-align:center;
color:#fff;
}

#Header div.pressed {
   background:#ccc;
}

#Main, #Footer, #Logo,  #Navigation li a {
padding:10px;
}

#Navigation { margin:10px;}

ul {
    list-style: none;
    margin: 10px;
    padding: 0;
}

#Navigation ul li a {
    background-color: #FFF;
    border: 1px solid #999;
    color: #222;
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: -1px;
    padding: 12px 10px;
    text-decoration: none;
}

#Navigation ul li:first-child a {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}
#Navigation ul li:last-child a {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

#Navigation ul li a:active,#Navigation ul li a:hover {
    background-color:#039;
    color:#fff;
}

#Tweets li { 
display:block; 
clear:left; 
list-style:disc;
margin:1em 0 0 0;
}

#content {
    padding: 10px;
    text-shadow: 0px 1px 0px #fff;
}
#content a {
    color: #039;
}

#progress {
position:absolute;
top:25%;
left:45%;
width: 200px;
background: rgba(0,0,0,.7);
color:#fff;
font-weight:700;
font-size:18px;
-webkit-border-radius:10px;
height:85px;
text-align:center;
line-height:85px;
}