/*  
Theme Name: blogBox
Description: blogBox is a full featured responsive theme that provides the user with numerous options for background colors, text colors, font styles, including skins. There are template pages for Portfolio, Left Sidebar, Right Sidebar, Full Width, Home Page, Archive, Siteplan, and Contact. Contact and comments section include an optional captcha for spam control. Detailed user documentation is available at the demo site.
Author: Kevin Archibald
Author URI: http://www.kevinsspace.ca/
Theme URI: http://demo1.kevinsspace.ca/
Version: 4.0.2
License: GNU General Public License V3
License URI:http://www.gnu.org/licenses/quick-guide-gplv3.html
Tags: blue,brown,gray,white,light,dark,one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,flexible-header,featured-images,front-page-post-form,full-width-template,post-formats,responsive-layout,sticky-post,theme-options,threaded-comments,translation-ready

	blogBox is a full featured WordPress Theme
    Copyright (C) 2012 Kevin Archibald
    
	This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/quick-guide-gplv3.html>.
    
    NOTE: DO NOT EDIT THIS FILE, IF YOU DO IT WILL BE OVERWRITTEN BY THE NEXT UPDATE. CREATE CHILD THEME INSTEAD.
	See:http://codex.wordpress.org/Child_Themes  
*/

/**** Menu Styles in superfish.css ****/

/* RESET
-----------------------------------------------------*/
/* HTML5-specific CSS setup */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
 
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, form, fieldset {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

img, fieldset { border: 0; }

/* --------------------------------------------------------------
 *                       GLOBAL STYLES
 * --------------------------------------------------------------*/

body {
	background-attachment: fixed;
	line-height: 1.3125em;
	word-wrap: break-word;
	-webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
	margin: 0px;
}

h1 {font-size: 2.00em;}

h2 {font-size: 1.75em;}

h3 {font-size: 1.50em;}

h4 {font-size: 1.35em;}

h5 {font-size: 1.2em;}

h6 {font-size: 1.1em;}

p {font-size: 1em;}

/* ----------------Misc HTML tags -------------------------------------------------------
 * left as default - abbr acronym big cite kbd tt del strike s em ins strong sub sup var
 */ 

address {
	font-size: 0.875em; 
	font-style: italic;
}

blockquote, blockquote p {
	font-style: italic;
	margin-left: 2em;
	font-weight: 600;
}

blockquote p:before  {
	font-family: FontAwesome;
	content:'\f10d';
	font-size:1em;
	margin-left: -2em;
	padding-right: 1em;
	vertical-align: top;
	opacity: 0.50;
}

pre {
	border: solid 10px gray;
    font-size: 1em;
    font-family: "Courier New", Courier, monospace;
    line-height: 1.25em;
    color: blue;
    margin: 10px 0px 10px 0px;
    padding:10px;
    background: #F7F4F4;
    overflow: auto;
}

.left { float:left; }

.right { float:right; }

.center { text-align:center; }

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

label {font-size: 1em;}

code {
	font-size: 1em;
	line-height: 1em;
	background-color: rgba(72,72,72,0.2);
	font-family: "Courier New", Courier, monospace;
}

q{font-style: italic;}

q:before {
	font-family: FontAwesome;
	content:'\f10d';
	font-size: 0.5em;
	padding-right: 0.5em;
	vertical-align: top;
}

q:after { 
	font-family: FontAwesome;
	content:'\f10e'; 
	font-size: 0.5em;
	padding-left: 0.5em;
	vertical-align: top;
}

select {max-width: 100%;}
/*
 * -------------Lists---------------- */

ul{
	padding-left: 1.5em;
	font-size: 1em;
	line-height: 1.3125em;
}

ul li { list-style:disc;}

ul li li {list-style:circle;}

ul li li li {list-style: square;}

.list-dot,.list-arrow,.list-cog {
	margin-left: 0px;
}

.list-arrow li,.list-dot li,.list-cog li {
	list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    font-size: 1em;
    line-height: 1.2em;
    padding: 0px 0px 0px 1.5em;
    margin: 5px 0px 5px 0px;
}

.list-arrow li, li .list-arrow li, li li .list-arrow li{ background: url(images/arrow.png) no-repeat; }

.list-dot li, li .list-dot li, li li .list-dot li { background: url(images/dot.png) no-repeat; }

.list-cog li, li .list-cog li, li li .list-cog li { background: url(images/cog.png) no-repeat; }

ol{
	padding-left: 1.5em;
	font-size: 1em;
	line-height: 1.3125em;
}

ol li {list-style: decimal;}

ol li ol li {list-style: lower-alpha;}

ol li ol li ol li {list-style: lower-roman;}

ol ul li {list-style: disc;}

ol ul ul li {list-style: circle;}

ul ol li {list-style: decimal;}

ul ol ul li {list-style: circle }

ul ul ol li {list-style: decimal }

dt {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: bold;
}

dl {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

dd {
	font-size: 1em;
	margin-left: 1em;
}

.clearfix {clear:both;}

.clearleft {clear:left;}

.clearright {clear:right;}

/* ----------------- LINKS ------- */

/* default */
a:link, a:active, a:visited, a:hover{
	text-decoration: none; 
}

a:hover {font-weight: 400;}

/* ------------ Responsive imaging ---------------- */

img {
	border: 8px solid white;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 0 rgba(72,72,72,0.25);
	padding: 0;
	margin: 0.625em 0em 0.625em 0em;
	max-width: 98%;
	height: auto;
}

img.addborder {
	border: 8px solid white;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 0 rgba(72,72,72,0.25);
	padding: 0;
	margin: 0.625em 0em 0.625em 0em;
	max-width: 98%;
	height: auto;
}

img[src$=".png"],img[src$=".gif"] {
	border:none;
	box-shadow: none;
	padding: 0;
	margin: 0.625em 0em 0.625em 0em;
	max-width: 100%;
	height: auto;

}

.post img.wp-post-image {
	display: block;
	margin: 1em auto 0em auto;
}

/*     Header Styles
----------------------------------------------------------*/

#header {
	width: 100%;
	float:left;
	margin: 0px;
	padding: 0px;
}

/*** Header layout logo - title - widget ***/

.header-logo {
	float: left;
	width: 22%;
	margin: 15px 1.5% 0px 1.5%;
}

.header-logo img {
	max-width: 100%;
	height: auto;
}

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

.center-50 {
	width: 50%;
	float: left;
}

.center-50 h1 {
	line-height: 1em;
}

.blog-title {
	float: left;
	width: 90%;
	padding: 1em 5% 0em 5%;
	text-align: center;
	line-height: 2em;
}

.blog-description-center {
	clear: both;
	float: left;
	width: 90%;
	padding: 0em 5% 1em 5%;
	text-align: center;
	font-style: italic;
}

.blog-description-center-notitle {
	clear: both;
	float: left;
	width: 90%;
	padding: 4em 5% 1em 5%;
	text-align: center;
	font-style: italic;
}

.header-widget-narrow {
	width: 25%;
	float: right;
	padding: 0px;
	margin: 0px;
}

.header-widget-narrow .widget {
	float: right;
	clear: right;
	margin: 0px;
	padding: 0px;
}

.header-widget-narrow .bB-social-widget {
	float: right;
	margin: 10px 10px 0px 0px;
	padding: 0px;
}

.header-widget-narrow .bB-social-widget a {
	float: right;
	margin: 0px 0px 0px 5px;
}

.header-widget-narrow .widget_text {
	clear: both;
	float: right;
	font-size: 1.2em;
	padding: 5px 10px 0px 0px;
	margin: 0px;
}

/*** Header layout no logo - title - widget ***/

.header-widget-full {
	width: 100%;
	clear: both;
	float: right;
	padding: 0px;
	margin: 0px;
}

.header-widget-full .widget {
	clear: both;	
	float: right;
	margin: 0px;
	padding: 0px;
}

.header-widget-full .bB-social-widget {
	float: right;
	margin: 10px 10px 0px 0px;
	padding: 0px;
}

.header-widget-full .bB-social-widget a {
	float: right;
	margin: 0px 0px 0px 5px;
}

.header-widget-full .widget_text {
	float: right;
	font-size: 1.2em;
	padding: 5px 10px 0px 0px;
	margin: 0px;
}

.full-width-header-text {
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

.full-width-header-text .blog-title {
	float: left;
	width: 90%;
	margin: 0px;
	padding: 0.5em 5% 0em 5%;
	text-align: center;
}

/*** Header layout logo half - header widget ***/

.header-widget-half {
	width: 45%;
	float: right;
	padding: 0px;
	margin: 0px;
}

.header-widget-half .widget {
	float: right;
	clear: both;
	margin: 0px;
	padding: 0px;
}

.header-widget-half .bB-social-widget {
	float: right;
	margin: 10px 10px 0px 0px;
	padding: 0px;
}

.header-widget-half .bB-social-widget a {
	float: right;
	margin: 0px 0px 0px 5px;
}

.header-widget-half .widget_text {
	clear: both;
	float: right;
	font-size: 1.2em;
	padding: 10px 10px 0px 0px;
	margin: 0px;
}

.header-logo-half {
	float: left;
	width: 45%;
	height: auto;
	margin: 1em 0em 1em 2%;
}

.header-logo-half img {
	display: block;
	max-width: 100%;
	height: auto;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	padding: 0px;
	margin: 0px;
}

/*** Header layout full banner - text and widget above ***/

.full-banner-text {
	width: 45%;
	float: left;
	padding: 0.5em 2.5% 0.75em 2.5%;
}

.blog-title-top-left {
	width: 100%;
	line-height: 1.0em;
}

.blog-description-top-left{
	clear: left;
	width: 100%;
	font-size: 0.875em;
	font-weight: bold;
	font-style: italic;
}

.header-banner img{
	max-width: 100%;
	height: auto;
	/*
	margin-left: auto;
	margin-right: auto;
	*/
	margin: 0 auto 0 auto;
	border: none;
	border-radius: 0px;
	box-shadow: none;
}

/* ----------------Social Widget Styles ---------------- */
/* ---- header ------- */

.header-widget {
	width: 50%;
	float: right;
	padding: 0px;
	overflow: hidden;
	list-style: none;
}

/* ------ Other Areas -------------- */
.bB-social-widget {padding: 10px 0px 10px 0px;}

.bB-social-widget a {
	margin: 10px 0px 10px 5px;
}

.bB-social-widget a:hover {
	opacity: 0.5;
}

/****** End Social Widget *******/

/*--------------- End Header Styles -----------------*/

/* Nav styles
 * Centering technique (with use of <del>) was based on
 * <a target="_blank" href="http://www.cssplay.co.uk/menus/centered.html">
 * http://www.cssplay.co.uk/menus/centered.html</a>
----------------------------------------------------------------------------------- */
.nav-container select.menu {display: none;}

.main-nav ul {
	position: relative;
	z-index: 9999;
}

.thin-border {
	clear: both;
	width: 100%;
	height: 0px;
}

.nav-container {
	display: block;
	float: left;
	width: 100%;
	clear: both;
	text-decoration: none;
}

#main-menu-center-border {
	display: table;
	margin: 0 auto;
}

#main-menu-center-noborder {
	display: table;
	margin: 0 auto;
}

#main-menu-left-noborder {
	float: left;
	padding-top: 0em;
	padding-right: 5%; /* 50/960 */
	padding-bottom: 0em; /* 20px/16px */
	padding-left: 5%; /* 50/960 */
}

#main-menu-right-noborder {
	float: right;
	padding-top: 0em;
	padding-right: 5%; /* 50/960 */
	padding-bottom: 0em; /* 20px/16px */
	padding-left: 5%; /* 50/960 */
}

/***********************
 *   PAGE STYLES       *
 ***********************/

#pagewrap {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-top: 0px;
}

#widecolumn {
	width: 58%;
	float: left;
	margin: 25px 0px 0px 0px;
	padding-left: 5%;
	padding-right: 3%;
}

#widecolumn-right {
	width: 56%;
	float: right;
	margin: 25px 0px 0px 0px;
	padding-left: 5%;
	padding-right: 5%;
}

#fullwidth {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 1000;
}

#fullwidth_blog {
	float: left;
	width: 80%;
	margin-left: 10%;
}

.fullwidth_blog_title {
	margin: 1em 10% 0em 13%;
	line-height: 1em;
}

/*************404 Error Page *********************************/

#error{
	margin-top:50px;
	margin-left:35px;
}

#error h1 {font-size: 2em;}

#error h3 {font-size: 1.6em;}

#error h4 {font-size: 1.2em;}

/*************Home Page 1*************************************/

#feature-area {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

#leftfeature {
	width: 27%;
	float: left;
	padding: 0px 2% 0px 5%;
}

#leftfeature h1 {
	margin-top: 40px;
	text-align: left;
	font-size: 1.5em;
}

#leftfeature p {
	font-size: 1.2em;
	text-align: left;
	padding: 0px 0px 30px 0px;
}

#single-image {
	float: right;
	width: 55%;
	margin: 25px 3% 5px 3%;
	padding: 10px 2% 10px 2%;
	overflow: hidden;
}

#single-image a {display: block;}

#single-image img {
	width: 98%;
	border: none;
    box-shadow: 5px 6px 7px 0px #9E9E9E;
}

#full-single-image {
	float: left;
	width: 94%;
	border: none;
	margin: 2% 2% 0px 4%;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
}

#full-single-image a {display: block;}

#full-single-image img {
	width: 98%;
	border: none;
    box-shadow: 5px 6px 7px 0px #9E9E9E;
}

#fullfeature {
	width: 100%;
	padding-top: 0px;
}

#home1post {
	margin-top: 0px;
	padding-top: 0px;
	width: 100%;
	float: left;
}

#home1post .post {
	margin: 0px; 
	padding: 0px 10px 0px 10px;
}

#home1section1 {
	display: block;
	width: 100%;
	/* float fix */
	overflow: hidden;
	z-index: 1;
}

#slogan1{
	width: 65%;
	float: left;
	padding: 30px 5% 30px 5%;
}

#slogan1 h1 {
	font-size: 1.5em;
	padding: 0px;
	font-style: italic;
}

#homebuttonbox {
	width: 25%;
	float: right;
}

a.button1 {
	display: inline-block;
	text-decoration: none;
	margin: 30px 10px 0px 10px;
	background: #7F7F7F;
	color : #FCFCFC;
	border-radius: 3px;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
	padding: 5px 10px 5px 10px;
	font-size: 1.4em;
}

a.button1:hover {
	background-color: rgba(72,72,72,0.75);
	font-weight: normal;
	text-decoration: none;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.5);
}

#homesection2 {
	float: left;
	width: 100%;
}

#homesection2 h4 {
	text-align: center;
	margin-top: 10px;
	line-height: 1em;
	margin-bottom: 5px;
	padding: 0;
}

#homesection2 p {
	font-size: 1em;
}

#homesection2 ul {margin-left: 12%;}

#servicebox1{
	float: left;
	width: 33.33%;
	padding-bottom: 10px;
	overflow-y:hidden;
}

#servicebox1 p {padding: 10px 8% 20px 11%;}

#servicebox2 p {padding: 10px 9.5% 20px 9.5%;}

#servicebox3 p {padding: 10px 11% 20px 8%;}

#servicebox1:hover,#servicebox2:hover,#servicebox3:hover{
	cursor: pointer;
	background-color: rgba(72,72,72,0.2);
}

#servicebox2{
	float: left;
	width: 33.34%;
	padding-bottom: 10px;
	overflow-y:hidden;
}


#servicebox3{
	float: left;
	width: 33.33%;
	padding-bottom: 10px;
	overflow-y:hidden;
}

img.servicebox {
	margin-top: 20px;
	padding-bottom: 10px;
	max-width: 75%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#slogan2{
	margin: 0px;
	padding: 25px 2% 25px 2%;
	width: 96%;
	float: left;
}

#slogan2 p.slogan2line1 {
	padding: 0px;
	font-size: 1.5em;
	font-style: italic;
	text-align: center;
}

#slogan2 p.slogan2line2 {
	padding-top: 5px;
	font-size: 1.2em;
	font-style: italic;
	text-align: center;
}

#full_divider {
	clear: both;
	width: 90%;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 4px solid rgba(216,216,216,0.4);
}

/************End Home Page 1*********************/

/*        Sidebar Styles
--------------------------------------------------------*/

.widget {
	margin: 10px 0px 10px 0px;
}

#sidebar {
	width: 26%;
	float: left;
	padding: 30px 5% 30px 3%;
	font-size: 0.875em;
}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
	padding: 0px 5% 0px 0px;
}

#sidebar ul {margin: 0; padding: 0;}

#sidebar li { 
	list-style: none; 
	margin: 0px 5% 0px 0px;
}

/*
 * --------------------Siteplan/Archives Page Styles --------------------- */

.siteplan, .archivespage {
	width: 90%;
	margin-top:0px;
	margin-left: 10%;
}

/****** Tables Style *************/

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

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

table {font-size: 1em;}

tbody {}

thead {font-weight: bold;}

th {
	border: 1px solid black;
	padding: 0.625em;
	background-color: rgba(72,72,72,0.25);
}

tr {
	border: 1px solid black;
	padding: 0.625em;
}

td:first-child {
	border: 1px solid black;
	padding: 0.625em;
	text-align: left;
}

td {
	border: 1px solid black;
	padding: 0.625em;
	text-align: center;
}
	
/****** Calender Widget Style *************/

#wp-calendar{
	clear: both;
	font-size: 0.875em;
	border-collapse:separate;
	border-spacing: 2px;
}

#wp-calendar caption {
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 4px;
}

#wp-calendar thead tr {border: none;}
	
#wp-calendar thead th {
	font-size: 0.917em;
	text-align: center;
	padding: 4px 0px 4px 0px;
	width: 4.5%;
	border: none;
}

#wp-calendar tbody tr {border:none;}

#wp-calendar tbody td {
	text-align: center;
	padding: 4px 0px 4px 0px;
	border: none;
	width: 4.5%;
}

#wp-calendar tfoot tr {border: 1px solid transparent;}

#wp-calendar tfoot td {border: 1px solid transparent; padding:0px;}

#calendar_wrap td#today {
	border: 1px solid white;
	background-color: rgba(72,72,72,0.25);
}

#wp-calendar tr #prev a,#wp-calendar tr #next a {
	font-size: 0.917em;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}
	
/******************End Calender Widget Styles**************/


/* --------------------------------------------------------------------------
 *                          Footer Styles
------------------------------------------------------------------------------*/

#footer {
	clear: both;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#footer_col_wrap {
	float: left;
	padding: 15px 2% 0px 2%;
	margin: 0px;
	width: 96%;
}

#footer, #footer a {font-size: 0.875em;}

#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6 {font-size: 1.2em;}

.footercol-4 { 
	width: 21%; 
	float: left; 
	padding: 0px 2% 0px 2%;
	background: none;
}

.footercol-3 { 
	width: 29.333%; 
	float: left; 
	padding: 0px 2% 0px 2%;
	background: none;
}

.footercol-4 ul,.footercol-3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footercol-4 li,.footercol-3 li {list-style: none;}

.footercol a:hover {font-weight:bold;}

#copyright {
	width: 100%;
	display: block;
	font-style: italic;
	font-size: 0.875em;
	overflow: hidden;
	z-index: 1;
}

#copyright a:hover {font-weight: bold;}

.copyright_c1 {
    width: 27%;
 	padding: 5px 3% 5px 3%;
 	float: left;
 	overflow: hidden;
}

.copyright_c2 {
    text-align: center;
    width: 27%;
    padding: 5px 3% 5px 3%;
    float: left;
    overflow: hidden;
}

.copyright_c3 {
    text-align: right;
    width: 27%;
    padding: 5px 3% 5px 3%;
    float: right;
    overflow: hidden;
}

/*     Wide Column Content Styles
---------------------------------------------------------*/

.listhead {
	font-size: 1.75em;
	margin-top: 20px;
	margin-left: 3%;
}

/* ===============================================================
 *                     Post Format Styles
 * =============================================================== */

/* ------------------- Standard Post Format  --------------------- */

#fullwidth .post {padding: 5px 4% 10px 4%;}

.post,.page {padding: 5px 2% 10px 2%;}

.post h2.post-title {
	display: block;
	float: left;
	width: 100%;
	margin-top: 0;
}

.post h2.post-title .comments,
.page h2.post-title .comments {
	float: right;
	font-size: 0.5em;
}

.post h2.post-title a {margin-top: 10px;}

.post h2.post-title a:hover {
	font-weight: bold;
	text-decoration: none;
}

.post-icon {
	float: left;
	margin: 0 1% 0 -5%; 
	padding: 0;
	font-size: 20px; /* Post icons are now Font Awsome */
	opacity: 0.60;
}

.post-icon img.post-icon-format {margin:0px;}

.post img.alignleft,img.alignleft {
	float:left;
	margin-right: 2%;
}

.post h1,.post h2,
.post h3,.post h4,
.post h5,.post h6 
{
	margin-top: 0.5em;
}
	
.post img.alignright,img.alignright{
	float:right;
	margin-left: 1.5em;
	margin-right: 0px;
}

.wp-smiley{
	padding: 0px!important;
	margin: 0px!important;
}

.alignleft {
	float:left;
	margin-right: 2%;
}

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

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

.alignnone {}

.wp-caption {
	max-width: 100%;
}

.wp-caption p.wp-caption-text , .gallery-caption{
	line-height: 1.3125em;
	margin: 0px;
	padding: 0px 0.5% 5px 0.5%;
	font-size: 0.875em;
	font-style: italic;
}

.post .admin {
	clear:both;
	font-size: 0.875em;
	padding: 10px;
}

.attachment { 
	padding: 10px 20px 0 20px; 
	margin-bottom: 30px; 
}

.attachmentnav {font-size: 0.875em;}

/* ------------------- Aside Post Format  --------------------- */

.aside-entry {
	display: block;
	float: left;
	width: 85%;
	margin: 5px 0px 10px 0px;
	padding: 3%;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

.aside-entry span {
	display: block;
	overflow: hidden;
	z-index: 1;
}

.aside-entry .author a {
	float: right;
	margin: 10px 10px 0px 10px; 
}

.aside-entry .author a:hover {
	font-weight: bold;
}

/* ------------------- Audio Post Format  --------------------- */

.audio-entry .audio-wrap  {
	/*display:block;*/
	margin: 1em 0em 1em 0em;
	padding: 4%;
	width: 80%;
	line-height: 1.3125em;
	text-align: center;
	border-radius: 0px;
	box-shadow: 0px 0px 5px 0 rgba(72,72,72,0.25);
}

.audio-wrap cite {
	display: inline-block;
	font-style: italic;
	text-align: center;
	padding: 0em 0em 0.5em 0em;
}

.audio-entry p {margin: 1em 0em 0.5em 0em;}

/* ------------------- Chat Post Format  --------------------- */

.chat-entry {
	float:left;
	width: 85%;
	margin: 1em 0em 0em 0em;
	padding: 3%;
	border-radius: 0px;
	box-shadow: 0px 0px 5px 0 rgba(72,72,72,0.25);	
}
/* Wrapper for entire chat transcript. */
.chat-transcript { padding: 1em;float:left;}

/* Individual section of the chat. */
.chat-row:first-child {padding: 0px;float:left;}
.chat-row {clear:left;padding-top: 1em;float:left;}

/* Individual speaker in the chat. */

.chat-speaker-1 {}

.chat-speaker-1 .chat-author {color: #008000;}
.chat-speaker-2 .chat-author {color: #1E90FF;}
.chat-speaker-3 .chat-author {color: #880000;}
.chat-speaker-4 .chat-author {color: #9932CC;}
.chat-speaker-5 .chat-author {color: #A0522D;}
.chat-speaker-6 .chat-author {color: #FF4500;}
.chat-speaker-7 .chat-author {color: #808000;}
.chat-speaker-8 .chat-author {color: #000088;}
.chat-speaker-9 .chat-author {color: #FF00FF;}
.chat-speaker-10 .chat-author {color: red;}

/* Chat author. */
.chat-author { float:left;}
.chat-author cite { }

/* Chat text. */
.chat-text {display:inline; padding-left:5px;}

/* ------------------- Gallery Post Format  --------------------- */

.gallery-entry {
	display:block;
	overflow:hidden;
	z-index:1;
	width:100%;
}

.gallery-entry figure {
	float: left;
	padding: 0px 0px 0.5em 0px;
	background: white;
	box-shadow: 0px 0px 5px 0 rgba(72,72,72,0.25);	
	width: 25%;
	margin: 1em 5% 1em 0em;
}

.gallery-entry img {
	border:none;
	width: 90%;
	margin: 5% 5% 0px 5%;
}

.gallery-entry img:hover {
	opacity: 0.5;
}

.gallery-entry em {
	display:block;
	text-align: center;
}

.gallery-excerpt {
	display: block;
	padding: 1em 1em 0em 1em;
}

/* ------------------- Image Post Format  --------------------- */
.image-entry {
	float: left;
	width: 100%;
	margin: 1em 0px 1em 0px;
	padding: 0px;
}

.image-entry .wp-caption {
	/*display: block;*/
	background: white;
	border-radius: 5px;
	max-width: 96%!important;
	margin-top: 0.625em;
	margin-bottom: 0.625em;
	padding: 8px 8px 8px 8px;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

.image-entry .wp-caption a{
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 0em;
	text-align: center;
}

.image-entry .wp-caption img {
	padding: 0px;
	max-width: 100%;
	height: auto;
	margin: 0px;
	border: 0px;
	border-radius: 0px;
	box-shadow: 0px 0px 0px 0 rgba(72,72,72,0.0);
}

.image-entry p.wp-caption-text {
	text-align: center;
	margin: 10px;
	padding: 0px;
	font-size: 1.0em;
}

.image-entry img {
	border: 8px solid white;
	border-radius: 0px;
	max-width: 100%;	
	padding: 0px;
	margin: 10px 0px 10px 0px;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

.image-entry a {
	/*display: block;*/
	margin: 0px;
	padding: 0px;
	line-height: 0em;
}

/* ----------------- post format content : link -------------- */
.link-entry { margin-top: 1em;}

.link-entry a {
	text-decoration: none;
	margin: 1em 0em 1.5em 0em;
	padding: 1em;
	float: left;
	border-radius: 5px;
	box-shadow: 2px 4px 4px 0 rgba(72,72,72,0.5);	
}

.link-entry a:hover {
	/*background-image: url(images/shade.png);*/
	font-weight: normal;
	text-decoration: none;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.25);
}

.link-entry p {clear:both;}

/* ----------------- post format content : status --------------- */

.status-entry {
	float: left;
	width: 85%;
	margin: 5px 0px 10px 0px;
	padding: 3%;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

.status-entry img {
	display: inline-block;
	float: left;
	margin: 0em 0.5em 0em 0em;
}

.status-entry img.avatar{
	width: 50px!important;
	border: none;
	border-radius: 10px;
	float: left;
	margin: 0.5em 0.5em 0.5em 0em;
	padding: 0em;
}

.status-entry p {
	padding: 0.5em 1em 0em 0em;
	margin: 0em;
}

.status-entry .timestamp {
	display: block;
	float: left;
	font-size: 0.875em;
	margin: 0;
}

.status-entry .comments {
	float: right;
	font-size: 0.875em;
	margin: 0;
	padding: 0;
}

.status-entry a {
	font-size: 1em;
	line-height: 1.2em;
	float: right;
	margin: 0.5em 1.0em 0.5em 1em;
}

.status-entry a:hover, .status-entry .comments a:hover {font-weight: bold;}

/* ------------------- post format content : quote ---------------------------- */

.quote-entry {float: left; width: 100%;}

.quote-entry p {
	clear: both;
	margin: 1em 0em 0.5em 0em;
}

.quote-entry blockquote {
	float: left;
	width: 85%;
	margin: 1em 0em 1em 0em;
	padding: 3%;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

.quote-entry blockquote p {
	float: left;
	width: 100%;
	margin: 0px; 
	padding: 0px;
	font-weight: normal;
	font-size: 1.2em;
	font-style: italic;
}

.quote-entry blockquote p:before {display:none;}

.quote-entry blockquote cite {
	float: right;
	margin-top: 1em;
	margin-right: 3%;
	font-style: normal;
	font-weight: normal;
	font-size: 0.8em;
}

.quote-entry blockquote a {font-weight: bold;}
.quote-entry blockquote a:hover{font-weight: normal;}

/* ----------------- post format content : video ---------------------------- */

.video-entry .video-wrap {
	margin: 1em 0em 1em 0em;
	width: 80%!important;
	overflow: hidden;
	height: auto!important;
	background: black;
	border-top: 20px solid silver;
	border-right: 5px solid silver;
	border-bottom: 20px solid silver;
	border-left: 5px solid silver;
	padding: 2.5% 5% 5% 5%;
	color: silver;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

.video-entry .video-wrap p {color: silver; padding: 0px; margin: 0px;}

.video-entry p {margin: 1em 0em 0.5em 0em;}

/* ------------------------ post meta -------------------------- */
.sticky h2.post-title:after {
	float: right;
	font-size: 14px;
	font-family: FontAwesome;
	content: "\f08d";
	padding: 0px 10px 0px 10px;
	margin: 0px 10px 0px 0px;
}

.postmeta {
	display: block;
	font-size: 0.875em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.postmeta .timestamp {
	float: left;
	margin-right: 20px;
}

.postmeta .author {
	float: left; 
	margin-right: 20px;
}

.postmeta .author a {padding-left:5px;}

.postmeta .author a:hover {}

.postmeta .comments {
	float:right;
	margin-right: 7%;
}

.postmeta .comments a {}

.postmeta .comments a:hover {}

.postmetabottom {
	clear: both;
	font-size: 0.875em;
	margin: 15px 0px 0px 0px;
}

.postmetabottom .categories {
	float: left;
	margin-right: 1em; 
}

.postmetabottom .categories a {padding-left: 5px;}

.postmetabottom .categories a:hover {}

.postmetabottom .edit {
	float: left;
	margin-right: 1em;
}

.postmetabottom .taglist {
	float: left;
	margin-right: 1em;
}

.postmetabottom .pagelist {
	float: left;
	margin-right: 1em;
}

.entry {
	padding:10px 0px 10px 0px;
}

.entry p {
	margin-top: 10px;
	font-size: 1em;
	line-height: 1.3125em;
}

.more-link {font-size: 0.875em;}



/* ================================================================== *
 *                      Comment Styles                                *
 * ================================================================== */
.comments-wrap-icons {
	width: 89%;
	float: right;
	margin: 1em 3% 1em 8%;
}

.comments-wrap-no-icons {
	width: 94%;
	float: right;
	margin: 1em 3% 1em 3%;
}


.comments-title {
	margin: 0 0 0 3%;
}

.page .comments-title {margin: 2em 0em 0em 0em;}

.commentnav {
	padding: 15px 2% 15px 2%;
	font-size: 0.8em;
}

.commentlist {
	font-size: 1em;
	margin: 1em 0em 0em 0em;
}

.page .commentlist {
	font-size: 1em;
	margin: 1em 0em 0em 0em;
}

.comment {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}

.comment,.trackback {
	clear: left;
	margin: 1em 0 0 0;
	padding: 1em 5% 1.5em 5%;
}

.comment .depth-2,.comment .depth-3,.comment .depth-4,.comment .depth-5 {
	margin-left: 3%!important;
}

img.avatar {
	float: right;
	border: 0;
	border-radius: 5px;
	margin-right: 1.6025%;
	margin-left: 1.6025%;
}

.commentlist p {
	padding: 5px 1.6025% 5px 0px;
	margin: 0em;
	font-size: 1em;
}

.commentlist .even {}

.commentlist .bypostauthor .comment-author:before {
	font-size: 14px;
	font-family: FontAwesome;
	content: "\f007";
	padding: 0;
	margin: 0;
}

.commentlist .bypostauthor {
	background: rgba(226,226,226,0.25);
}

.comment-author cite {
	font-size: 1em;
	font-style: italic;
}

.comment-author span {font-style: normal;}

.comment-meta {
	float: left;
	font-size: 0.8em;
}

.reply {
	float: left;
	font-size: 0.8em;
	margin-bottom: 10px;
}

.nocomments {
	padding: 0;
	margin: 0 0 0 3%;
}

ul.pingslist {
	margin: 1em 0px 0px 3%;
	padding: 0;
}

.pingslist li {
	list-style: none;
	line-height: 1.0em;
	margin: 0;
	padding: 0;
}

.pingslist li a {
	margin: 0;
	padding: 0;
}

.comment-edit-link:before {
	font-size: 14px;
	font-family: FontAwesome;
	content: "\f044";
	padding: 0;
	margin: 0 0 0 1em;
}

.comment-edit-link {
	background: rgba(226,226,226,0.25);
}

.commentnav { margin:1em;}


/*  Search unsuccessful
------------------------*/

.nosearch {
	font-size: 1em;
	padding-left: 15px;
	padding-right: 15px;
}

.nosearch h2 {
	margin-top: 15px;
	font-size: 1.5em;
}

.nosearch p {
	margin-top: 15px;
}

/* Post Navigation
 --------------------*/
.postpagenav {
	font-size: 0.875em; 
	padding: 20px 10px 10px 10px;
}

/*  Comment Form Styling 
------------------------------------------------*/
#comments {margin-top: 20px;}

#respond { 
	width: 90%;
	padding: 10px;
	margin-bottom: 20px;
	background: url(images/shade.png);
}

#respond h3#reply-title {
	font-size: 1.5em;
	padding-bottom: 10px;
}

#commentform p {
	font-size: 1em; 
	padding-bottom: 15px;
}

#commentform img {
	border: none;
	padding: 0px;
	margin: 0px;
	border-radius: 0px;
	vertical-align: bottom;
}

.comment-form-author label {margin-left: 0px;}

.comment-form-author input {margin-left: 15px;}

.comment-form-email label {margin-left: 0px;}

.comment-form-email input {margin-left: 19px;}

.comment-form-url label {margin-left: 0px;}

.comment-form-url input {margin-left: 15px;}

input#author, input#email, input#url { 
	margin-bottom: 5px; 
	padding: 2px; width: 250px; 
	font-style: italic; 
}

.comment-form-comment label {float:left;}

.comment-form-comment textarea {clear:both;}

textarea#comment { 
	width: 85%; 
	height: 150px; 
	padding: 10px 2% 10px 2%; 
	font-style: italic;
}

input#submit {margin-bottom: 20px; }

/*  Contact Page Styling 
------------------------------------------------*/

#contactmeform {padding: 0px 20px 20px 20px;}

#contactmeform {line-height: 1em;}

#contactmeform li {
	line-height: 1em;
	list-style: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

#contactmeform label {
	font-size: 1em;
}

#contactForm input,#contactForm textarea {width: 80%;}

#contactForm input#verify {width: 125px;}

#contactForm img{
	margin: 0px; 
	padding: 0px;
	border: none;
	vertical-align: bottom;
}
/*-------------- Error -----------------------------------*/
.error {
	color: red;
	background-color: white;
}

.not_found_404 {
	margin: 2em 4% 4em 4%;
	line-height: 1em;
}

/* ----------------- colors --------------------*/
.red { color: red; }
.green { color: green; }
.blue { color: blue; }
.gray {color: gray; }

/* ------------------ Portfolio Page Styling ----------------- */

/* ------------------ One Column Portfolio ----------------- */

.portfolio_title {
	display:block;
	font-size: 1.8em;
	width: 95%;
	margin-top: 0px;
	line-height: 2.0em;
	padding-left: 5%;
	background-color: rgba(72,72,72,0.20);
}

.portfolio_post {padding: 20px 5% 0px 5%;}

.portfolio_one_column .left_col{
	width: 65%;
	float: left;
	margin-top: 15px;
	margin-bottom: 10px;
}

.portfolio_one_column .left_col img {
	border: 10px solid #FcFcFc;
	display: block;
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 5px 0 rgba(72,72,72,0.25);
}

.portfolio_one_column .left_col img:hover {
	opacity: 0.5;
}

.portfolio_one_column .display_description {
	width: 80%;
	margin-left: 10%;
}

.portfolio_one_column .display_caption {
	width: 80%;
	margin-left: 10%;
}

.portfolio_one_column .right_col{
	width: 32%;
	overflow: hidden;
	float: right;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: 2%;
}

.portfolio_one_column .right_col img{
	max-width: 90%;
	height: auto;
}

.portfolio_one_column .right_col h1,.portfolio_one_column .right_col h2,.portfolio_one_column .right_col h3,
.portfolio_one_column .right_col h4,.portfolio_one_column .right_col h5,.portfolio_one_column .right_col h6 {
	margin: 0px 15% 5px 0px;
}

.portfolio_one_column .right_col p{
	margin: .75em 15% 0em 0em;
	font-size: 0.9em;
}

/*------------------ Two Column Portfolio -----------------*/
.portfolio_two_column_wrap {
	width: 96%;
	margin: 0px 2% 0px 2%;
}

.portfolio_two_column{
	width: 43.5%;
	height: auto;
	float: left;
	margin: 15px 3.25% 10px 3.25%;
}


.portfolio_two_column .image_container img {
	width: 90%;
	height: auto;
	border: 10px solid #FcFcFc;
	display: block;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 5px 0 rgba(72,72,72,0.25);
}

.portfolio_two_column .image_container img:hover {
	opacity: 0.5;
}

.portfolio_two_column .display_caption {
	width: 100%;
}

.portfolio_two_column .display_description {
	width: 100%;
}

.portfolio_two_column .display_post {
	width: 100%;
}

.portfolio_two_column h1,.portfolio_two_column h2,.portfolio_two_column h1,.portfolio_two_column h3,
.portfolio_two_column h4,.portfolio_two_column h5,.portfolio_two_column h6 {
	font-size: 1.15em;
	width: 94%;
	margin: 10px 3% 0px 3%;
}

.portfolio_two_column p {
	font-size: 0.875em;
	margin: 10px 3% 0px 3%; 
}

.portfolio_two_column ul {margin: 0px 3% 0px 3%;}


/*------------------ Three Column Portfolio -----------------*/

.portfolio_three_column_wrap {
	width: 94%;
	margin: 0px 3% 0px 3%;
}

.portfolio_three_column {
	width: 27.73%;
	float: left;
	overflow: hidden;
	margin: 15px 2.8% 5px 2.8%;
}

.portfolio_three_column .image_container {
	width: 100%;
	height: auto;
}

.portfolio_three_column .image_container img {
	width: 90%;
	height: auto;
	border: 5px solid #FcFcFc;
	display: block;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 5px 0 rgba(72,72,72,0.25);
}

.portfolio_three_column .image_container img:hover {
	opacity: 0.5;
}

.portfolio_three_column h1,.portfolio_three_column h2,.portfolio_three_column h1,.portfolio_three_column h3,
.portfolio_three_column h4,.portfolio_three_column h5,.portfolio_three_column h6 {
	font-size: 1.2em;
}

.portfolio_three_column .display_caption {
	width: 100%;
}

.portfolio_three_column .display_description {
	width: 100%;
}

.portfolio_three_column .display_post {
	width: 100%;
}

.portfolio_three_column p {
	font-size: 0.875em;
	margin: 10px 0px 0px 0px;
	padding: 0;
}

.portfolio_three_column ul {margin: 0px;}

/*------------------ Four Column Portfolio -----------------*/

.portfolio_four_column_wrap {
	width: 94%;
	padding: 0px 3% 0px 3%;
}

.portfolio_four_column {
	width: 21%;
	float: left;
	overflow: hidden;
	margin: 10px 2% 10px 2%;
	
}

.portfolio_four_column .image_container {
	width: 100%;
	height: auto;
}

.portfolio_four_column .image_container img {
	width: 90%;
	height: auto;
	border: 5px solid #FcFcFc;
	display: block;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 5px 0 rgba(72,72,72,0.25);
}

.portfolio_four_column .image_container img:hover {
	opacity: 0.5;
}

.portfolio_four_column .display_caption {
	width: 100%;
}

.portfolio_four_column .display_description {
	width: 100%;
}

.portfolio_four_column .display_post {
	width: 100%;
}

.portfolio_four_column h1,.portfolio_four_column h2,.portfolio_four_column h1,.portfolio_four_column h3,
.portfolio_four_column h4,.portfolio_four_column h5,.portfolio_four_column h6 {
	font-size: 1.0em;
}

.portfolio_four_column p {
	font-size: 0.875em;
	padding: 5px 0px 0px 0px;
	margin: 0;
}

.portfolio_four_column ul li {
	font-size: 0.75em;
	margin: 0px;
}

.portfolio_error {
	font-weight: bold;
	font-style: italic;
	color: red;
	background-color: white;
	padding: 20px 0 20px 0;
}

/* ----------- gallery shortcode styles ----------- */

.gallery {
	margin: auto;
	/* gallery clearing*/
	overflow: hidden;
	width: 100%;
	font-size: 1px;
}

.gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
}

.gallery img {
	border: 5px solid white;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 0 rgba(72,72,72,0.25);
	width: 90%;
	height:auto;
}

.gallery .gallery-caption {
	display: none;
}

.gallery br { clear: both; }
/* available Columns */
.col-1 { width: 90%;}
.col-2 { width: 50%; }
.col-3 { width: 33.333%;}
.col-4 { width: 25%; }
.col-5 { width: 20%; }
.col-6 { width: 16.666%; }
.col-7 { width: 14.285%; }
.col-8 { width: 12.5%; }
.col-9 { width: 10%; }
.col-10 { width: 9%;}

/* -------------------pagenavi responsive styles --------------- */
.wp-pagenavi {
	clear: both;
	display: inline-block; /* added by Kevin */
}

.wp-pagenavi a, .wp-pagenavi span {
	float: left; /* added by Kevin */
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}