/*
Theme Name: Expressions
Description: Expressions is a full featured responsive theme that looks great on full size screens, ipad and mobile devices. Users have the flexibility to create the website that suits your style, with extensive theme options, post metabox options, and page metabox options. Comprehensive user documentation is available at the demo site.
Author: Kevin Archibald
Author URI: http://www.kevinsspace.ca/
Theme URI: http://demo2.kevinsspace.ca/
Version: 2.2.0
Text Domain: expressions
License: GNU General Public License V3
License URI:http://www.gnu.org/licenses/quick-guide-gplv3.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu,editor-style, featured-image-header, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
	
	Expressions WordPress Theme, Copyright (C) 2015 Kevin Archibald
	Expressions is distributed under the terms of the GNU GPL
    
	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  
*/
/* ==================================================================================================
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
* ==================================================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, 
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    line-height: 1.3125em;
    font-weight: normal;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height: 1.3125em;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse: collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #DDDDDD;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align: middle;
    max-width: 100%;
}

strong {
	font-weight: bold;
}

/* -------------------------- end reset ----------------------- */

/* ============================================================ *
 *                    Global Styles                             *
 * ============================================================ */ 
 
.clearfix {clear: both;}

.clearleft {clear: left;}

.clearright {clear: right;}

/* ---------------- Headers -------------- */

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

h1 {font-size: 2.00em;}

h2 {font-size: 1.75em;}

h3 {font-size: 1.50em;}

h4 {font-size: 1.25em;}

h5 {font-size: 1.00em;}

h6 {font-size: 0.8571em;}

/* ---------------- basic paragraph ------------- */

p {
	font-size: 1.00em; 
	line-height: 1.3125em;
	margin-top: 1em;
}

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

/* ---------------- Misc HTML tags ---------------- */ 

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

blockquote p:before {content:'';}
blockquote p:after {content: '';}

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

pre {
	border-radius: 10px;
	border: solid 5px gray;
    font-size: 1em;
    color: blue;
    margin: 0em; 
    padding: 1em;
    background: #F7F4F4;
    overflow-x: auto;
}

.left,.alignleft { float: left;}

.right,.alignright { float: right; }

.center { text-align: center; }

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

.sticky{}

label {font-size: 1em;}

code {
	font-size: 1em;
	background: url(images/shade.png);
}

q{font-style: italic;}

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

/* ------------- list defaults --------------- 
 * ------------- unordered ------------------- */

ul{
	padding-left: 1.0em; /* This will vary because of nesting */
	line-height: 1.5em;
}

ul li { 
	list-style: disc;
	font-size: 1em;
}

ul li li {
	list-style: circle;
	font-size: 1.0em;
}

ul li li li {
	list-style: square;
	font-size: 1.0em;
}

/* ------------------ font icon lists --------------- */
ul.fi1 li,ul.fi2 li,ul.fi3 li,ul.fi4 li
{
	list-style: none;
	line-height: 1.5em;
	list-style: none;
}

ul.fi1 li:before {font-family: "FontAwesome";content: "\f00c";margin: 0 5px 0 0;font-size: 0.75em;line-height:2em;vertical-align: top;}
ul.fi2 li:before {font-family: "FontAwesome";content: "\f058";margin: 0 5px 0 0;font-size: 0.75em;line-height:2em;vertical-align: top;}
ul.fi3 li:before {font-family: "FontAwesome";content: "\f05d";margin: 0 5px 0 0;font-size: 0.75em;line-height:2em;vertical-align: top;}
ul.fi4 li:before {font-family: "FontAwesome";content: "\f046";margin: 0 5px 0 0;font-size: 0.75em;line-height:2em;vertical-align: top;}

/* ------------ ordered --------------------------- */

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

/* -------------- ordered/unordered combo lists ------ */
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 }

/* --------------definition list ------------------- */

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

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

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

/* ----- links default ------- */

a {color: #A59595;}

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

a:hover {
	font-weight: normal;
	color: #7F7F7F;
}

/* ------------------table styles ----------------------- */

table { 
	border-collapse: collapse; 
	border-spacing: 0;
	font-size: 1em;
}

thead {
	font-weight: bold;
	text-align: center;
}

th {
	border: 1px solid #7F7F7F;
	padding: 0.625em;
	background-color: #E3E3E3;
	background-color: rgba(165,149,149,0.2);
}

tfoot {
	background-color: #E3E3E3;
	background-color: rgba(165,149,149,0.3);
	font-weight: bold;
}

tbody {
	text-align: left;
}

tr {
	padding: 0.625em;
}

td {
	border: 1px solid #7F7F7F;
	padding: 0.625em;
	text-align: center;
}

td:first-child {text-align: left;}

/* ================================================================== *
 *                   Layout Styles                                    *
 * ================================================================== */

body {
	width:100%;
	color: #6C6F70; /* This is the basic font color */
	font-size: 100%; /* all theme fonts are scaled from this size - 100% is 16px */
	line-height: 1.3125em;
	word-wrap: break-word;
}

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

header {
	background-color: #F9F9F9;
	width: 100%;
}

#header-wrap {
	background-color: #F9F9F9;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

img.logo {
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.full-header-image a{
	clear: both;
	display: block;
	text-align: center;
}

/* Styles used when logo, blog title, and blog description are displayed
 * or when the logo and title are displayed.
----------------------------------------------------------------------------- */

.header-image-left {
	width: 28.125%; /* 270/960 */
	float: left;
	padding-top: 1em; 
	padding-right: 1.5625%; /* 15/960 */
	padding-bottom: 1.25em;
	padding-left: 2.6041667%; /* 25/960 */
}

.blog-title-center-2 {
	float: left;
	width: 38.71%; /* 370/960 to get to the page center */
	text-align: center;
	padding-top: 1.25em;
	padding-right: 0em;
	padding-bottom: 0.625em;
	padding-left: 0em;
}

.blog-title-center-2 h1 a {
	color: #7F7F7F;
	line-height: 1.0em;
	padding-bottom: 0.625em;
}

.blog-title-center-2 h1 a:hover {
	color: #A59595;
}

.blog-description-center-2 {
	text-align: center;
	padding: 0px;
	font-size: 1em;
}

/* Styles for center set of logo,blog title, and blog tagline
------------------------------------------------------------------------------- */

.header-image-center {
	width: 50%;
	float: left;
	margin: 0em 0em 0em 25%;
	text-align: center;
	padding: 0em;
}

.blog-title-center {
	width: 50%;
	float: left;
	margin-top: 0.25em;
	margin-left: 25%;
	text-align: center;
}

.blog-title-center h1 a {
	display: block;
	float: left;
	width: 98%;
	margin: 0em;
	color: #7F7F7F;
	text-align: center;
	line-height: 1.0em;
	padding: 0em 1% 0em 1%;
}

.blog-title-center h1 a:hover {
	color: #A59595;
}

.blog-description-center {
	width: 50%;		
	float: left;
	margin-left: 25%;
	text-align: center;
	font-size: 0.75em;
	padding-top: 0.25em;
	padding-bottom: 0em;
}

/* Header Widget Styles 
 * ------------------------------------------------------------------------ */
.header-widget {
	display: block;
	float: right;
	width: 25%;
	padding: 0;
	margin: 0;
}

.header-widget .widget {clear: both;}

.header-widget .widget-text {float: right;}

.header-widget-left {
	float: left;
	width: 63%;
	padding: 0px 5% 1em 2%;
	margin: 0;
}

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

/* 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%;
	border-top:	1px solid #DDDDDD;
	height: 0px;
}

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

#main-menu-center-border {
	display: table;
	margin: 0 auto;
	border-top:		1px solid #DDDDDD;
	border-bottom:	1px solid #DDDDDD;
}

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

#main-menu-left-noborder {
	float: left;
	padding-top: 0;
	padding-right: 2%;
	padding-bottom: 0;
	padding-left: 2%;
}

#main-menu-right-noborder {
	float: right;
	padding-top: 0;
	padding-right: 2%;
	padding-bottom: 0;
	padding-left: 2%;
}

/*------- Menu colors ------- */
/*------- Top Menu -------*/
.sf-menu li { background-color: #F9F9F9; }
.sf-menu li:hover { background-color: #ffffff; }
.sf-menu li a {	color: #8C8C8C; }
.sf-menu li a:hover { color: #8C8C8C; }

/*------- 1st dropdown -------*/
.sf-menu ul li { background-color: #CECECE; }
.sf-menu ul li:hover { background-color: #ffffff; }
.sf-menu ul li a { color: #8C8C8C; }
.sf-menu ul li a:hover { color: #8C8C8C; }

/*------- 2nd dropdown -------*/
.sf-menu ul ul li { background-color: #C1C1C1; }
.sf-menu ul ul li:hover { background-color: #ffffff; }
.sf-menu ul ul li a { color: #8C8C8C; }
.sf-menu ul ul li a:hover { color: #8C8C8C; }

/*------- 3rd dropdown -------*/
.sf-menu ul ul ul li { background-color: #C1C1C1; }
.sf-menu ul ul ul li:hover { background-color: #ffffff; }
.sf-menu ul ul ul li a { color: #8C8C8C; }
.sf-menu ul ul ul li a:hover { color: #8C8C8C; }

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	border: 5px solid transparent;
	border-top-color: #8C8C8C; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(140,140,140,.75);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #8C8C8C; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(140,140,140,1.0);
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	border-color: transparent;
	border-left-color: #8C8C8C; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(140,140,140,.75);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #8C8C8C; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(140,140,140,1.0);
}

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

footer {
	background-color: #F9F9F9;
	width: 100%;
	font-size: 0.8571em!important;
}

footer h3 {
	font-size: 1.25em;
	line-height: 2em;
	padding: 0em;
	margin: 0em;	
}

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

footer ul li{list-style: none;}

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

#footer-wrap {
	background-color: #F9F9F9;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	/* float fix */
	overflow: hidden;
	z-index: 1;
}

#footer-col-wrap {
	padding: 1.25em 2% 1.25em 2%;
	/* float fix */
	overflow: hidden;
	z-index: 1;
}

.footercol-3 {
	float: left;
	width: 28%;
	padding: 0em 2% 0em 2%;
}

.footercol-4 {
	float: left;
	width: 20%;
	padding: 0em 2% 0em 2%;
}

#copyright {
	background-color: #F9F9F9;
	width: 100%;
	font-size: 0.8571em;
	/* float fix */
	overflow: hidden;
	z-index: 1;
}

#copyright-wrap {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em 0em 0.5em 0em;
	/* float fix */
	overflow: hidden;
	z-index: 1;
}

#copyright a:hover {
	font-weight: bold;
}
	
#copyright ul {
	list-style: none;
	font-size: 0.8571em;
}

.copyright_c1 {
    width: 24%;
    padding: 0em 4% 0em 4%;
 	float: left;
 	font-size: 0.8571em;
}

.copyright_c2 {
    text-align: center;
    width: 24%;
    padding: 0em 4% 0em 4%;
    float: left;
    font-size: 0.8571em;
}

.copyright_c3 {
    text-align: right;
    width: 24%;
    padding: 0em 4% 0em 4%;
    float: right;
    font-size: 0.8571em;
}

/*  ----------- Main area styling ----------------------- */

#main-section {
	background-color: #FCFCFC;
	width: 100%;
}

#content-wrap {
	background-color: #FCFCFC;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0em 0em 1.25em 0em;
	/* float fix */
	overflow: hidden;
	z-index: 1;
}

#widecolumn-left,#widecolumn-right {
	width: 64.5%;
	margin: 2.0em 0em .625em 0em;
	padding: 0em 2% 0em 2%;
}

#widecolumn-left {float: left;}

#widecolumn-right {float: right;}

#fullwidth {
	width: 90%;
	margin: 0px;
	padding: 2em 5% 2em 5%;
}

/* ================================================================== *
 *                        Sidebar Styles                              *
 * ================================================================== */

#sidebar-right,#sidebar-left {
	width: 25%;
	margin: 1em 0px 0.625em 0px;
	padding: 1em 3% 1em 3%;
	font-size: 1.00em;
}

#sidebar-right {
	float: right;
	border-left: 2px solid #DDDDDD;
}

#sidebar-left {
	float: left;
	border-right: 2px solid #DDDDDD;
}

#sidebar-right ul,#sidebar-left ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#sidebar-right .widget,#sidebar-left .widget {
	margin-top: 1em;
}

#sidebar-right h2,#sidebar-left h2 {
	font-size: 1.25em;
	padding: 0px;
}

#sidebar-right li,#sidebar-left li { 
	list-style: none; 
	margin: 0px;
	padding: 0px;
}

/*  ======================================================= *                   
 *                    Page Styles                           *
 * ======================================================== */

.page-title-wide {
	width: 100%;
	background: #F4F4F4;
}

.page-title-wrap {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	/* float fix */
	overflow: hidden;
	z-index: 1;
}

.page-title-wrap h2.left-title {
	display: block;
	font-size: 1.75em;
	width: 90%;
	line-height: 1.0em;
	padding: 1em 5% 1em 5%;
	margin: 0em;
}

/* ------------- Full Width Blog Styles ----------------- */

#fullwidth-blog{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 2em 4% 1em 5%;
	/* float fix */
	overflow: hidden;
	z-index: 1;
}

.page-title-wrap h2.fullwidth-blog-left-title {
	display: block;
	font-size: 1.75em;
	width: 100%;
	line-height: 1.0em;
	padding: 1em 5% 1em 10%;
	margin: 0em;
}

/*  404 Page Styling 
------------------------------------------------*/
#error_404 {
	margin-left: 5%;
}

/*  search Page Styling 
------------------------------------------------*/
.nosearch {
	margin-left: 5%;
}

/*  Author Page Styling 
------------------------------------------------*/

.author-bio,.category-page,.search-page {
	float: left;
	width: 96%;
	margin-left: 2%;
	margin-bottom: 2em;
	margin-top: 0em;
	border: 5px solid white;
	border-radius: 5px;
	background: #DDDDDD;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

.author-bio h2,.category-page h2,.search-page h2 {
	line-height: 1.5em;
	margin: 0em 0em 0em 0em;
	text-align: center;
}

.author-border {
	border-bottom: 3px solid white;
	line-height: 0;
	width: 90%;
	margin: 0 auto 1em auto;
}

.author-bio .avatar {
	float: left;
	margin: 0em 1em 1em 2em;
	padding: 0px;
	width: 50px!important;
}

.author-bio p {
	margin: 1em 4% 1em 1em;
}

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

#portfolio-post-wide {
	background-color: #FCFCFC;
	width: 100%;
}

#portfolio-post-wrap {
	background-color: #FCFCFC;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0em 0em 1.25em 0em;
	/* float fix */
	overflow: hidden;
	z-index: 1;
}

#portfolio-full-width {
	width: 100%;
	margin: 0em;
	padding: 0em;
}

.page-title-wrap h2.portfolio {
	display: block;
	font-size: 1.75em;
	width: 100%;
	line-height: 1.0em;
	padding: 1em 0em 1em 0em;
	margin: 0em;
	text-align: center;
	overflow: hidden;
	z-index: 1;
}

.portfolio-post {
	width: 90%;
	padding: 1em 5% 0px 5%;}

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

.portfolio_one_column {padding: 1em 0em 1em 0em;}

.portfolio_one_column .left_col{
	width: 60%;
	float: left;
	padding-top: 1em;
	padding-bottom: 1em;
}

.portfolio_one_column .left_col img {
	width: 86.8%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	border: 8px solid white;
	border-radius: 5px;
	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_caption {margin: 1.5em 6% 0em 6%;}

.portfolio_one_column .display_description {margin: 0.5em 6% 0em 6%;}

.portfolio_one_column .left_col p:first-child {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.portfolio_one_column .left_col p {
	font-size: 1em;
	margin: 0;
	padding: 5px 0px 0px 0px;
}

.portfolio_one_column .right_col{
	width: 36%;
	float: right;
	padding: 1em 2% 1em 2%;
}

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

.portfolio_one_column .right_col p:first-child {
	margin: 0px 5% 0px 0px;
	padding: 0;
	font-size: 1em;
}

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

/*------------------ Two Column Portfolio -----------------*/

.portfolio_two_column_wrap {
	float: left;
	width: 90%;
	padding: 0em 5% 0em 5%;
	margin: 1em 0em 0em 0em;
	overflow: hidden;
	z-index: 1;
}

.portfolio_two_column{
	width: 50%;
	float: left;
	margin: 1.5em 0em 1.5em 0em;
}

.portfolio_two_column .image_container {
	width: 100%;
}

.portfolio_two_column .image_container img {
	width: 80%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	border: 7px solid white;
	border-radius: 5px;
	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: 80%;
	margin: 1em 10% .5em 10%;
}

.portfolio_two_column .display_caption h3 {
	width: 100%;
	margin: 0em;
}

.portfolio_two_column .display_description {
	width: 80%;
	margin: 1em 10% .5em 10%;
}

.portfolio_two_column .display_post {
	width: 80%;
	margin: 0em 10% 0em 10%;
}

.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 {
	width: 80%; 
	margin: 1em 10% 0.5em 10%;
	font-size: 1.2em;
}

.portfolio_two_column p {
	font-size: 1em;
	margin: 0.5em 0em 0.5em 0em; 
}

.portfolio_two_column p:first-child {
	font-size: 1em;
	margin: 0em 0em 0.5em 0em; 
}

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

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

.portfolio_three_column_wrap {
	padding: 0px 3% 0px 3%;
	overflow: hidden;
	z-index: 1;
}

.portfolio_three_column {
	width: 33.33%;
	float: left;
	margin: 1.5em 0em 2em 0em;
}

.portfolio_three_column .image_container {
	width: 100%;
}

.portfolio_three_column .image_container img {
	width: 80%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	border: 6px solid white;
	border-radius: 5px;
	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 .display_caption {
	width: 80%;
	margin: 1em 10% 0em 10%;
}

.portfolio_three_column .display_caption h5 {
	width: 100%;
	margin: 0em;
}

.portfolio_three_column .display_description {
	width: 80%;
	margin: 0.5em 10% 0em 10%;
}

.portfolio_three_column .display_post {
	width: 80%;
	margin: 0.5em 10% 0em 10%;
}

.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 {
	width: 80%;
	margin: 1em 10% 0em 10%;
	padding: 0;
	font-size: 1em;
}

.portfolio_three_column p {
	font-size: 0.85em;
	margin: 0.5em 0em 0.5em 0em; 
}

.portfolio_three_column p:first-child {
	font-size: 0.85em;
	margin: 0em 0em 0.5em 0em; 
}

.portfolio_three_column ul {
	font-size: 0.85em;
	margin: 0px 1% 0px 1%;
}

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

.portfolio_four_column_wrap {
	padding: 0px 4% 0px 4%;
}

.portfolio_four_column {
	width: 25%;
	float: left;
	margin: 1.5em 0em 2em 0em;
}

.portfolio_four_column .image_container {
	width: 100%;
}

.portfolio_four_column .image_container img {
	width: 80%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	border: 5px solid white;
	border-radius: 5px;
	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: 80%;
	margin: 1em 10% 0em 10%;
}

.portfolio_four_column .display_caption h5 {
	width: 100%;
	margin: 0em;
}

.portfolio_four_column .display_description {
	width: 80%;
	margin: 0.5em 10% 0em 10%;
}

.portfolio_four_column .display_post {
	width: 80%;
	margin: 0.5em 10% 0em 10%;
}

.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 {
	width: 80%;
	margin: 1em 10% 0em 10%;
	padding: 0;
	font-size: 1em;
}

.portfolio_four_column p {
	font-size: 0.85em;
	margin: 0.5em 0em 0.5em 0em; 
}

.portfolio_four_column p:first-child {
	font-size: 0.85em;
	margin: 0em 0em 0.5em 0em; 
}

.portfolio_four_column ul {
	font-size: 0.85em;
	margin: 0px 1% 0px 1%;
}

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

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

#contactmeform {
	width: 90%;
	padding: 1em 5% 1em 5%;
}

#contactmeform li {list-style: none;}

#contactmeform label {
	font-size: 1em;
	line-height: 1.5em;
	width: 90%;
	margin: 0em 0em 0.5em 0em;
}

#contactmeform input {
	font-size: 1em;
	line-height: 1.5em;
	width: 90%;
	margin: 0.5em 0em 0.5em 0em;
}

#contactmeform textarea {
	font-size: 1em;
	line-height: 1.5em;
	width: 90%;
	margin: 0.5em 0em 0.5em 0em;
}

#contactmeform img {
	border: none;
	border-radius: 0px;
	margin: 0;
	vertical-align: middle;
}

#contactmeform #verify {max-width: 150px;}

.expressions-content-contact-submit:hover{
	cursor: pointer;
}

.expressions-contact-thanks {
	background: white;
	color: green;
}

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

.siteplan, .archivespage {
	width: 90%;
	margin: 1em 5% 0em 5%;
}

/* ================================================================== *
 *                        Feature Styles                              *
 * ================================================================== */

.feature {
	width: 100%;
	background-color: #F4F4F4;
}

.feature-wrap {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em 0em 0.5em 0em;
	/* float fix */
	overflow: hidden;
	z-index: 1;
}



/* -------------- half styles --------------- */
.half-slider-wrapper{}

.feature-right {
	max-width: 35%;
	float: right;
	padding: 10px 3% 0 2%;
}

.feature-right li {list-style: none;}

/* ----------- center styles ----------------- */

.feature-right-30 {
	width: 28%;
	float: right;
	padding: 20px 2% 0 0;
}

.feature-right-30 li {list-style: none;}

.feature-right-30 ul li h2 {
	font-size: 1.4em;
	line-height: 1.5em;
}

.nivo-ka-caption {display: none;}

.left-feature {
	width: 20%;
	float: left;
	margin: 20px 3% 0 2%;
}

.left-feature h2 {
	font-size: 1.2em;
	line-height: 1.5em;
}

.left-feature p {
	line-height: 1.2em;
	margin-top: 0.5em;
}

/* ------------ single image styles -------------------------- */

.single-full {
	width: 92%;
	margin: 0 0em 0 0em;
	padding: 0 4% 0 4%;
}

.single-small {
	float: left;
	width: 53%;
	margin: 0px 2% 0px 5%;
	padding: 0 0em 0 0em;
}

.single-center {
	float: left;
	width: 40%;
	margin: 0 3% 0 2%;
}

.single-full img,.single-center img,.single-small img {
	border: none;
    box-shadow: 0px 6px 15px -3px #4a4a4a;
}

/* ------------ mosaic styles -------------------------- */

.mosaic {
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 100%;
	height: auto;
}

/* ---------------- 4 image mosaic -------------------- */

.mosaic-4-wrap {
	float: left;
	width: 80%;
	margin: 10px 10% 0px 10%;
}

.mosaic-4-wrap a img:hover {
	opacity: 0.5;
}

.mosaic-4-wrap a {
	padding: 0px;
	margin: 0px;
	line-height: 0px;
}

.mosaic-4-wrap img {
	width: 48%;
	margin: 0.5% 1% 0.5% 1%;
	padding: 0px;
	border: none;
}

/* ---------------- 6 image mosaic -------------------- */

.mosaic-6-wrap {
	float: left;
	width: 90%;
	margin: 0.5em 5% 0em 5%;
}

.mosaic-6-wrap a img:hover {
	opacity: 0.5;
}

.mosaic-6-wrap a {
	padding: 0px;
	margin: 0px;
	line-height: 0px;
}

.mosaic-6-wrap img {
	width: 32.33%;
	margin: 0.5%;
	padding: 0px;
	border: none;
}

/* ---------------- 9 image mosaic -------------------- */

.mosaic-9-wrap {
	width: 95%;
	float: left;
	height: auto;
	margin: 5px 0% 0 2.5%;
}

.mosaic-9-wrap a img:hover {
	opacity: 0.5;
}

.mosaic-9-block-1 {
	display: block;
	float: left;
	width: 25%;
	height: auto;
}

.mosaic-9-block-1 img {
	width: 90%;
	height: auto;
	margin: 2.5% 5% 4% 5%;
	padding: 0px;
	border: none;
}

.mosaic-9-block-1 a {
	display: block;
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
}

.mosaic-9-block-2 {
	display: block;
	float: left;	
	width: 50%;
	height: auto;
}

.mosaic-9-block-2 a {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 0px;
}

.mosaic-9-block-2 img {
	width: 95%;
	height: auto;
	margin: 1.25% 2.5% 2.5% 2.5%;
	padding: 0px;
	border: none;
}

.mosaic-9-block-3 {
	display: block;
	float: left;
	width: 25%;
	height: auto;
}

.mosaic-9-block-3 a {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 0;
}

.mosaic-9-block-3 img {
	width: 90%;
	height: auto;
	margin: 2.5% 0% 4% 5%;
	padding: 0px;
	border: none;
}

.mosaic-9-block-4 {
	display: block;
	float: left;
	width: 100%;
	height: auto;
}

.mosaic-9-block-4 a {
	padding: 0;
	margin: 0;
	line-height: 0;
}

.mosaic-9-block-4 img {
	width: 22.50%;
	height: auto;
	margin: 0.25% 1.25% 0 1.25%;
	padding: 0px;
	border: none;
}

/* ================================================================== *
 *               Static Home Page Styles                              *
 * ================================================================== */

#home-full-width {
	width: 92%;
	margin: 0.625em 0em .625em 0em;
	padding: 0px 4% 0px 4%;
}

/* ---------------- Static Home Section Type A -------------------- */

.home-section-type-A {
	width: 96%;
	float: left;
	margin: 1em 2% 1em 2%;
	padding: 0em;
	overflow: hidden;
	z-index: 1;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
}

.home-section-type-A-html-75 {
	width: 72%;
	float: left;
	padding: 1em 1% 1em 2%;
}

.home-section-type-A-html-100 {
	width: 96%;
	float: left;
	padding: 1em 2% 1em 2%;
}

.home-section-type-A-button {
	width: 22%;
	float: right;
	margin: 1em 2% 1em 1%;
	text-align: center;
}

.home-section-type-A-button a.button1 {
	display: inline-block;
	text-decoration: none;
	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.1em;
}

.home-section-type-A-button a.button1:hover {
	background-image: url(images/shade.png);
	font-weight: normal;
	text-decoration: none;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.5);
} 
   
/* ---------------- Static Home Section 2 -------------------- */

.home-section-2-wrap {
	width: 96%;
	float: left;
	margin: 1em 2% 1em 2%;
	padding: 0em;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
}

.servicebox-type-A {
	float: left;
	width: 24%;
	margin: 0em 2% 0em 2%;
	padding: 0.5em 2% 1em 2%;
}

.servicebox-type-A h4 {
	text-align: center;
	margin-top: 10px;
	line-height: 1em;
	margin-bottom: 5px;
	padding:0;
}

.servicebox-type-A p {font-size: 1em;}

.servicebox-type-A ul {margin-left: 4.166667%;}

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

.servicebox-type-A  a.button1,
.home-section-type-B-html-image a.button1,
.home-section-type-B-html-noimage a.button1 {
	display: block;
	clear: both;
	float: right;
	text-decoration: none;
	background: #7F7F7F;
	color : #FCFCFC;
	border-radius: 3px;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
	padding: 0px 10px 0px 10px;
	margin: 10px 20px 10px 0px;
	font-size: .75em;
}

.servicebox-type-A  a.button1:hover,
.home-section-type-B-html-image a.button1:hover,
.home-section-type-B-html-noimage a.button1:hover {
	background-image: url(images/shade.png);
	font-weight: normal;
	text-decoration: none;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.5);
   } 
   
/* ---------------- Static Home Section Type B -------------------- */

.home-section-type-B-wrap {
	width: 96%;
	float: left;
	overflow: hidden;
	z-index: 1;
	margin: 1em 2% 1em 2%;
	padding: 0em;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
}

.home-section-type-B {
	width: 46%;
	margin: 2em 2% 2em 2%;
	float: left;
}

.home-section-type-B-image-wrap {
	width: 33%;
	float: left;
}

img.serviceboxB {
	padding: 0px;
	max-width: 80%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.home-section-type-B-html-image {
	width: 60%;
	float: left;
	padding: 0px 3% 0px 3%;
}

.home-section-type-B-html-image h4,
.home-section-type-B-html-noimage h4 {
	line-height: 1em;
}

.home-section-type-B-html-noimage {
	width: 96%;
	float: left;
	margin: 0px 2% 0px 2%;
}

/* ---------------- Static Home Section Type C -------------------- */
.home-section-type-C-wrap {
	width: 96%;
	float: left;
	margin: 1em 2% 1em 2%;
	padding: 0em;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
}

.servicebox-type-C {
	float: left;
	width: 21%;
	margin: 0em 1% 0em 1%;
	padding: 0.5em 1% 1em 1%;
}

.servicebox-type-C h4 {
	text-align: center;
	margin-top: 10px;
	line-height: 1em;
	margin-bottom: 5px;
	padding:0;
}

.servicebox-type-C p {font-size: 1em;}

.servicebox-type-C ul {margin-left: 4.166667%;}

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

.servicebox-type-C  a.button1,
.home-section-type-C-html-image a.button1,
.home-section-type-C-html-noimage a.button1 {
	display: block;
	clear: both;
	float: right;
	text-decoration: none;
	background: #7F7F7F;
	color : #FCFCFC;
	border-radius: 3px;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
	padding: 0px 10px 0px 10px;
	margin: 10px 20px 10px 0px;
	font-size: .75em;
}

.servicebox-type-C  a.button1:hover,
.home-section-type-C-html-image a.button1:hover,
.home-section-type-C-html-noimage a.button1:hover {
	background-image: url(images/shade.png);
	font-weight: normal;
	text-decoration: none;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.5);
}

/* ------------------- dividing borders ---------------- */
.feature-thin-border-1 {
	clear: both;
	width: 90%;
	margin-left: 5%;
	border-top:	1px solid #DDDDDD;
	height: 0px;
}

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

/* ------------------- post icons ---------------- */

.post-icon {
	display: block;
	width: 8%;
	float: left;
}

.post-icon img.post-icon-format {
	float: left;
	margin: 0px;
	padding: 0.3em 0em 0em 0em;
	border: 0px;
	border-radius: 0px;
	background: none;
	box-shadow: none;
	opacity: 0.4;
}

i.post-icon-format {
	margin: 0;
	padding: 0;
	opacity: 0.4;
	font-size: 1.5em;
	line-height: 1.75em;
}

/* --------- post general------------------------- */

img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}

#widecolumn-left .widecolumn-page-wrap,#widecolumn-right .widecolumn-page-wrap {
	margin: 0em;
	padding: 0em 5% 0em 5%;
	width: 90%;
}

.post-wrap {
	width: 88%;
	float: right;
	margin: 0px 4% 0px 0px; 
}

.post-wrap-no-icons {
	width: 94%;
	float: right;
	margin: 0px 3% 0px 3%; 
}

.post-wrap h2,.post-wrap-no-icons h2 {
	width: 100%;
}

.post-wrap a,.post-wrap-no-icons a {
	font-size: 1em;
}

.post-title a:hover,.post-wrap-no-icons a:hover {
	color: #7F7F7F;
}

.post-wrap .comments,.post-wrap-no-icons .comments {
	float: right;
	font-size: 0.5em;
	padding-top: 0.875em;
	color: #7F7F7F;
}

a.comments-button {
	border: 1px solid #7F7F7F;
	border-top-left-radius: 0.7em;
	border-bottom-right-radius: 0.7em;
	padding-left: 1em;
	padding-right: 1em;
	background-color: #F9F9F9;
	color: #7F7F7F;
}

a:hover.comments-button {
	background-color: #A59595;
	color: #f2f2f2;
}

/* ------------------ post meta top --------------- */

.postmetatop {
	font-size: 0.8em;
	margin:0;
	padding: 0.625em 0em 0em 0em;
	line-height: 1.2em;
}

.postmetatop i.expressions-sticky {
	float: left;
	padding-right: 0.625em;
}

.postmetatop img.expressions-sticky {
	float: left;
	padding: 0 0.625em 0 0;
	margin:0;
}

.postmetatop .timestamp {
	float: left;
	padding-right: 0.625em; 
}

.postmetatop .author {
	float: left;
	padding-right: 0.625em; 
}

.postmetatop .categories {float: left;}

/* ----------------- post format content : standard ---------------------------- */

.entry {
	padding: 1em 0em 0em 0em;
	margin: 0px;
}

.entry p:first-child {
	padding: 0px;
	margin: 0px;
}

.entry p {
	padding-top: 1em;
	margin: 0px;
}

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

.entry a:hover,.image-entry a:hover {
	opacity: 0.5;
}

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

.entry img[src$=".png"],.entry img[src$=".gif"] {
	border:none;
	box-shadow: none;
	max-width: 100%;
	height: auto;
}

.wp-caption {
	background: white;
	max-width: 100%;
	margin: 0.625em 0px 0.625em 0px;
	padding: 2% 8px 0% 8px;
	box-shadow: 0px 0px 5px 0 rgba(72,72,72,0.25);	
}

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

.wp-caption img {
	padding: 0px;
	max-width: 100%;
	margin: 0px;
	border: 0px!important;
	height: auto;
}

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

img.wp-smiley {
	padding: 0px;
	margin: 0px;
	border: none;
	float: none!important;
}

.post img.alignleft,img.alignleft {
	float: left;
	margin-right: 1.5em;
}
	
.post img.alignright,img.alignright{
	float: right;
	margin-left: 1.5em;
}

.post .alignleft {
	float: left;
	margin-right: 1.5em;
	margin-left: 0px;
}

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

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

.post .alignnone, .post img.alignnone,img.alignnone {
	display: block;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* ----------------- post format content : aside ---------------------------- */

.aside-entry {
	width: 85%;
	float: left;
	padding: 1em 5% 1em 5%;
	border-radius: 10px;
	background-color: #E3E3E3;
	background-color: rgba(165,149,149,0.3);
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

.aside-entry p {
	padding: 0em;
	margin: 0em;
}

.aside-entry .author a:before {
	content: '. . . ';
	font-weight: bold;
}

.aside-entry .author a {
	float: right;
	font-size: 1em;
	line-height: 1.2em;
	padding-top: 0.5em;
	margin-right: 0.625em;
}

.aside-entry i.expressions-sticky {
	float: right;
	font-size: 1em;
	line-height: 1.2em;
	padding-top: 0.5em;
	margin:0;
}

/* ------------------- post format content : audio ---------------------------- */

.audio-entry .audio-wrap {
	display: block;
	margin: 1em 0em 1em 0em;
	padding: 4%;
	width: 80%;
	background-color: #D4E6F7;
	border-radius: 5px;
	line-height: 1.5em;
	text-align: center;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

.audio-wrap cite {
	font-style: italic;
	text-align: center;
}

.audio-entry p {
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

/* ----------------- post format content : chat ---------------------------- */
.chat-entry {
	float:left;
	width: 85%;
	margin-top: 1em;
	padding: 1em 5% 1em 5%;
	background-color: #f9f9f9;
	border-radius: 10px;
	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;}

/* ----------------- post format content : gallery ---------------------------- */

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

.gallery-entry .gallery-thumb {
	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 2%;
}

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

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

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

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

/* ------------------- post format content : image ---------------------------- */

.image-entry .wp-caption {
	display: block;
	background: white;
	border-radius: 5px;
	/*max-width: 90%!important;*/
	width: 100%!important;
	margin: 0.625em 0em 0.625em 0em;
	padding: 8px 8px 0px 8px;
	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 img {
	border: 8px solid white;
	border-radius: 5px;
	max-width: 100%;	
	padding: 0px;
	margin: 4% 0 0 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;
}

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

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

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

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

.link-entry a:hover {
	font-weight: normal;
	color: #E2DEDE;
	text-decoration: none;
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.25);
}

/* ------------------- post format content : quote ---------------------------- */
.quote-entry {float: left; width: 100%;}

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

.quote-entry blockquote {
	float: left;
	width: 70%;
	margin: 1em 5% 1em 5%;
	padding: 3%;
	border: 5px solid white;
	border-radius: 5px;
	background: #D1F2A9;
	font-weight: normal;
	font-size: 1.2em;
	font-style: italic;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

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

.quote-entry blockquote cite,.quote-entry blockquote p cite  {
	clear: both;
	float: right;
	margin-top: 0em;
	margin-right: 3%;
	font-style: normal;
	font-weight: normal;
	font-size: 1em;
}

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

/* ----------------- post format content : status ---------------------------- */
.status-entry {
	float: left;
	width: 85%;
	margin: 0em;
	padding: 0.5em 5% 0.5em 5%;
	border-radius: 15px;
	background-color: #FBFF8E;
	background-color: rgba(251,255,142,0.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.8em;
	margin: 0;
}

.status-entry i.expressions-sticky {
	display: block;
	float: left;
	font-size: 0.8em;
	margin: 0;
}

.status-entry .comments {
	float: right;
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	color: #7F7F7F;
}

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

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

.video-entry .video-wrap {
	margin: 1em 0em 1em 0em;
	width: 80%!important;
	height: auto!important;
	background: black;
	border: 3px solid silver;
	color: white;
	border-radius: 15px;
	padding: 2.5% 5% 5% 5%;
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}

.video-entry .video-wrap p  {color: white;}

.video-entry .video-wrap a {
	font-weight: bold;
	color: #EAEAEA;
}

.video-entry a:hover {color: white;}

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

/* ----------------- post meta bottom ------------------------ */

.postmetabottom {
	font-size: 0.8em;
	margin: 0em;
	padding:2em 0em 0em 0em;
	line-height: 1.2em;
}

.postmetabottom .pagelist {
	float: left;
	padding-right : 0.625em; /* 10px */
}

.postmetabottom .edit {
	float: left;
	padding-right : 0.625em; /* 10px */
}

.postmetabottom .taglist{
	float: left;
	padding-right : 0.625em; /* 10px */
}

.postmetabottom .no-title {
	float: left;
	padding-right : 0.625em; /* 10px */
}

/* -------------------- Bottom line after every post ------------------ */
.bottom-line-1 {
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1.5em;
	margin-bottom: 2em;
	line-height: 0em;
	border-top: 1px solid #AFAFAF;
	border-bottom: 3px solid #DDDDDD;
}

/* ================================================================== *
 *                      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 {}

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

.commentnav {
	float: left;
	width: 100%;
	padding: 15px 0 15px 0;
	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: 20px 0px 20px 0px;
	padding: 1em 5% 1.5em 5%;
}

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

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

.comment-author img.avatar {
	width: auto!important;
	float: right;
	border: 0;
	box-shadow: none;
	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 {
	background: url(images/shade.png);
	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: 0px;}


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

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

.comment-edit-link {background: url(images/shade.png);}

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

.page #respond {
	margin: 0em;
	padding: 0em;
	font-size: 1em;
	width: 100%;
	float: left;
}

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

#respond form {
	margin: 0em;
	padding: 0em;
	font-size: 1em;
	width: 100%;
	float: left;
}

#respond p {
	width:100%;
	float: left;
}

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

#respond p input{
	clear: both;
	width: 60%;
	float: left;
	margin: 0.5em 0em 0.5em 0em;
	font-style: italic;
}

#respond p textarea {
	clear: both;
	width: 80%;
	float: left;
	margin: 0.5em 0em 0.5em 0em;
}

#respond p input#comment_captcha_response {
	float: left;
	width: 100px;
	margin: 0.5em;	
}

textarea#comment { 
	height: 10em; 
	padding: 0; 
	font-style: italic;
}

#respond p.form-allowed-tags {
	clear: both;
	width: 80%;
	margin: 15px 0 0 0;
}

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


/* ------------------ Error Styles --------------------- */

.error {
	color: red;
	background-color: white;
}

/* ----------------Social Widget Styles ---------------- */
/* ---- header ------- */
.header-widget .widget {
	float: right;
	padding: 5px 10px 0px 0px;
}

.header-widget .expressions-social-widget img{margin: 0px;}

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

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

.header-widget .expressions-social-widget i.small {
	font-size: 20px;
}

.header-widget .expressions-social-widget i.icon-yelp.small {
	font-size: 16px;
}

.header-widget .expressions-social-widget i.large {
	font-size: 32px;
}

.header-widget .expressions-social-widget i.icon-yelp.large {
	font-size: 24px;
}

/* ------ Other Areas -------------- */

.expressions-social-widget a {
	display: block;
	float: left;
	margin: 0px 0px 0px 5px;
}

.expressions-social-widget img {
	margin: 0px;
	padding: 0px;
}

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

.expressions-social-widget i.small {
	font-size: 20px;
}

.expressions-social-widget i.icon-yelp.small {
	font-size: 20px;
}

.expressions-social-widget i.large {
	font-size: 32px;
}

.expressions-social-widget i.icon-yelp.large {
	font-size: 24px;
}

/* ------------- Author Widget -------------------- */
.expressions-author-widget {
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
}

.expressions-author-widget .author-widget-avatar img{
	float: left;
	width: auto;
	border: none;
	border-radius: 5px;
	box-shadow: none;
	margin: 0 1em 0 0;
	padding: 0;	
}

.expressions-author-widget .author-widget-name {
	font-size: 1.0em;
	line-height: 1.0em;
	font-weight: bold;

}

.expressions-author-widget .author-widget-bio {
	font-size: 0.875em;
	line-height: 1.0em;
}

.expressions-author-widget .author-widget-website {

}

/* ----------- Contact Me Widget Styling ------------ */
.expressions-contact-widget img {
	border: none;
	box-shadow: none;
	border-radius: 0px;
	margin: 5px 0 0 0;
}

.expressions-contact-widget{
	margin: 10px 10px 10px 0;
}

.expressions-contact-widget label,
.expressions-contact-widget input,
.expressions-contact-widget textarea
{
	width: 95%;
}

.expressions-contact-widget input.expressions-widget-contact-captcha {
	margin: 5px 0 0 0;
	width: 100px;
	padding: 2px 0 2px 0;
	text-align: center;
}

.expressions-contact-widget button {
	width: 100px;
	margin: 5px 0 0 0;
	padding: 0;
}

.expressions-contact-widget button:hover {
	cursor: pointer;
}

.expressions-widget-contact-error{
	width: 90%;
	background-color: white;
	color: red;
}

.expressions-widget-contact-thanks{
	width: 90%;
	background-color: white;
	color: green;
}

/* ----------- WordPress Calender Widget Style ----------- */

#wp-calendar{font-size: 0.857em;}

#wp-calendar caption {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 0.5em;
}
	
#wp-calendar th {
	border: 1px solid #F9F9F9;
	background-color: #E3E3E3;
	background-color: rgba(165,149,149,0.2);
	font-size: 0.917em; /* 11px / 12px */
	width: 5%;
	padding: 0.5em 0em 0.5em 0em;
	text-align: center;
}

#wp-calendar tbody {
	border: none;
	font-size: 0.857em;
}
	
#wp-calendar tbody td {
	border: none;
	text-align: center;
	width: 5%;
	padding: 0.3em 0em 0.3em 0em;
}

#wp-calendar tbody td a {font-weight: bold;}

#wp-calendar tfoot {background: none;}

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

#wp-calendar tfoot td {border: none;}

#calendar_wrap td#today {
	background-color: #E3E3E3;
	background-color: rgba(165,149,149,0.2);
}

#wp-calendar tr #prev a,table#wp-calendar tr #next a {
	font-size: 0.917em; /* 11px / 12px */
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}

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

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

.gallery-post-feature {background-color: transparent;}

.gallery figure {
	display: inline-block;
	padding: 0;
}

.gallery-columns-1 figure { margin: 3px; width: calc( 100% - 6px); }
.gallery-columns-2 figure { margin: 3px; width: calc( 50% - 6px); }
.gallery-columns-3 figure { margin: 3px;width: calc( 33.3333% - 6px); }
.gallery-columns-4 figure { margin: 2px;width: calc( 25% - 4px); }
.gallery-columns-5 figure { margin: 2px;width: calc( 20% - 4px); }
.gallery-columns-6 figure { margin: 2px;width: calc( 16.6666% - 4px); }
.gallery-columns-7 figure { margin: 1px;width: calc( 14.2857% - 2px); }
.gallery-columns-8 figure { margin: 1px;width: calc( 12.5% - 2px); }
.gallery-columns-9 figure { margin: 1px;width: calc( 11.1111% - 2px); }
.gallery-columns-10 figure { margin: 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;
	padding: 2px!important;
	margin: 0;
	width: calc(100% - 6px);
	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;
}

/* ===============================================================================
 * media queries for responsive design
 * =============================================================================== */
/* ------------------------------------------------------------------------- 900px */
@media screen and (max-width: 900px) {
	
	.portfolio_four_column_wrap .thin-border {display: none;}

	.portfolio_four_column {width: 100%;}
																		
}


@media screen and (max-width: 700px){
	
	/* ------------------- Navigation ---------------- */
	#header-wrap .thin-border {border:none;}
	#main_menu_ul {display:none;}
	.nav-container select.menu{
		width: 90%;
		display: block;
		margin: 10px auto 0px auto;
		padding: 5px 0px 5px 1em;
	}
	
	nav {padding-bottom:10px;}
	
	/* -------------- static home page styles ------------ */
	.servicebox-type-A {
		float: left;
		width: 92%;
	}
	
	.home-section-type-B {
		width: 96%;
	}
	
	.servicebox-type-C {
		float: left;
		width: 92%;
	}
	
	/* --------- footers ---------------- */
	.footercol-3 {
		float: left;
		width: 92%;
		padding: 0em 4% 0em 4%;
	}
	
	.footercol-4 {
		float: left;
		width: 92%;
		padding: 0em 4% 0em 4%;
	}
	
	/* ------- feature elements ------ */
	.slider-wrapper .nivo-thumbs-enabled a.nivo-control img {max-width: 36px;}
	
	.half-slider-wrapper .nivo-thumbs-enabled a.nivo-control img {max-width: 38px;}
	
	.feature-right-30 {
		width: 90%;
		float: left;
		padding: 1em 5% 0em 5%;
	}
	
	.feature-right-30 .expressions-social-widget {padding: 0px;}
	
	.feature-right-30 .expressions-social-widget a {
		margin: 0px 0px 0px 5px;
	}
	
	.feature-right-30 .expressions-social-widget img {
		margin: 10px 0px 0px 5px;
		padding: 0px;
	}
	
	.feature-right {
		max-width: 90%;
		float: left;
		padding: 1em 5% 0em 5%;
	}
	
	.feature-right .expressions-social-widget {padding: 0px;}
	
	.feature-right .expressions-social-widget img {
		margin: 10px 0px 0px 5px;
		padding: 0px;
	}
	
	.half-slider-wrapper {
		width: 90%;
		margin-left: 6%;
	}
	
	.left-feature {display: none;}
	
	.single-small {
		width: 90%;
		float: left;
		margin: 0em 5% 1em 5%;
	}
	
	.center-slider-wrapper,.single-center{
		float: left;
		width: 90%;
		margin: 0em 5% 0em 5%;
	}
	
	.center-slider-wrapper .nivo-thumbs-enabled a.nivo-control img {max-width: 40px;}
	
	/*------ Sidebar layouts ---------------- */
	#widecolumn-left,#widecolumn-right {
		width: 92%;
		float: left;
		margin: 2.0em 0em .625em 0em;
		padding: 0em 4% 0em 4%;
	}
	
	#sidebar-right,#sidebar-left {
		width: 92%;
		float: left;
		margin: 3em 0em 0.625em 0em;
		padding: 0em 4% 0em 4%;
		border: none;
		height: auto!important;
	}
	
	/* ---------- portfolio layouts ----------------- */
	
	#portfolio-full-width .thin-border{display:none;}
	
	.portfolio_one_column .left_col {width: 100%;}
	
	.portfolio_one_column .right_col{
		width: 90%;
		float: left;
		padding: 0em 5% 1em 5%;
	}
	
	.portfolio_one_column .display_caption,
	.portfolio_one_column .display_description {
		display:none;
	}
	
	.portfolio_two_column{width: 100%;}
	
	.portfolio_three_column {
		width: 90%;
		float: left;
		overflow: hidden;
		margin: 0em 5% 2em 5%;
	}
}

/* ------------------------------------------------------------------------- 485px */ 
@media screen and (max-width: 485px){
	/* ------------ General ------------------ */
	
	body {
		font-size: 87.5%; /* all theme fonts are scaled from this size - 100% is 16px */
		line-height: 1.3125em;
	}

	h1,h2,h3,h4,h5,h6 {line-height: 1.3125em;}

	h1 {font-size: 1.75em;}

	h2 {font-size: 1.5em;}

	h3 {font-size: 1.25em;}

	h4 {font-size: 1.15em;}

	h5 {font-size: 1.00em;}

	h6 {font-size: 0.8571em;}

	/*------------- Header ------------------- */
	.header-widget {
		width: 100%;
		padding: 0;
		margin: 0;
	}	
		
	.header-widget .widget_text {
		width: 100%;
		text-align: center;
	}
	
	.header-widget .kaex_social_links_widget_class {
		width: 100%;
	}
	
	.header-widget .kaex_social_links_widget_class .expressions-social-widget {
		display: block;
		text-align: center;
	}
	
	.header-widget .kaex_social_links_widget_class .expressions-social-widget a {
		display: inline;
		float: none;
		text-align: center;
	}
	
	.header-widget-left {
		width: 100%;
		padding: 0 0 1em 0;
		margin: 0;
	}
	
	.header-widget-left .widget_text {
		text-align: center;
	}
	
	.header-image-left,.header-image-center  {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.header-image-left a,.header-image-center a {
		display: block;
		text-align: center;
	}	
	
	.header-image-left img,.header-image-center img {
		width: 50%;
		margin: 0px;
	}
	
	.blog-title-center-2,.blog-title-center {	
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	
	/* ------- feature elements ------ */
	.slider-wrapper .nivo-thumbs-enabled a.nivo-control img {max-width: 20px;}
	
	.slider-wrapper .nivo-controlNav img {margin-right: 0px;}
	
	.half-slider-wrapper .nivo-thumbs-enabled a.nivo-control img {max-width: 24px;}
	
	.center-slider-wrapper .nivo-thumbs-enabled a.nivo-control img {max-width: 24px;}
	
	/* ------- homepage elements ------ */
	
	.home-section-type-A-button a.button1 {font-size: 0.875em;padding: 2px 5px 2px 5px;}
	
	/* ------- copywright elements ------ */
	
	.copyright_c1,.copyright_c2,.copyright_c3 {
		clear:both;
		float:left;
		width:90%;
		margin: 0.25em 5% 0.25em 5%;
		padding: 0em;
		text-align: left;
	}
	
	/* --------- Color Box -------------- */
	#cboxTitle {
		visibility: hidden;
	}		

}