/*body{ width:900px; margin-left:auto; margin-right:auto; }*/ body{ margin:0; } a:link, a:visited, a:hover, a:active { color: #00f; text-decoration:none; } #page-header{ width:100%; text-align:center; padding:.5em 0 1em; margin-bottom:1em; border-bottom:1px solid #000; background:#fdf; } .title{ font-size:3em; } #title-1{ font-style:italic; color:#d00; } #title-2{ color:#00d; } #subtitle{ font-size:1.25em; } #timestamp{ margin:.5em 0 0 0; font-size:.8em; } #page-container{ width:900px; margin-left:auto; margin-right:auto; } #top-stories{ width:95%; display:block; overflow:auto; padding:10px; margin-left:auto; margin-right:auto; text-align:center; } .top-story{ display:inline-block; vertical-align:top; text-align:left; width:360px; height:322px; overflow:hidden; background:#fff; margin:10px; padding:10px; border:2px solid #ccc; } .top-stories-img{ width:350px; height:200px; overflow:hidden; background-size: cover; background-position: center center; margin:0 auto; } .top-stories-hed{ font-weight:bold; font-size:1.35em; margin:10px 10px 0; } .top-stories-desc{ font-size:1em; padding-top:.5em; margin:0 .75em; } #middle-stories{ clear:both; width:500px; margin:0 auto; padding:0; display:block; overflow:auto; float:left; } .middle-story{ margin:5px 10px; padding:10px; background:#fff; border:2px solid #ddd; width:460px; float:left; } .middle-stories-img{ width:150px; height:100px; overflow:hidden; background-size: cover; background-position: center center; float:left; } .middle-stories-hed{ font-size:1.2em; float:left; width:300px; margin-left:10px; } #bottom-stories{ margin:0 10px; padding:10px; display:block; overflow:auto; float:left; width:350px; border:5px solid #ddd; } .bottom-story{ padding:15px 0; } #sources{ clear:both; padding-top:4em; font-size:.8em; }