/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html, button, input, select, textarea {
	color:#222222;
}

body {
	font-size:1em;
	line-height:1.4;
}

::-moz-selection {
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#B3D4FC;
	text-shadow:none;
}

::selection {
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#B3D4FC;
	text-shadow:none;
}

hr {
	display:block;
	height:1px;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	border-style:initial;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	border-top:1px solid #CCCCCC;
	margin:1em 0px 1em 0px;
	padding:0;
}

img {
	vertical-align:middle;
}

fieldset {
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	border-style:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	margin:0;
	padding:0;
}

textarea {
	resize:vertical;
}

.chromeframe {
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#CCCCCC;
	color:#000000;
	margin:0.2em 0px 0.2em 0px;
	padding:0.2em 0px 0.2em 0px;
}

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
	font:normal normal normal 16px/26px Helvetica, 'Helvetica Neue', Arial;
}

.wrapper {
	width:90%;
	margin:0px 5% 0px 5%;
}

/* ===================
    ALL: Orange Theme
   =================== */

.header-container {
	border-bottom:20px solid #E44D26;
}

.footer-container, .main aside {
	border-top:20px solid #E44D26;
}

.header-container, .footer-container, .main aside {
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#F16529;
}

.title {
	color:#FFFFFF;
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
	margin:0;
	padding:0;
}

nav a {
	display:block;
	margin-bottom:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#E44D26;
	padding:15px 0px 15px 0px;
}

nav a:hover, nav a:visited {
	color:#FFFFFF;
}

nav a:hover {
	text-decoration:underline;
}

/* ==============
    MOBILE: Main
   ============== */

.main {
	padding:30px 0px 30px 0px;
}

.main article h1 {
	font-size:2em;
}

.main aside {
	color:#FFFFFF;
	padding:0px 5% 10px 5%;
}

.footer-container footer {
	color:#FFFFFF;
	padding:20px 0px 20px 0px;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
	padding-top:20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) { 
  nav a { float: left; width: 27%; margin-top: 0px; margin-right: 1.7%; margin-left: 1.7%; padding-top: 25px; padding-right: 2%; padding-bottom: 25px; padding-left: 2%; margin-bottom: 0px; }
}

nav li:first-child a {
	margin-left:0;
}

nav li:last-child a {
	margin-right:0;
}

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

nav ul li {
	display:inline;
}

.oldie nav a {
	margin:0px 0.7% 0px 0.7%;
}

@media only screen and (min-width: 768px) { 
  .header-container, .main aside { -webkit-box-shadow: rgb(170, 170, 170) 0px 5px 10px; box-shadow: rgb(170, 170, 170) 0px 5px 10px; }
}

/* ============
    WIDE: Menu
   ============ */

.title {
	float:left;
}

nav {
	float:right;
	width:38%;
}

/* ============
    WIDE: Main
   ============ */

.main article {
	float:left;
	width:57%;
}

.main aside {
	float:right;
	width:28%;
}

@media only screen and (min-width: 1140px) { 
  .wrapper { width: 1026px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color:transparent;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	border-style:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	overflow:hidden;
}

.ir::before {
	content:'';
	display:block;
	width:0;
	height:100%;
}

.hidden {
	display:none;
	visibility:hidden;
}

.visuallyhidden {
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	border-style:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	clip:rect(0px 0px 0px 0px);
	height:1px;
	overflow:hidden;
	position:absolute;
	width:1px;
	margin:-1px;
	padding:0;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	overflow:visible;
	position:static;
	width:auto;
	margin:0;
}

.invisible {
	visibility:hidden;
}

.clearfix::before, .clearfix::after {
	content:' ';
	display:table;
}

.clearfix::after {
	clear:both;
}

.clearfix {
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print { 
  * { background-image: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; text-shadow: none !important; }
}

a, a:visited {
	text-decoration:underline;
}

a[href]::after {
	content:' (';
}

abbr[title]::after {
	content:' (';
}

/*
     * Don't show links for images, or javascript/internal links
     */

.ir a::after, a[href^="javascript:"]::after, a[href^="#"]::after {
	content:'';
}

pre, blockquote {
	page-break-inside:avoid;
	border:1px solid #999999;
}

thead {
	display:table-header-group;
}

tr, img {
	page-break-inside:avoid;
}

img {
	max-width:100%;
}

@page {
	margin:0.5cm;
}

p, h2, h3 {
	orphans:3;
	widows:3;
}

h2, h3 {
	page-break-after:avoid;
}