/*
Theme Name:		Onyx Path
Theme URI:		http://onyxpath.com
Author:			Michael Wendell
Author URI:		http://kwyjibo.com
Description:	A custom theme for The Onyx Path.
Version:		0.1
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			light, business, formal
*/

/* RESET & BOX-SIZING */
/* ============================================ */

	html {
		box-sizing: border-box;
		overflow-y: scroll;
		}
	
	*, *:before, *:after {
		margin: 0;
		padding: 0;
		box-sizing: inherit;
		}
	
	ul {
		margin-left: 30px;
		list-style: disc url("img/bullet.png");
		}

	body {
		background: #000 url("img/background.jpg") center top fixed;
		font-family: "Palatino Linotype", "Book Antiqua", "Palatino", serif;
		font-family: 'Verdana', 'Helvetica', 'Arial', sans-serif;
		font-size: 16px;
		line-height: 21px;
		color: #555;
		}
	
	#wrapper {
		display: block;
		position: relative;
		width: 980px;
		margin: 0px auto;
		background-color: #fff;
		-moz-box-shadow:    0px 0px 30px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.6);
		box-shadow:         0px 0px 30px rgba(0,0,0,0.6);
		}

/* COMMON */
/* ============================================ */

	a, a:link {
		color: #8098b2; /* onyx blue */
		text-decoration: none;
		transition: text-decoration .25s ease-in-out;
		-moz-transition: text-decoration .25s ease-in-out;
		-webkit-transition: text-decoration .25s ease-in-out;
		}

	a:hover {
		color: #8098b2; /* onyx blue */
		text-decoration: underline;
		}
	
	img { border: none; }
	
	blockquote, cite {
		font-size: 0.9em;
		padding-left: 20px;
		padding-right: 20px;
		}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Marcellus SC', serif;
		font-weight: bold;
		line-height: 1.1em;
		}
	
	h2, h3, h4, h5, h6, p, ul {
		margin-top: 12px;
		}

	li {
		margin-top: 0.4em;
		}

	h2 {
		text-transform: uppercase;
		font-size: 24px;
		}

	a.button,
	input[type='button'],
	input[type='submit'] {
		display: block;
		width: 180px;
		line-height: 33px;
		height: 33px;
		font-family: 'Marcellus SC', serif;
		text-transform: uppercase;
		text-align: center;
		border: none;
		outline: none;
		color: #fff;
		background-color: #3b4335;
		background-color: #8098b2; /* onyx blue */
		border-bottom: 5px solid #617c9a; /* onyx dark blue */
		margin-top: 12px;
		}

	a.button:hover,
	input[type='button']:hover,
	input[type='submit']:hover {
		background-color: #617c9a; /* onyx dark blue */
		}

/* HEADER */
/* ============================================ */

	#header {
		position: fixed;
		display: block;
		z-index: 9999;
		background: #fff;
		left: 0;
		top: 0;
		width: 100%;
		height: 67px;
		-moz-box-shadow:    0 3px 7px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
		box-shadow:         0 3px 7px rgba(0,0,0,0.3);
		}
	
	#header h1#logo {
		position: absolute;
		background-image: url("img/logo.png");
		top: 0;
		left: 50%;
		margin-left: -500px;
		height: 67px;
		width: 436px;
		text-indent: -9999px;
		z-index: 9999;
		}
	
	#header ul#nav_main {
		position: absolute;
		top: 0;
		right: 50%;
		margin-right: -500px;
		font-size: 14px;
		}
	
		ul#nav_main li {
			list-style: none; 
			}

		ul#nav_main > li {
			display: inline-block;
			height: 40px;
			line-height: 40px;
			position: relative;
			padding-left: 5px;
			margin: 17px 0 0;
			}

		ul#nav_main a {
			text-decoration: none;
			color: #8098b2; /* onyx blue */
			font-family: 'Marcellus SC', serif;
			}

		ul#nav_main a:hover {
			color: #3d6c9e;
			text-shadow: 0 0 1px #3d6c9e;
			}

		ul#nav_main > li:after { content: "\00A0\0020\00A0\0020|\0020\00A0\0020\00A0"; }
		ul#nav_main > li:last-child:after { content: "\00A0\0020\00A0\0020\00A0\0020\00A0\0020"; }
	
		ul#nav_main > li > ul {
			display: none;
			position: absolute;
			z-index: 8888;
			top: 26px;
			left: -30px;
			width: 190px;
			padding: 6px 20px 14px 30px;
			line-height: 15px;
			margin-left: 0;
			background-color: #fff;
			-moz-box-shadow:    4px 4px 6px rgba(0,0,0,0.3);
			-webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.3);
			box-shadow:         4px 4px 6px rgba(0,0,0,0.3);
			}

		ul#nav_main > li > ul li {
			margin-top: 0.6em;
			}

		ul#nav_main > li > ul > li > ul {
			margin-left: 10px;
			}

		ul#nav_main > li > ul > li a {
			color: #000;
			}

	#main ul#nav_worlds {
		position: relative;
		top: 0;
		left: 0;
		margin-top: 67px;
		margin-left: 0;
		padding: 0;
		width: 100%;
		height: 100px;
		background-color: #8098b2;
		-moz-box-shadow:    0 3px 7px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
		box-shadow:         0 3px 7px rgba(0,0,0,0.3);
		white-space: nowrap;
		z-index: 7777;
		text-align: center;
		}

		ul#nav_worlds > li {
			display: inline-block;
			width: 12%;
			text-align: center;
			list-style: none;
			position: relative;
			background: url('img/worlds-bullet.png') left top no-repeat;
			padding: 10px;
			height: 80px;
			vertical-align: middle;
			align-content: center;
			}

		ul#nav_worlds > li:first-child {
			background: none;
			}

		ul#nav_worlds > li a {
			font-family: 'Marcellus SC', serif;
			font-size: 18px;
			color: #fff;
			text-decoration: none;
			}

		.menu-item-4111,
		.menu-item-4116,
		.menu-item-4118 {
			padding-top: 21px !important;
			}

	div#main.no-slider {
		margin-top: 22px;
		}

	ul.slides,
	ul.slides li {
		margin: 0 !important;
		list-style: none;
		}

/* FOOTER */
/* ============================================ */

	#footer {
		display: block;
		position: relative;
		clear: both;
		margin-top: 30px;
		border-top: 20px solid #3b4335;
		background-color: #fff;
		padding: 10px 40px 30px;
		overflow: hidden;
		font-size: 13px;
		line-height: 17px;
		}
	
	#footer .textwidget {
		position: absolute;
		top: 300px;
		left: 70px;
		width: 280px;
		}

	#footer ul {
		margin-left: 0;
		list-style-type: none;
		}

	ul#nav_footer > li {
		display: inline-block;
		padding: 0 0 0 30px;
		float: left;
		font-weight: bold;
		width: 305px;
		}

	ul#nav_footer > li > ul {
		font-weight: normal;
		}

/* MAIN */
/* ============================================ */

	#main {
		position: relative;
		margin: 67px auto 0;
		width: 1000px;
		background: #627489 url("img/blurred.jpg") center top fixed;
		}
	
	.postmeta {
		font-family: 'Marcellus SC', serif;
		font-weight: bold;
		font-size: 16px;
		margin-top: 7px;
	}


	body.blog .post .postmeta, body.archive .post .postmeta, body.search .post {
		border-bottom: 1px solid #eee;
		padding: 30px;
		margin-bottom: 30px;
		}

	body.blog .post:last-child .postmeta, body.archive .post:last-child .postmeta {
		border-bottom: none;
		}

	.body {
		}

	article {
		float: left;
		display: block;
		position: relative;
		width: 680px;
		background-color: #fff;
		border-top: 20px solid #3b4335;
		padding: 10px 33px 22px;
		margin: 22px 0 0 22px;
		-moz-box-shadow:    4px 4px 6px rgba(0,0,0,0.3);
		-webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.3);
		box-shadow:         4px 4px 6px rgba(0,0,0,0.3);
		}

	article:first-child {
		margin-top: 0;
		}

	article .excerpt-image {
		float: right;
		margin: 10px 0 10px 10px;
		max-width: 250px;
		}

	.sidebar {
		float: right;
		display: block;
		position: relative;
		width: 245px;
		margin: 22px 22px 0 0;
		}

		#ab_adblock {
			-moz-box-shadow:    4px 4px 6px rgba(0,0,0,0.3);
			-webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.3);
			box-shadow:         4px 4px 6px rgba(0,0,0,0.3);
			}

		#ab_power {
			display: none;
			}

		#social-icons {
			margin: 22px -11px 22px 0;
			}
		
		#social-icons img {
			width: 40px;
			height: 40px;
			margin: 0 11px 11px 0;
			float: left;
			-moz-box-shadow:    2px 2px 3px rgba(0,0,0,0.3);
			-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
			box-shadow:         2px 2px 3px rgba(0,0,0,0.3);
			}

		.sidebar-ad {
			width: 245px;
			height: 145px;
			margin: 22px 0 0 0;
			-moz-box-shadow:    4px 4px 6px rgba(0,0,0,0.3);
			-webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.3);
			box-shadow:         4px 4px 6px rgba(0,0,0,0.3);
			}

	form.mc4wp-form {
		width: 100%;
		background-color: #fff;
		padding: 15px;
		border-top: 20px solid #3b4335;
		margin-top: 22px;
		-moz-box-shadow:    4px 4px 6px rgba(0,0,0,0.3);
		-webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.3);
		box-shadow:         4px 4px 6px rgba(0,0,0,0.3);
		}
	
	#mc4wp-form-1 {
                background-color: #fff;
                padding: 1em;
		}
	form.mc4wp-form input[type='text'],
	form.mc4wp-form input[type='email'] {
		width: 100%;
		height: 32px;
		padding-left: 5px;
		}

	form.mc4wp-form input[type='submit'] {
		margin: 18px auto 0;
		width: 60%;
		}

	article.category-news div {
		padding-left: 20px;
		}

	article.category-news a h3 {
		color: #8098b2; /* onyx blue */
		}

	article.category-news a h3:hover {
		}

	article.category-news small {
		padding-left: 20px;
		color: #617c9a; /* onyx dark blue */
		}

	.single-next-previous {
		overflow: hidden;
		border-top: 1px solid #8098b2;
		margin-top: 22px;
		padding: 22px 0 0;
		}

	.single-next-previous .previous { float: left; }
	.single-next-previous .next { float: right; }

/* SLIDER */
/* ============================================ */

	#slider {
		width: 100%;
		}
	
		#slider #aspect-force {
			}
	
		#slider #aspect-force *,
		#slider #aspect-force *:before,
		#slider #aspect-force *:after {
			box-sizing: content-box;
			}
	
		#slider #aspect-force .metaslider {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			}
	

/* HOME */
/* ============================================ */

	#left-content {
		position: relative;
		float: left;
		width: 68%;
		}
	
	.mission {
		display: block;
		width: 100%;
		margin-bottom: 31px;
		text-align: center;
		color: #2a6182; /* background blue */
		color: #8098b2; /* menu blue */
		color: #4081c3; /* sidebar blue */
		font-size: 18px;
		font-family: 'Open Sans Condensed', sans-serif;
		padding: 7px 40px 40px;
		border-bottom: 4px solid #4081c3;
		clear: all;
		}
	
	.sub-mission > div {
		width: 48%;
		}
	
	.sub-mission p {
		text-align: justify;
		margin: 8px 0;
		}
	
	.sub-mission-left { float: left; }
	.sub-mission-center { float: right; }
	
	#news-sidebar {
		position: relative;
		float: right;
		width: 30%;
		}
	
	#news-sidebar header,
	#news-sidebar article {
		background-color: #4081c3;
		padding: 13px 18px;
		margin-bottom: 15px;
		color: #fff;
		}
	
	#news-sidebar h1 {
		font-size: 24px;
		font-weight: 700;
		font-family: 'Open Sans Condensed', sans-serif;
		color: #fff;
		}
	
	#news-sidebar h2 {
		color: #bcd3ea;
		font-size: 19px;
		font-weight: 700;
		text-decoration: none;
		font-family: 'Open Sans Condensed', sans-serif;
		}
	
	#news-sidebar .date,
	#news-sidebar .more,
	#news-sidebar .more a {
		display: block;
		color: #bcd3ea;
		font-size: 15px;
		text-decoration: none;
		font-family: 'Open Sans Condensed', sans-serif;
		}
	
	#news-sidebar .more a {
		text-align: right;
		text-transform: uppercase;
		}

/* PRODUCT TEMPLATE */
/* ============================================ */
	
	#second-header {
		position: relative;
		width: 100%;
		height: 60px;
		font-family: 'Open Sans Condensed', sans-serif;
		color: #4081c3; /* sidebar blue */
		}

	#second-header h1 {
		position: absolute;
		top: 20px;
		left: 40px;
		font-size: 17px;
		}

	#second-header a {
		font-family: 'Open Sans Condensed', sans-serif;
		color: #4081c3; /* sidebar blue */
		text-decoration: none;
		text-transform: uppercase;
		font-size: 17px;
		line-height: 30px;
		padding: 5px 15px;
		margin: 0 5px;
		}
	
	#second-header a:hover {
		color: #3d6c9e;
		text-shadow: 0 0 1px #3d6c9e;
		}
	
	#second-header ul {
		float: right;
		list-style-type: none; 
		text-align: left;
		margin-right: 10px;
		margin-top: 15px;
		}
	
	#second-header li {
		display: block;
		display: inline;
		}
	
	#second-header li:after { content: "|"; }
	#second-header li:last-child:after { content: ""; }
	
	#second-header li.current-menu-item a {
		color: #fff;
		background-color: #3d6c9e; /* menu txt blue */
		background-color: #2a6182; /* background blue */
		background-color: #8098b2; /* menu blue */
		background-color: #4081c3; /* sidebar blue */
		}
	
	#second-header li.current-menu-item a:hover {
		text-shadow: 0 0 1px #fff;
		}
	
	.inset-shadow {
		box-shadow: inset 0 10px 50px -10px rgba(0,0,0,0.15);
		}
	
	article.page h1 {
		display: block;
		text-align: center;
		font-size: 25px;
		font-weight: 700;
		}
	
	article.page h2 {
		display: block;
		text-align: left;
		font-size: 23px;
		font-weight: 300;
		margin: 0 20% 20px;
		}
	
	article.page h3 {
		font-size: 21px;
		font-weight: 700;
		}
	
	article.page section.column { width: 49%; margin-top: 10px; }
	article.page section.column img {
		display: block;
		max-width:100%;
		width: auto;
		height: auto;
	}
	
	article.page section.column p {
		margin: .8em 0;
	}
	
	article.page section.column.col-left { float: left; }
	article.page section.column.col-right { float: right; }

/* WP CLASSES */
/* ============================================ */

	.alignleft {
		float: left; 
		padding: 2px 8px 8px 2px;
		}
	.alignright {
		float: right;
		padding: 2px 2px 8px 8px;
		}
	.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	.wp-caption-text, .gallery-caption { 
		color: #666; 
		font-size: 0.8em; 
		padding: 3px 0; 
		}
	.gallery {
		padding: 10px 10px 25px 10px;
		}

/* COMMENTS */
/* ============================================ */

	ol.commentlist {
		list-style: none;
		display: block;
	}
        ul.children {
		list-style: none;
		display: block;
	}
	.comment-body {
		border: 1px solid #aaa;
		}
        .comment-avatar {
                float: left;
		padding: 3px;
                }
        .comment-meta-header {
                padding: 5px;
                background-color: #eee;
                height: 70px;
                }
	.comment-content {
		clear: both;
		}
	.comment-text {
		padding: 10px;
	}
	.bypostauthor > .comment-body {
		border: 3px solid #000;
		}
	.byuser > .comment-body > .comment-meta-header {
		background-color: #dfe5eb;
		}
        div.reply {
		font-variant: small-caps;
                padding: 5px;