﻿body
{
    margin: 0px;
    padding: 0px 0px 60px;
    background-color: #fbfbfb;
    font-family: "Palatino Linotype", "Times New Roman", "Times";
}

input
{
    font-family: "Palatino Linotype", "Times New Roman", "Times";
}

textarea
{
    font-family: "Palatino Linotype", "Times New Roman", "Times";
    overflow: hidden;
}

a
{
    color: #38c;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

/* layout */
div#header
{
    height: 100px;
    margin: 0px 0px 10px;
    background-color: #e4e4e4;
    border-bottom: 1px Solid #ccc;
    overflow: auto;
}

    div#header>a
    {
        float: left;
    }

    div#header>div#menu
    {
        margin: 27px 10px;
        float: right;
        text-align: right;
        color: #aaa;
    }

div#content
{
    margin: 10px;
    margin-bottom: 60px;
}

div#footer
{
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 80px;
    padding: 10px;
    border-top: 1px solid #111;
    background-color: #444;
    color: #eee;
}

/* specific */

    h1
    {
        margin-bottom: 0px;
    }

    div.PagingLinks
    {
        border-bottom: 1px Solid #555;
        text-transform: uppercase;
        font-size: .8em;
        text-align: right;
        padding: 0px 5px 0px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    
    div.PagingLinks a
    {
        color: #555;
    }
    
    div.entry
    {
        margin-bottom: 4px;
    }
    
    div.entry span.date
    {
        font-size: .8em;
        color: #555;
    }

/* Sign In Control Container */
    div#SignInControlContainer>h4
    {
        margin-top: 1px;
        margin-bottom: 0px;
    }

    div#SignInControlContainer>input
    {
        display: block;
        float: left;
        margin-right: 10px;
    }

    div#SignInControlContainer>input.button
    {
        float: none;
        display: block;
        border: 1px Solid #666;
        background-color: #444;
        color: #fff;
    }

    div#SignInControlContainer>p
    {
        margin: 0px 10px;
        float: left;
    }

    div#SignInControlContainer>span
    {
        margin-top: 5px;
        margin-left: 10px;
    }
    
/* Add Entry Container */
    div#AddEntryContainer>div
    {
        height: 100px;
        float: left;
        margin-right: 20px;
    }
    
    div#AddEntryContainer>div.center
    {
        padding-top: 10px;
        font-size: 2.5em;
    }
    
    div#AddEntryContainer>div.center>a
    {
        position: relative;
        top: -3px;
        font-size: .5em;
        color: #fff;
        border-bottom: dashed 1px #eee;
    }
    
    div#AddEntryContainer h4
    {
        margin-top: 1px;
        margin-bottom: 0px;
    }
    
    div#AddEntryContainer h4>em
    {
        color: #bbb;
        font-size: .8em;
    }
    
/* New Entry Box */
    div.messageInput
    {
        border: 1px solid #000;
        background-color: #999;
        position: relative;
        width: 300px;
        height: 60px;
    }
    
    div.messageInput>textarea
    {
        background-color: Transparent;
        border: none;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 300px;
        height: 60px;
    }
    
    div.messageInput>div#messageLimit
    {
        position: absolute;
        right: 0px;
        bottom: -10px;
        font-size: 2.6em;
        font-weight: bold;
        color: #bbb;
    }