.de {
 padding-bottom: 10px;
 padding-left: 10px;
}

.de .show {
 width: 290px;
 position: relative; /* from this relative position depends the absolute position of notes */
}

.de .new {
 font-size: 16px;
 font-weight: bold;
}

.de .show, .de .show a, .de .form input, .de .form textarea {
 text-decoration: none;
 font-size: 11px;
 font-family: Verdana;
 color: #746075
}

.de .notes, .de .notes a {
 font-size: 11px;
 font-family: Verdana;
 color: red;
 width: 300px;
}

.de div.notes {
 top: 0px;
 left: 290px;
 position: absolute;
}
.de .form textarea {
 width: 310px;
}

.de .quote {
}

.de .text {
 display: inline;
}

.de .link {
 display: inline;
}

.de .link a {
 text-decoration: underline;
}

.de .schedule, .de .ready, .de .delete, .de .preview { 
 display: inline;
 font-size: 11px;
 font-family: Verdana;
 color: Blue;
 margin-right: 2px;
}

.de .delete a, .de .new a, .de .preview a {
text-decoration: underline;
color: Blue;
}

.de .archives a {
float: right;
padding: 5px;
text-decoration: underline;
color: #ac9aad;
}

#de_archive #calendar {
/*position: fixed;*/
float:right;
right: 0;
top: 0;
padding: 10px;
padding-top: 0px;
z-index: 5;
}

#de_archive > .month {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}

#de_archive .day {
font-size: 15px;
font-weight: bold;
}

#de_archive .year{
font-weight: bold;
}