/*
Theme Name: Fluid Baseline Grid
Author: dizzysoft
Author URI: http://www.dizzysoft.com/
Theme URI: http://www.dizzysoft.com/fluid-baseline-grid-wordpress-theme/
Description: This theme is fundamentally about words. It's designed using the <strong>best-practices of typography for easier reading</strong>. This is especially important in a world where mobile is an important part of any blog's traffic. Speaking of which, this is designed from a mobile-first perspective. This means it is not only <strong>responsive</strong> but designed to provide maximum readability for mobile users across devices. It even handles images and embedded objects (i.e.: videos) in a mobile-friendly way. All these benefits come thanks to Josh Hopkins's Fluid Baseline Grid, from which this theme receives its name. In addition, the theme includes a couple <strong>SEO enhancements</strong> to cut-down on duplicated content and more clearly declare the intent of a particular page (including Schema.org markup for Blog posts as Articles). <strong>WordPress features it supports:</strong> menus (including a responsive menu for small screens), widgets, custom background image and colors, custom logo and featured images. You can also add widgets to a sidebar of a post or page for a two-column look (without widgets, posts will be displayed as one-column).
Version: 0.97
License: Expat License (aka MIT License)
License URI: http://www.gnu.org/licenses/license-list.html#Expat
Tags: featured-images, custom-background, custom-menu, translation-ready, sticky-post, microformats
Text Domain: fluid-baseline-grid

PLEASE NOTE: 
To preserve the typographic enhancements, only change colors and fonts. If you change margins and padding, the typography will not appear as clean and consistent.
*/

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

/* What follows is the basic FBG styling. Most users won't need to change this line of CSS. If you want to see it maximized, look at /fbg/css/fluid-baseline-grid-default.max.css */
.comments .comment,.comments .pingback,.sidebar ul li{list-style-type:none}#access,button,input{overflow:visible}body,button,input,select,textarea{font:100%/1.5;font-size:1em}h1,h3,h4{line-height:1em}h2,h6{line-height:1.3333333333333333333333333333333em}fieldset,form,hr,img,menu,table{margin:0 0 1.5em;padding:0}html{height:100%;font-size:100%;overflow-y:scroll}body{padding:1.5em 0;min-height:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:3em}h2{margin:0 0 .6667em;font-size:2.25em}h3,h4{margin:0 0 1em;font-size:1.5em}h5{margin:0 0 1.1428571428571428571428571428571em;font-size:1.3125em;line-height:1.1428571428571428571428571428571em}h6{margin:0 0 1.3333333333333333333333333333333em;font-size:1.125em}.sticky,address,blockquote,code,dd,dl,kbd,label,ol,p,pre,q,samp,tt,ul{margin:0 0 1.5em;padding:0;font-size:1em;line-height:1.5em}.gallery-caption,.small,.wp-caption-text,small{margin:0 0 1.7142857142857142857142857142857em;font-size:.875em;line-height:1.7142857142857142857142857142857em}br,dt,td,th,thead,tr{margin:0;padding:0;font-size:1em;line-height:1.5em}h1,h2,h3,h4{-ms-word-wrap:break-word;word-wrap:break-word}pre{word-wrap:break-word}table{margin-bottom:1.5em}th{text-align:left}td,th,tr{padding-right:1.5em;border-bottom:0 solid #333}form{margin:0;padding:0}fieldset{border:0;padding:0}button,input,select,textarea{vertical-align:top;max-width:100%}.comment-content img,.entry-content img,.widget img,embed,img,img.size-full,object,video{max-width:98%}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}blockquote,cite,q{font-style:italic}blockquote{padding-left:1.5em;border-left:3px solid #ccc}blockquote>p,ol,ul{padding:0}ol,ul{list-style-position:inside}li ol,li ul{margin:0 1.5em}dl dd{margin-left:1.5em}abbr,acronym{letter-spacing:.1em}figure{margin:0}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}.rsswidget img{vertical-align:top;margin:0}.tagcloud a{line-height:1.5em;margin-bottom:1.5em}.form-allowed-tags,.logged-in-as,.postmetadata{margin:0 0 1.7142857142857142857142857142857em;font-size:.875em;line-height:1.7142857142857142857142857142857em}#reply-title small{margin:0;line-height:0}.comment-meta{margin:1.5em 0}.comment-form-comment label{display:block;margin:0 0 .1em}#comment{margin:0}.avatar{float:left;margin:0 1.5em 0 0}.aligncenter,.alignleft,.alignnone,.alignright,wp-caption{display:block;max-width:98%}img[class*=align],img[class*=wp-image-]{height:auto}img.size-full{width:auto}#access{z-index:100}.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}.sf-menu ul{position:absolute;top:-999em}.sf-menu li{clear:left;float:left;position:relative;width:100%}.sf-menu li:hover{visibility:inherit}.sf-menu a{display:block;text-decoration:none;text-indent:.1em}.sf-menu li li a{text-indent:1em}.sf-menu li li li a{text-indent:2em}.sf-menu li li li li a{text-indent:3em}.sf-menu li:hover ul{top:auto;position:relative}ul.sf-menu li:hover li ul{position:absolute;top:-999em}ul.sf-menu li li:hover ul{top:auto;position:relative}ul.sf-menu li li:hover li ul{position:absolute;top:-999em}ul.sf-menu li li li:hover ul{top:auto;position:relative}nav{height:3em;margin-bottom:1.5em}nav input{position:absolute;opacity:0;z-index:2;cursor:pointer}nav label{background:url(fbg/images/horiz-hamburger.gif) no-repeat;cursor:pointer;display:block;padding-left:1.5em;font-size:2.25em;line-height:1.3333333333333333333333333333333em;margin-bottom:-2px}nav input+div{display:block}nav input+div>ul{display:none}nav input:checked+div{height:auto}nav input:checked+div>ul{display:block;margin:0 0 .125em}@media only screen and (min-width:600px){h1{margin:0 0 .4em;font-size:3.75em;line-height:1.2em}h2{margin:0 0 .5em;font-size:3em;line-height:1em}h3{margin:0 0 .6667em;font-size:2.25em;line-height:1.3333333333333333333333333333333em}.alignright{display:inline;padding:0 0 1.5em 1.5em;float:right}.alignleft{display:inline;padding:0 1.5em 1.5em 0;float:left}.aligncenter{margin-left:auto;margin-right:auto}#archive-head,.g3 .page,.g3 .post{width:40em;margin:0 auto}nav{height:auto}nav input,nav label{display:none}nav input+div>ul{display:block}#access{float:left;width:100%;margin-bottom:1.5em}.sf-menu{z-index:100}.sf-menu li{clear:none;width:auto}.sf-menu li li{clear:left;width:100%;padding:.2em}.sf-menu li li a,.sf-menu li li li a,.sf-menu li li li li a{text-indent:0}.sf-menu li:hover ul{left:auto;position:absolute;width:100%;z-index:100}ul.sf-menu li li:hover ul{position:absolute;top:-1px;left:100%}ul.sf-menu li li li:hover ul{display:block;position:absolute;left:0;top:100%;height:auto;margin:0;padding:0}}

body,button,input,select,textarea
{
	font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
	color:#333
}

h1,h2,h3,h4,h5,h6
{
	font-family:Futura,"Century Gothic",AppleGothic,sans-serif;
	color:#222;
	text-shadow:1px 1px 1px rgba(0,0,0,.10)
}

pre,code,kbd,samp
{
	font-family:Menlo,Consolas,'DejaVu Sans Mono',Monaco,monospace
}

dt
{
	font-family:Futura,"Century Gothic",AppleGothic,sans-serif
}

a
{
	text-decoration:none;
	color:#c47529
}

a:hover
{
	text-decoration:underline
}

a:focus
{
	outline:thin dotted
}

ins,mark
{
	text-decoration:none
}

mark
{
	background:#c47529
}

ins
{
	background:#d49855
}

del
{
	text-decoration:line-through
}

::-moz-selection
{
	background:#c47529;
	color:#fff;
	text-shadow:none
}

::selection
{
	background:#c47529;
	color:#fff;
	text-shadow:none
}

var,address
{
	font-style:normal
}

.amp
{
	font-family:"Adobe Caslon Pro",Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;
	font-style:italic;
	font-size:110%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

.bypostauthor
{
	background:#eee
}

body
{
	width:92%;
	margin:0 auto
}

.g1,.g2,.g3
{
	display:block;
	position:relative;
	margin-left:1%;
	margin-right:1%;
	width:98%
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.custom-logo {
    margin: 1.5em auto;
    display: block;
    max-width: 9em;
    height: auto;
}

/* menu */
.sf-menu li {
    background-color:#c47529;
}
.sf-menu a {
    color: #fff;
}
nav label, .menu-item {
	font-family:Futura,"Century Gothic",AppleGothic,sans-serif;
}
.menu-item:hover {
	background-color:#d49855
}	
.menu-item a:hover {
	text-decoration:none
}
#access {
        background-color:#c47529;
        color: #fff;
}


@media only screen and (min-width: 600px) {
    .custom-logo {
        margin: 0 1.5em 1.5em 0;
        max-width: 98%;
        padding: 0;
        display: block;
        float: left;
    }
    #access {
		background-color:#c47529;
    }
	.menu-item a
	{
		margin:0 1em;
	}
	
}

@media only screen and (min-width: 1024px) {
	.g1,.g2,.g3
	{
		display:inline;
		float:left
	}
	
	.g1
	{
		width:31.333%
	}
	
	.g2
	{
		width:64.667%
	}
	
	.g3
	{
		width:98%
	}
}

@media print {
	*
	{
		background:transparent!important;
		color:#000!important;
		text-shadow:none!important;
		filter:none!important;
		-ms-filter:none!important
	}
	
	a,a:visited
	{
		color:#444!important;
		text-decoration:underline
	}
	
	a[href]:after
	{
		content:" (" attr(href) ")"
	}
	
	abbr[title]:after
	{
		content:" (" attr(title) ")"
	}
	
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after
	{
		content:""
	}
	
	pre,blockquote
	{
		border:1px solid #999;
		page-break-inside:avoid
	}
	
	thead
	{
		display:table-header-group
	}
	
	tr,img
	{
		page-break-inside:avoid
	}
	
	img
	{
		max-width:100%!important
	}
	
	@page
	{
		margin:.5cm
	}
	
	p,h2,h3
	{
		orphans:3;
		widows:3
	}
	
	h2,h3
	{
		page-break-after:avoid
	}
}