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

/* Styles written by Jacob Bearce | jacob@weblinxinc.com | jacob@bearce.me */

#mainWrapper {
	background: #FFF center bottom no-repeat url("../img/background-city.png");
	border-top: 8px solid #FF1900;
	padding: 35px 20px;
}

#mainWrapper.bg-white {
	background: #FFFFFF;
}

@media screen and (max-width: 639px) {
	#mainWrapper {
		background-image: none;
		border-top: 4px solid #FF1900;
		padding-bottom: 25px;
		padding-top: 25px;
	}
}

	#mainWrapper main {
		margin: 0 auto;
		overflow: hidden;
		width: 1140px;
		/* css3 */
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}

	@media screen and (max-width: 1279px) {
		#mainWrapper main {
			max-width: 1140px;
			width: auto;
		}
	}

	@media screen and (max-width: 639px) {
		#mainWrapper main {
			display: block;
		}
	}

		#mainWrapper main #page {
			float: left;
			margin: 0 25px 0 0;
			width: 840px;
			/* css3 */
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			-moz-box-flex: 1;
			-ms-flex: 1;
			flex: 1;
		}

		@media screen and (max-width: 852px) {
			#mainWrapper main #page {
				margin-right: 0;
			}
		}

		@media screen and (max-width: 639px) {
			#mainWrapper main #page {
				float: none;
				margin-right: 0;
				width: auto;
				/* css3 */
				-webkit-box-flex: none;
				-webkit-flex: none;
				-moz-box-flex: none;
				-ms-flex: none;
				flex: none;
			}
		}
		
		.home #mainWrapper main #page {
			width: 680px;
		}

		@media screen and (max-width: 852px) {
			#mainWrapper main #page {
				width: 730px;
			}
		}

		@media screen and (max-width: 639px) {
			#mainWrapper main #page {
				width: auto;
			}
		}

		#mainWrapper main #page:only-child,
		#mainWrapper main #page:nth-last-child(1) {
			float: none;
			margin-right: 0;
			width: auto;
		}

		.flexbox #mainWrapper main #page,
		.flexboxlegacy #mainWrapper main #page {
			float: none;
		}

			#mainWrapper main #page header {
				margin-bottom: 12px;
			}

				#mainWrapper main #page header h1,
				#mainWrapper main #page header h2 {
					margin-bottom: 0;
				}

			#mainWrapper main #page figure {
				margin: 0 0 20px;
			}

			#mainWrapper main #page figure.featured {
				max-width: 300px;
				width: 100%;
			}

			@media screen and (max-width: 639px) {
				#mainWrapper main #page figure.featured {
					float: none !important;
					margin-left: auto !important;
					margin-right: auto !important;
				}
			}

				#mainWrapper main #page figure img {
					display: block;
					height: auto;
					width: 100%;
				}

		#mainWrapper main #sidebar {
			float: right;
			margin: 0 0 0 25px;
			width: 250px;
		}

		@media screen and (max-width: 852px) {
			#mainWrapper main #sidebar {
				width: 200px;
			}
		}

		@media screen and (max-width: 639px) {
			#mainWrapper main #sidebar {
				float: none;
				margin-left: 0;
				width: auto;
			}
		}

		.home #mainWrapper main #sidebar {
			width: 410px;
		}

		@media screen and (max-width: 959px) {
			.home #mainWrapper main #sidebar {
				width: 360px;
			}
		}

		@media screen and (max-width: 767px) {
			.home #mainWrapper main #sidebar {
				width: 260px;
			}
		}

		@media screen and (max-width: 639px) {
			.home #mainWrapper main #sidebar {
				width: auto;
			}
		}

		.flexbox #mainWrapper main #sidebar,
		.flexboxlegacy #mainWrapper main #sidebar {
			float: none;
		}

			#mainWrapper main #sidebar .widget {
			}

			@media screen and (max-width: 639px) {
				#mainWrapper main #sidebar > div:first-child {
					display: none !important;
				}

				#mainWrapper main #sidebar .widget {
					left: auto !important;
					position: static !important;
					top: auto !important;
					width: auto !important;
				}
			}

				#mainWrapper main #sidebar .widget nav {
				}

					#mainWrapper main #sidebar .widget nav ul {
						text-transform: uppercase;
						font-weight: 900;
					}

			.home #mainWrapper main #sidebar article {
				margin: 0 0 20px;
			}

			@media screen and (max-width: 639px) {
				.home #mainWrapper main #sidebar article {
					margin-bottom: 10px;
				}	
			}

				.home #mainWrapper main #sidebar article h6 {
					font-size: 16px;
					font-weight: normal;
					line-height: 20px;
					margin: 0;
				}

				@media screen and (max-width: 639px) {
					.home #mainWrapper main #sidebar article h6 {
						font-size: 12px;
						line-height: 18px;
					}	
				}

					.home #mainWrapper main #sidebar article h6 time {
					}

					.home #mainWrapper main #sidebar article h6 a {
						font-weight: 900;
					}