/*!
Theme Name: Martialism
Theme URI: http://underscores.me/
Author: Patriot Local Consulting
Author URI: http://www.patriotlocal.com
Description: Responsive, minimalist, BOLD theme for Phil Elmore & The Martialist.
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: martialism
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Martialism is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 - Reset

2.0 - Typography

3.0 - Elements

4.0 - Forms

5.0 - Navigation

	5.1 - Links

	5.2 - Menus

6.0 - Accessibility

7.0 - Alignments

8.0 - Clearings

9.0 - Widgets

10.0 - Content

	10.1 - Posts and pages

	10.2 - Asides

	10.3 - Comments

11.0 - Infinite scroll

12.0 - Media

	12.1 - Captions

	12.2 - Galleries

--------------------------------------------------------------*/
/*--------------------------------------------------------------

1.0 - Reset

--------------------------------------------------------------*/
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { background: #fff; }

article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }

caption, td, th { font-weight: 400; text-align: left; }

blockquote:after, blockquote:before, q:after, q:before { content: ""; }

blockquote, q { quotes: "" ""; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

a img { border: 0; }

/*--------------------------------------------------------------

2.0 Typography

--------------------------------------------------------------*/
body, button, input, select, textarea { color: #000; font-family: sans-serif; font-size: 16px; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { clear: both; }

p { margin-bottom: 1.5em; }

b, strong { font-weight: bold; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

mark, ins { background: #fff9c0; text-decoration: none; }

sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; }

sup { bottom: 1ex; }

sub { top: .5ex; }

small { font-size: 75%; }

big { font-size: 125%; }

h1 { font-size: 2em; }

h2 { font-size: 1.7em; }

h3 { font-size: 1.3em; }

h4 { font-size: 1.1em; }

h5 { font-size: .75em; }

h6 { font-size: .5em; }

/*--------------------------------------------------------------

3.0 Elements

--------------------------------------------------------------*/
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

ul, ol { margin: 0 0 1.5em 3em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul, li > ol { margin-bottom: .5em; margin-left: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ box-shadow: 0 8px 5px -5px #3B5E2B; margin-bottom: 1em; }

figure { margin: 0; }

table { margin: 0 0 1.5em; width: 100%; }

th { font-weight: bold; }

.site { width: 940px; margin: 0 auto; }

.site-header { background: url("logo.png") no-repeat; height: 249px; width: 100%; }

#primary { width: 620px; margin-top: 1em; margin-right: 25px; float: left; }

#secondary { width: 255px; margin-top: 1em; margin-left: 40px; float: right; }

.site-footer { width: 100%; margin-top: 1em; background: #000; box-shadow: 0 -8px 5px -5px #3B5E2B; color: #fff; padding: 5px 0; }

.site-footer a { color: #fff; }

/*--------------------------------------------------------------

4.0 Forms

--------------------------------------------------------------*/
button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ }

button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 12px; font-size: 1.2rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ }

input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; }

textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; }

/*--------------------------------------------------------------

5.0 Navigation

--------------------------------------------------------------*/
/*--------------------------------------------------------------

5.1 Links

--------------------------------------------------------------*/
a { color: #3B5E2B; text-decoration: underline; }

a:visited { color: #3B5E2B; }

a:hover, a:focus, a:active { color: #000; }

/*--------------------------------------------------------------

5.2 Menus

--------------------------------------------------------------*/
.main-navigation { clear: both; display: block; float: left; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 1.1em; font-family: 'Impact', sans-serif; background: #000; box-shadow: 0 7px 5px -5px #3B5E2B; position:relative; }

.main-navigation select { display: none; }

.main-navigation ul { list-style: none; margin: 0; padding-left: 0; }

.main-navigation li { float: left; position: relative; padding: 0 10px; letter-spacing: 1px; }

.main-navigation li:hover { background: #3B5E2B; cursor: pointer; }

.main-navigation a { display: block; text-decoration: none; color: #fff; }

.main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 40px; left: -999em; z-index: 99999; background: #000; }

.main-navigation ul ul ul { left: -999em; top: 0; }

.main-navigation ul ul a { width: 200px; }

.main-navigation ul li:hover > ul { left: 0; }

.main-navigation ul ul li:hover > ul { left: 100%; }

.site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }

.comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }

.comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }

/*--------------------------------------------------------------

6.0 Accessibility

--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }

/*--------------------------------------------------------------

7.0 Alignments

--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }

.aligncenter { clear: both; display: block; margin: 0 auto; }

/*--------------------------------------------------------------

8.0 Clearings

--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------

9.0 Widgets

--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em; }

.widget ul, .widget ul li { list-style: none; margin: 0; }

.widget-title, .comments-title { font-size: 1.3em; background: #000; box-shadow: 0 7px 5px -5px #3B5E2B; font-family: 'Impact', sans-serif; color: #fff; padding-left: 10px; margin-bottom: .5em; }

/* Make sure select elements fit in widgets */
.widget select { max-width: 100%; }

/* Search widget */
.widget_search .search-submit { display: none; }

.widget_search input { width: 250px; }

.widget_recent_entries ul li { list-style: disc; margin-left:1.5em; margin-bottom: .5em; }

/*--------------------------------------------------------------

10.0 Content

--------------------------------------------------------------*/
/*--------------------------------------------------------------

10.1 Posts and pages

--------------------------------------------------------------*/
.hentry { margin: 0 0 1.5em; }

.byline, .updated { display: none; }

.single .byline, .group-blog .byline { display: inline; }

.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

.entry-title { font-size: 2em; font-family: 'Impact', sans-serif; color: #000; }

.entry-meta { font-size: .75em; font-style: italic; color: #3B5E2B; text-indent: .75em; margin-top: -5px; }

.entry-footer { font-size: .75em; font-style: italic; color: #3B5E2B; text-indent: .75em; margin-bottom: -1.5em; }

/*--------------------------------------------------------------

10.2 Asides

--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; }

/*--------------------------------------------------------------

10.3 Comments

--------------------------------------------------------------*/
.comment-content a { word-wrap: break-word; }

.comment-list { margin: 0; list-style: none; }

/*--------------------------------------------------------------

12.0 Media

--------------------------------------------------------------*/
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers */
embed, iframe, object { max-width: 100%; }

/*--------------------------------------------------------------

12.1 Captions

--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }

.wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; }

.wp-caption-text { text-align: center; }

.wp-caption .wp-caption-text { margin: 0.8075em 0; }

.fblock { width: 48%; overflow: hidden; position: relative; margin: 1%; float: left; max-height: 250px; box-shadow: 0 8px 5px -5px #3B5E2B; }

.fblock img { margin-top: -2em; }

.fblock p { margin: 0; }

.tblock { width: 23%; display: block; float: left; margin: 1%; }

.tblock img { width: 100%; box-shadow: 0 8px 5px -5px #3b5e2b; }

.head-search { float: right; padding-right: 5px; width: 100%; position: absolute; }

.head-search .search-form {z-index: 3; background: #000;}

.head-search .activate { height: 40px; position: absolute; top:0; right: 0; box-shadow: none; }

.head-search .search-field { height: 25px; width: 90%; left: 1px; top: 3px;}

.head-search .search-submit { display: none; }

.category-form { position: absolute; right: 999em; top: 40px; background: #000; padding: 30px; color: #fff; text-align: center; z-index: 5; box-shadow: 0 8px 5px -5px #3b5e2b; }

.category-form select {display: block;}

.head-search:hover .category-form { right: 0; }

.category-form:hover { background: #3b5e2b; }

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }

.gallery-columns-2 .gallery-item { max-width: 50%; }

.gallery-columns-3 .gallery-item { max-width: 33.33%; }

.gallery-columns-4 .gallery-item { max-width: 25%; }

.gallery-columns-5 .gallery-item { max-width: 20%; }

.gallery-columns-6 .gallery-item { max-width: 16.66%; }

.gallery-columns-7 .gallery-item { max-width: 14.28%; }

.gallery-columns-8 .gallery-item { max-width: 12.5%; }

.gallery-columns-9 .gallery-item { max-width: 11.11%; }

/*responsive*/
@media screen and (min-width: 500px) and (max-width: 800px) { .site { width: 100%; }
  .site-header { background: url("logos.png") no-repeat; height: 200px; }
  .head-search { float: none; clear: both; display: block; background: #000; height: 50px; box-shadow: 0 8px 5px -5px #3b5e2b; }
  #primary { margin-top: 4em; width: 100%; }
  .site-main { padding: 0 25px; }
  #secondary { float: none; margin: 1em auto; width: 50%; } }
@media screen and (min-width: 240px) and (max-width: 600px) { 
  .site { width: 100%; }
  .site-header { background: url("logom.png") no-repeat 50% 0; height: 205px; }
  .main-navigation ul { display: none; }
  .main-navigation select { display: block; margin: 7px auto; width: 200px;}
  .main-navigation .head-search { display: none; }
  .fblock { width: 100%; margin: 0; }
  .tblock { width: 48%; } 
  img {clear:both;float:none;width:100%;}
  #primary { max-width:100%; padding:15px; float:none; clear:both; }
  #secondary { width:100%; float:none; clear:both; margin-left:0; padding: 15px; } }