/*================================================================
LAYOUT stylesheet for the website.

Define layout and backgrounds for:
  - Body
  - Wrapper
  - Header
  - Sidebar
  - Content
  - Footer
  ( Navigation is defined in nav.css )
  
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
  
================================================================*/


/* BODY 
----------------------------------------------------------------*/
body 
{
    background: #ededed;   
}


/* WRAPPER
----------------------------------------------------------------*/
#wrapper 
{
    background: #ffffff;
    width: 840px;
    margin: 0 auto 0 auto;
    clear: both;
    border-left: solid 1px #ababab;
    border-right: solid 1px #ababab;
    overflow: hidden;
}

/* HEADER
----------------------------------------------------------------*/

#banner
{
    float: left;
    height: 100px;
    width: 840px;
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    background: #dddddd;
}

#navbar
{
    margin: 0 0 10px 0;
    float: left;
    width: 840px;
    background: #174b5f;
}


/* SIDEBAR
----------------------------------------------------------------*/
#sidebar 
{
    width: 200px;
    margin: 0 10px 0 10px;
    float: left;
    background: #ffffff;
}

/* ADCOLUMN
----------------------------------------------------------------*/
#adcolumn
{
    width: 120px;
    margin: 0 10px 0 10px;
    /* background: #00ff00;*/
    float: right;
    background: #ffffff;
}


/* CONTENT
----------------------------------------------------------------*/
#content 
{
    width: 470px;
    margin: 0 10px 0 10px;
    text-align: left;
    float: left;
    background: #ffffff;
}

/* Article Content
----------------------------------------------------------------*/
.articleseparator
{
    width: 470px;
    margin: 0 0 20px 0;
    border-bottom: dotted 1px #000000;
}

.articletitle
{
    background: #dddddd;
    padding: 0 0 0 10px;
    width: 460px;
}

.articleauthor
{
    padding: 0 0 0 10px;
}

.articleentry
{
    padding: 0 0 0 10px;
    width: 470px;
}

.articlefooter p
{
     float: left;
     text-align: left;
}

.articlefooter h3
{
     text-align: left;
}

.articlefooter 
{
    padding: 0 0 0 10px;
    width: 460px;
    text-align: right;
}

.commentauthor
{
    padding: 0 0 0 10px;
}

.commentdate
{
    padding: 0 0 0 10px;
    text-align: right;

}

.commentdate p
{
     float: left;
     text-align: left;
}

#commententry
{
    padding: 0 0 50px 0;
    margin: 0 0 0 5px;
}

#commententry p
{
    margin: 0 0 0 5px;
}

    
/* FOOTER
----------------------------------------------------------------*/
#footer 
{
    background: #ababab;
    height: 20px;
    width: 840px;
}