/*
* 2013, LeeThree
* leethree.me
* Based on:
*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* #Site Styles
================================================== */

	.container {
		padding-top: 50px;
	}

	.sidebar {
		min-height: 1px;
		text-align: right;
	}

	.section {
		margin-bottom: 50px;
	}

	.gutter {
		float: left;
		display: inline;
		margin-left: 0;
		margin-right: 0;
		width: 20px;
	}

	.affix {
		position: fixed;
		top: 0;
	}

/* #Page Styles
================================================== */

	img {
		max-width: 100%;
		height: auto;
	}

	p .leading {
		display: inline-block;
		width: 25px;
	}

	li .leading {
		text-align: left;  /* override font-awesome css */
	}

	hr, .hr {
		margin-top: 8px;
		margin-bottom: 8px;
		height: 12px;
		border: none;
		background: url("../images/dot.png") repeat-x;
	}

	.section h3 {
		margin-left: -60px;
	}

	.hanging {
		float: left;
		text-align: right;
		margin-left: -120px; /* two columns + gutter */
		width: 110px;
		padding-right: 10px;
	}

	#logo {
		padding-right: 10px;
		margin-right: -10px;
		margin-left: -9999px;
		margin-bottom: 20px;
	}

	.affix #logo {
		margin-right: 0;
	}

	#foot-wrapper {
		position: fixed;
		bottom: 0;
	}

	#footer {
		padding-left: 10px;
		margin-left: -10px;
		margin-right: -9999px;
	}

	#nav li {
		margin: 12px 0;
	}

	#nav li.active {
		padding-left: 10px;
		padding-right: 10px;
		margin-left: -10px;
		margin-right: -10px;
	}

/* Typography and color
================================================== */

	body {
		font-family: "pt-sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: "adelle", "Georgia", "Times New Roman", serif;
		font-weight: normal;
		margin-bottom: 5px;
	}

	h2, h3 {
		color: #002fa7;
	}

	a {
		text-decoration: none;
	}

	a:hover, a:focus {
		text-decoration: underline;
		color: #002fa7;
	}

	.subtle {
		color: #555;
		font-style: italic;
	}

	.accent {
		color: #002fa7;
	}

	blockquote {
		font-family: "adelle", "Georgia", "Times New Roman", serif;
	}

	#logo, #footer {
		background: #002fa7;
		color: #fff;
	}

	#logo {
		font-family: "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-size: 45px;
		line-height: 60px;
	}

	#logo a,
	#logo a:hover,
	#logo a:focus {
		color: #fff;
		text-decoration: none;
	}

	#nav li {
		font-size: 17px;  /* same as h5 */
		line-height: 24px;
	}

	#nav li a:hover,
	#nav li a:focus {
		color: #181818;  /* same as h5 */
	}

	#nav li.active {
		background: #002fa7;
	}

	#nav li.active a {
		color: #fff;
	}

	#footer h6 {
		color: #fff;
		line-height: 30px;
	}

	#footer a {
		color: #fff;
	}

	p i {  /* inline icons */
		color: #002fa7;
	}

/* IE variation-specific fonts */
	.ie7 body, .ie7 #logo,
	.ie8 body, .ie8 #logo {
		font-family: "pt-sans-n4", "pt-sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.ie7 h1, .ie7 h2, .ie7 h3, .ie7 h4, .ie7 h5, .ie7 h6,
	.ie8 h1, .ie8 h2, .ie8 h3, .ie8 h4, .ie8 h5, .ie8 h6 {
		font-family: "adelle-n4", "adelle", "Georgia", "Times New Roman", serif;
	}

	/* bold and italics*/
	.ie7 em,
	.ie8 em {
		font-family: "pt-sans-i4", "pt-sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.ie7 strong,
	.ie8 strong {
		font-family: "pt-sans-n7", "pt-sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.ie7 h1 em, .ie7 h2 em, .ie7 h3 em, .ie7 h4 em, .ie7 h5 em, .ie7 h6 em,
	.ie8 h1 em, .ie8 h2 em, .ie8 h3 em, .ie8 h4 em, .ie8 h5 em, .ie8 h6 em {
		font-family: "adelle-i4", "adelle", "Georgia", "Times New Roman", serif;
	}

	.ie7 h1 strong, .ie7 h2 strong, .ie7 h3 strong, .ie7 h4 strong, .ie7 h5 strong, .ie7 h6 strong,
	.ie8 h1 strong, .ie8 h2 strong, .ie8 h3 strong, .ie8 h4 strong, .ie8 h5 strong, .ie8 h6 strong {
		font-family: "adelle-n6", "adelle", "Georgia", "Times New Roman", serif;
	}


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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		h6 {
			font-size: 12px;
		}

		.section h3 {
			margin-left: 0;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.sidebar.three.columns,
		.nav.three.columns {
			width: 172px;  /* change into four columns */
		}

		#content {
			padding-left: 48px;  /* change into offset by one */
		}

		#narrow-sections .eight.columns {
			width: 508px;   /* change into eleven columns */
			margin-right: 0;
		}

		#narrow-sections .four.columns.alpha {
			width: 220px;   /* five columns */
		}

		#narrow-sections .four.columns.omega {
			width: 268px;   /* six columns */
		}

		.hanging { /* two columns + gutter */
			margin-left: -48px; /* two columns + gutter */
			width: 38px;
			line-height: 14px;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.sidebar {
			text-align: left;
		}

		#logo {
			display: inline-block;
			margin-left: -10px;
			padding-left: 10px;
		}

		.affix {
			position: relative;
		}

		#nav li {
			width: 33%;
			float: left;
		}

		#nav li.active {
			background: inherit;
		}

		#nav li.active a {
			color: inherit;
		}

		#content h5 {
			margin-top: 10px;
		}

		.hanging {
			text-align: left;
			margin-left: 0;
			width: auto;
		}

		#divider .hr {
			margin-top: 8px;
			margin-bottom: 8px;
			width: 100%;
		}

		#foot-wrapper {
			position: relative;
		}

		#footer {
			margin-right: -10px;
			padding-right: 10px;
		}

		#browser-notice {
			display: none;
		}

		#mark {
			display: none;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}