/*===================================//
//  project : Skizzenblog            //	 
//  page    : content css            //
//  version : 0.1                    //
//  date    : 12.02.2009	           //
//===================================*/


#archive
{
    left: 457px;
    position: absolute;
    top: 627px;
}
#archiveSketches
{
    height: 597px;
    margin: 21px 0 0 0;
    overflow: auto;
    padding: 14px;
    width: 887px;
}
.archiveEntry
{
    color: #444;
    float: left;
    margin: 4px 7px 4px 7px;
    width: 257px;
}
.archiveEntry div
{
    float: left;
}
.archiveEntry .date
{
    color: #ddd;
    display: block;
    font-size: .82em;
    line-height: 1.47em;
    margin: 0 0 7px 0;
}
.archiveEntry .author
{
    color: #ccc;
    display: block;
    font-size: .85em;
    font-style: italic;
    line-height: 1.3em;
}
.archivePic
{
    border: 0;
    max-width: 60px;
    margin: 4px 7px 4px 1px
}
.archiveTitle
{
    line-height: 1.57em;
}
.bem
{
    font-size: .87em;
    margin: 7px 0 0 14px;
}
.button
{
    border: 0;
}
.cAuthor
{
    display: block;
    font-size: .84em;
    font-style: italic;
    line-height: 1.47em;
}
.centered
{
    display: block;
    text-align: center;
}
.comment
{
    border-bottom: 1px dotted #eee;
    height: 43px;
    padding: 4px 0 4px 0;
    width: 187px;
}
#comments
{
    background: url(images/comments_bg.gif) repeat-y;
    font-size: .87em;
    height: 289px;
    margin: 0;
    padding: 4px 2px 11px 10px;
    width: 212px;
}
.comPic
{
    border: 1px solid black;
    margin: 2px 0 7px 21px;
    width: 207px;
}
#cont
{
    margin: 0px 250px 0px 0px;
}
#editor
{
    float: left;
    margin: 24px 0 0 0;
    width: 770px;    
}
.hint
{
    color: red;
    display: block;
    font-size: .77em;
}
#left
{
    float: left;
    margin: 21px 0 0 0;
    width: 630px;
}
#newSketch
{
    position: absolute;
    left: 457px;
    top: -37px;
}
#original
{
    background: url(images/original_bg.gif);
    font-size: .87em;
    height: 50px;
}
#right
{
    float: left;
    height: 470px;
    margin: 20px 0 0 0;
    padding: 25px 0 0 0;
    width: 212px;
}
.sketch
{
    border: 1px solid #000;
    margin: 0 4px 0 4px;
}
#sketches
{
    font-size: .9em;
    left: 50%;
    margin: 0 0 0 -437px;
    padding: 0 0 34px 0;
    position: absolute;
    top: 670px;
    width: 100%;
}
.thumb
{
    border: 0;
    float: left;
    height: 37px;
    margin: 7px 7px 4px 5px;
    width: 44px;
}
#title
{
    font-size: .87em;
    line-height: 2em;
    margin: 0 0 0 10px;
}
#upload
{
    background: url(images/upload_bg.gif);
    float: left;
    height: 136px;
    margin: 52px 0 0 14px;
    width: 217px;
}
#upload #form
{
    margin: 44px 14px 0 21px;
    width: 110px;
}
#upload #form input
{
    margin: 4px 0 4px 0;
}

/* ############################### */

a.cLink
{
    color: #eee;
    font-size: .97em;
    line-height: 2em;
    text-decoration: none;
}
a.cLink:hover
{
    color: #777;
}
a.archiveTitle
{
    color: #ddd;
    font-size: 1em;
    text-decoration: none;
}
a.archiveTitle:hover
{
    color: #fff;
    text-decoration: underline;
}