/*  
Theme Name: Skywalking
Theme URI: http://rulefortytwo.com/
Description: Custom theme built for Gavin Edwards.
Version: 1.0
Author: Nathan Swartz
Author URI: http://clicknathan.com.com/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;}

:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal; } 

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

ul {list-style: none;}

.content ul {list-style:disc;}

.content ul ul {list-style:circle;}

.content ul ul ul {list-style:square;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	font-weight:normal; } 

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

/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
.clear {clear: both;}
.clear-special {clear: both; height: 30px;}
.hide {display: none;}
abbr, acronymn {speak: spell-out;}

.intro em {font-style:normal !important;}

/* body styles ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
body {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: #ffffff;
	color: #545454;
	margin: 0; 
	padding: 0;
	text-align: center;}
	
	a {color: #e34d12; text-decoration: none;}
	a:hover {color: #d44919; text-decoration: underline;}
	

/* header styles --------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#header-container {
	width: 100%;
	height: 157px;
	background: url(/images/bg-cloud.jpg) center 100px repeat-x;
}
	
	#header {
		/*width: 902px;
		margin: 0 auto;*/
		width: 70%;
		margin: 0 0 0 40px
		text-align: left;
		position:relative;
	}
		
	#header h1 {
		/*text-indent: -9000px;*/
		width: 100%;
		height: 80px;
		/*background: url(/images/rule-42.png) top left no-repeat;*/
		position: absolute;
		top:80px;
		left:0;
		overflow: hidden;
		margin-left: 20px;}
		
	#header h1 img {
		width: 100%;
		height: auto;	
	}
		
/* positioning styles ---------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#site-content {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	/*padding-left: 20px;*/
}
	

	#gutter-primary {
		width: 218px;
		float: left;
		display: none;
		}
		
	#gutter-secondary {
		width: 80%;
		float: none;
		clear: both;
		padding: 40px 0;
		margin: 0 auto;}
		
	#page-content {
		width: 80%;
		margin: 0 auto;
	}
		
/* nav styles ------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */

.nav-menu {
	width: 172px;
	font-size: 15px;
	color: #000000;
	background:url(/images/dot-dot.gif) bottom left repeat-x;
	}
	
	.nav-menu a {
		display: block;
		background: #d9d9d9 url(/images/dot-dot.gif) top left repeat-x;
		padding: 6px 8px 7px;
		text-decoration: none;
		color: #000000;
		width: 172px;}
		
		.nav-menu li:nth-child(even) a {background: #f3f2f2 url(/images/dot-dot.gif) top left repeat-x;}
		
		.nav-menu li:nth-child(even) a:hover {
    background: #d44919 url(/images/dot-dot.gif) top left repeat-x;
    color: #ffffff;
}
	
	.nav-menu a:hover {
		color: #ffffff;
		background: #d44919 url(/images/dot-dot.gif) top left repeat-x;}
		
	.nav-menu li ul {display:none;}



	/*#navigation {
	width: 172px;
	font-size: 15px;
	color: #000000;
	background:url(/images/dot-dot.gif) bottom left repeat-x;
	}
	
	#navigation a {
		display: block;
		background: #d9d9d9 url(/images/dot-dot.gif) top left repeat-x;
		padding: 6px 8px 7px;
		text-decoration: none;
		color: #000000;
		width: 172px;}
		
		#navigation a.ruled {background: #f3f2f2 url(/images/dot-dot.gif) top left repeat-x;}
	
	#navigation a:hover {
		color: #ffffff;
		background: #d44919 url(/images/dot-dot.gif) top left repeat-x;}
		
	#navigation li ul {display:none;}

*/


/* Mobile Menu */

/* Style the navigation menu */
#mobile-menu {
  overflow: hidden;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
#mobile-menu #nav_menu-3 {
  display: none;
  background-color: #333;
  padding-top: 90px;
  padding-bottom: 40px;
}

/* Style navigation menu links */
#mobile-menu a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 40px;
  display: block;
}

/* Style the hamburger menu */
#mobile-menu a.icon {
  background: background: rgba(255, 255, 255, 0.0);
  color: #545454;
  display: block;
  float: right;
  padding: 40px 50px 12px 30px;
    font-size: 3em;
  /*position: absolute;
  right: 0;
  top: 0;*/
}

/* Add a grey background color on mouse-over */
#mobile-menu a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #4CAF50;
  color: white;
}


/* End Mobile Menu */
		
.pagenav {margin-bottom:20px;}

.pagenav p {display:inline; padding:0; margin:0; text-align:center;}

.npnav {padding-left:70px; height:40px;}

.npnav a {display:block; width:150px; text-align:center; margin:0 10px 30px 10px; float:left;}

		
/* content styles -------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

.intro, .off, .tell {font-style:italic; color:#8b8b8b; line-height:1.75em;}

.intro {margin-bottom:1.5em; padding-bottom:50px; background:url(/images/42-foot.gif) no-repeat bottom center;}

.intro strong {color:#545454;}

.tell {margin-bottom:1.5em;}

#content-title {margin-bottom: 1.1em;}

	h2 {
		font-size: 27px;
		color: #d44919;
		font-weight: bold;
		font-variant: small-caps;
		margin-bottom: .5em;}
	
	.subtitle {
		font-size: 16px;
		color: #8b8b8b;
		font-style: italic;}

.content {line-height: 1.75em; padding-bottom:30px; margin-bottom:1.5em; background:url(/images/42-foot.gif) no-repeat bottom center;}

.content a {color:#e34d12; text-transform: none;}
	.content a:hover {text-transform: underline;}
	.content a:visited {color: #eeac92;}

	.content p {margin-bottom: 1.35em;}
	
	.content blockquote {
	margin-bottom: 1.5em;
	font-size: 19px;
	color: #8b8b8b;
	background: url(/images/quote.gif) top left no-repeat;
	padding-left: 50px;
	font-style: italic;
	line-height: 1.5em;}
	
	.content ul, .content ol {padding-left:25px;}
	
	.content li {padding:10px 0;}
	
	.content h3 {
		font-size: 19px;
		font-weight: bold;
		color: #d44919;
		font-variant: small-caps;
		margin-bottom: 1em;}
		
	.content h4 {
		font-size: 14px;
		font-weight: bold;
		color: #d44919;
		font-variant: small-caps;
		text-transform: uppercase;
		margin-bottom: 1em;}
	
	.content h5 {
		font-size: 14px;
		font-weight: bold;
		color: #d44919;
		margin-bottom: 1em;}
		
	.content h6 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 1em;}
		
	/*.content .wp-block-image, .content figure, .content img {
		object-fit: scale-down;
	}*/
		
	.content img {border:1px solid #ececec; padding:4px; margin:5px; height: 100%; max-width: 100%; height: auto;}
	
	.content img.marg {margin:0px !important;}
	
	.flipimg p img {float:left; display:inline;}

        img.alignright {float:right; margin:5px 0 10px 10px;}
        img.alignleft {float:left; margin:5px 10px 10px 0;}
        img.aligncenter {display:block; margin:10px auto;}
        
	
#ad-space {
	padding: 20px 0;
	border-top: 2px solid #d9d9d9;
	border-bottom: 2px solid #d9d9d9;
	margin-bottom: 15px;} 
	
#products {min-height: 135px; padding: 15px 0;}
	.item {
		width: 235px;
		padding-right: 10px;
		float: left;
		padding-bottom: 20px;}
	
	.item img {float: left; padding-right: 6px;}
	
.commentlist {list-style:none;}

.commentlist li {background: url(/images/dot-dot.gif) bottom left repeat-x; padding:7px; margin-bottom:21px;}

.alt {background-color:#f3f2f2 !important;}

#commentform input, #comment  {
	background:#f3f2f2; padding:8px; border:1px dashed #999; 
	border-left:none; border-right:none;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #545454;
	}
	
#commentform input {width:230px;}

#comment {width:500px;}

#submit {width:170px !important; background:#d44919 !important; color:white !important; font-weight:bold; }

.rssupdater {float:right; width:315px; padding:0 !important; margin:-10px 0 0 0 !important;}

.content hr {display:block !important; border:20px; background:url(/images/small-42.gif) no-repeat center center; height:31px;}


	
/* secondary styles ------------------------------------------------------ */
/* ----------------------------------------------------------------------- */

#nav-action {
	font-size: 15px;
	background: url(/images/dot-dot.gif) bottom left repeat-x;
	padding-bottom:1px;
	margin-bottom: 20px;}
	
	#nav-action a {color:#5a5a5c; text-transform: none;}
	#nav-action a:hover {text-transform: underline;}
	
	#nav-action li {
		background: url(/images/dot-dot.gif) top left repeat-x;
		padding-top: 1px;}
		
		#action-contact {
			display: block;
			padding: 13px 8px 14px 35px;
			background: #ffffff url(/images/contact.jpg) 8px 50% no-repeat;
			width: 129px;
			}
		
		#action-rss {
			display: block;
			padding: 6px 8px 7px 35px;
			background: #f3f2f2 url(/images/rss.jpg) 8px 50% no-repeat;
			/*width: 129px;*/
			}
			

#gutter-secondary h3 {
	font-size: 15px;
	font-weight: normal;
	margin:18px 0;}
	
.links {padding: 0 8px; font-size: 15px;}
	.links ul {margin: 10px 5px;}
	.links li {
		margin: 0 0 .4em;
		padding-left: 10px;
		background: url(/images/bull.gif) left 6px no-repeat;}
	.links ul ul {display:none;}
		
.tagcloud {padding-left:7px;}
		
/* searchform styles --------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#searchform {background:#f3f2f2; height:30px; position:relative;}
#s {border:none; width:137px; background:#f3f2f2; 
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #545454;
	position:absolute;
	top:5px;
	padding-left:7px;
	}
#searchsubmit {position:absolute; right:5px; top:4px;}


/* footer styles --------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#footer-container {
	clear: both;
	width: 100%;
	height: 57px;
	background: url(/images/bg-cloud-b.jpg) top left repeat-x;}
	
	#footer {
		height: 57px;
		background: url(/images/42-foot.gif) 171px 20px no-repeat;
		width: 506px;
		margin: 0 auto;
		color: #545454;}
		
		#footer p {font-size: 14px; margin:0; padding: 20px 0 0;}
		
		#gavin {
			width: 160px;
			float: left;
			text-align: right;}
		
		#nathan {
			width: 233px;
			float: right;
			text-align: left;}
			
			
			
			
			
			

@media (min-width: 640px) {
	#header h1 {
		max-width: 650px;
	}

}

@media (min-width: 768px) {
	#header h1 {
    top: 62px;
    }
}

@media (min-width: 1024px) {
	

	#header {
		width: 902px;
		margin: 0 auto;
	}
	#header h1 {
    	background: url(/images/rule-42.png);
		margin-left: 0;
		top: 62px;
	}
	#site-content {
		padding-left: 0;
		width: 912px;
	}
	#gutter-primary {
		display: block;
	}
	
	#page-content {
		width: 500px;
		float: left;
	}
	
	#gutter-secondary {
		width: 172px;
		float: right;
		clear: none;
		padding-top: 0;
	}
	
	#mobile-menu {
		display: none;
	}
	

}

@media (min-width: 1280px) {

}