/*
Theme Name: 	The J A Mortram
Theme URI: 		http://bigflannel.com/2013/07/the-j-a-mortram-wordpress-theme/
Description: 	A simple, elegant one column template with a fullscreen image slideshow. Designed for photo stories.
License:		GNU General Public License v2
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Version: 		1.26
Author: 		Mike Hartley
Author URI: 	http://bigflannel.com
Tags: 			one-column, custom-header, custom-menu, footer-widgets, featured-images, post-formats, theme-options, threaded-comments, translation-ready, blog, photography
Text Domain:	the-j-a-mortram
*/


/* ----------------------------------------------------------------------------------------------------------
01 defaults
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li {
	position: relative;
}
.group:after {
	display: block;
	height: 0;
	clear: both;
	content: ".";
	visibility: hidden; /* For clearing */
}
body {
	line-height: 1.4em;
	background-color: #f8f8f8;
	color: #666666;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
/* No underline and removes dotted line in Firefox, IE */
a {
	text-decoration:none;
	outline: 0; 			/* Firefox */
	border: none;			/* IE */
	outline: none; 			/* IE */
	color: #000000;
}
a:hover {
	color: #999999;
}
a:active {
	border: none;
	outline: none;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
p {
	margin: 0 0 1em 0;
}
form {
	margin: 1em 0 0 0;
}
blockquote {
	margin: 2em 0 2em 0;
	padding: 0 2em 0 2em;
	border-left: 3px solid #cccccc;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/* ----------------------------------------------------------------------------------------------------------
02 typography
---------------------------------------------------------------------------------------------------------- */

/*
14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)
*/
body,
input,
textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 300;
}
h1 {
	font-family: "franklin-gothic-urw-cond",sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-align: center;
	width: 90%;
	margin: 1em auto;
}
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
	width: 90%;
	margin: 1em auto;
}


/* ----------------------------------------------------------------------------------------------------------
03 Site styles
---------------------------------------------------------------------------------------------------------- */

body {
	max-width: 43.75em;
	margin: 0 auto;
	padding: 0 1em 0 1em;
}
.meta {
	font-size: .875em;
}
/* header */
header {
	text-align: center;
}
header h1 {
	font-size: 3em;
}
header h2 {
	position: relative;
	font-size: 1em;
	top: -2.4em;
}
/* navigation menus with drop-down functionality */
nav {
	text-align: center;
	z-index: 1000;
}
nav::after,
nav ul::after {
   content: " ";
   display: block;
   height: 0;
   clear: both;
}
nav ul {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	text-align: left;
}
nav li {
	float: left;
	position: relative;
	margin: 0 0 0 0;
}
nav li:last-child {
	margin: 0 0 0 0;
}
nav a {
	display: block;
	text-decoration: none;
}
nav#post-nav a {
	display: inline-block;
}
nav ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	padding: .3em 0 .3em .3em;
	top: 2em;
	left: -999em;
	z-index: 99999;
	background-color: #f0f0f0;
	width: 200%;
}
nav ul ul ul {
	left: -999em;
	top: 0;
	width: 100%;
}
nav ul ul a {
	padding: 0 1em 0 .6em;
}
nav ul ul li {
	width: 100%;
}
nav li:hover > a,
nav li.focus > a {
}
nav ul ul :hover > a,
nav ul ul .focus > a {
}
nav ul ul a:hover,
nav ul ul a.focus {
}
nav ul li:hover > ul,
nav ul li.focus > ul {
	left: auto;
}
nav ul ul li:hover > ul,
nav ul ul li.focus > ul {
	left: 100%;
}
nav .current_page_item > a,
nav .current-menu-item > a,
nav .current_page_ancestor > a {
	border-bottom: 1px solid #cccccc;
}
nav li li {
	margin: 0 0 0 0;
}
#nav-header {
	text-transform: uppercase;
	text-align: center;
	margin: 2em 0 0 0;
	padding: 0 0 1em 0;
}
/* end nav */
.post-meta {
	position: relative;
	text-align: center;
	width: 90%;
	margin: 1em auto;
	top: -1em;
}
.home img.featured-image ,
.search img.featured-image,
.archive img.featured-image {
	float: left;
	max-width: 50%;
	margin: 0 1em 1em 0;
}
.home .gallery img {
	max-width: 100%;
	margin: 0 auto;
}
#post-nav,
#image-nav {
	text-transform: uppercase;
	text-align: center;
	margin: 1em 0 0 0;
}
header img,
.home header img,
.search header img,
.archive header img {
	float: none;
	max-width: 100%;
	margin: 0 auto;
	margin-top: 2em;
}
.archive-title {
	margin: 1em auto 2em auto;
}
/* page / post / error / page / widget */
div.widget {
	margin: 1em 0 0 0;
}
.single #content h1,
.error404 #content h1,
.page #content h1 {
	color: #333333;
}
/* images */
.alignleft {
	float: left;
	margin: 0 1em 0 0;
}
.alignright {
	float: right;
	margin: 0 0 0 1em;
}
.aligncenter {
	display: block;
	margin: 1em auto;
}
.wp-caption {
	max-width: 100%;
}
.wp-caption-text {
	font-size: .875em;
}
#the-content p {
	position: relative;
}
.image-nav-thumb {
	display: inline-block;
	max-width: 2em;
}
/* fullscreen images */
.fullscreen-rollover {
	position: absolute;
	top: 5px;
	left: 5px;
}
#image-for-fullscreen {
	display: none;
	text-align: center;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#image-for-fullscreen:-webkit-full-screen {
	background-color: #f8f8f8;
}
#image-for-fullscreen:-moz-full-screen {
	background-color: #f8f8f8;
}
#image-for-fullscreen:-ms-fullscreen {
	background-color: #f8f8f8;
}
#image-for-fullscreen:fullscreen {
	background-color: #f8f8f8;
}
#image-for-fullscreen header {
	padding-top: 32px;
	height: 80px;
}
#image-for-fullscreen h1 {
	font-size: 1.4em;
}
#image-for-fullscreen nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
}
#image-prev,
#image-next {
	display: inline-block;
	color: #000000;
	cursor: pointer;
}
#image-prev:hover,
#image-next:hover {
	display: inline-block;
	color: #999999;
}
/* categories */
#nav-categories {
	text-transform: uppercase;
	text-align: center;
	margin: 1em 0 0 0;
}
#nav-tags h3 {
	text-align: center;
}
/* comments */
#comments {
	margin: 3em 0 0 0;
}
#comments h4 {
	font-family: "franklin-gothic-urw-cond",sans-serif;
	font-weight: 700;
	font-size: 1em;
	text-align: left;
	width: 100%;
	margin: 0 0 0 0;
}
#comments img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 4em;
}
#comments article {
	padding: 0 0 0 5em;
}
#respond {
	text-align: center;
}
#comment {
	width: 100%;
	height: 10em;
}
a#cancel-comment-reply-link {
	display: block;
	font-size: .725em;
}
/* footer */
footer {
	text-align: center;
	margin: 3em 0 0 0;
	padding-bottom: 10em;
}
#nav-donate,
#nav-footer {
	text-transform: uppercase;
	text-align: center;
	margin: 1em 0 0 0;
}
nav {
	line-height: 2em;
}
nav li {
	display: inline;
	margin: 0 1em 0 0;
}
nav li:last-child {
	margin: 0 0 0 0;
}
/* tables */
th,
td {
	padding: .5em;
	text-align: left;
}
/* lists */
li li {
	margin: 0 0 0 1em;
}
ol li {
	margin: 0 0 0 1.5em;
	list-style: decimal;
}


/* ----------------------------------------------------------------------------------------------------------
04 media queries
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (max-width:45.75em) {
	body.home p,
	body.search p,
	body.archive p {
		max-width: 28.125em;
		margin: 0 auto;
	}
	.home img.featured-image ,
	.search img.featured-image,
	.archive img.featured-image {
		float: none;
		max-width: 100%;
		margin: 1em auto;
	}
}
/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {
}


/* ----------------------------------------------------------------------------------------------------------
05 additional wordpress css you might use
---------------------------------------------------------------------------------------------------------- */

.sticky,
.gallery-caption,
.bypostauthor,
.screen-reader-text {
}