body {
margin-top:0px;
margin-left:0px;
padding:0;
}

div#background {
width:320px;
min-height:480px;
padding:0px;

}

.header img, .sub img {
width:18px;
height:18px;
vertical-align:top;
}

.sub img {
margin-left:-22px;
padding-right:4px;
vertical-align:middle;
}

.arrow {
float:right;
width:15px;
height:15px;
margin-right:5px;
background-repeat:no-repeat;
}

.container.empty .arrow {
visibility:hidden;
}

.header.sub1 .arrow {
margin-right:-3px;
-webkit-opacity:0.8;
}

.header.sub2 .arrow {
margin-right:3px;
-webkit-opacity:0.6;
}

.header {
height:18px;
line-height:18px;
font-size:12px;
color:white;
padding-top:2px;
font-weight:bold;
padding-left:10px;
background-image:url(../images/bar.png);
background-repeat:no-repeat;
clear:both;
text-shadow: rgba(0, 0, 0, 0.75) 0px -1px 1px !important;
}

.header.sub1, .header.sub2 {
font-weight:normal;
text-align:left;
padding-left:15px;
padding-right:15px;
background-image:url(../images/bar2.png);
}

.header.sub2 {
background-image:url(../images/bar3.png);
padding-left:0px;
}

.header.expanded .arrow {
background-image:url(../images/arrow_e.png);
}

.header.collapsed .arrow {
background-image:url(../images/arrow_c.png);
}

.header span, .sub {
background-repeat:no-repeat;
background-position:left center;
}

.container {
color:white;
overflow:hidden;
}

.header + div, #bottom {
background-image:url(../images/shadow.png);
background-repeat:no-repeat;
}

.header + div div:first-child .header.sub1 {
background-image:url(../images/bar2s.png);
}

.header.sub1 + div div div:first-child .header.sub2 {
background-image:url(../images/bar3s.png);
}

#bottom {
height:17px;
}

div.sub {
padding:1px 27px;
background-color:rgba(0, 0, 0, 0.25);
min-height:40px;
margin-left: -15px;
width: 320px;
text-align:left;
}

#Clock #time {
float:right;
padding-right:1px;
margin-top:-1px;
}

#Clock #date {
float:left;
padding-left:-5px;
font-weight:normal;
}

#Clock.big .header {
background-image:url(../images/bigbar.png);
height:38px;
}

#Clock.big .arrow {
margin-top:11px;
}

#Month {
text-align:center;
margin-top:5px;
}

#weather_timestamp {
font-weight:normal;
}

#weather_timestamp.refresh {
padding-right:20px !important;
background-image:url(../images/refresh.png);
background-position:right center;
}

.weather #weather_timestamp {
float:right;
padding-right:8px;
}

#Weather .header.weather {
padding-top:1px;
text-align:left;
padding-left:10px;
color:#87CEFF;
font-size:11px;
}

#Weather .temp {
padding-left:5px;
margin-top: -3px;

}

#Weather .city {
padding-left:2px;
font-size:12px;
}

#Weather .forecast {
padding:0 15px;
}

#Weather .forecast table {
width:100%;
}

#Weather .forecast td {
vertical-align:top;
text-align:center;
}

#Weather .forecast img {
padding:0;
margin:0;
float:none;
}

.capitalize{
text-transform:capitalize;
}

.marquee
{
white-space: nowrap; overflow: hidden;
overflow-x:-webkit-marquee;
-webkit-marquee-direction: backwards;
-webkit-marquee-style: alternate;
-webkit-marquee-speed: normal;
-webkit-marquee-increment: small;
-webkit-marquee-repetition: 4;
margin-top:80px;
}

