/* Typography */

body {
 font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
 font-size: 11px;
}

h1 {
 display: block;
 font-size: 95px;
 color: #000;
 margin: 0;
}

h2 {
 border-bottom: 5px solid #000;
}

h3 {
 font-size: 15px;
 margin-bottom: 10px;
}

h1, h2, h3 {
 text-transform: uppercase;
}

p {
 text-align: justify;
}

a, a:active, a:focus, a:visited {
 outline: none;
 color: #444;
 text-decoration: none;
}

a:hover {
 outline: none;
 color: #F33;
}

#tooltip {
 font-size: 11px;
}

.current {
 font-size: 50px;
 margin-top: -20px;
 margin-bottom: 0;
}

#current-temperature {
 color: #F33;
}

#current-humidity {
 color: #5BF;
}

#current-rainfall {
 color: #5BF;
 text-transform: none;
}

.min {
 color: #3AF;
}

.max {
 color: #F33;
}

/* Layout */

body {
 margin-top: 25px;
}

.heading {
 margin-top: 25px;
}

#graph {
 height: 300px;
 margin-bottom: 5px;
}

.forecast {
 float: left;
 width: 186px;
 margin-right: 20px;
 margin-bottom: 20px;
}

.forecast-paragraph {
 margin-bottom: 5px;
}