/*  
Theme Name: blogBox
Theme URI: http://demo1.kevinsspace.ca/
Author: Kevin Archibald
Author URI: http://www.kevinsspace.ca/
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, and Siteplan. Detailed user documentation is available at the demo site.
Version: 4.1.0
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
Text Domain: blogBox

	blogBox is a full featured WordPress Theme
    Copyright (C) 2015 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  
*/

/* 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: 0;
}

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 0 10px 0;
    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;}

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: 0;
	padding: 0;
	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 {}

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

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

img.addborder {
	border: 8px solid white;
	border-radius: 5px;
	box-shadow: 0 0 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: 0;
	padding: 0;
}

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

.header-logo {
	float: left;
	width: 22%;
	margin: 15px 1.5% 0 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: 0;
	margin: 0;
}

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

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

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

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

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

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

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

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

.header-widget-full .bB-social-widget img {
	margin:0;
	padding:0;
}

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

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

.header-widget-full ul li {
	list-style: none;
}

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

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

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

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

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

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

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

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

.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: 0;
	box-shadow: none;
	padding: 0;
	margin: 0;
}

/*** 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: 0;
	box-shadow: none;
}

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

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

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

.bB-social-widget a {
	margin: 10px 0 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: 0;
}

.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: 0;
}

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

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

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

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

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

/*************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: 0;
	/*padding: 20px 0 20px 0;*/
	padding: 0;
	float: left;
}

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

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

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

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

#single-image a {display: block;}

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

#full-single-image {
	float: left;
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#full-single-image a {
	display: block;
	padding: 0;
	margin: 0;
	line-height: 0;
}

#full-single-image img {
	width: 100%;
	height: auto;
	border: none;
	padding: 0;
	margin: 0;
    /*box-shadow: 5px 6px 7px 0 #9E9E9E;*/
}

#fullfeature {
	width: 100%;
	padding: 0;
}

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

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

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

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

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

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

a.button1 {
	display: inline-block;
	text-decoration: none;
	margin: 30px 10px 0 10px;
	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;
	opacity: 0.75;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.5);
}

#homesection2 {
	display: table;
	padding: 2.5%;
}

#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{
	width: 33.33%;
	float: none;
	display:table-cell;
	vertical-align: none;
	padding: 2.5%;
}

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

#servicebox2{
	width: 33.33%;
	float: none;
	display:table-cell;
	vertical-align: none;
	padding: 2.5%;
}


#servicebox3{
	width: 33.33%;
	float: none;
	display:table-cell;
	vertical-align: none;
	padding: 2.5%;
}

img.servicebox {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 75%;
	height: auto;
	display: block;
}

img.servicebox[src$=".png"],
img.servicebox[src$=".gif"]
{
	width: auto;
}

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

#slogan2 p.slogan2line1 {
	padding: 0;
	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 0 10px 0;
}

#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: 0 5% 0 0;
}

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

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

/*
 * --------------------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 0 4px 0;
	width: 4.5%;
	border: none;
}

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

#wp-calendar tbody td {
	text-align: center;
	padding: 4px 0 4px 0;
	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: 0;
	padding-bottom: 0;
}
	
/******************End Calender Widget Styles**************/


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

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

#footer_col_wrap {
	float: left;
	padding: 15px 2% 0 2%;
	margin: 0;
	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: 0 2% 0 2%;
	background: none;
}

.footercol-3 { 
	width: 29.333%; 
	float: left; 
	padding: 0 2% 0 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,#fullwidth-home .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: 0;
}

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

.alignleft {
	float: left;
	margin: 0;
}

.alignright {
	float:right;
	margin: 0;
}

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

.alignnone {}

.wp-caption {
	max-width: calc(100% - 20px);
	margin: 0;
	padding: 0;
}

.wp-caption.alignleft {
	margin: 0 20px 0 0;
}

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

.wp-caption .wp-caption-text , .gallery-caption{
	line-height: 1.0em;
	margin: 0;
	padding: 0 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 0 10px 0;
	padding: 3%;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}
.aside-entry .post-icon {
	float: left;
	margin: -3% 1% 0 -10%; 
	padding: 0;
	font-size: 20px; /* Post icons are now Font Awsome */
	color: #000000;
	opacity: 0.60;
}

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

.aside-entry .author a {
	float: right;
	margin: 10px 10px 0 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: 0;
	box-shadow: 0 0 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: 0;
	box-shadow: 0 0 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: 0;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: 0 0 0.5em 0;
	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% 0 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 0 1em 0;
	padding: 0;
}

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

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

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

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

.image-entry img {
	border: 1px solid #E5E5E5;
	background-color: #ffffff;
	border-radius: 0;
	max-width: 100%;	
	padding: 7px;
	margin: 10px 0 10px 0;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

.image-entry a {
	/*display: block;*/
	margin: 0;
	padding: 0;
	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 {
	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 0 10px 0;
	padding: 3%;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

.status-entry .post-icon {
	float: left;
	margin: -3% 1% 0 -10%; 
	padding: 0;
	font-size: 20px; /* Post icons are now Font Awsome */
	color: #000000;
	opacity: 0.60;
}

.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: 0; 
	padding: 0;
	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: 0; margin: 0;}

.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: 0 10px 0 10px;
	margin: 0 10px 0 0;
}

.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 0 0 0;
}

.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 0 10px 0;
}

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

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



/* ================================================================== *
 *                      Comment Styles                                *
 * ================================================================== */

/* -------------------------------------- Page Comments ------ */
.page .comments-title {margin: 2em 0em 0em 0em;}

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

/* -------------------------------------- Post Comments ------ */
.comments-wrap-icons {
	width: calc(100% - 25px);
	float: left;
	margin: 15px 0 15px 25px;
}

.comments-wrap-no-icons {
	width: 100%;
	float: right;
	margin: 15px 0 15px 0;
}

.comment-list {
	width: 100%;
	float: left;
	font-size: 1em;
	margin: 15px 0 0 0;
	padding: 0;
}

.pingback,.trackback {
	width: 100%;
	float: left;
	border-top: 1px solid #DDDDDD;
	padding: 20px 0 10px 0;
	margin: 15px 0 0 0;
}

.comment.depth-1 {
	width: calc(100% - 72px);
	float: left;
	border-top: 1px solid #DDDDDD;
	padding: 20px 0 10px 72px;
	margin: 15px 0 0 0;
}

.comment.depth-2,.comment.depth-3,
.comment.depth-4,.comment.depth-5,.comment.depth-6,
.comment.depth-7,.comment.depth-8,.comment.depth-9,
.comment.depth-10
{
	width: calc(100% - 20px);
	float: left;
	border-top: 1px solid #DDDDDD;
	margin: 20px 0 0 -52px;
	padding: 20px 0 0 72px;
}

.comments-title {
	width: 100%;
	float: left;
	margin: 0;
	background-color: transparent;
}

.comment-author .avatar {
	float: left;
	border: 1px solid #e2e2e2;
	margin: 0 14px 0 -72px;
	padding: 2px;
	background-color: white;
}

.comment-author cite {	
	margin: 0;
	padding: 0;
	font-style: normal;
}

.comment-author span {	
	display: none;
}

.comment-meta {
	font-size: 0.75em;
	padding: 0;
	margin: 0;
}

.comment-reply-link {
	display : inline-block;
	float: right;
	font-size: 0.75em;
	padding: 0 0.5em 0 0.5em;
	margin: 1em 0 0 0;
	/*background-color: #808080;
	color: white;*/
}

.comment-reply-link a {
	padding: 0;
	margin: 0;
}

.comment-list .bypostauthor .comment-author cite:before {
	content: 'Author: ';
	font-size: 0.75em;
	padding: 0.25em 0.5em 0.25em 0.5em;
	margin: 0 0.5em 0 0;
	background-color: #808080;
	color: white;
}

.commentnav {
	width: 96%;
	float: left;
	clear: both;
	background: none;
	border: none;
	padding: 15px 2% 15px 2%;
	font-size: 0.8em;
}

.commentnav .left {float: left;}
.commentnav .right {float: right;}

p.no-comments {
	width: 100%;
	float: left;
	padding: 1em 0 1em 0;
	border-top: 1px solid #DDDDDD;
	margin: 1em 0 0 0;
}

.comment-awaiting-moderation {
	margin: 0;
	font-size: 0.875em;
	color: red;
}

.comment-edit-link {
	font-size: 1em;
}

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

/*  Response Form Styling 
------------------------------------------------*/
.comment-respond { 
	width: 100%;
	float: left;
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1em;
}

.page #respond {
	margin: 0em;
	padding: 0em;
	font-size: 1em;
}

#respond h3 #reply-title {
	width: 100%;
	float: left;
	font-size: 1.25em;
	padding: 0.5em 2%  0.5em 2%;
}

#respond .comment-notes {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

#respond p {
	width:100%;
	font-size: 1em;
}

#respond label {
	clear: both;
	float: left;
	margin: 0.5em 0 0 0;
}

#respond .required{
	float: left;
	margin: 0.5em 0 0 0;
}

.comment-form-author input,.comment-form-email input,
.comment-form-url input{
	clear: both;
	width: calc(100% - 10px);
	float: left;
	margin: 0.5em 0 0.5em 0;
	background-color: #EAEAEA;
	border: none;
	padding: 5px;
}

#respond textarea {
	clear: both;
	width: calc(100% - 10px);
	float: left;
	margin: 0.5em 0 0.5em 0;
	background-color: #EAEAEA;
	border: none;
	padding: 5px;
	font: inherit;
	font-size: 1em;
}

#respond .form-submit {
	clear: both;
}

input#author, input#email, input#url { 
	font-size: 1em;
}

p.form-allowed-tags {
	clear: both;
	width: 100%;
	float: left;
	margin: 1em 0 0 0;
	padding: 0;
	font: inherit;
}

p.form-allowed-tags code {font: inherit;}

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

#respond .error {
	color: red;
	float: left;
	line-height: 1em;
	font-size: 1em;
	margin: 10px 0 0 0;
}

/*  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;
	width: calc(100% - 20px);
	float: left;
}

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

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

#contactmeform {line-height: 1em;}

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

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

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

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

#contactForm img{
	margin: 0; 
	padding: 0;
	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: 0;
	line-height: 2.0em;
	padding-left: 5%;
	background-color: rgba(72,72,72,0.20);
}

.portfolio_post {padding: 20px 5% 0 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: 0 0 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: 0 15% 5px 0;
}

.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: 0 2% 0 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% 0 3%;
}

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

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


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

.portfolio_three_column_wrap {
	width: 94%;
	margin: 0 3% 0 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 0 0 0;
	padding: 0;
}

.portfolio_three_column ul {margin: 0;}

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

.portfolio_four_column_wrap {
	width: 94%;
	padding: 0 3% 0 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 0 0 0;
	margin: 0;
}

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

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

/* ----------- WP Gallery styles ----------- */

.gallery {
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0;
}

.gallery figure {
	display: inline-block;
	float: none;
	padding: 0;
	background: none;
	box-shadow: none;
}

.gallery-columns-2 figure { margin: 0 3px 0 3px; width: calc(50% - 6px); }
.gallery-columns-3 figure { margin: 0 3px 0 3px; width: calc(33.3333% - 6px); }
.gallery-columns-4 figure { margin: 0 2px 0 2px; width: calc(25% - 4px); }
.gallery-columns-5 figure { margin: 0 2px 0 2px; width: calc(20% - 4px); }
.gallery-columns-6 figure { margin: 0 2px 0 2px; width: calc(16.6666% - 4px); }
.gallery-columns-7 figure { margin: 0 1px 0 1px; width: calc(14.2857% - 2px); }
.gallery-columns-8 figure { margin: 0 1px 0 1px; width: calc(12.5% - 2px); }
.gallery-columns-9 figure { margin: 0 1px 0 1px; width: calc(11.1111% - 2px); }
.gallery-columns-10 figure { margin: 0 1px 0 1px; width: calc(10% - 2px); }

.gallery-icon a {
	display: inline-block;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.gallery img {
	border: 1px solid #eaeaea!important;
	background-color: #ffffff!important;
	box-shadow: none;
	border-radius: 0;
	padding: 0!important;
	margin: 0;
	width: calc(100% - 6px);
	max-width: none;
	height: auto;
}

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

/* -------------------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;
}

/**
 *  media queries and adjusted css for smaller devices
 */
@media screen and (max-width: 900px) {
	
	.portfolio_four_column {width: 100%;}
	
	/*.portfolio_four_column .display_caption {
		width: 90%;
		margin-left: 5%;
	}*/

	.portfolio_four_column .display_description {
		width: 90%;
		margin-left: 5%;

	}
	
	.portfolio_four_column h6 {
		width: 90%;
		margin-left: 5%;
				margin-top: 1em;
	}
	
	.portfolio_four_column .display_post {
		width: 90%;
		margin-left: 5%;
	}
																		
}

@media screen and (max-width: 700px){
	
	/* ------------------- Navigation ---------------- */
	#main_menu_ul {display:none;}
	.nav-container select.menu{
		width: 90%;
		display: block;
		margin: 10px auto 0 auto;
		padding: 5px 0 5px 1em;
	}
	
	nav {padding-bottom:10px;}
	
	/* ------- feature elements ------ */
	
	#leftfeature { 
		width: 90%;
		padding: 0 5% 20px 5%;
		
	}
	
	#leftfeature h1 {margin:0px;} 
	
	#single-image {
		width: 90%;
		margin: 15px 3% 5px 3%;
		padding: 5px 2% 10px 2%;
		overflow: hidden;
	}
	
	/* -------------- static home page styles ------------ */
	a.button1 {font-size: 14px;}
	
	#slogan1 h1 {font-size: 16px;}
	
	#homesection2 {
		width: 100%;
		display: block;
		float: left;
		margin: 10px 0 10px 0;
		padding: 0;
	}
	
	#servicebox1,#servicebox2,#servicebox3 {
		width: 90%!important;
		display: block;
		float: left;
		margin: 10px 2.5% 10px 2.5%!important;
		padding: 2.5%;
	}

	#slogan2 p.slogan2line1 {font-size: 16px;}
	
	#slogan2 p.slogan2line2 {font-size: 14px;}	
	
	/* --------- footers ---------------- */

	.footercol-3,.footercol-4 { 
		width: 94%; 
		float: left; 
		padding:0 3% 0 3%;
		background: none;
	}

	.copyright_c1,.copyright_c2,.copyright_c3 {
	    clear: left;
	    text-align: left;
	    width: 90%;
	 	padding: 5px 5% 5px 5%;
	 	float: left;
	}
		
	/*------ layouts ---------------- */
	#widecolumn,#widecolumn-right {
		width: 92%;
		float: left;
	}
	
	#sidebar {
		width: 92%;
		float: left;
		padding: 50px 4% 5px 4%;
	}
	
	/* ---------- portfolio layouts ----------------- */
	.portfolio_one_column .left_col{
		width: 100%;
		margin: 15px 0 10px 0;
	}
	
	.portfolio_one_column .right_col, .portfolio_one_column .display_description,
	.portfolio_one_column .display_caption {
		width: 80%;
		margin: 15px 10% 10px 10%;
	}	
	
	.portfolio_two_column{
		width: 90%;
		margin: 15px 5% 10px 5%;
	}
	
	.portfolio_three_column {
		width: 90%;
		margin: 15px 5% 10px 5%;
	}
	
	.portfolio_three_column .display_caption h5,.portfolio_three_column .display_description,
	 .portfolio_three_column .display_post,.portfolio_three_column h5 {
		width: 90%;
		margin: 15px 5% 10px 5%;
	}

}
 
@media screen and (max-width: 480px){
	
	body {font-size: 90%;}
	
	/* -------------- header changes ----------- */
	.header-widget-narrow,.header-widget-full,.header-widget-half {
		width: 100%;
		float: right;
	}
	
	.header-widget-narrow .widget,.header-widget-full .widget,.header-widget-half .widget {
		float:none;
		width: 100%;
		overflow: hidden;
		z-index: 1;
	}

	.header-widget-narrow .bB-social-widget,.header-widget-full .bB-social-widget,.header-widget-half .bB-social-widget {
		width: 100%;
		float:left;
		text-align: center;
	}

	.header-widget-narrow .bB-social-widget a,.header-widget-full .bB-social-widget a,.header-widget-half .bB-social-widget a {
		float: none;
	}

	.header-widget-narrow .widget_text,.header-widget-full .widget_text,.header-widget-half .widget_text  {
		float: none;
		text-align: center;
	}
	
	.header-widget-narrow .bB-social-widget img {
		padding:0;
		margin: 0;
	}
	
	.header-logo {
		width: 100%;
		margin: 0;
	}
	
	.center-50 {
		width: 100%;
		float: left;
	}

	.blog-title {
		padding: 0em 5% 0em 5%;
	}
	
	.header-logo-half {
		width: 90%;
		height: auto;
		margin: 0.5em 5% 0.5em 5%;
	}
	
	.full-banner-text {
		width: 90%;
		float: left;
		padding: 0.5em 5% 0.75em 5%;
	}
	
	.blog-title-top-left {
		text-align: center;
	}

	.blog-description-top-left{
		float: left;
		text-align: center;
	}

	/* ------- Home Page Sections ------ */
	a.button1 {
		font-size: 12px; 
		padding: 5px;
		text-align: center;
	}
	
	#slogan1 h1 {font-size: 14px;}
	
	#slogan2 p.slogan2line1 {font-size: 14px;}
	
	#slogan2 p.slogan2line2 {font-size: 12px;}
	
	/* ------- Post Formats ------ */
	.aside-entry .post-icon, .status-entry .post-icon {
		font-size: 16px; /* Post icons are now Font Awsome */
		margin: -3% 1% 0 -12%;
	}

}

@media screen and (max-width: 320px){
	th,tr,td,td:first-child {padding: 0.4em;}
}