#all {
   
    background-repeat: no-repeat;
    width: 816px;
    height: 544px;
    margin-left: auto;
    margin-right: auto;
}

#all img:hover {
   border-color: #592221;
}

#top {
    float: left;
    width: 816px;
    height: 180px;
    margin-left: auto;
    margin-right: auto; 
    clear: both;
}

#topGiaever {
    float: left;
    width: 816px;
    height: 115px;
    margin-left: auto;
    margin-right: auto; 
    clear: both;
}

#homeLeft {
    float: left;
    width: 201px;
    height: 310px;
    margin-left: 12px;
    margin-top: 10px;
    color: #ffffff;
    clear: left;
}

#homeMiddle {
    float: left;
    width: 378px;
    height: 320px;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 10px;
    color: #ffffff;
}

#homeRight {
    float: left;
    width: 201px;
    height: 310px;
    margin-top: 10px;
    border-color: #ffffff;
}

#homeBottom {
    float: left;
    width: 565px;
    height: 58px;
    clear: both;
    font: inherit;
    color:#ffffff;
}

#homeSocial {
    float: left;
    width: 810px;
    height: 32px;
    font: inherit;
    color:#ffffff;
}

#copyright {
    float: left;
    width: 816px;
    height: 24px;
    clear: both;
    text-align: center;
    color: #ffffff;
}

#menu ul {
    margin-left: -28.8px;
}

#menu li {
    list-style-type: none;
    float: left;
    width: 97px;
    height: 34px;
    text-align: center;
    border-right: 1px solid #310f0f;
    border-left:1px solid #310f0f;
    border-bottom:1px solid #5a3f3f;
    font-size:12px;
    font-family: verdana;
    line-height:35px;
    cursor:pointer;
    background-color:#36322f;
}

#menu li:hover {
    background-color:#592221;
}

#menu a:link {
    text-decoration: none;
    background-color:transparent;
}

#menu a:visited {
    text-decoration: none;
    background-color:transparent;
}

#menu a:active {
    background-color:#5a3f3f;
    
}

#storyMiddle {
    float: left;
    width: 790px;
    height: 34px;
    font-family:verdana;
    font-size: 21px;
    color: #ffffff;
    clear: both;
    display: inline;
    margin-left: 0px;
    margin-top: -30px;
}

#storyBottom {
    float: left;
    width: 773px;
    height: 310px;
    font-size: 13px verdana;
    font-weight: lighter;
    text-align: left;
    padding-right: 10px;
    color: #ffffff;
    clear: both;
    margin-left: 17px;
    margin-top: 15px;
    text-align: justify;
}

#trilogyMiddle {
    float: left;
    width: 773px;
    height: 339px;
    font-family:verdana;
    font-size: 13px;
    font-size:small;
    font:x-small;
    font-weight: lighter;
    text-align: left;
    overflow: auto;
    padding-right: 10px;
    color: #ffffff;
    clear: both;
    margin-left: 17px;
    margin-top: -13px;
    text-align: justify;
}

#authorLeft {
    float: left;
    width: 545px;
    height: 340px;
    font-family:verdana;
    font-size: 13px;
    font-size:small;
    font:x-small;
    font-weight: lighter;
    text-align: left;
    color: #ffffff;
    margin-left: 17px;
    margin-top: -10px;
    text-align: justify;
}

#authorRight {
    float: left;
    width: 225px;
    height: 340px;
    margin-left: 15px;
    margin-top: 5px;
    font-size:small;
    font:x-small;
    font-weight: lighter;
    text-align: center;
    color: #ffffff;
}

#evolutionMiddle {
    float: left;
    width: 773px;
    height: 339px; 
    font:13px verdana;
    font-weight: lighter;
    text-align: left;
    overflow: auto;
    padding-right: 10px;
    color:#ffffff;
    clear: both;
    margin-left: 17px;
    text-align: justify;
}

#readitMiddle {
    float: left;
    width: 773px;
    height: 340px;
    clear: both;
    margin-left: 17px;
}

#readitSelectMiddle {
    float: left;
    width: 700px;
    height: 440px;
    clear: both;
    margin-left: 47px;
}



#readitMiddleGiaever {
    float: left;
    width: 773px;
    height: 405px;
    clear: both;
    margin-left: 17px;
}

#referencesMiddle {
    float: left;
    width: 773px;
    height: 51px; 
    font:13px verdana;
    font-weight: lighter;
    text-align: justify;
    color:#ffffff;
    clear: both;
    margin-top: -20px;
    margin-left: 22px;
}

#referencesBottom {
    float: left;
    width: 782px;
    height: 281px;
    clear: both;
    margin-top: 20px;
    margin-left: 18px;
}

#inspirationMiddle {
    float: left;
    width: 773px;
    height: 51px; 
    font:13px verdana;
    font-weight: lighter;
    text-align: justify;
    color:#ffffff;
    clear: both;
    margin-left: 17px;
    margin-top: -15px;
}

#inspirationBottom {
    float: left;
    width: 773px;
    height: 289px; 
    font:13px verdana;
    font-weight: lighter;
    text-align: left;
    overflow: auto;
    padding-right: 10px;
    color:#ffffff;
    clear: both;
    margin-left: 17px;
    margin-top: 13px;
}

#interviewMiddle {
    float: left;
    width: 773px;
    height: 340px;
    clear: both;
    margin-left: 17px;
}

#buyitMiddle {
    float: left;
    width: 782px;
    height: 133px;
    font:14px verdana;
    font-weight: lighter;
    color:#ffffff;
    text-align: left;
    clear: both;
    margin-left: 47px;
    margin-top: -4px;
}

#buyitMid2 {
    float: left;
    width: 782px;
    height: 10px;
    font:14px verdana;
    font-weight: lighter;
    color:#ffff00;
    text-align: center;
    clear: both;    
    margin-top: 15px;
}

#buyitBottom {
    float: left;
    width: 782px;
    height: 133px;
    font:14px verdana;
    font-weight: lighter;
    color:#ffffff;
    text-align: left;
    clear: both;
    margin-left: 137px;
    margin-top:0px;
}

#buyitBottom img:hover {
    border-color: #bb40a3;
}


#newsMiddle {
    float: left;
    width: 782px;
    height: 195px;
    font:13px verdana;
    font-weight: lighter;
    color:#ffffff;
    text-align: left;
    clear: both;
    margin-left: 17px;
    margin-top: -20px;
}

#newsBottom {
    float: left;
    width: 782px;
    height: 161px;
    font:13px verdana;
    font-weight: lighter;
    color:#ffffff;
    text-align: left;
    clear: both;
    margin-left: 17px;
    margin-top: 0px;
}

#debateitMiddle {
    float: left;
    width: 782px;
    height: 195px;
    font:13px verdana;
    font-weight: lighter;
    color:#ffffff;
    text-align: left;
    clear: both;
    margin-left: 17px;
    margin-top: -20px;
}

#debateitBottom {
    float: left;
    width: 782px;
    height: 161px;
    font:13px verdana;
    font-weight: lighter;
    color:#ffffff;
    text-align: left;
    clear: both;
    margin-left: 17px;
    margin-top: 0px;
}

#scrolledAll {
    width: 816px;
    height: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#scrolledAll img:hover {
    border-color: #592221;
}

#scrolledTopLeft {
    float: left;
    width: 230px;
    height: 230px;
    color: #ffffff;
    clear: left;
    margin: 10px;
    margin-right: auto;
    color: transparent;
    margin-left: 20px;
}

#scrolledTopMiddle {
    float: left;
    width: 230px;
    height: 230px;
    color: #ffffff;
    margin: 10px;
    margin-left: 40px;
    margin-right: auto;
}

#scrolledTopRight {
    float: left;
    width: 230px;
    height: 230px;
    color: #ffffff;
    margin: 10px;
    margin-left: 40px;
    margin-right: auto;
}

#scrolledMiddleLeft {
    float: left;
    width: 230px;
    height: 230px;
    color: #ffffff;
    clear: left;
    margin: 0px;
    margin-top: 15px;
    margin-left: 20px;
}

#scrolledMiddleMiddle {
    float: left;
    width: 230px;
    height: 230px;
    color: #ffffff;
    margin: 0px;
    margin-top: 15px;
    margin-left: 40px;
}

#scrolledMiddleRight {
    float: left;
    width: 230px;
    height: 230px;
    color: #ffffff;
    margin: 0px;
    margin-top: 15px;
    margin-left: 40px;
}

#legalAll {
    width: 816px;
    height: 60px;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -130px;
}

#legalAll img:hover {
    border-color: #592221;
}

#legalLeft {
    float: left;
    width: 180px;
    height: 150px;
    color: #ffffff;
    clear: left;
    font-size: 16px;
    margin: 0px;
    margin-top: 8px;
    margin-left: 80px;
    margin-right: auto;
}

#legalMiddle {
    float: left;
    width: 170px;
    height: 150px;
    color: #ffffff;
    font-size: 16px;
    margin: 0px;
    margin-top: 8px;
    margin-left: 90px;
    margin-right: auto;
}

#legalRight {
    float: left;
    width: 170px;
    height: 150px;
    color: #ffffff;
    font-size: 16px;
    margin: 0px;
    margin-top: 8px;
    margin-left: 95px;
    margin-right: auto;
}

#blogLeft {
    float: left;
    width: 320px;
    height: 1900px;
    color: #ffffff;
}

#blogRight {
    float: right;
    width: 425px;
    height: 1900px;
    color: #ffffff;
}
    
#blogComment1 {
    float: left;
    width: 800px;
    height: 500px;
    clear: both;
}