/*
Theme Name: Warrior
Theme URI: https://github.com/timdavila/WarriorTheme
Author: Tim Davila
Author URI: http://timdavila.com/
Description: A WordPress theme for 4.0
Version: 1.0
License: Creative Commons Attribution-ShareAlike 4.0 
License URI: http://creativecommons.org/licenses/by-sa/4.0/
Tags: two-columns, right-sidebar, responsive-layout, full-width-template, theme-options
Text Domain: WarriorTheme
*/

/****
Authors notes:

This theme takes a mobile first approach, and is optimized for screens 320px, 768px, 
and 1280px wide, though there is some fluidity between these targets. 

Since each breakpoint has a unique layout, global site styles that apply to all screens
are defined first, and then device specific styles are defined for each breakpoint.

Browsers targeted are the most recent at time of development:
Internet Explorer 11, Mozilla Firefox 33, Google Chrome 38
Last updated: 12/13/2014
****/

/******
* Table of Contents:
*
* 1.0 - Reset
* 2.0 - Global Styles
* 3.0 - Basic Structure
* 4.0 - Fonts
* 5.0 - Header
* 6.0 - Navigation
* 7.0 - Content
* 8.0 - Footer
* 9.0 - Responsive Styles
*    9.1 - Mobile
*    9.2 - Tablet
*    9.3 - Desktop
* 10.0 - Print
* -----------------------------------------------------------------------------
***/

/**
* 1.0 Reset
*
* Browser reset and rebuild styles 
* Based on work by Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint
* http://meyerweb.com/eric/tools/css/reset/index.html
* http://necolas.github.com/normalize.css/
* http://www.blueprintcss.org/
*
* -----------------------------------------------------------------------------
*/
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;
}

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

audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}

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

body, button, input, select, textarea {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

a:focus {
	outline: thin dotted;
}

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

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	margin: 12px 0 12px;
}

h1 {
	font-size: 26px;
	line-height: 1.3846153846;
}

h2 {
	font-size: 24px;
	line-height: 1;
}

h3 {
	font-size: 22px;
	line-height: 1.0909090909;
}

h4 {
	font-size: 20px;
	line-height: 1.2;
}

h5 {
	font-size: 18px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 16px;
	line-height: 1.5;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b, strong {
	font-weight: 700;
}

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

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

p {
	margin-bottom: 24px;
}

code, kbd, tt, var, samp, pre {
	font-family: Courier, monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

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

blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin-bottom: 24px;
}

blockquote cite, blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}

blockquote strong, blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ul, ol {
	list-style: none;
	margin: 0 0 24px 20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul, li > ol {
	margin: 0 0 0 20px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button, input, select, textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button, input {
	line-height: normal;
}

input, textarea {
	background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)); /* Removing the inner shadow, rounded corners on iOS inputs */
	-webkit-appearance: none;
	-webkit-border-radius:0px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], input[disabled] {
	cursor: default;
}

input[type="checkbox"] {
	padding: 0;
	-webkit-appearance: checkbox;
}

input[type="radio"] {
	padding: 0;
	-webkit-appearance: radio;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table, th, td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

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

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}

/*
 * 2.0 Global Styles
 * -----------------------------------------------------------------------------
 */

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #939393;
}

:-moz-placeholder {
	color: #939393;
}

::-moz-placeholder {
	color: #939393;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #939393;
}

/* Fluid images for posts, comments, and widgets */
img, .wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img {
	height: auto;
}

img.size-full, img.size-large, .wp-post-image, .post-thumbnail img {
	height: auto;
	max-width: 100%;
}

/* Center featured images */
.wp-post-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {
	margin-bottom: 0;
}

/* Wordpress added alignment */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft {
	margin: 7px 16px 15px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 15px 0;
}

blockquote.alignright, figure.wp-caption.alignright, img.alignright {
	margin: 7px 0 15px 16px;
}

.wp-caption.alignright {
	margin: 7px 0 15px 14px;
}

blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 15px;
}

/* WordPress captions */
.wp-caption {
	margin-bottom: 24px;
}

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

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.hide {
	display: none;
}

.lf {
	float: left;
}

.rf {
	float: right;
}

.cf {
	clear: both;
}

/**
 * 3.0 Basic Structure and Colors
 * -----------------------------------------------------------------------------
 */

body {
	background-color: #253125;
}

#top {
	background: #0F1B11; /* fallback for older browsers */
	background: -moz-linear-gradient(top, #234B30 0%, #0F1B11 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #234B30), color-stop(40%, #0F1B11)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #234B30 0%, #0F1B11 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #234B30 0%, #0F1B11 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #234B30 0%, #0F1B11 40%); /* IE10+ */
	background: linear-gradient(to bottom, #234B30 0%, #0F1B11 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#234B30', endColorstr='#0F1B11', GradientType=0); /* IE6-9 */
	-moz-box-shadow: 1px 1px 3px #111;
	-webkit-box-shadow: 1px 1px 3px #111;
	box-shadow: 1px 1px 3px #111;
}

.sitewrap {
	background-color: #FBF0D4;
}

/* links */
article a, .widget a, .pagination a {
	color: #1D6D26;
	text-decoration: none;
}

.site-footer a {
	color: #ffffff;
	text-decoration: none;
}

article .entry-content a, article .entry-summary a, article footer a, .pagination a {
	font-weight: bold;
}

article a:hover, .widget a:hover, .pagination a:hover, .site-footer a:hover {
	color: #F3B333;
}

/**
 * 4.0 Fonts
 * -----------------------------------------------------------------------------
 *
 * Noto Sans and Signika are Google fonts, loaded from Google CDN:
 * http://www.google.com/fonts/specimen/Signika
 * http://www.google.com/fonts/specimen/Noto+Sans
 *
 * Font Awesome 4.2 is used for social buttons and a few other icons:
 * http://fortawesome.github.io/Font-Awesome/
 *
 * Font Awesome is loaded via the Bootstrap CDN:
 * http://www.bootstrapcdn.com/#fontawesome_tab
 *
 * All 3 font includes are found in header.php
 *
 */

body {
	font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
}

header, .widget-title, h1, h2, h3, h4, h5, h6 {
	font-family: 'Signika', Verdana, sans-serif;
}

/**
 * 5.0 Header
 * -----------------------------------------------------------------------------
 */

.search form {
	width: 240px;
	margin: 6px auto 2px auto;
	height: 31px;
	display: relative;
}

.in-search, .btn-search {
	border: 0;
	padding: 2px 5px;
	background: #F5F5F5;
	border-style: solid;
	border-color: #666;
	height: 25px;
	float: left;
}

.in-search {
	border-width: 1px 0px 1px 1px;
	width: 210px;
	font-size: 14px;
}

.btn-search {
	border-width: 1px 1px 1px 0px;
	width: 30px;
	font-size: 16px;
}

/**
 * 6.0 Navigation
 * -----------------------------------------------------------------------------
 */

.site-nav ul {
	margin: 0;
}

.site-nav ul li {
	list-style: none;
	background-color: #dddddd;
}

.site-nav ul li a {
	color: #1D4029;
	display: block;
	text-decoration: none;
	font-size: 20px;
}

#nav-primary ul li {
	background-color: #1D4029;
}

#nav-primary ul li a {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 22px;
}

/**
 * 7.0 Content
 * -----------------------------------------------------------------------------
 */

/* Blog Post Presentation */
article {
	word-wrap: break-word;
}

article header {
	color: #666;
	font-weight: 300;
}

.entry-header h1 {
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 1px;
	margin-top: 0px;
	color: #2b2b2b;
}

.archive-header h1 {
	font-weight: 300;
}

.entry-header a {
	text-decoration: none;
}

.entry-date {
	margin-bottom: 5px;
	font-size: 14px;
}

.entry-content, .entry-summary, .page-content {
	word-wrap: break-word;
	text-align: justify;
	font-size: 97%;
}

.archive-header {
	box-shadow: 0px 0px 3px 0px #6E6E80;
	padding: 10px;
	margin: 25px;
}

article footer {
	background-color: #F0DDBD;
	color: #2B2B2B;
	clear: both;
}

.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child, .entry-summary h1:first-child, .entry-summary h2:first-child, .entry-summary h3:first-child, .entry-summary h4:first-child, .entry-summary h5:first-child, .entry-summary h6:first-child, .page-content h1:first-child, .page-content h2:first-child, .page-content h3:first-child, .page-content h4:first-child, .page-content h5:first-child, .page-content h6:first-child {
	margin-top: 0;
}

/**
 * 7.1 Social Bar / Buttons
 * -----------------------------------------------------------------------------
 */

.post-social span {
	display: inline-block;
	float: left;
	padding-top: 6px;
	margin-right: 18px;
	height: 32px;
}

.comments-link {
	font-size: 16px;
}

.comments-link a {
	text-decoration: none;
}

/* social share buttons after posts */
/* colors from simpleicons.org */

.btn-share {
	width: 32px;
	height: 32px;
	text-align: center;
	margin-right: 12px;
	float: left;
	background: #888;
	box-shadow: inset 0 0 0 0 #888;
	transition: all ease 0.4s;
}

.btn-share a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding-top: 4px;
	padding-bottom: 1px;
}

.btn-share a:hover {
	color: #ffffff;
}

.btn-share a i {
	font-size: 24px;
}

.btn-share.fb:hover {
	box-shadow: inset 0 32px 0 0 #3B5998; /* facebook */;
}

.btn-share.tw:hover {
	box-shadow: inset 0 32px 0 0 #00ACED; /* twitter */;
}

.btn-share.gp:hover {
	box-shadow: inset 0 32px 0 0 #D14836; /* google + */;
}

.btn-share.rd:hover {
	box-shadow: inset 0 32px 0 0 #FF4500; /* reddit */;
}

/* social buttons in mast head */
.btn-social {
	width: 36px;
	height: 36px;
	padding: 6px;
	text-align: center;
	float: left;
}

.btn-social a {
	display: block;
	text-decoration: none;
	background-color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 36px;
	box-shadow: 2px 2px #F3B333;
}

.btn-social a:hover {
	background-color: #1D4029;
}

.btn-social a i {
	font-size: 24px;
	color: #1D4029;
	padding-top: 6px;
}

.btn-social a:active {
	box-shadow: none;
	padding-top: 2px;
	padding-left: 2px;
}

.btn-social a:hover i {
	color: #ffffff;
}

/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

.foot-col ul {
	list-style: none;
}

.site-footer {
	color: #ffffff;
}

.site-footer a {
	text-decoration: underline;
}

.foot-widget-title {
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	padding-left: 8px;
	border-bottom: 1px solid #fff;
	color: #fff;
	line-height: 1.3846153846;
}

/**
 * 9.0 Media Queries
 * -----------------------------------------------------------------------------
 * Styles in this section are either exclusive to, or override global styles for each breakpoint
 */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/*
 * 9.1 Mobile Styles
 * -----------------------------------------------------------------------------
 */

@media screen and (max-width:729px) {
.tablet, .desktop, .hero-meta, #nav-primary, #nav-2, #nav-3 {
	display: none;
}

#ad1-inline, #ad3-inline, #ad4-inline {
	display:none!important;
}

.hero-banner {
	margin: 8px auto;
	text-align: center;
}

.search form {
	width: 300px;
}

.in-search {
	width: 270px;
}

main {
	width: 100%;
}

#top {
	background: #0F1B11;
}

/* Navigation */

.site-nav {
	border-bottom: 1px solid #1D4029;
}

.site-nav ul li {
	height: 30px;
}

#nav-2 ul li, #nav-3 ul li {
	border-bottom: 1px solid #bbb;
}

#nav-2 ul li a, #nav-3 ul li a {
	padding-left: 20px;
}

/* Feedback for clicked link */

#nav-2 li:hover, #nav-2 li:target, #nav-3 li:hover, #nav-3 li:target {
	background-color: #2B2B2B;
}

#nav-2 li:hover a, #nav-2 li:target a, #nav-3 li:hover a, #nav-3 li:target a {
	color: #ffffff;
}

#nav-primary {
	border-top: 1px solid #ffffff;
}

.titlebar, #nav-primary {
	border-bottom: 1px solid #1D4029;
	background-color: #1D4029;
	color: #ffffff;
	text-align: center;
}

.titlebar h1 {
	margin: 0;
	font-size: 24px;
	font-weight: normal;
}

.titlebar i {
	font-size: 24px;
	position: absolute;
	top: 4px;
	right: 8px;
	color: #ffffff;
}

.titlebar a {
	color: #ffffff;
	text-decoration: none;
}

.menubar {
	border-top: 1px solid #666;
}

.btn-menu {
	font-size: 22px;
	height: 32px;
	border-bottom: 1px solid #1D4029;
	background-color: #dddddd;
}

.btn-menu a {
	display: block;
	text-decoration: none;
	color: #1D4029;
	padding-left: 20px;
	cursor: pointer;
}

.btn-menu i {
	font-size: 20px;
	position: relative;
	margin-top: 6px;
	right: 8px;
	color: #1D4029;
}

.btn-menu.m1 {
	border-top: 1px solid #1D4029;
}

/* Article Styles */

article {
	padding: 6px 0;
}

.archive-header {
	margin: 0;
}

.entry-meta {
	margin-bottom: 8px;
}

.entry-header, .entry-summary, .entry-content, .post-cat {
	padding: 4px 8px;
}

#disqus_thread {
	padding: 8px;
}

article footer {
	padding: 4px 10px;
}

.post-social span {
	margin-right: 8px;
}

.btn-share.rd {
	margin-right: 0px; /* remove spacing on last share button */;
}

/* center post images on mobile */

img.alignleft, img.alignright {
	float: none;
	display: block;
	margin: 8px auto;
}

/* handle embeds on mobile */

p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {
	max-width: 310px!important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

/* site footer */

.foot-wrap {
	padding: 5px;
}

.foot-col {
	float: left;
	min-width: 120px;
	font-size: 14px;
	padding: 5px;
}

.pagination {
	height: 30px;
	padding: 0 12px;
	margin: 12px 0;
	;
}
}

/*
 * 9.2 Tablet Styles
 * -----------------------------------------------------------------------------
 */

@media screen and (min-width:730px) and (max-width:1200px) {

.mobile, .desktop {
	display: none;
}

.hero {
	width: 728px;
	margin: 0 auto;
}

.hero-banner ins.adsbygoogle {
	display: inline-block; /* defining the ad styles here instead of inline, so that it won't be displayed on mobile */
	width: 728px;
	height: 90px;
}

#top {
	background: #0F1B11;
}

.logo, .hero-banner, .hero-meta {
	height: 90px;
}

.logo {
	width: 260px;
	overflow: hidden;
	float: left;
	margin-bottom: 12px;
}

.hero-meta {
	float: right;
	margin-top: -204px;
	width: 468px;
}

.hero-banner {
	clear: both;
	margin-bottom: 12px;
}

.logo img {
	max-width: 260px;
	max-height: 90px;
}

.search form {
	width: 460px;
}

.btn-social {
	width: 85px;
	padding: 4px;
}

.btn-social a {
	margin: 0 auto;
}

.in-search {
	width: 430px;
}

/* Navigation */

.menubar {
	width: 100%;
	height: 52px;
}

.btn-menu {
	float: left;
	width: 33.33%;
	text-align: center;
}

.btn-menu a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: #ffffff;
	background-color: #1D4029;
	padding: 6px 0px;
	width: 200px;
}

.btn-selected {
	background-color: #f0d96f!important;
	color: #060805!important;
}

.btn-menu.m2 a {
	margin: 0 auto;
}

.btn-menu.m3 a {
	float: right;
}

#nav-primary ul li {
	background-color: #dddddd;
}

#nav-primary ul li a {
	text-transform: none;
	color: #1D4029;
	font-size: 20px;
}

#nav-primary, #nav-2, #nav-3 {
	display: none; /* This hides the menus initially, if the navigation is active it will be displayed again  - see functions.js */
}

.site-nav {
	width: auto;
	border-top: 1px solid #1D4029;
}

.site-nav ul li {
	border-bottom: 1px solid #bbb;
	padding-left: 20px;
}

.site-nav ul li a {
	font-size: 20px;
}

/* Article Styles */

article {
	padding: 6px 0;
}

.entry-header, .entry-content, .entry-summary, .post-cat {
	padding: 6px 12px;
}

#disqus_thread {
	padding: 16px 12px;
}

article footer {
	height: 50px;
	font-size: 14px;
}

.post-social {
	float: right;
	margin-top: 9px;
}

.entry-meta {
	float: left;
	margin-top: 9px;
	margin-left: 12px;
}

article img {
	max-width: 100%;
	margin-bottom: 15px;
}

.archive-header {
	margin: 12px;
}

.pagination {
	height: 30px;
	padding: 0 12px;
	margin: 12px 0;
	;
}

/* footer */

.foot-wrap {
	padding: 24px 5px;
}

.foot-col {
	float: left;
	min-width: 150px;
	font-size: 14px;
	padding: 5px;
}

.foot-col ul, .foot-col ol {
	margin: 0px 0px 12px 0px;
}
}

/*
 * 9.3 Desktop Styles
 * -----------------------------------------------------------------------------
 */

@media screen and (min-width:1201px) {
#top {
	position: relative;
	z-index: 8;
}

#content {
	float: left;
	width: 948px;
	padding-bottom: 12px;
}

.sitewrap {
	margin: 0px auto;
	box-shadow: 0 0 12px #000;
}

.hero-banner ins.adsbygoogle {
	display: inline-block; /* defining the ad styles here instead of inline, so that it won't be displayed on mobile */
	width: 728px;
	height: 90px;
}

.hero, .sitewrap {
	width: 1280px;
	margin: 0px auto;
}

.mobile, .menubar, #nav-2, #nav-3 {
	display: none!important;
}

.desktop {
	display: block;
}

.logo, .hero-banner, .hero-meta {
	float: left;
	height: 90px;
}

.logo {
	width: 260px;
	overflow: hidden;
}

.logo img {
	max-width: 260px;
	max-height: 90px;
}

.hero-banner {
	width: 728px;
	overflow: hidden;
}

.hero-banner img {
	max-width: 728px;
	max-height: 90px;
}

.hero-meta {
	width: 292px;
}

/* Secondary (game) navigation */

.secondary {
	width: 100%;
	background: #060805;
	height: 15px;
}

.secondary > ul {
	z-index: 9;
	position: relative;
	width: 1160px;
	height: 60px;
	margin: 0px auto;
	padding: 0px 10px;
	box-shadow: 0px 1px 2px #333;
	border-radius: 10px;
}

.secondary ul li {
	list-style: none;
	float: left;
}

.secondary > ul li {
	display: block;
	width: 60px;
	height: 60px;
}

.secondary > ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.secondary > ul, .secondary > ul > li {
	border-right: 1px solid rgba(38, 96, 38, 0.4);
	background: #1C3E26; /* Old browsers */
	background: -moz-linear-gradient(top, #1C3E26 0%, #000201 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #000201)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1C3E26 0%, #000201 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1C3E26 0%, #000201 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#000201', GradientType=0); /* IE6-9 */
}

.secondary > ul > li:first-of-type {
	border-left: 1px solid rgba(38, 96, 38, 0.4);
}

.secondary > ul > li:hover {
	background: #C6E2C9; /* Old browsers */
	background: -moz-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #C6E2C9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1C3E26 0%, #C6E2C9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#C6E2C9', GradientType=0); /* IE6-9 */
}

/*
 * Flyout Styles
 * -----------------------------------------------------------------------------
 */
 
.flyout {
	display: none;
	z-index: 9;
	width: 1158px;
	height: 260px;
	position: absolute;
	color: #152F02;
	background: #C6E2C9;
	font-size: 14px;
	-moz-box-shadow: 0 3px 5px #000000;
	-webkit-box-shadow: 0 3px 5px #000000;
	box-shadow: 0 3px 5px #000000;
}

.flyout a {
	color: #000000;
	text-decoration: none;
}

.flyout strong a, .flyout a strong {
	color: #152F02;
}

.flyout a:hover, .flyout a:hover * {
	color: #F3B333;
}

/* Flyout Positioning */

.secondary ul li:nth-of-type(2) .flyout {
	margin-left: -61px;
}

.secondary ul li:nth-of-type(3) .flyout {
	margin-left: -122px;
}

.secondary ul li:nth-of-type(4) .flyout {
	margin-left: -183px;
}

.secondary ul li:nth-of-type(5) .flyout {
	margin-left: -244px;
}

.secondary ul li:nth-of-type(6) .flyout {
	margin-left: -305px;
}

.secondary ul li:nth-of-type(7) .flyout {
	margin-left: -366px;
}

.secondary ul li:nth-of-type(8) .flyout {
	margin-left: -427px;
}

.secondary ul li:nth-of-type(9) .flyout {
	margin-left: -488px;
}

.secondary ul li:nth-of-type(10) .flyout {
	margin-left: -549px;
}

.secondary ul li:nth-of-type(11) .flyout {
	margin-left: -610px;
}

.secondary ul li:nth-of-type(12) .flyout {
	margin-left: -671px;
}

.secondary ul li:nth-of-type(13) .flyout {
	margin-left: -732px;
}

.secondary ul li:nth-of-type(14) .flyout {
	margin-left: -793px;
}

.secondary ul li:nth-of-type(15) .flyout {
	margin-left: -854px;
}

.secondary ul li:nth-of-type(16) .flyout {
	margin-left: -915px;
}

.secondary ul li:nth-of-type(17) .flyout {
	margin-left: -976px;
}

.secondary ul li:nth-of-type(18) .flyout {
	margin-left: -1037px;
}

.secondary ul li:nth-of-type(19) .flyout {
	margin-left: -1098px;
}

/* Game Navigation Images */

.secondary .g1 > a {
	background-image: url('images/G01.png');
}

.secondary .g2 > a {
	background-image: url('images/G02.png');
}

.secondary .g3 > a {
	background-image: url('images/G03.png');
}

.secondary .g4 > a {
	background-image: url('images/G04.png');
}

.secondary .g5 > a {
	background-image: url('images/G05.png');
}

.secondary .g6 > a {
	background-image: url('images/G06.png');
}

.secondary .g7 > a {
	background-image: url('images/G07.png');
}

.secondary .g8 > a {
	background-image: url('images/G08.png');
}

.secondary .g9 > a {
	background-image: url('images/G09.png');
}

.secondary .g10 > a {
	background-image: url('images/G10.png');
}

.secondary .g11 > a {
	background-image: url('images/G11.png');
}

.secondary .g12 > a {
	background-image: url('images/G12.png');
}

.secondary .g13 > a {
	background-image: url('images/G13.png');
}

.secondary .g14 > a {
	background-image: url('images/G14.png');
}

.secondary .g15 > a {
	background-image: url('images/G15.png');
}

.secondary .g16 > a {
	background-image: url('images/G16.png');
}

.secondary .g17 > a {
	background-image: url('images/G17.png');
}

.secondary .g18 > a {
	background-image: url('images/G18.png');
}

.secondary .g19 > a {
	background-image: url('images/G19.png');
}

/* Flyout Menu Images */

.secondary .g1 .fly-img {
	background-image: url('images/FLY01.jpg');
}

.secondary .g2 .fly-img {
	background-image: url('images/FLY02.jpg');
}

.secondary .g3 .fly-img {
	background-image: url('images/FLY03.jpg');
}

.secondary .g4 .fly-img {
	background-image: url('images/FLY04.jpg');
}

.secondary .g5 .fly-img {
	background-image: url('images/FLY05.jpg');
}

.secondary .g6 .fly-img {
	background-image: url('images/FLY06.jpg');
}

.secondary .g7 .fly-img {
	background-image: url('images/FLY07.jpg');
}

.secondary .g8 .fly-img {
	background-image: url('images/FLY08.jpg');
}

.secondary .g9 .fly-img {
	background-image: url('images/FLY09.jpg');
}

.secondary .g10 .fly-img {
	background-image: url('images/FLY10.jpg');
}

.secondary .g11 .fly-img {
	background-image: url('images/FLY11.jpg');
}

.secondary .g12 .fly-img {
	background-image: url('images/FLY12.jpg');
}

.secondary .g13 .fly-img {
	background-image: url('images/FLY13.jpg');
}

.secondary .g14 .fly-img {
	background-image: url('images/FLY14.jpg');
}

.secondary .g15 .fly-img {
	background-image: url('images/FLY15.jpg');
}

.secondary .g16 .fly-img {
	background-image: url('images/FLY16.jpg');
}

.secondary .g17 .fly-img {
	background-image: url('images/FLY17.jpg');
}

.secondary .g18 .fly-img {
	background-image: url('images/FLY18.jpg');
}

.secondary .g19 .fly-img {
	background-image: url('images/FLY19.jpg');
}

/* Columns within flyout */

.fly-col {
	width: 288px; /* columns should auto scale, this is a fallback only */
	display: table-cell;
}

.fly-col:first-of-type {
	text-align: center;
	width: 274px;
	display: block;
}

.fly-col ul {
	margin-left: 5px;
}

.fly-col ul li {
	list-style: none;
	background: none;
	display: block;
	width: auto;
	height: auto;
	float: none;
}

.fly-col ul li:first-of-type {
	font-weight: bold;
	margin: 5px 0;
}

.fly-col ul li a {
	width: auto;
	height: auto;
	display: inline;
}

.fly-img {
	width: 230px;
	margin: 0px 22px;
	height: 150px;
}

 /* show the flyout menu */
 
.secondary ul li:hover .flyout {
	display: table;
}

.flyout:hover {
	display: table;
}

#nav-primary {
	display: table!important; /* required in case layout changes */
}

#nav-primary ul li {
	background-color: inherit;
}

#nav-primary ul li:hover a {
	color: #f0d96f;
}

.primary-mast {
	background: #060805;
}

.site-nav {
	display: table;
	table-layout: fixed; /* even width for all items */
	width: 1280px;
	margin: 0 auto;
}

.site-nav ul {
	display: table-row;
	width: 100%;
}

.site-nav ul li {
	display: table-cell;
	height: 44px;
	width: auto;
	float: none;
	vertical-align: middle;
	text-align: center;
}

.social {
	width: 240px;
	height: 48px;
	margin: 0px auto;
}

.social img {
	float: left;
}

.post-social {
	float: right;
	margin-top: 9px;
}

/* Article Styles */

article, #disqus_thread, .pagination {
	margin: 20px 20px 25px;
}

article img {
	max-width: 100%;
	margin-bottom: 12px;
}

article footer {
	width: 100%;
	height: 50px;
	font-size: 14px;
	border-radius: 10px;
}

.entry-meta {
	float: left;
	margin-top: 13px;
	margin-left: 10px;
}

.pagination {
	padding-bottom: 6px;
}

/* Sidebar and Widgets */

.sidebar {
	z-index: 1; /* the flyout should cover the sidebar */
	float: left;
	width: 312px;
	position: relative;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-right: 20px;
	background-color: #F0DDBD;
	border-radius: 10px;
}

.widget {
	font-size: 14px;
	padding: 6px;
}

.widget_search .search-form {
	margin-left: 8px;
}

.widget ul {
	list-style: none;
	margin: 3px;
	margin-left: 8px;
}

.widget a {
	text-decoration: none;
}

.widget-title {
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	padding-left: 8px;
	border-bottom: 1px solid #2B2B2B;
	color: #2B2B2B;
	line-height: 1.3846153846;
}

/* Footer */

.site-footer {
	width: auto;
	position: relative;
	z-index: 9;
}

.foot-wrap {
	padding: 20px 0;
	width: 1280px;
	margin: 0px auto;
	display: table;
}

.foot-col {
	float: left;
	min-width: 250px;
	font-size: 14px;
}

}

/**
 * 10.0 Print
 * -----------------------------------------------------------------------------
 */

@media print {
.primary-mast, .secondary, .mobile, .tablet, .hero-banner, .hero-meta, .sidebar {
	display: none;
}

body {
	background: none !important;
	color: #2b2b2b;
	font-size: 12pt;
}
}

/**
 * 11.0 Walkthrough and Guide Classes
 * -----------------------------------------------------------------------------
 * Box 1         : #d1efd9   Box1.jpg
 * Box 2         : #f8dcbf   Box2.jpg
 * Box 1 color   : #a7ddb5   Box1Color.jpg
 * Box 2 color   : #efb981   Box2Color.jpg
 * Picbox        : #7c6e60   Picbox.jpg
 * Picbox border : #9d9d9d
 * Border        : #949494
 * Border Bright : #585858
 * Title SideQ   : #333
 * Pagebar border: #050505
 * Area,enemy bg : #301c13    Area.png
 * Pagebar, section bg : #081409   Pagebar.png
 * titles font   : #f4f0e7
 * -----------------------------------------------------------------------------
 */

/**
 * Basic Styles
 */
.pad3{padding:3px}
.pad5{padding:5px}
.margin3{margin:3px}
.margin5{margin:5px}
.left{float:left, margin:0px 2px 2px 0px;}
.right{float:right, margin:0px 0px 2px 2px;}
.clear, .box > hr {clear:both;}

.b_dash {border:dashed #949494;}
.b_solid {border:solid #949494;}
.b_bright {border:solid #585858}
.b {border:1px}
.b_top: {border:border-top-width:1px;}
.b_right: {border:border-right-width:1px;}
.b_bottom: {border:border-bottom-width:1px;}
.b_left: {border:border-left-width:1px;}

/**
 * Font Styles
 */
.font1 {font-family:Impact;}
.font2 {font-family:Helvetica,Serif;}
.font3 {font-family:Ariel;}
.font4, .box > div {font-family:System;}
.italic {font-style:italic;}

.size1 {font-size:0.6em}
.size2 {font-size:0.75em}
.size3 {font-size:0.9em}
.size4 {font-size:1.3em}
.size5 {font-size:1.5em}
.size6 {font-size:1.8em}
.size7 {font-size:2.1em}
.size8 {font-size:2.4em}

.center {position:relative; margin:0 auto; text-align:center;}
.justify {text-align:justify;}

.red {color:#7d1717}
.orange {color:#ea8400}
.yellow {color:#fffc00}
.green {color:#1e6b1e}
.teal {color:#09abad}
.blue {color:#133aab}
.purple {color:#714bd1}
.pink {color:#d784ff}
.white {color:#fff5ec}
.gray {color:#8a8a8a}

/**
 * Box Styles
 */
.box1, .box1bg, .box1 > div {background-color:#d1efd9; background-image:url("http://zeldadungeon.net/wp-content/themes/warrior/images/Box1.jpg")}
.box2, .box2bg, .box2 > div {background-color:#f7c59b; background-image:url("http://zeldadungeon.net/wp-content/themes/warrior/images/Box2.jpg")}
.box1color, .box1 > div {background-color:#a7ddb5; background-image:url("http://zeldadungeon.net/wp-content/themes/warrior/images/Box1Color.jpg")}
.box2color, .box2 > div {background-color:#f7c59b; background-image:url("http://zeldadungeon.net/wp-content/themes/warrior/images/Box2Color.jpg")}
.box1, .box2, td.p, table.p > tr > td, .picbox3 > tr > td, img.p, img.picboximg {border:1px solid #949494;}
.boxtitle {text-align:center; font-size:1.5em; font-style:System;}

.picbox3, table.p {margin:0px auto;}
.picbox1, td.p, table.picbox3 > tr > td, table.p > tr > td, .picboximg, img.p {padding:3px; color:white; border:solid 1px #9d9d9d; background-color:#36281b; background-image:url("http://zeldadungeon.net/wp-content/themes/warrior/images/Picbox.jpg")}
.picbox1, td.p, table.picbox3 > tr > td, table.p > tr > td, {text-align:center; color:white;}
.picbox3 u {text-decoration:none; top:2px; left:2px; right:2px;}
.picbox3 i {font-style:normal; bottom:2px; left:2px; right:2px;}

.p {text-align:center; display:block; clear:both;}
.p > span, .p > a, .p > img {display:inline-block; margin-top:0px; margin-bottom:0px; background-color:#36281b; background-image:url("http://zeldadungeon.net/wp-content/themes/warrior/images/Picbox.jpg");}
.p > span, .p > a {text-align:center; vertical-align:top; position:relative; color:white; font-size:0.8em; !font-weight:normal;}
.p > span > img, .p > a > img {max-width:100%; min-width:24px; width:auto; min-height:24px; height:auto; margin-bottom:0px;}
.p > span > u, .p > span > i, .p > a > u, .p > a > i, .picbox3 > tr > td > u, .picbox3 > tr > td > i {display:block; position:absolute; z-index:2; overflow:hidden; padding:1px; color:white; background-image:url("http://zeldadungeon.net/wp-content/themes/warrior/images/BlackTransparency.png");}
.p u, .p i {text-decoration:none; font-style:normal; color:white;}
@media screen and (max-width: 800px) {
.p {margin:2px 0px 0px;}
.p > br {height:0px; width:0px; overflow:hidden; visibility:hidden; border:0px;}
.p > span, .p > a, .p > img {box-shadow: 0px 0px 2px #000000; font-size:0.8em; margin-bottom:2px;}
.p1 > span, .p1 > a, .p1 > img {max-width:100%;}
.p2 > span, .p2 > a, .p2 > img {max-width:49.5%; margin-right:0.5%;}
.p3 > span, .p3 > a, .p3 > img {max-width:32.5%; margin-right:0.5%;}
.p4 > span, .p4 > a, .p4 > img {max-width:49%; margin-right:0.5%;}
.p4 > :second-child {margin-right:0px;}
.p4 > :last-child {margin-right:2px;}
.p u {top:0px; left:0px; right:0px; font-size:0.8em;}
.p i {bottom:0px; left:0px; right:0px; font-size:0.8em;}
.box {width:98%; margin:2px 1% 12px;}
}
@media screen and (min-width: 801px) {
.p {margin:4px 0px;}
.p > br {display:none;}
.p > span, .p > a, .p > img {border:1px solid #949494;}
.p1 > span, .p1 > a, .p1 > img {max-width:100%;}
.p2 > span, .p2 > a, .p2 > img {max-width:49%; margin-right:4px;}
.p3 > span, .p3 > a, .p3 > img {max-width:31%; margin-right:4px;}
.p4 > span, .p4 > a, .p4 > img {max-width:23%; margin-right:4px;}
.p4 > :last-child {margin-right:0px;}
.p > span, .p > a, .p > img {padding:3px;}
.p u {top:3px; left:3px; right:3px;}
.p i {bottom:3px; left:3px; right:3px;}
.box {width:48.5%; margin:2px 0.5% 12px; float:right;}
}
.p2 > :last-child, .p3 > :last-child {margin-right:0px;}
.box > p, .box > div {padding:2px; margin:0px;}
.box > div {border-bottom:1px solid #949494; font-weight:bold;}
.box > div > p {display:inline; padding-left:5px; padding:right:2px; margin:0px; float:right; font-size:0.8em; vertical-align:middle; font-weight:normal; font-style:italic;}
.box > img {max-width:30%;}
hr.clear, .box > hr {background:none; border:0px; display:block; float:none; font-size:0px; margin:0px; padding:0px; overflow:hidden; visibility:hidden; width:0px; height:0px;}

.r {float:right; margin:2px;}
.l {float:left; margin:2px;}

.chapternav > li > u {font-family:Georgia; font-size:1.2em;}
.chapternav, .chapternav > li > ol {counter-reset: section; list-style-type:none;}
.chapternav > li:before, .chapternav > li > ol > li:before {counter-increment: section; content: counters(section,".") " ";}

/**
 * Alternative Picbox Styles (scrn)
 */
.scrn { position: relative; text-align: center; color: white; font-size: 0px; }
.scrn .scrnwrap { display: inline; position: relative; }
.scrn img { margin: 0px; max-width: 100%; }
.scrn .outwrap {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.5%;
  border: 1px solid black;
  padding: 3px;
  max-width: 49%;
  background-color: #7c6e60;
  background-image: url("http://zeldadungeon.net/wp-content/themes/warrior/images/Picbox.jpg");
  font-size: 14px;
}
.scrn .inwrap { position: relative; }
@media (min-width: 730px) {
  .scrn.cols-1 .outwrap, .scrn.cols-1 .large { max-width: 99%; }
  .scrn.cols-2 .outwrap, .scrn.cols-2 .large { max-width: 49%; }
  .scrn.cols-3 .outwrap, .scrn.cols-3 .large { max-width: 32.333333333333333%; }
  .scrn.cols-4 .outwrap, .scrn.cols-4 .large { max-width: 24%; }
  .scrn.cols-5 .outwrap, .scrn.cols-5 .large { max-width: 19%; }
  .scrn.cols-6 .outwrap, .scrn.cols-6 .large { max-width: 15.666666666666666%; }
}
.scrn .top, .scrn .bot {
  position: absolute;
  left: 0px;
  right: 0px;
  background-image: url("http://zeldadungeon.net/wp-content/themes/warrior/images/BlackTransparency.png")
}
.scrn .top { top: 0px; }
.scrn .bot { bottom: 0px; }
.scrn .large {
  position: absolute;
  z-index: 9;
  margin: 0.5%;
  max-width: 49%;
  -webkit-transition: 0.5s;
  transition: 0.5s; }
.scrn .large .outwrap { max-width: 99% }
.scrn .enlarged { top: 0px !important; left: 0px !important; right: 0px !important; max-width: 100% !important; }