/*#main_body {
    flex-wrap: wrap;
}

#journal_welcome {
    flex-basis: 100%;
}
*/
/*#journal_section {
    width: 63%;
}*/

/*#journal_aside {  
    margin-left: 2%;
    width: 35%;
}*/

/*UNUSED????
 * .journal_entry {
    margin: 2em 0em;
    text-align: center;
}

.journal_entry img {
    border: 5px solid thistle;
    margin: 1em 0em;
    width: 60%;
}

.journal_iframe {
    background-color: rgba(0, 0, 0, 0.5);
	border: 5px solid thistle;
    display: block;
	margin: 1em;
	padding: 0.5em;
}*/

/*.navbox {
    height:400px;
    width:100%;
    border:1px solid #ccc;
    overflow:auto;
}

.navbox li {
    font-size: 0.9em;
    margin: 7px 0px;
}

.navbox a {
    color: white;
    text-decoration: none;
    text-wrap:wrap;
}

.navbox a:hover {
    color: pink;
}*/






/*BASE STYLES*/
#main_body {
    flex-wrap: wrap;
}


/* Styles for entry content containers */

#main_content_container {
    display: flex;
    margin: 1em auto;
}

#entry_selection {
    background-image: url("/Media/Website_Images/vintage_paper_background.jpg");
    background-size: 100%;
    border: 5px solid orchid;
    width: 63%;
}

#js-content {
    height: 1000px;
    overflow: auto;
    padding: 1.5em;
}

/* 
 * Styles for individual entry pages. 
 * These styles are applied only when content is loaded through js-content. 
 * */

.entry_header {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.entry_image {
    border: 5px solid thistle;
    width: 46%;
}

.entry_info {
    height: 300px;
    width: 50%;
    margin-left: 2%;
}

.date_author {
    flex-basis: 100%;
}







/*#journal_welcome {
    flex-basis: 100%;
}
*/



/*SIDEBAR*/
/*#journal_aside {  
    margin-left: 2%;
    width: 35%;
}*/

#entry_sidebar {
    margin-left: 2%;
    width: 35%;
}

.navbox {
    height:400px;
    width:100%;
    border:1px solid #ccc;
    overflow:auto;
}

.navbox li {
    font-size: 0.9em;
    margin: 7px 0px;
}

.navbox a {
    color: white;
    text-decoration: none;
    text-wrap:wrap;
}

.navbox a:hover {
    color: pink;
}








