@charset "utf-8";
/* CSS Document */

/* Overwrites */
	html {}
	body {
		font-family: Arial, helvetica, serif; 
		font-size: 14px; 
		margin: 0px; 
		}
	a {color:#CC0000; text-decoration:none;}
	a:visited {color:#660000;}
	a:hover {color:#660000; text-decoration:underline;}
    p {font-size: 1.5rem; margin:0px;}
	img {max-width: 100%;}
	h1 {font-family: Georgia, times, serif; font-size: 3em; line-height: 1.2em;  padding-top: 2rem;}
	h2 {font-size: 2.5em; padding-top: 2rem; text-transform: uppercase;}
	h3 {font-size: 3em; font-family: 'Satisfy', cursive;}
	h4 {font-size: 1.5em; line-height: 2; margin: 2em 0;}
	
/* Global Styles */
	.links a {display: block; margin-bottom: .3em;}
	.content {background-color: #efe4da;}
	.content img {max-width: 100%;}
	.padder {padding: 10px;}
	.alignright {float:right; margin:0 0 10px 10px;}
	.left {text-align:left;}
	.right {text-align:right; padding-right: 4px;}
	.center {text-align:center;}
	.alignRight {display:block; float:right;}
	.alignLeft {display:block; float-left:right;}
	.clear {clear:both;}
	
	strong {font-weight: 700;}
	
/* Header */
	header {background-color: #f5ae2a; font-family: Georgia, times, serif; padding: 1rem;}
	header .archive {font-size: 1.2rem; font-style: italic;}
	header .title {font-size: 2.5rem;}
	header .city {font-size: 1.2rem; text-transform: uppercase; letter-spacing: .3em;}
		
/* Sections */
	.section {clear:both;}
	.section.nav  {background-color: #000;}
	.section.nav  a {color:white; font-family: Georgia, times, serif;}
	.section.white .container {background-color: white;}
	
/* Footer */
	.footer .container {padding: 2rem 0;}

/* Special Fonts */
    .title-das {text-transform: uppercase;}
    .title-fancy {text-transform: uppercase;}
	
/* Nav */
	.nav { }
	.nav a {display:inline-block; color: #000; padding: 10px 10px; text-transform:uppercase;}
	.nav a:hover {background-color: black; color:white;}
	
	.usernav {position:absolute; top: 10px; right: 10px; width: 200px;}
	.usernav a {background-color: black; border-radius: 4px; color:white; display:inline-block; float:right; margin-right: 1rem; padding: .3rem;}
	
/* General */
    .logo {padding: 80px 0 10px 0; text-align:center;}
    .badge {text-align:center;}
	.credit { font-size: 1rem; position: absolute; margin-left: 32%; margin-top: -35px; text-align: center; text-transform: uppercase; z-index: 100 !important;}
	.intro {}
	
/* Sponsors */
/*    .sponsors  {border-right: 1px solid gray; font-family: Georgia, times, serif; font-size: 1.2rem; letter-spacing: .2em; padding-top: 2rem; text-align:center; text-transform: uppercase;} */

    .sponsors  {font-family: Georgia, times, serif; font-size: 1.2rem; letter-spacing: .2em; padding-top: 2rem; text-align:center; text-transform: uppercase;}
/*    .sponsors img {display: block; margin: 1rem auto; text-align:center;} */
    .sponsors img {text-align:center;}
    .sponsor-list {border-bottom: 1px solid gray;}
	
	.newspaper-logo {background-color:white; border: 1px solid gray; padding: 10px; margin-top: 2rem;}
	.button.yellow {background-color: #f5ae2a; border: none; color:black; font-family: Georgia, times, serf; font-size: 3rem; font-weight:normal; height: 80px; letter-spacing: normal; text-transform: capitalize;}
	.button.yellow span {}
	.button.yellow:hover {color:white}
	
	.titlebox {background-color: #faf0b4; padding: 10px; margin: 10px;}
	.maincontent {text-align:center;}

/* Media Queries */
	.archive,
	.title,
	.city {text-align:center;}

	/* Larger than mobile */
	@media (min-width: 400px) {
	}

	/* Larger than phablet (also point when grid becomes active) */
	@media (min-width: 550px) {
	    .archive,
		.title,
		.city {text-align:left;}
		.maincontent {text-align:left;}
	}

	/* Larger than tablet */
	@media (min-width: 750px) {
	}

	/* Larger than desktop */
	@media (min-width: 1000px) {}

	/* Larger than Desktop HD */
	@media (min-width: 1200px) {}

/* Image display box */

	.displaybox img { max-width:100%; }