/* Imports
******************************************/
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Raleway);

html, body {width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px;}
a {text-decoration: none; color: #1a75d2;}

#wrapper {width: 100%; margin: auto; max-width: 750px; position: relative;}
#wrapperPadding {padding: 10px;}
#innerWrapper {width: 100%; margin: auto;}
#header {width: 100%; padding: 10px 0 10px 0; display: block; overflow: auto; border-bottom: 3px solid #1a75d2; position: fixed; background: #444444; z-index: 8;}
#header #logo {width: 75%; max-width: 550px; display: inline-block; vertical-align: middle;}
#header #menuButton {width: 11%; margin: 5px 15px 0px 10px; max-width: 80px; display: inline-block; vertical-align: middle; margin-left: 10px;}

.innerWrapper {width: 100%; max-width: 750px; margin: auto;}

.article {width: 100%; margin-bottom: 10px; display: block;}
h1 {font-size: 2.5em; font-family: "Oswald"; color: #444444; margin: 5px 0 5px 0;}
h2 {font-size: 2em; font-family: "Oswald"; color: #444444; margin: 5px 0 5px 0;}
.article p {font-family: "Raleway"; width: 100%; max-width: 750px;}
.article span {font-family: "Raleway"; display: block; width: 100%; padding: 4px 0 12px 0; color: #444444; font-size: 14px;}
.article img.main {width: 100%; box-shadow: 0px 0px 5px 1px #666666;}

#menuPopout {width: 70%; background: #252525; height: 100%; position: fixed; left: -70%; z-index: 10; max-width: 500px;}
#menuPopout .padding {padding: 15px;}
#menuPopout a {color: white; padding: 15px; display: block; font-size: 1.5em; border-bottom: 1px solid #CCCCCC; font-family: "Oswald";}
#menuPopout a:last-of-type {border-bottom: 0px;}

#menuPopoutCancel {z-index: 9;width: 100%;height: 100%;position: fixed;left: -100%;}

.wordwrap { 
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#loadMoreButton {width: 100%; text-align: center; padding: 10px; font-size: 18px; font-weight: bold; font-family: "Oswald"; color: #444444;}