/*--- Page Layout ---*/

body 
{
    margin: 0px;
    padding: 0px;
    background-color: #FFFCF0;
}

#container
{
    width: 980px;
    margin: 0px auto;
    }

#header
{
    height: 185px;
    background-image: url(images/nav/header.jpg);
    background-repeat:no-repeat;
    }

/*--- Menu Formatting/rollover ---*/
 
#links
{
    width: 392px;
    height: 75px;
    position: relative;
    top: 52px;
    left: 173px;
    background-image: url(images/nav/links.gif);
    background-repeat:no-repeat;
    margin: 0px;
    padding: 0px;
    
   
    }

#links li
{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    display: block;
    position: relative;
    height: 75px;
    
    }
    
#links a
{
   display: block; text-indent: -9999px; text-decoration: none; 
    }
    
#home a {height: 30px; margin-top: 0px;}
#contents a {height: 34px; margin-top: 15px;}
#reviews a {height: 29px; margin-top: 34px;}
#author a {height: 25px; margin-top: 46px;}
#blog a {height: 23px; margin-top: 54px;}
#thedevice a {height: 23px; margin-top: 54px;}
#contact a {height: 23px; margin-top: 54px;}

#home a:hover { background: url(images/nav/links.gif) no-repeat -0px -75px;}
#contents a:hover { background: url(images/nav/links.gif) no-repeat -46px -90px;}
#reviews a:hover { background: url(images/nav/links.gif) no-repeat -107px -109px;}
#author a:hover { background: url(images/nav/links.gif) no-repeat -167px -121px;}
#blog a:hover { background: url(images/nav/links.gif) no-repeat -219px -129px;}
#thedevice a:hover { background: url(images/nav/links.gif) no-repeat -258px -129px;}
#contact a:hover { background: url(images/nav/links.gif) no-repeat -337px -129px;}

#home {width: 46px; z-index: 40;}
#contents {width: 61px;}
#reviews {width: 60px;}
#author {width: 52px;}
#blog {width: 39px;}
#thedevice {width: 79px;}
#contact {width: 55px;}

    
#content
{
    margin: 10px 210px 0px 0px;
    padding: 0px 1em 2em 1em;
    min-height: 400px;
    height: auto;
    }
    
#sidebar
{
    margin: 0px;
    float: right;
    width: 200px;
    height: auto;
    }
    
#footer
{
    clear: both;
    height: 85px;
    background-image: url(images/nav/footer.jpg);
    background-repeat:no-repeat;
    padding: 9px 30px 0px 30px;
    text-align: right;
    color: #ffffff;
    }
    
#footer a
{
    color: #ffffff;
    float: left;
    }
    
#footer a:hover
{
    color: #990000;
    }
    
    
.subArticle
{
    float:left;
    width: 50%;

    }