/* Article Containers */

#ArticleDetails
{
    position            : absolute;
    left                : 0.9%;
    top                 : 74.7%;
    width               : 60%;
    height              : 23.1%;
}

#ArticleHeadline
{
    position            : absolute;
    left                : 4%;
    top                 : 0%;
    width               : 85%;
    font-size           : 90%;
    font-weight         : bold;
    vertical-align      : middle;
    color               : #74828D;
    margin-top          : 0;
}

#ArticleDescription
{
    position            : absolute;
    left                : 4%;
    top                 : 5%;
    width               : 96%;
    height              : 10%;
    font-size           : 90%;
    font-weight         : normal;
    color               : #000000;
}

#ArticleDescription a
{
    color               : #000000;
}

#ArticleDate
{
    position            : absolute;
    left                : 4%;
    bottom              : 17%;
    width               : 96%;
    height              : 10%;
    font-size           : 90%;
    font-weight         : normal;
    color               : #74828D;
}

#ArticleAuthor
{
    position            : absolute;
    left                : 4%;
    bottom              : 6%;
    width               : 96%;
    height              : 10%;
    font-size           : 90%;
    font-weight         : normal;
    color               : #74828D;
}

/* Preview Containers */

#Articles
{
    position            : absolute;
    left                : 63.45%;
    top                 : 20.3%;
    width               : 39.4%;
    height              : 52.5%;
}

.Preview
{
    position            : relative;
    left                : 1.2%;
    top                 : 3.8%;
    width               : 85%;
    height              : 15.3%;
    background-color    : transparent;
    border              : 0px solid #000000;
}

.PreviewActive
{
    position            : relative;
    left                : 1.2%;
    width               : 98.4%;
    background-color    : #D1D1D1;
}

.PreviewActive:hover
{
    background-color    : #00FF00;
}

.PreviewImageMarker
{
    display             : none;
    position            : absolute;
    left                : -2%;
    bottom              : -2%;
    width               : 2.2%;
    height              : 102%;
    background-color    : #D1D1D1;
    z-index             : 9999;
}

.PreviewImageMarkerActive
{
    position            : absolute;
    left                : -2%;
    bottom              : -2%;
    width               : 2.2%;
    height              : 102%;
    background-color    : #AA1809;
    z-index             : 9999;
}

.PreviewImage
{
    position            : absolute;
    top                 : -5%;
    height              : 108%;
}

.PreviewHeadline
{
    position            : absolute;
    left                : 9%;
    top                 : -27%;
    width               : 80%;
    height              : 9%;
    color               : #FFFFFF;
    font-size           : 90%;
    font-weight         : bold;
}

.PreviewDescription
{
    position            : absolute;
    left                : 37%;
    margin-top          : -3%;
    width               : 67%;
    height              : 78%;
    font-size           : 90%;
    font-weight         : normal;
    border              : 0px solid #000000;
    color               : #000000;
}

.PreviewDate
{
    position            : absolute;
    left                : 35%;
    bottom              : 0%;
    width               : 67%;
    height              : 20%;
    font-size           : 90%;
    font-weight         : normal;
    border              : 0px solid #000000;
    color               : #000000;
}

.PreviewBorder
{
    position            : absolute;
    left                : 0%;
    top                 : 99.9%;
    width               : 100%;
    height              : 1px;
    background-image    : url("../Images/page.border.gif");
    background-repeat   : repeat-x;
}

.PreviewSpacer
{
    width               : 100%;
    height              : 7.25%;
    overflow            : hidden;
}
