/*
Theme Name: AO Theme
Theme URI: http://appliedobservation.com
Author: Jason Landry
Version: 1.0
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
	background-color:#020911;
	color:#666;
	font-family: "garamond-premier-pro-1","garamond-premier-pro-2", Georgia;
	font-size:18px;
	line-height:24px;
	font-weight:400;
}
#wrapper {
	width:540px;
	margin:0 auto;
}
a {
	color:#aeaa0b;
	text-decoration:none;
	-webkit-transition: color 0.2s linear;
}
a:hover {
	color:#21b9ac;
	-webkit-transition: color 0.2s linear;
}
header {
	padding:25px 20px 25px 20px;
	position:relative;
}
h1, nav {
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-family: "proxima-nova-1","proxima-nova-2","proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2";
}
h1 a, nav a {
	color:#fff;
	text-decoration:none;
	-webkit-transition: color 0.2s linear;
}
h1 a:hover, nav a:hover {
	color:#21b9ac;
	-webkit-transition: color 0.2s linear;
}
nav {
	position:absolute;
	top:25px;
	right:20px;
}
nav li {
	float:left;
	padding-left:20px;
}
#main {
	background-color:#fff;
	border-top:3px solid #aeaa0b;
	border-bottom:3px solid #aeaa0b;
	clear:both;
}
#content {
	padding:0 20px 90px 20px;
}
h2 {
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", Helvetica, Arial;
	font-size:50px;
	letter-spacing:1px;
	font-weight:100;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:40px;
	margin-top:90px;
	line-height:50px;
}
h2 a {
	color:#666;
	text-decoration:none;
	-webkit-transition: color 0.2s linear;
}
h2 a:hover {
	color:#aeaa0b;
	-webkit-transition: color 0.2s linear;
}
h3 {
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:14px;
	letter-spacing:0.1em;
	text-transform:uppercase;
	padding:1em 0 0.5 0;
}
p + figure {
	margin-top:17px;
} 
figure {
	text-align:center;
	display:block;
	margin:0 auto;
	margin-bottom:35px;
}
.img {
	display:block;
	margin:0 auto;
	width:500px;
}
figure img {
	max-width: 100%;
}
figcaption {
	font-size:14px;
	font-style:italic;
	color:#999;
}
figcaption a {
	color:#999;
	text-decoration:none;
}
.postmetadata {
	margin-top:25px;
        border-top:1px solid #ddd;
	clear:both;
}
.postmetadata ul {
	display:inline-block;
}
.postmetadata li {
        display:inline-block;
        border-left:1px solid #ddd;
        padding:0 10px 0 10px;
}
.postmetadata #fblike {
	float:left;
}
.postmetadata li:first-child {
        border-left:none;
        padding-left:0;
}
.postmetadata a {
	color:#999;
	text-decoration:none;
	-webkit-transition: color 0.2s linear;
}
.postmetadata a:hover {
	color:#aeaa0b;
	-webkit-transition: color 0.2s linear;
}
.postmetadata, #footer, #archive li {
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#999;
	line-height:21px;
}
.postmetadata em {
	font-family: "garamond-premier-pro-1","garamond-premier-pro-2", Georgia;
	text-transform:none;
	letter-spacing:0;
	line-height: 1em;
	font-size:13px;
}
#footer {
	padding:10px 20px 10px 20px;
	color:#fff;
}
#footer a {
	color:#21b9ac;
	text-decoration:none;
}
em {
	font-style:italic;
}
p {
	padding-bottom:1em;
}
blockquote {
	margin:0 60px 0 60px;
	font-style:italic;
}
blockquote cite {
	display:block;
	text-align:right;
	font-style:normal;
	margin-top:1em;
	font-size:16px;
}
blockquote .dialog dt {
	font-style:normal;
}
blockquote .dialog dd {
	margin:0 0 1em 60px;
}
#archive section {
	float:right;
	width:220px;
}
#archive ul {
	border-top:1px solid #ddd
}
#archive li span {
	display:block;
	float:right;
	width:80px;
	text-align:right;
}
#archive li a {
	font-family: "garamond-premier-pro-1","garamond-premier-pro-2", Georgia;
	font-size:18px;
	line-height:24px;
	font-weight:400;
	text-transform:none;
	text-decoration:none;
}
#archive li {
	border-bottom:1px solid #ddd;
	padding: 5px 0 5px 0;
}
ul#category {
	margin-bottom:2em;
}
.clear {
	clear:both;
}
#blogroll p {
	width:220px;
	float:left;
}
#blogroll ul {
	float:left;
	width:400px;
}
#blogroll li {
	float:left;
	width:180px;
	margin-left:20px;
}
#fblike {
	display:inline-block;
	padding-top:1em;
}


.audio {
	float:left;
	padding-right:20px;
	padding-top: 1em;
}
.audioplayer_container {
	padding-top: 1em;
}
.audioplayer_container span {
	display:none !important;
}


.pageNav {
	text-align:center;
	margin-top:90px;
}
.pageNav a {
	display:inline-block;
	padding:10px 15px 10px 15px;
	border:1px solid #eee;
	background-color:#f7f7f7;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:14px;
	line-height:14px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 5px 0 5px;
}
.pageNav a:hover {

}

#comments {
	margin-top:40px;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:14px;
	line-height:18px;
}
#comments li {
	margin-bottom:40px;
}
#comments li span {
	display:block;
	border:1px solid #eee;
	border-bottom:none;
	padding:10px 10px 0 10px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}	
#comments cite {
	display:block;
	border:1px solid #eee;
	padding:0 10px 0 10px;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#999;
	line-height:21px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color:#f7f7f7
}
#comments li.author span {
	border-color:#e4f6f5;
}
#comments li.author cite {
	border-color:#e4f6f5;
	background-color:#effaf9;
	color:#21b9ac;
}
#comments li.author cite a {
	color:#21b9ac;
}

#commentform {
	margin-top:40px;
}
#commentform label {
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
#commentform label em {
	font-family: "garamond-premier-pro-1","garamond-premier-pro-2", Georgia;
	text-transform:none;
	letter-spacing:0;
	line-height: 1em;
	font-size:13px;
}
#commentform input {
	width:300px;
}
#commentform textarea {
	width:300px;
}
#commentform input, #commentform textarea {
	font-family: "garamond-premier-pro-1","garamond-premier-pro-2", Georgia;
	color:#666;
	font-size:16px;
	border:1px solid #ddd;
	background-color:#fff;
}
#commentform input#submit {
	display:inline-block;
	padding:10px 15px 10px 15px;
	border:1px solid #eee;
	background-color:#f7f7f7;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:14px;
	line-height:14px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:auto;
}

.poem {
	text-align:center;
}
.poem blockquote {
	text-align:left;
	display:inline-block;
}
.poem blockquote cite {
	display:block;
	text-align:right;
	font-style:normal;
	margin-top:1em;
}
a.footnote {
	font-size:14px;
	vertical-align:text-top;
	color:#666;
	line-height:12px;

}
p.footnote {
	font-size:14px;
}

.caps {
	font-size: smaller;
	text-transform: uppercase;
}

sup.footnote a {
	font-size:14px;
	vertical-align:text-top;
	color:#999;
	line-height:12px;
        text-decoration:none;
	padding:2px;
}
ol.footnotes {
	font-size:14px;
	vertical-align:text-top;
	color:#999;
	line-height:12px;
}
ol.footnotes {
	margin:2em 0 0 1.4em;
}
ol.footnotes a {
	font-size:12px;
	color:#999;
	line-height:12px;
        text-decoration:none;
	padding:2px;
}
ol.footnotes li {
	list-style-type: decimal;
}

/*  LT IE9  */
.ie body {
	/*background:#01050a url("http://appliedobservation.com/wp-content/themes/aotheme/ao_background.gif") 0 0 no-repeat fixed;*/
	background-color:#01050a;
	font-size:18px;
	line-height:24px;
}
.ie #wrapper {
	width:800px;
}
.ie #content {
	padding:0 90px 90px 90px;
}
.ie h2 {
	font-size:38px;
	margin-bottom:40px;
	margin-top:90px;
}
.ie figure {
	margin-left:0;
}
.ie figcaption {
	font-size:14px;
}
.ie #archive section {
	float:right;
	width:140px;
}
.ie #archive li a {
	font-size:18px;
	line-height:24px;
}
.ie ul#category {
	margin-bottom:2em;
}
.ie #commentform textarea {
	width:620px;
}


/* 320px */
@media only screen and (min-width: 320px) {

body {
	font-size:28px;
	line-height:36px;
}
#wrapper {
	width:320px;
	overflow:hidden;
}
figure {
	margin-left:-20px;
}
figure img {
	margin-left:-60px;
}
figcaption {
	font-size:22px;
	padding:0 20px 0 20px;
}

}


/* 480px */
@media only screen and (min-width: 480px) {

	body {
		font-size:24px;
		line-height:34px;
	}
	#wrapper {
		width:480px;
		overflow:hidden;
	}
	header {
		padding:40px 0 0 0;
		position:relative;
	}
	h1 {
		text-align:center;
		font-size:24px;
		line-height:24px;
		padding-bottom:40px;
	}
	nav {
		position:static;
		top:auto;
		right:auto;
	}
	nav li {
		float:left;
		padding:0;
		font-size:20px;
		line-height:20px;
		text-align:center;
	}
	nav li a {
		display:block;
		width:240px;
		padding:10px 0 10px 0;
		background-color:#AEAA0B;
		-webkit-transition: background-color 0.2s linear;
	}
	nav li a:hover {
		background-color:#21b9ac;
		-webkit-transition: background-color 0.2s linear;
	}
	nav a:hover {
		color:#fff;
	}
	#main {
		border-top:1px solid #fff;
	}
	article {
		padding-top:20px;
		margin-bottom:100px;
	}
	h2 {
		margin-top:40px;
	}
	h3 {
		font-size:20px;
		padding-bottom:1em;
	}
	figure {
		margin-left:-20px;
	}
	figure img {
		margin-left:0;
	}
	figcaption {
		font-size:18px;
		line-height:20px;
	}
	#blogroll p, #blogroll ul {
		float:none;
		width:auto;
	}	
	#blogroll li {
		float:none;
		margin-left:0;
		width:auto;
	}
	#archive section {
		float:none;
		width:auto;
	}
	#archive ul#category {
		margin-bottom:1em;
	}
	#archive ul {
		margin-bottom:1em;
	}
	#archive li a {
		font-size:24px;
	}
	#commentform textarea {
		width:400px;
	}
	.postmetadata {
		border-top:none;
		font-size:18px;
		margin-top:0;
	}
	.postmetadata ul {
		display:block;
		border-bottom:1px solid #ddd;
	}
	.postmetadata li {
        	display:block;
        	border-top:1px solid #ddd;
		border-left:none;
		padding:5px 0 5px 0;
	}
	.postmetadata em {
		font-size:19px;
	}

}



/* 768px */
@media only screen and (min-width: 768px) {

	body {
		background:#01050a url("http://appliedobservation.com/wp-content/themes/aotheme/ao_background.gif") 0 0 no-repeat fixed;
		/*background-color:#01050a;*/
		font-size:18px;
		line-height:24px;
	}
	#wrapper {
		width:800px;
	}
	header {
		padding:25px 20px 25px 20px;
		position:relative;
	}
	h1 {
		text-align:left;
		padding-bottom:0;
	}
	h1, nav {
		font-size:14px;
		text-transform:uppercase;
		letter-spacing:0.1em;
		font-family: "proxima-nova-1","proxima-nova-2","proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2";
	}
	h1 a, nav a {
		color:#fff;
		text-decoration:none;
		-webkit-transition: color 0.2s linear;
	}
	h1 a:hover, nav a:hover {
		color:#21b9ac;
		-webkit-transition: color 0.2s linear;
	}
	nav {
		position:absolute;
		top:25px;
		right:20px;
	}
	nav li {
		font-size:14px;
		float:left;
		padding-left:20px;
	}
	nav li a {
		display:inline;
		width:auto;
		padding:0;
		background-color:transparent;
	}
	nav li a:hover {
		background-color:transparent;
	}
	#main {
		border-top:3px solid #aeaa0b;
	}
	#content {
		padding:0 90px 90px 90px;
	}
	article {
		padding-top:0;
		margin-bottom:0;
	}
	h2 {
		font-size:38px;
		margin-bottom:40px;
		margin-top:90px;
	}
	h3 {
		font-size:16px;
		padding:1em 0 0.5em 0;
	}
	figure {
		margin-left:0;
	}
	figcaption {
		font-size:16px;
	}
	.postmetadata {
		margin-top:25px;
	        border-top:1px solid #ddd;
		clear:both;
	}
	.postmetadata ul {
		display:inline-block;
		border-bottom:none;
	}
	.postmetadata li {
        	display:inline-block;
        	border-left:1px solid #ddd;
		border-top:none;
        	padding:0 10px 0 10px;
	}
	.postmetadata #fblike {
		float:left;
	}
	.postmetadata li:first-child {
        	border-left:none;
        	padding-left:0;
	}
	.postmetadata a {
		color:#999;
		text-decoration:none;
		-webkit-transition: color 0.2s linear;
	}
	.postmetadata a:hover {
		color:#aeaa0b;
		-webkit-transition: color 0.2s linear;
	}
	.postmetadata, #footer, #archive li {
		font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
		font-size:12px;
		text-transform:uppercase;
		letter-spacing:0.1em;
		line-height:21px;
	}
	.postmetadata em {
		font-family: "garamond-premier-pro-1","garamond-premier-pro-2", Georgia;
		text-transform:none;
		letter-spacing:0;
		line-height: 1em;
		font-size:13px;
	}
	#blogroll p {
		width:220px;
		float:left;
	}
	#blogroll ul {
		float:left;
		width:400px;
	}
	#blogroll li {
		float:left;
		width:180px;
		margin-left:20px;
	}
	#archive ul {
		width:380px;
	}
	#archive section {
		float:right;
		width:140px;
	}
	#archive section ul {
		width:140px;
		padding-bottom:4px;
	}
	#archive li a {
		font-size:18px;
		line-height:24px;
	}
	ul#category {
		margin-bottom:2em;
	}
	#commentform textarea {
		width:620px;
	}
}


/* x2 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 320px), only screen and (min-device-pixel-ratio: 2) and (max-width: 320px) {

	body {
		font-size:28px;
		line-height:34px;
	}
	#wrapper {
		width:480px;
		overflow:hidden;
	}
	header {
		padding:40px 0 0 0;
		position:relative;
	}
	h1 {
		text-align:center;
		font-size:24px;
		line-height:24px;
		padding-bottom:40px;
	}
	nav {
		position:static;
		top:auto;
		right:auto;
	}
	nav li {
		float:left;
		padding:0;
		font-size:20px;
		line-height:20px;
		text-align:center;
	}
	nav li a {
		display:block;
		width:240px;
		padding:10px 0 10px 0;
		background-color:#AEAA0B;
		-webkit-transition: background-color 0.2s linear;
	}
	nav li a:hover {
		background-color:#21b9ac;
		-webkit-transition: background-color 0.2s linear;
	}
	nav a:hover {
		color:#fff;
	}
	#main {
		border-top:1px solid #fff;
	}
	h2 {
		margin-top:40px;
	}
	h3 {
		font-size:20px;
		padding-bottom:1em;
	}
	article {
		padding-top:20px;
		margin-bottom:100px;
	}
	figure {
		margin-left:-20px;
	}
	figure img {
		margin-left:0;
	}
	figcaption {
		font-size:18px;
	}
	#blogroll p, #blogroll ul {
		float:none;
		width:auto;
	}	
	#blogroll li {
		float:none;
		margin-left:0;
		width:auto;
	}
	#archive section {
		float:none;
		width:auto;
	}
	#archive ul#category {
		margin-bottom:1em;
	}
	#archive ul {
		margin-bottom:1em;
	}
	#archive li a {
		font-size:24px;
	}
	#commentform textarea {
		width:400px;
	}
	.postmetadata {
		border-top:none;
		font-size:18px;
		margin-top:0;
	}
	.postmetadata ul {
		display:block;
		border-bottom:1px solid #ddd;
	}
	.postmetadata li {
        	display:block;
        	border-top:1px solid #ddd;
		border-left:none;
		padding:5px 0 5px 0;
	}
	.postmetadata em {
		font-size:19px;
	}
}