/* */
body {
    margin: 5px;
}

a {
    text-decoration: none;
    color: #339900;
}

a:visited {
    text-decoration: none;
    color: #339900;
}

span.date {
    float: right;
}

.header {
    border-bottom: 1px #ddd solid; 
    margin-bottom: 10px;
    margin-top: 10px;
}

.footer {
    border-top: 1px #ddd solid; 
    margin-top: 10px;    
}

.header-logo {
    width: 50px;
    float: left;
    padding-right: 5px;
}

.navigation {
    margin-bottom: 5px;
    border-bottom: 1px #ddd solid;
}

.calendar {
    width:100%;
    background: #fff;

}
.calendar table {
    clear:both;
    width:80%;
    border-collapse:collapse;
    color:#333;
    margin-bottom: 10px;
}
.calendar td {
    text-align:center;
    vertical-align:middle;
    width: 7% ;
    font-size:0.6em;
    padding: 10px;
}
.calendar td.not-current {
    color:#ccc;
}
.calendar td.normal {
    color: #999;
}
.calendar td.today {
    font-weight:700;
    color:#333;
    font-size:1.1em;
    background-color: #ddd;
}
.calendar thead td {
    border:none;
    color:#333;
    text-transform:uppercase;
    font-size:0.8em;
}

#sidebar {
}

#nav {
    margin: 0 0 10px 10px;
}
#nav ul {
    margin-bottom: 0;
}
#nav ul li {
    display: inline;
    margin-right: 20px;
    margin-bottom: 0;
}

#nav a {
    text-decoration: none;
}

#nav a:hover {
    text-decoration: underline;
}

/* Larger than mobile */
@media (min-width: 400px) {
}

/* Larger than phablet */
@media (min-width: 550px) {
}

/* Larger than tablet */
@media (min-width: 750px) {
}

/* Larger than desktop */
@media (min-width: 1000px) {
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
}