body {
background-color:#f60;
margin:0;
padding:0;
color:white;


}

#header {
position:relative;
width:100%;
height:2.5em;

background-color:red;

text-align:center;
}


#title {
position:absolute;
top:50%;
height:1em;
margin-top:-0.5em;

left:5%;

padding-bottom:0.25em;


}



textarea {
position:absolute;

margin:0;
padding:0.25em;
width:90%;
left:5%;
height:90%;



color:black;


z-index:10;
}

.save {
position:absolute;
top:0.25em;
right:5%;
}

.save button {
position:relative;
height:2em;
font-weight:bold;

font-size:1em;
}

.save button img {
margin-right:0.5em;

}


#status-message {
position:relative;
top:0.75em;
padding:0.25em;
background-color:#f60;
border:solid;
}


#status-message.error {
background-color:red;
border:solid;
}

#status-message.saved {
border:solid;

}



#notes-list {
margin:1em;
list-style-type:none;
}

#notes-list img {
position:relative;
top:3px;

}

#notes-list img:active {
position:relative;
top:5px;

}

#notes-list img:hover {
cursor:pointer;
}



.note_link a{
color:white;
}

.x a {
color:red;
background-color:black;
}

#new-note input {
margin:1em;
}