/*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:3px solid #BB133E;
    background:#002147;
}

.title{
    font-size:3em;
}

#title-1{
    font-style:italic;
    color:#fff;
}

#title-2{
    color:#fff;
}

#subtitle{
    font-size:1.25em;
    color:#ccc;
}

#timestamp{
    margin:.5em 0 0 0;
    font-size:.8em;
    color:#cc6;
}

#page-container{
    width:900px;
    margin-left:auto;
    margin-right:auto;
}

@media only screen and (max-width:900px){
    #page-container{
	width:100%
    }
}

#top-stories{
    width:95%;
    display:block;
    overflow:auto;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    border-bottom: 3px solid #BB133E;
    margin-bottom: 10px;
}

.row{
    display:flex;
}

.top-story{
    display:inline-block;
    vertical-align:top;
    text-align:left;
    width:360px;
    height:auto;
    overflow:hidden;
    background:#fff;
    margin:10px;
    padding:10px;
    border:2px solid #ccc;
    flex:1;
}

@media only screen and (max-width:500px){
    .top-story{
	display:block;
	width:auto;
	height:auto;
    }
}

.top-stories-img{
    width:350px;
    height:200px;
    overflow:hidden;
    background-size: cover;
    background-position: center center;
    margin:0 auto;
}

@media only screen and (max-width:500px){
    .top-stories-img{
	width: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;
}

@media only screen and (max-width:500px){
    #middle-stories{
	width:100%;
	float:none;
    }
}

.middle-story{
    margin:5px 10px;
    padding:10px;
    background:#fff;
    border:2px solid #ddd;
    width:460px;
    float:left;
}

@media only screen and (max-width:500px){
    .middle-story{
	width:auto;
    }
}

.middle-stories-img{
    width:150px;
    height:100px;
    overflow:hidden;
    background-size: cover;
    background-position: center center;
    float:left;
    max-width:35%;
}

.middle-stories-hed{
    font-size:1.2em;
    float:left;
    width:300px;
    margin-left:10px;
}

@media only screen and (max-width:500px){
    .middle-stories-hed{
	max-width:60%;
    }
}

#bottom-stories{
    margin:0 10px;
    padding:10px;
    display:block;
    overflow:auto;
    float:left;
    width:350px;
    border:5px solid #ddd;
}

@media only screen and (max-width:900px){
    #bottom-stories{
	width:auto;
	border-width:3px;
	float:none;
    }
}

.bottom-story{
    padding:15px 0;
}

#sources{
    clear:both;
    padding-top:4em;
    font-size:.8em;
}