div.logo {
    margin-left:auto; 
    margin-right:auto;
    text-align:center;
}

div.body
{
    display:table;
}


div
{
    display: block;
}

/* Left panel */
#left_panel
{
    display : table-cell;
    min-width : 20%;
    padding-left : 1em;
    padding-top : 2em;
    /* display : inline-block; */
    vertical-align: top;
}

#home_icon
{
    padding-left:4em;
}

#left_panel div#categories
{
    display : block;
    background-image: url('/static/images/denote_border.png');
    background-position: right;
    background-repeat:repeat-y;
    padding-right:20px;
}

#left_panel .edit_category
{
    display:none;
    visibility:hidden;
}

#left_panel div#categories div.name
{
    font-size : 1.5em;
    padding-top : 1em;
}

div#categories div.name img
{
    display:inline;
    padding-right:0.5em;
}

#left_panel div.note
{
    display : block;
    padding-top : 1em;
    padding-left: 1em;
}

#left_panel div#categories a
{
    color: black;
    text-decoration: none;
    font-weight: bold;
}

#left_panel .date, .summary
{
    color:gray;
    font-size: 0.8em;
    font-style: italic;
}

.summary
{
    color:black;
}

/* Main panel */
#main_panel
{
    padding-top : 2em;
    padding-left: 1em;
    display:table-cell;
    /* display : inline-block; */
    vertical-align: top;
}

#edit_profile
{
    font-size: 2em;
}

.settings
{
    float:right; clear:right;
    padding:1em;
}

#main_panel .note
{
    margin : 1em;
}

.note .title a
{
    color: black;
    text-decoration: none;
    font-size: 1em;
}

#main_panel .date, .summary
{
    color:gray;
    font-size: 1em;
    font-style: italic;
}

#form_delete
{
    display:inline;
}

#div_edit
{
    display:none;
    visibility:hidden;
}

#main_panel .note .title
{
    font-size:2em;
}

.edit_button
{
    text-align:right;
}