/*
Theme Name: Base
Theme URI: http://graphpaperpress.com/themes/base/
Description: A responsive base theme framework for WordPress by <a href="http://graphpaperpress.com">Graph Paper Press</a>
Version: 2.0.2
Author: Graph Paper Press
Author URI: http://graphpaperpress.com
License: GPL
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure
----------------------------------------------- */

body {
	padding: 0 1.5em;
}
#page {
	margin: 2em auto 0.5em;
	max-width: 940px;
}
#primary {
	float: left;
	margin: 2em -26.4% 0 0;
	width: 100%;
}
#content {
  margin: 0 34% 0 0;
  width: 70.833333%;
}
.page-template-page-wide-php #content {
	margin: 0;
	width: 100%;
}
#secondary {
	float: left;
	margin-top: 2em;
	width: 26.3333333%
}


/* =Global
----------------------------------------------- */

body, input, textarea {
    font: 300 15px/1.625 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
img {
    max-width: 100%;
}
h1, h2, h3, h4 { 
	font-weight: normal; 
}
h1 {
	font-size: 2em; 
	font-weight: bold;
	line-height: 1; 
	margin-bottom: 0.5em;
}
h2 { 
	font-size: 2em;
}
h3 {
	font-size: 1.4em;
	line-height: 1.4;
	margin: 0 0 10px;
}
h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em; 
}
h1 img, h2 img, h3 img, h4 img { 
	margin: 0;
}
a:hover {
	text-decoration: none;
}
h1 a, h2 a {
	text-decoration: none;
}
p {
	margin: 0 0 20px;
}
blockquote {
	font-family: Georgia, Times; 
	font-style: italic; 
	margin: 1em 0 2em;
	padding: 1.5em 1.5em 0.5em; 	
}
sup, sub { 
	line-height: 0;
}
pre {
	margin: 1.5em 0; 
	white-space: pre;
}
pre, code, tt {
	font: 1em 'andale mono', 'lucida console', monospace; 
	line-height: 1.5;
}
legend { 
	font-size: 1.2em; 
	font-weight: bold; 
	padding: 2px 10px;
}


/* =Header
----------------------------------------------- */

#branding hgroup {
	float: left;
	margin-bottom: 1.5em;
}
#site-title {
	float: left;
}
h1#logo {
	margin-bottom: 0;
}
h2.description {
	font-weight: normal;
}
#branding img {
	margin-bottom: -6px;
}
.clear {
	clear: both;
}


/* =Top Menu
-------------------------------------------------------------- */

#topaccess ul {
	float: right;	
	font-size: 13px;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#topaccess li {
	float: left;
	position: relative;
}
#topaccess ul li {
	display: inline;
}
#topaccess ul li a {
	padding: 0 10px;
}
#topaccess a {
	display: block;
	line-height: 3.333em;
	text-decoration: none;
}
#topaccess ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	z-index: 20;
}
#topaccess ul ul ul {
	left: 100%;
	top: 0;
}
#topaccess ul ul a {
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 5px;
	width: 150px;
}

#topaccess ul li:hover > ul {
	display: block;
}


/* =Main Menu
-------------------------------------------------------------- */

#access {
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
	font-weight: bold;
}
#access ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 19;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}


/* =Content
----------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
}
.app { /* for apps */
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px; 
}
.home .sticky { 
	padding: 20px;
}

h2.title { 
	margin-bottom: 20px; 
	margin-left: 10px;
}
h2.entry-title {
	line-height: 35px;
	margin-bottom: 20px;
}
.hentry { 
	border-bottom: 1px dashed #eee;
	margin: 0 0 20px;
}
.entry-content { 
	margin: 0px 0 20px 0px;
}
.single .entry-content {margin-left: 0;}
.description,
.entry-meta,
.entry-utility,
.entry-author { 
	font-size: 11px; 
}
.entry-meta {
	padding: 0 0 1em;
	clear: both;
}
.entry-utility {
	clear: both;
}
.entry-utility,
.item {
	margin-bottom: 2.5em;
}
.entry-utility a {
	font-weight: normal;
}
.meta-sep {
	font-weight: bold;
}
.entry-date {
	font-weight: normal;
}
.by,
.entry-utility-prep { 
	font-family: Georgia, Times;
	font-style: italic; 
}
.entry-utility-prep {
	text-transform: none;
}
.page-link a { 
	margin: 0 4px;
	padding: 3px 6px; 
}
.bypostauthor {
	font-style: italic;
}
/* Images */
img {
    height: auto;
	max-width:100%;
	width: auto\9; /* ie8 */
}
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-family: Georgia, serif;
	font-size: 12px;
	font-style: italic;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}
.search h2.entry-title {
	display: block !important;
	margin-bottom: 5px;	
}
.search .hentry {
	padding-bottom: 25px;
}
/* Post Formats */ 
.format-aside .entry-header .comments-link {
    display: none;
}
/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img,
.gallery-thumb img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	padding: 6px;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content.nosidebar {
	margin: 0;
	width: 100%;	
}
/* Navigation */
.navigation a {
	padding: 0;
}
.nav-previous { 
	float: left;
}
.nav-next {
	float: right; 
}
/* Comments */
#commentsbox {
    clear: both;
    margin: 2em 0;
    overflow: hidden;
}
ol.commentlist { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	text-indent: 0;
}
ol.commentlist li { 
	height: 1%; 
	margin: 0 0 10px; 
	padding: 10px 7px 15px 0; 
	position: relative; 
}
ol.commentlist li div.comment-author {
	padding: 0;
}
ol.commentlist li div.vcard {
	font-style: italic;
}
ol.commentlist li div.vcard cite.fn {
	font-style: normal;
	font-weight: bold; 
}
ol.commentlist li div.vcard cite.fn a.url {
	text-decoration: none; 
}
ol.commentlist li div.vcard img.avatar {
	float: right;
	margin-left: 10px;
	padding: 3px;	
}
ol.commentlist li div.comment-meta {	
	font-size:.8em;
	font-weight: normal; 
	padding-top: 5px;
}
ol.commentlist li div.comment-meta a {
	font-weight: normal;
}
ol.commentlist li p {
	margin: 2em 0;
}
ol.commentlist li div.reply {	
	font-size: 0.8em;
	margin-bottom: 1em;
	text-align: center;
	width: 36px;
}
ol.commentlist li div.reply a {
	padding: 3px 5px;
	text-decoration: none;
}
ol.commentlist li ul.children {
	list-style: none;
	margin: 1.5em 0 0;	
	padding: 0;
	text-indent: 0;
}
ol.commentlist li ul.children li {
	border: none;
	margin: 0;
	padding: 20px 0 0 20px;
}
ol.commentlist li ul.children li.depth-2 {
	margin: 0 0 0.25em;
}
ol.commentlist li ul.children li.depth-3 {
	margin: 0 0 0.25em;
}
ol.commentlist li ul.children li.depth-4 {
	margin: 0 0 .25em; 
}
ol.commentlist li.pingback div.vcard {
	padding: 0 170px 0 0;
}
/* Comment form */
h3#comments { 
	margin: 2em 0 1em;
}
#respond {
	margin: 30px 0 0;
	padding: 10px 0;
}
#commentform {
	margin-bottom: 0;
}
#commentform input {	
	display: block;
	font-size: 1.3em;
	width: 170px;
	margin: 5px 5px 1px 0;
	padding: 4px;	
}
#commentform textarea {
	font-size: 1.3em;
	margin-top: 5px; 
	padding: 4px;
	width: 95%;	
}
#commentform p { 
	font-size:.8em; 
}
#commentform #submit { 
	cursor: pointer; 
	font-size: 1.2em;
	margin-top: 5px; 
	padding: 5px 10px;
}


/* =Post Formats
----------------------------------------------- */


figure.gallery-thumb {	 
	display: block;
	float: left;
	margin: 0 20px 0 0; 
}
/* article .entry-content, */
article footer {
	clear: both;
}
h3.entry-format {	
	display: block; 
	float: left;
	margin: 20px 10px 0 0;
	text-indent: -9999em; 
	width: 45px; 
	height: 45px;	
}
h3.entry-format a {
	display: block;
	width: 45px;
	height: 45px;
	background-image: url(images/pf-icons.png);
	background-repeat: no-repeat;
}
.format-aside h3.entry-format, 
.format-quote h3.entry-format,
.format-chat h3.entry-format {
	margin-top: 30px;
}

.format-standard h3.entry-format a {
	background-position: -1px -1px;
}
.format-standard h3.entry-format a:hover {
	background-position: -1px -48px;
}
.format-aside h3.entry-format a {
	background-position: -45px -1px;
}
.format-aside h3.entry-format a:hover {
	background-position: -45px -48px;
}
.format-aside .entry-content {
	clear: none;
}
.format-link h3.entry-format a {
	background-position: -90px -1px;
}
.format-link h3.entry-format a:hover {
	background-position: -90px -48px;
}
.format-chat h3.entry-format a {
	background-position: -135px -1px;
}
.format-chat h3.entry-format a:hover {
	background-position: -135px -48px;
}
.format-status h3.entry-format a {
	background-position: -180px -1px;
}
.format-status h3.entry-format a:hover {
	background-position: -180px -48px;
}
.format-quote h3.entry-format a {
	background-position: -225px -1px;
}
.format-quote h3.entry-format a:hover {
	background-position: -225px -48px;
}
.format-image h3.entry-format a {
	background-position: -270px -1px;
}
.format-image h3.entry-format a:hover {
	background-position: -270px -48px;
}
.format-gallery h3.entry-format a {
	background-position: -315px -1px;
}
.format-gallery h3.entry-format a:hover {
	background-position: -315px -48px;
}
.format-audio h3.entry-format a {
	background-position: -359px -1px;
}
.format-audio h3.entry-format a:hover {
	background-position: -359px -48px;
}
.format-video h3.entry-format a {
	background-position: -404px -1px;
}
.format-video h3.entry-format a:hover {
	background-position: -404px -48px;
}
.format-link .entry-content p a {
	font-size: 20px;
}
.format-quote .entry-content blockquote {
	font-size: 20px;
	margin: 0;
	padding: 20px 30px 10px 30px;	
}
.format-status img.avatar {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px #CCCCCC;
    float: left;
    margin: 4px 10px 2px 0;
    padding: 0;
}
.format-aside h2.entry-title,
.format-chat h2.entry-title,
.format-link h2.entry-title,
.format-quote h2.entry-title {
	display: none;
}


/* =Sidebar
----------------------------------------------- */

#sidebar {
	padding: 20px 0;	
}
#sidebar h3 {	
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}
#sidebar ul {
	margin-left: 20px; 
	padding: 0; 
}
#sidebar .item {
	margin-bottom: 20px;
}
#sidebar input {
	font-size: 1em;
	padding: 4px;
}
#sidebar #search {
	margin-bottom: 20px;
}
#sidebar #search #s {
	width: 250px;
}
#s {	
	font-size: 14px;
	padding: 5px;
	width: 80%;
}
/* Widgets */
aside {
	padding-top: 30px;
	font-size: .9em;
}
/* Calendar widget */
#wp-calendar tr td { 
	text-align: center; 
}
#wp-calendar #prev { 
	text-align: left;
}
#wp-calendar #next {
	text-align: right;
}
#wp-calendar #prev a,
#wp-calendar #next a { 
	padding: 3px 6px; 
}


/* =Footer
----------------------------------------------- */

#colophon {
    clear: both;
    overflow: hidden;
}
#colophon aside {
	float: left;
	margin-right: 2%;
}
#colophon .widget-1 {
	width: 100%;
}
#colophon .widget-2 {
	width: 49%;
}
#colophon .widget-3 {
	width: 32%;
}
#colophon .widget-4 {
	width: 23.5%;
}

#colophon aside.last {
	margin-right: 0;
}
#footer {
	font-size: 12px;
	margin-bottom: 1em;	
}
#footer h3.sub {	
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0 0.5em;
}
/* Below Footer Styles */
#below_footer {
	clear: both;
	font-size: 12px;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
}
#below_footer a {
	font-weight: normal;
}
footer.entry-meta {
	margin: 0px 0 20px 0;
}
#footer-widgets {
	border-top:1px solid #ccc;
	margin: 20px 0 30px;
	overflow: hidden;
	
}