﻿/*
Theme Name: Era WordPress
Theme URI: http://www.themeforest.net/user/crozer?ref=crozer
Description: Visual Performance
Author: Christopher 'crozer' Honninger
Author URI: http://www.crozer.me
Version: 4.4.5

License: Partial GNU General Public License, please reade license file for more details.
License URI: license.txt

/** ===========================================================================
=================================== RESETS  ===================================
=========================================================================== **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
a, ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after {
	display: block;
	visibility: hidden;
	content: '\0020';
	clear: both;
	float: none;
	height: 0;
}

button::-moz-focus-inner { border: 0; }
input::-moz-focus-inner { border: 0; }
a:focus { outline: none; }

/** ===========================================================================
================================== GENERAL  ===================================
=========================================================================== **/

body {
	font: 12px/20px 'Droid Sans', sans-serif;
	color: #707070;
	overflow-x: hidden;
}
div#wrap {
	width: 960px;
	margin: 0 auto;
}

p.small { font: italic 11px/20px 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.italic { font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; }

/***************************************************************** Era Font **/
@font-face {
    font-family: 'EraFontMedium';
    src: url('assets/css/fonts/era_font/erafont-webfont.eot');
    src: url('assets/css/fonts/era_font/erafont-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/css/fonts/era_font/erafont-webfont.woff') format('woff'),
         url('assets/css/fonts/era_font/erafont-webfont.ttf') format('truetype'),
         url('assets/css/fonts/era_font/erafont-webfont.svg#EraFontMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/************************************************************* Opacity Hide **/
div#main .header, div#main .content, div#main .footer,
div.page-title-container,
div.overlay {
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
}
.item.non-img .overlay {
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
}

/****************************************** Global Color - now on style.php **/

/************************************************************** Form styles **/
input[type=text], input[type=submit], textarea {
	font: 12px/20px sans-serif;
	padding: 10px 10px 8px;
	line-height: 14px;
	color: #707070;
	resize: none;
}
input[type=submit] {
	background: url(assets/images/button_bg.png) repeat-x;
	border: 1px solid #e2e2e2; line-height: 20px;
	margin: 20px 0 0; padding: 5px 16px;
	cursor: pointer;
	color: #444;
}
input[type=submit]:active {
	background-position: 0 -30px;
}
input[type=text], textarea {
	background: #fff;
	border: 4px solid #e2e2e2;
}
input.error, textarea.error { border-color: #ec9999; }
input.error[type="text"] { color: #b87979; }
input.alert, textarea.alert { border-color: #f0e088; }
input.alert[type="text"] { color: #c59c45; }

/************************************************* Grayscale-To-Color effect **/
ul.social-header li a, .about-social a, ul.member-social li a {
	display: block;
	overflow: hidden;
	cursor: pointer;
	height: 27px;
}

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

/********************************************************************* Logo **/
h3.logo a {
	background: url(assets/images/logo.png) no-repeat;
	display: block; text-indent: -9999px;
	width: 57px; height: 42px;
	margin: 42px 0 0;
	float: left;
}

div.top-right { margin: 48px 0 0; float: right; }

/****************************************************** Header Social Icons **/
ul.social-header { float: left; }
ul.social-header li {
	float: left;
	margin: 0 0 0 5px;
}

/************************************************************** Search bar **/
div.search {
	float: left;
	margin: -2px 0 0 26px;
}
div.search input {
	margin: 0;
	border: none;
}

/********************************************************* Main Navigation **/
div.navigation ul.menu {
	background: #fff;
	float: left; clear: both;
	width: 908px; height: 30px;
	margin: 17px 0 0; padding: 12px 26px 0;
}

div.navigation ul, div.navigation li { float: left; }

div.navigation li a { font-weight: normal !important; }
div.navigation li a, div.page-title-container h3.page-title a {
	font: italic 13px/20px 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: none !important;
}

/*************************************************** Main Navigation Items **/
div.navigation ul.menu > li:first-child { margin-left: 0; }
div.navigation ul.menu > li {
	margin: 0 0 0 48px;
}
div.navigation li.special-link { float: right; margin: 0 12px 0 0; }
div.navigation li.special-link a { float: left; position: relative; }
div.navigation ul.menu li.special-link a span.era-font {
	font-size: 19px;
	top: 1px;
	margin: 0 0 0 4px;
}

/****************************************************** Submenu Navigation **/
div.navigation ul.menu ul.sub-menu {
	background: #fff;
	margin: 0 0 0 -26px; padding: 19px 26px;
	position: absolute; z-index: 999;
	min-width: 108px;
	display: none;
}

/****************************************************** Sub-Submenu Navigation **/
div.navigation ul.menu ul.sub-menu ul.sub-menu {
	margin: 0 0 0 134px; top: -29px;
}

/************************************************ Submenu Navigation Items **/
div.navigation ul.menu > li a span.era-font {
	width: 6px; height: 3px;
	margin: 0 0 0 9px; top: -2px;
	font-size: 6px !important;
}

div.navigation ul.menu > li > ul li:first-child { margin-top: 10px; }
div.navigation ul.menu > li > ul li {
	margin: 10px 0 0; width: 125%;
	position: relative;
	clear: both;
}
div.navigation ul.menu > li > ul li a { color: #707070; float: left; width: 75%; }

/************************************************ Sub-Submenu Navigation Items **/
div.navigation ul.menu ul li a.sub-sub-link span.era-font {
	position: absolute; top: 9px; right: 27px;
	width: 3px; height: 6px; margin: 0;
}

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

div.era-slider {
	background: url(assets/images/slider_bg.png) no-repeat center -4%;
	float: left; clear: both;
	margin: 0 0 208px; padding: 0;
	width: 960px;
}
div.era-slider ul.slider {
	margin: 33px auto 0; padding: 0;
	width: 100%; height: 400px;
	position: relative;
}
div.era-slider .roundabout-moveable-item img { width: 100%; }
div.era-slider .roundabout-moveable-item {
	width: 388px; height: 388px;
	margin: 29px 0 0; padding: 0;
	display: block;
}
div.era-slider .roundabout-moveable-item a {
	display: block;
}
h3.era-slider-caption { clear: both; }
h3.era-slider-caption{
	font: bold 40px/48px 'Droid Sans', sans-serif;
	text-shadow: 0 2px #d0d0d0; text-align: center; text-transform: uppercase;
	width: 960px;
	margin: 20px 0 0 -284px;
	color: #707070;
	display: none;
}
div.big-message h3 {
	font: bold 40px/48px 'Droid Sans', sans-serif;
	text-shadow: 0 2px #d0d0d0; text-align: center; text-transform: uppercase;
	color: #707070;
}

/****************************************************** Era Slider Controls **/
ul.controls, div.nivo-controlNav {
	margin: 52px auto 0 !important;
	
}
ul.controls li.thumbs ul { float: left; margin: -4px 0 0; }

ul.controls li, div.nivo-controlNav a, div.nivo-directionNav a { 
	width: 12px; height: 5px; float: left;
	margin: 0 !important;
	color: #707070;
}
ul.controls li:hover, div.nivo-controlNav a:hover { cursor: pointer; } 
ul.controls li.thumbs {
	background: none; margin: 0 8px !important;
	width: auto;
}
ul.controls li.thumbs ul li, div.nivo-controlNav a {
	width: 8px; height: 8px;
	margin: 0 0 0 2px !important;
	line-height: 8px;
}

div.nivo-directionNav  {
	position: relative; left: 0; top: -36px;
	width: auto; height: 12px;
}

ul.controls li.previous,
ul.controls li.next, div.nivo-directionNav a { font-size: 24px; margin: -8px 0 0 !important; padding: 8px 0 0; }
div.nivo-directionNav a { position: absolute; top: 50%; width: 14px; }

div.nivo-directionNav a.nivo-prevNav { left: 0; }
div.nivo-directionNav a.nivo-nextNav { right: 0; }

ul.controls li.thumbs li, div.nivo-controlNav a { font-size: 9px; }

/** ===========================================================================
================================= ERA STILL  ==================================
=========================================================================== **/

div.era-still {
	width: 960px; height: auto;
	margin: 48px 0 26px; padding: 0;
	float: left; clear: both;
}

div.era-still .era-still-img {
	width: 950px; height: 295px;
	float: left;
	overflow: hidden;
}
div.era-still .era-still-img a, div.era-still .era-still-img img, div.era-still .era-still-img iframe { margin: 0; padding: 0; }
div.era-still .era-still-img iframe { border: 4px solid #e2e2e2; }
div.era-still .era-still-img iframe body {
	position: relative; z-index: -999;
}

div.era-still .era-still-text {
	width: 0px; float: right;
	padding: 100px 0 0;
	display: none;
}
div.era-still .era-still-text p, div.era-still .era-still-text h3 {
	font: italic 16px/24px 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #444; text-shadow: 1px 1px #fff;
}
div.era-still .era-still-text h3 {
	font-size: 22px; line-height: 32px;
}

/** ===========================================================================
================================== CONTENT  ===================================
=========================================================================== **/

div.content, div.page-content {
	float: left; clear: both;
	width: 960px;
}
div.page-content {
	margin: 0 0 34px;
}

a.view-more { float: right; margin: 0 2px 0 0; }

/********************************************************** Era Grid Blocks **/
div#era-blocks-container {
    width: 960px;
	margin: 0;
    float: left;
	opacity: 0;
}

div#era-blocks-container div.item, div.content .entry-content div.thumb-slider ul.portfolio-excerpt li {
    border: 4px solid #e2e2e2;
    margin: 8px 0 0 8px;
    overflow: hidden;
    float: left;
}

div#era-blocks-container.portfolio-grid div.item.non-img { width: 238px; height: 172px; }
div#era-blocks-container.portfolio-grid div.item img { width: 100%; height: auto !important; }

div#era-blocks-container div.item img, ul.portfolio-excerpt img { float: left; }

/** Entire Image-Block link **/
div#era-blocks-container div.item a.entire-imgblock,
ul.project-images a.entire-imgblock {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 99;
}

/******************************************************** Era Grid Overlays **/
div.overlay {
	position: absolute; z-index: 3;
	margin: 0; padding: 0;
	width: 100%; height: 100%;
	cursor: default;
}
div.overlay h3 { float: left; }
div.overlay h3 a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	float: left; clear: both;
	color: #fff;
}
div.overlay p {
	margin: 0 22px; padding: 0;
	/* position: absolute; top: 54px; */
	clear: both;
	color: #fff;
}

div.overlay h3 a, div.portfolio-fullwidth .item h3 a, div.portfolio-erablocks .item h3 a,
div.portfolio-single div.left-col h3 a, .about-social, div.va-content h3 a, div.post-entry h3 a,
body.blog .content ul.more-posts li h3 a {
	font: bold 14px/20px 'Droid Sans', sans-serif;
	text-align: left; text-transform: uppercase;
	white-space: nowrap;
	margin: 21px 0 13px 22px;
}
div.overlay a.fullscreen {
	background: url(assets/images/lightbox.png) no-repeat;
	display: block; float: right;
	width: 10px; height: 10px;
	text-indent: -9999px;
	margin: 26px 22px 0 0;
}
div.overlay a.fullscreen.view-post {
	background: url(assets/images/lightbox_viewpost.png) no-repeat;
}
div.overlay p.small, div.portfolio-fullwidth .item p.small, div.portfolio-erablocks .item p.small, div.overlay span.small {
	white-space: nowrap;
	position: absolute; bottom: 19px; top: auto;
	overflow: hidden;
}

span.overlay-hide, span.footer-hide { display: none; }

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

div.footer {
	float: left; clear: both;
	margin: 82px 0 0;
	width: 100%;
}
div.footer h3 a { font-weight: normal; }

/********************************************************** Footer Left box **/
div.footer div.left-box {
	width: 240px;
	float: left; clear: both;
	margin: 0 56px 0 0;
}
	
div.footer div.left-box h3.logo a { margin: 0 0 18px; }
div.footer div.left-box p {
	width: 240px;
	float: left;
}

/********************************************************* Footer Right box **/
div.right-box {
	background: #fff;
	margin: 0; padding: 30px 26px 20px;
	float: right;
	width: 612px;
}
div.right-box > div:first-child { margin: 0; }
div.right-box > div {
	margin: 0 0 0 36px;
	width: 33%;
	float: left;
}

div.right-box > div li:first-child { margin: 0; }
div.right-box > div li { margin: 22px 0 0; }

div.right-box div.sitemap {
	width: 100px;
}
div.right-box div.sitemap li, .content .era-list-widget li, div.content div.dash-list.list ul li {
	background: url(assets/images/list_icon.png) no-repeat left center;
	margin: 0; padding: 0 0 0 18px;
}
div.right-box div.sitemap li.sub-link, .content .era-list-widget li.sub-link,
div.content div.dash-list.list ul li.sub-link { margin: 0 0 0 13px; }
div.right-box div.sitemap li.sub-link a, .content .era-list-widget li.sub-link a,
div.content div.dash-list.list ul li.sub-link a { font-size: 11px; }
div.right-box div.sitemap li a, .content .era-list-widget li a {
	color: #707070;
}

div.right-box h3, div.right-box h3 a, div.right-box h3 span {
	font: italic 13px/20px 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal; color: #444;
	margin: 0 0 12px;	
}

div.right-box .widget img { width: 100%; }

/* div.tweets ul.tweets-feed li p {
	width: 100%; float: left;
	overflow: hidden; text-overflow: ellipsis;
	white-space: nowrap;	
} */

/******************************************************** Footer Navigation **/
ul.footer-navigation {
	width: 400px;
	margin: 55px 346px 48px;
	float: left; clear: both;
}
ul.footer-navigation li:first-child { margin-left: 0; }
ul.footer-navigation li { float: left; margin: 0 0 0 44px; }

ul.footer-navigation li a {
	font: italic 11px/20px 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #707070;
	float: left;
}
ul.footer-navigation li.top a { margin-top: -9px; }
ul.footer-navigation li.top span { float: left; clear: both; margin: 0 0 8px 42%; padding: 0; width: 100%; top: 0; }
ul.footer-navigation li span { padding: 0 8px; font-size: 20px; top: 2px; font-style: normal; }

/** ===========================================================================
================================= PORTFOLIO  ==================================
=========================================================================== **/

div.portfolio-filter {
	width: 100%; margin: 43px 0 30px;
	float: left; clear: both;
	font: italic 12px/20px 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	cursor: default;
}
div.portfolio-filter h3, div.portfolio-filter ul, div.portfolio-filter li { float: left; }

div.portfolio-filter ul { margin-left: 8px; }
div.portfolio-filter li a { color: #707070; }
div.portfolio-filter li span { margin: 0 4px; }
div.portfolio-filter h3 {
	font-weight: normal;
	color: #444;
}

div#era-blocks-container.portfolio-fullwidth div.left-col div.overlay,
div#era-blocks-container.portfolio-erablocks div.left-col div.overlay {
	text-align: center;
}

div.overlay a.view-more, body.home.page div.content .overlay a.view-more {
	margin: 14px 22px 0 0;
	color: #fff;
}

/*********************************************************** Portfolio Grid **/
div#era-blocks-container.portfolio-grid div.item {
	margin: 8px 8px 0 0;
}
body.page div.content a.view-more,
body.page div#era-blocks-container .item a.view-more  { float: right; }
body.home.page div.content a.view-more {
	position: relative; z-index: 999;
	margin: 0 8px 0 0;
	float: right;
}

/*********************************************************** Portfolio 2col **/
div#era-blocks-container.portfolio-2col {
	width: 986px;
}
div#era-blocks-container.portfolio-2col div.item {
	width: 459px; height: 182px;
	margin: 0 26px 36px 0;
}
div#era-blocks-container.portfolio-2col div.overlay {
	bottom: 0;
	height: 48px;
}
div#era-blocks-container.portfolio-2col div.overlay h3 a {
	margin: 14px 0 0 22px;
	width: 176px;
}
div#era-blocks-container.portfolio-2col div.overlay a.fullscreen {
	position: absolute;	
	margin: 19px 0 0 225px;
}

/*********************************************************** Portfolio 3col **/
div#era-blocks-container.portfolio-3col {
	width: 987px;
}
div#era-blocks-container.portfolio-3col div.item {
	width: 294px; height: 182px;
	margin: 0 27px 36px 0;
}
div#era-blocks-container.portfolio-3col div.overlay h3 a {
	width: 220px;
}

/*********************************************************** Portfolio 4col **/
div#era-blocks-container.portfolio-4col {
	width: 988px;
}
div#era-blocks-container.portfolio-4col div.item {
	width: 212px; height: 182px;
	margin: 0 27px 36px 0;
}

div#era-blocks-container.portfolio-4col div.overlay h3 a, div.thumb-slider ul.portfolio-excerpt li .overlay h3 a {
	width: 142px;
}

/****************************************************** Portfolio Fullwidth **/
div#era-blocks-container.portfolio-fullwidth {
	width: 960px;
}
div#era-blocks-container.portfolio-fullwidth div.item {
	border: none;
	width: 960px; height: 250px;
	margin: 0 0 36px;
}

div#era-blocks-container.portfolio-fullwidth div.left-col {
	width: 592px; height: 242px;
    border: 4px solid #e2e2e2;
	position: relative; overflow: hidden;
	margin: 0 26px 0 0;
	float: left;
}
div#era-blocks-container.portfolio-fullwidth div.left-col a { position: absolute; }
div#era-blocks-container.portfolio-fullwidth div.left-col a.fullscreen {
	margin: 103px 0 0 291px;
}
div#era-blocks-container.portfolio-fullwidth div.item.non-img div.left-col a.view-more { top: 111px; }
div#era-blocks-container.portfolio-fullwidth div.left-col a.view-more {
	margin: 0 auto; top: 122px;
	position: relative; float: none;
}
div#era-blocks-container.portfolio-fullwidth .item h3 a {
	white-space: normal; width: 334px;
	float: left;
	margin: 9px 0 13px;
}
div#era-blocks-container.portfolio-fullwidth .item p {
	width: 334px;
	float: left;
}
div#era-blocks-container.portfolio-fullwidth .item p.small { margin-left: 626px; }

/********************************************************* Portfolio Blocks **/
div#era-blocks-container.portfolio-erablocks {
	width: 986px;
}
div#era-blocks-container.portfolio-erablocks div.item {
	border: none;
	width: 467px; height: 190px;
	margin: 0 26px 36px 0;
}

div#era-blocks-container.portfolio-erablocks div.left-col {
	width: 226px; height: 182px;
    border: 4px solid #e2e2e2;
	position: relative; overflow: hidden;
	margin: 0 26px 0 0;
	float: left;
}
div#era-blocks-container.portfolio-erablocks div.left-col a { position: absolute; }
div#era-blocks-container.portfolio-erablocks div.left-col a.fullscreen {
	margin: 73px 0 0 108px;
}
div#era-blocks-container.portfolio-erablocks div.item.non-img div.left-col a.view-more { top: 81px; }
div#era-blocks-container.portfolio-erablocks div.left-col a.view-more {
	margin: 0 auto; top: 92px;
	position: relative; float: none;
}
div#era-blocks-container.portfolio-erablocks .item h3 a {
	white-space: normal; width: 207px;
	float: left;
	margin: 9px 0 13px;
}
div#era-blocks-container.portfolio-erablocks .item p {
	width: 207px;
	float: left;
}
div#era-blocks-container.portfolio-erablocks .item p.small { margin-left: 260px; }

/************************************************ Portfolio Blocks Alternative **/
div#era-blocks-container.erablocks-alt div.item.alt {
	border: none;
	width: 467px; height: 190px;
	margin: 0 26px 36px 0;
}

div#era-blocks-container.erablocks-alt div.item.alt div.left-col-swapped {
	margin: 0 0 0 26px;
	float: right;
}

div#era-blocks-container.erablocks-alt div.item.alt h3 a,
div#era-blocks-container.erablocks-alt div.item.alt p {
	text-align: right;
}
div#era-blocks-container.erablocks-alt .item.alt p.small { margin-left: 0; }

/********************************************************* Portfolio Single **/
div.portfolio-single { margin: 48px 0 -18px; }

/******************************************* Portfolio Single - Left Column **/
div.portfolio-single div.left-col, .content div.post-entry ul.meta-list,
div.content.contact div.bottom-text div.right-col ul.meta-list {
	font: italic 11px/20px 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 240px;
	margin: -6px 48px 0 0;
	float: left;
}
div.portfolio-single div.left-col h3 a {
	white-space: normal; float: left;
	margin: 0; width: 100%;
	color: #444;
}
div.portfolio-single div.left-col p.descr {
	float: left; width: 100%;
	margin: 24px 0 0;
}
div.portfolio-single div.left-col p.descr a.descr-comments { text-transform: lowercase; }

div.portfolio-single div.left-col ul.meta-list, div.post-entry ul.meta-list {
	width: 100%; margin: 22px 0 0;
	float: left;
}
div.portfolio-single div.left-col ul.meta-list li > span, div.post-entry ul.meta-list li > span { color: #444; }

/******************************************** Portfolio Single - User Tools **/
div.user-tools {
	width: 100%; margin: 0 0 -4px;
	float: left; clear: both;
}
div.user-tools ul.navi {
	width: 62px; height: 9px;
	float: left; overflow: hidden;	
}

div.user-tools ul.navi li {
	float: left;
}
div.user-tools ul.navi li.back { 
	width: 14px; height: 9px;
	margin: 0 10px 0 2px;
}

div.user-tools ul.navi li a { 
	float: left; width: 14px; height: 5px; overflow: hidden;
	font-size: 24px !important; line-height: 6px !important; color: #707070;
	display: block;
}
div.user-tools ul.navi li.previous a { margin-right: 8px !important; }
div.user-tools ul.navi li.previous a, div.user-tools ul.navi li.next a {
	margin: 2px 0;
}
div.user-tools ul.navi li.back a.era-font {
	width: 14px; height: 9px;
	font-size: 18px !important; line-height: 9px !important;
}

div.portfolio-single div.right-col .user-tools ul.social { width: 320px; float: right; margin: -5px 0 0 0; }
div.portfolio-single div.right-col .user-tools ul.social li { float: right; overflow: hidden; margin: 0 0 0 12px; }

div.portfolio-single div.right-col .user-tools ul.social li.gplus { width: auto; }
div.portfolio-single div.right-col .user-tools ul.social li.twitter { margin-right: -11%; }
div.portfolio-single div.right-col .user-tools ul.social li.facebook,
body.single-post .content div.post-entry ul.meta-list li.facebook { margin-right: -72%; height: 21px; }
div.portfolio-single div.right-col .user-tools ul.social li.facebook-share { width: auto; }
.FBConnectButton_Text { font-style: normal !important; }

/****************************************** Portfolio Single - Right Column **/
div.portfolio-single div.right-col {
	width: 672px;
	margin: 0;
	float: left;
}

div.portfolio-single div.right-col > p, div.portfolio-single div.right-col > a {
	width: auto; float: left; clear: both;
	margin: 0;
}
div.portfolio-single div.right-col > p, body.page div.content .left-col > p, body.page div.content .page-sidebar > p {
	margin: 20px 0 0;
}
div.portfolio-single div.right-col p a { float: none; }
div.portfolio-single div.right-col > a {
	position: relative;
	margin: 30px 0 2px;
}
div.main-overlay {
	background: url(assets/images/portf_main_hover.png) no-repeat center 47%;
	width: 100%; height: 100%;
	position: absolute; z-index: 3;
}
div.portfolio-single div.right-col img {
    border: 4px solid #e2e2e2;
	max-width: 668px; height: auto;
	width: auto;
}

div.portfolio-single div.right-col ul.project-images {
	float: left;
	margin: -6px 0 0;
}
div.portfolio-single div.right-col ul.project-images li.lastChild { margin-right: -1px; }
div.portfolio-single div.right-col ul.project-images li { 
    border: 4px solid #e2e2e2;
	width: 140px; height: 140px; overflow: hidden;
	margin: 36px 27px 0 0; position: relative;
	float: left; 
}
div.portfolio-single div.right-col ul.project-images li img {
	border: none;
	width: 100%; height: auto;
}

div.portfolio-single div.right-col ul.project-images li .overlay {  }
div.portfolio-single div.right-col ul.project-images li .fullscreen {
	margin: 65px;
}

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

div#comments {
	width: 100%;
	margin: 75px 0 18px;
	float: left;
}
div.comments-form { float: left; }

div#comments form li:first-child { margin: 0 0 26px !important; }
div#comments form li.name { margin-left: 0 !important; }
div#comments form li.name, div#comments form li.mail {
	float: left;
	margin: 0 0 26px 35px;
}
div#comments form li input[type=text] {
	width: 290px; margin: 0; padding: 14px 10px;
}

div#comments form li.message {
	margin: 0;
}
div#comments form li.message textarea { width: 644px; height: 106px; }
div#comments.new-page-comments form li.message textarea { width: 960px; height: 106px; }

div#comments form li input#submit { float: left; }
div#comments form li p.small.cancel-reply { width: auto; float: left; margin: 26px 0 0 26px; }

/********************************************************** Comment Replies **/
div#comment-replies {
	float: left;
	margin: 82px 0 0;
}
div#comment-replies li.comment:first-child { margin-top: 0; }
div#comment-replies li.comment { width: 100%; margin: 48px 0 0; float: left; position: relative; }
div#comment-replies .children {
    border-left: 4px solid #e2e2e2;
	padding: 0 0 0 44px; margin: 30px 0 0;
	float: left;
}
div#comment-replies .children li.comment {
	margin: 0; padding: 0;
	position: relative; width: 100%;
}

div#comment-replies li .gravatar {
	width: 38px; height: 38px;
	margin: 0 12px 0 0;
	float: left;
}
div#comment-replies li > a, div#comment-replies li span.comment-date {
	font: italic 12px/20px 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: auto;
}
div#comment-replies li span.comment-date {
	font-size: 11px;
	position: absolute; top: 20px; left: 50px;
	color: #707070;
}
div#comment-replies li > p { margin: 16px 0 0; float: left; width: 100%; }

/** ===========================================================================
==================================== PAGE =====================================
=========================================================================== **/

body.page div.content {
	margin-bottom: -12px;
}
div.big-message {
	width: 100%;
	float: left; clear: both;
	margin: 20px 0 0;
}
body.page div.content .left-col div.big-message { margin: 48px 0 0; }
body.page div.content .left-col div.big-message h3 { margin-bottom: 0; }

body.page-template-page-fullwidth-php div.content .left-col div.big-message:first-child { margin-top: -25px; }

div.big-message h3.full { width: 960px; }
div.big-message h3 {
	width: 100%;
	display: block;
	margin: 20px auto;
}

div.page-title-container {
	margin: 36px 0 12px;
	float: left;	
}
div.page-title-container h3.page-title {
	margin: 0; padding: 0;
}

/******************************************************** Top & Bottom Text **/
body.page-template-default div.content div.left-col,
body.page-template-page-sidebar-php div.content div.left-col,
body.page-template-page-contact-php div.content div.left-col {
	margin: 45px 48px 0 0;
	width: 545px;
}
body.page-template-page-fullwidth-php div.content div.left-col {
	margin: 45px 0 0;
	width: 960px;
}

body.page div.content > div { float: left; }
body.page div.content div.page-sidebar {
	margin: 48px 0 0;
	width: 367px;
}

body.page div.content .left-col > p:first-child, body.page div.content .left-col > ul > li:first-child,
body.page div.content .right-col > ul > li:first-child, body.page div.content .page-sidebar > ul > li:first-child {
	margin-top: 0;
}

body.page div.content .left-col ul li, body.page div.content .right-col > ul > li,
body.page div.content .page-sidebar > ul > li {
	float: left;
	margin: 23px 0 0;
}
body.page div.content a.view-more { float: left; }
body.page div.content .left-col p, body.page div.content .right-col p, 
body.page div.content .page-sidebar p { float: left; clear: both; width: 100%; }

body.page div.content div.bottom-text { margin-top: 66px; }
body.page div.content div.bottom-text > div:first-child { margin-left: 0; }
body.page div.content div.bottom-text > div {
	width: 456px;
	float: left;
	margin: 0 0 0 48px;
}

/******************************************************** Portfolio Excerpt **/
div.thumb-slider, div.jcycle, ul.portfolio-excerpt {
	float: left; clear: both; overflow: hidden;
}

div.thumb-slider {
	width: 960px !important; height: 233px !important;
	margin: 82px 0 0;
}
div.thumb-slider.thumb-slider-first { margin: 0; }

div.jcycle {
	width: 100%; height: 190px;
	margin: 0 0 34px;
}
div.content .entry-content div.thumb-slider ul.portfolio-excerpt {
	width: 100%; height: 100%;
}
div.content .entry-content div.thumb-slider ul.portfolio-excerpt li {
	position: relative; margin: 0 3% 0 0;
	width: 22%; height: 96%;
}

div.content .entry-content div.thumb-slider ul.portfolio-excerpt li.slideshow-item-fourth { margin-right: 0 !important; }
div.content .entry-content div.thumb-slider a.view-more { float: right; margin: -11px 2px 0; }

/** Thin-dynamic Thumb Slider I (545px) **/
div.thumb-slider.false { width: 100% !important; }
div.content .entry-content div.thumb-slider.false div.jcycle { height: 108px; }
div.content .entry-content div.thumb-slider.false ul.portfolio-excerpt li {
	margin: 0 2% 0 0;
	height: 93%;
}
div.thumb-slider.false li div.overlay h3, div.thumb-slider.false li div.overlay p { display: none; }
div.thumb-slider.false li div.overlay a.fullscreen {
	margin: 38% 46%;
}

/** Thin-dynamic Thumb Slider II (472px) **/
body.blog div.content .entry-content div.thumb-slider.false div.jcycle,
body.single-post div.content .entry-content div.thumb-slider.false div.jcycle { height: 95px; }
body.blog div.content .entry-content div.thumb-slider.false ul.portfolio-excerpt li,
body.single-post div.content .entry-content div.thumb-slider.false ul.portfolio-excerpt li {
	margin: 0 2.1% 0 0;
	height: 92%;
}

/************************************************************* About Flickr **/
#flickr_badge_uber_wrapper { margin: 30px 0 0; float: left; }
a#flickr_www { display: none !important; }

#flickr_badge_image1 { margin-left: 0 !important; }
#flickr_badge_wrapper td {
	width: 40px; height: 40px;
	border: 4px solid #e2e2e2;
	margin: 0 12px 12px 0;
	overflow: hidden;
	float: left;
}
#flickr_badge_wrapper td img { width: 100%; height: auto; }

/************************************************************* About Social **/
.about-social-first { margin-top: 23px !important; margin-left: 0 !important; }
.about-social {
	font-size: 12px; line-height: 28px;
	color: #444; margin: 23px 0 10px 26px;
	cursor: pointer;
	float: left;
}
.about-social a {
	margin-right: 9px;
	float: left;
}

/****************************************************************** Widgets **/
li.widget { width: 100%; }
li.widget a.view-more {
	clear: right;
}

/** ===========================================================================
================================= ABOUT CREW ==================================
=========================================================================== **/

/************************************************* Vertical Accordion Style **/
body.page-template-about-crew-php div.content div.crew {
	width: 960px; position: relative;
	margin: 53px 0 0;
}
body.page-template-about-crew-php div.content .crew div.member {
	width: 100%;
	position: absolute; left: 0;
	overflow: hidden;
	cursor: pointer;
}
body.page-template-about-crew-php div.content .crew div.member.era-expanded {
    border: 0px solid #e2e2e2;
}
body.page-template-about-crew-php div.content .crew div.member img {
	position: absolute; top: 0;
	z-index: -3;
}
body.page-template-about-crew-php div.content .crew div.va-content {
	width: 366px;
	margin: 50px 0 0; padding: 26px 22px;
	display: none; float: left;
	cursor: default;
}
body.page-template-about-crew-php div.content .crew div.va-content h3 a { margin: 0 0 13px; color: #fff; float: left; }
body.page-template-about-crew-php div.content .crew div.va-content p { margin: 0 0 21px; color: #fff; float: left; width: 100%; }
body.page-template-about-crew-php div.content .crew div.va-content ul.member-social { float: left; }
body.page-template-about-crew-php div.content .crew div.va-content ul.member-social li {
	margin: 0 5px 0 0; width: 28px;
	float: left;
}
body.page-template-about-crew-php div.content .crew div.va-content ul.member-social li a { text-indent: -9999px; }
/** Individual Member-Social icons are now dynamically being called in style.php **/
body.page-template-about-crew-php div.content .crew div.va-content ul.member-social li:hover { background-position: 0 -27px !important; }

/** ===========================================================================
================================= CONTACT =====================================
=========================================================================== **/

div.tweets-shortcode .tweets-feed { float: left; }
div.tweets-shortcode .tweets-feed li:first-child { margin: 12px 0 0; }
div.tweets-shortcode .tweets-feed li,
div.tweets-shortcode a.tweets-shortcode-text {
	float: left; width: 100%; clear: both;
	margin: 22px 0 0;
}
div.tweets-shortcode a.tweets-shortcode-text { font-size: 11px; }
div.tweets-shortcode a.tweets-shortcode-text span.era-font { margin-right: 2px; }


/************************************************************* Contact Form **/
div.content.contact div.contact-form {
	margin: 28px 0 0;
	float: left;
}
div.content.contact div.contact-form ul li { margin: 0 0 26px; }
div.content.contact div.contact-form ul li.message { margin: 0 !important; }

div.content.contact div.contact-form ul li.even { margin-left: 35px; }
div.content.contact div.contact-form ul li.last { margin-bottom: 20px !important; }

div.content.contact div.contact-form form ::-webkit-input-placeholder { color: #707070; }
div.content.contact div.contact-form form :-moz-placeholder { color: #707070; }
div.content.contact div.contact-form form input[type=text], div.content.contact div.contact-form form textarea {
	width: 227px;
	margin: 0; padding: 14px 10px;
}
div.content.contact div.contact-form form input[type=submit] { margin: 0; }

div.content.contact div.contact-form li.era-cf-note { margin: 16px 0 26px 36px; }

div.content.contact div.contact-form textarea#era-cf-message {
	width: 517px; height: 104px;
	clear: both;
}

li.era-cf-success, li.era-cf-fail {
	width: 100%; margin: -8px 0 20px !important;
	display: none;
}

li.era-cf-success p { color: #5dab11; } /** The color of your Contact's Success message **/
li.era-cf-fail p { color: #b87979; } /** The color of your Contact's Fail/Error message **/

/*************************************************** Fullwidth Contact Form **/
div.content.contact div.left-col-full div.contact-form form input[type="text"],
div.content.contact div.left-col-full div.contact-form form textarea {
	width: 268px;
}
div.content.contact div.left-col-full div.contact-form ul li:first-child { margin-left: 0; }
div.content.contact div.left-col-full div.contact-form ul li { margin: 0 35px 26px 0; }
div.content.contact div.left-col-full div.contact-form ul li.even { margin-right: 0; }

div.content.contact div.left-col-full .era-cf-note { width: 100%; clear: both; }
div.content.contact div.left-col-full .era-cf-note p { text-align: center; width: 100%; }


/************************************************************** Google Maps **/
div.content.contact div.bottom-text .googlemaps { width: auto; margin: 0; }
div.content.contact div.bottom-text .googlemaps iframe {
	width: 537px; height: 232px;
    border: 4px solid #e2e2e2;
}
.googlemaps iframe.map-2, .googlemaps iframe.map-3, .googlemaps iframe.map-4, .googlemaps iframe.map-5 { display: none; }

div.content.contact div.bottom-text div.right-col {
	width: 367px; margin: 0 0 0 48px;
}
div.content.contact div.bottom-text div.right-col ul.meta-list {
	overflow: hidden;
}
div.content.contact div.bottom-text div.right-col ul.meta-list.firstChild { margin-left: 0; }
div.content.contact div.bottom-text div.right-col ul.meta-list:first-child { margin-left: 0; }
div.content.contact div.bottom-text div.right-col ul.meta-list {
	width: 159px; margin: 0 0 0 48px;
	font-size: 12px;
}
div.content.contact div.bottom-text div.right-col ul.meta-list li.c-map-location a.inactive:after {
	content: '→';
}

div.content.contact div.bottom-text div.right-col ul.meta-list li { margin: 0; }
div.content.contact div.bottom-text div.right-col ul.meta-list li.c-mail {
	margin: 23px 0 0;
	white-space: nowrap;
}

/** ===========================================================================
==================================== BLOG ====================================
=========================================================================== **/

body.blog .content, body.single-post .content {
	margin: 48px 0 -18px;	
}
body.blog .content a.post-image,
body.single-post .content a.post-image,
.content .era-spec-recentposts-widget li {
    border: 4px solid #e2e2e2;
	position: relative;
	overflow: hidden;
	float: left;
}

/************************************************************** Main Column **/
body.blog .content div.main, body.single-post .content div.main {
	width: 672px;
	margin: 0 48px 0 0;
	float: left;	
}

body.blog .content div.main > p, body.single-post .content div.main > p { width: 100% !important; }

body.blog .content div.main ul.blog-navi,
body.single-post .content div.main ul.blog-navi {
	float: left; width: 100%;
	margin: 75px 0 0;
}
body.blog .content div.main ul.blog-navi li.blog-navi-prev { float: left; }
body.blog .content div.main ul.blog-navi li.blog-navi-next { float: right; }

body.blog .content div.main ul.blog-navi li a, body.single-post .content div.main ul.blog-navi li a {
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: italic;	
}

/************************************************************* Post Entries **/
body.blog .content div.post-entry:first-child,
body.single-post .content div.post-entry:first-child { margin: 0; }
body.blog .content div.post-entry,
body.single-post .content div.post-entry {
	width: 100%;
	margin: 75px 0 0;
	float: left;
}
body.blog .content div.post-entry a.post-image,
body.single-post .content div.post-entry a.post-image {
	width: 664px; height: 192px;
}
body.blog .content a.post-image div.main-overlay,
body.single-post .content a.post-image div.main-overlay {
	background: url(assets/images/blogpost_main_hover.png) no-repeat center 47%;
}
body.blog .content div.post-entry a.post-image img,
body.single-post .content div.post-entry a.post-image img,
body.blog .content ul.more-posts li a.post-image img,
body.single-post .content ul.more-posts li a.post-image img,
.content .era-spec-recentposts-widget li img { width: 100%; height: auto; float: left; }
body.blog .content div.post-entry ul.meta-list,
body.single-post .content div.post-entry ul.meta-list {
	width: 164px;
	margin: 22px 36px 0 0;
}
body.single-post .content div.post-entry ul.meta-list { margin-top: 21px; }
	
body.blog .content div.post-entry ul.meta-list li.comments,
body.single-post .content div.post-entry ul.meta-list li.comments { margin-bottom: 23px; }
body.blog .content .meta-list a.posts-cat,
body.single-post .content .meta-list a.posts-cat { color: #707070; }
body.blog .content div.post-entry h3 a, body.blog .content ul.more-posts li h3 a,
body.single-post .content div.post-entry h3 a, body.single-post .content ul.more-posts li h3 a {
	width: 472px;
	margin: 21px 0 3px;
	white-space: normal;
	float: left;
}

body.blog .content div.post-entry p, body.blog .content ul.more-posts li p,
body.blog .content div.main p, body.single-post .content div.post-entry .entry-content p {
	width: 100%;
	margin: 20px 0 0;
	float: left;
}
.entry-content p { float: left; }
.attachment .entry-content p { position: relative; }
body.blog .content div.post-entry > p,
body.single-post .content div.post-entry > p { width: 472px; }

/*************************************************************** More Posts **/
body.blog .content ul.more-posts {
	width: 100%; float: left;
	margin: 75px 0 0;	
}

body.blog .content ul.more-posts li:first-child { margin: 0; }
body.blog .content ul.more-posts li {
	width: 100%; float: left;
	margin: 36px 0 0;
}
body.blog .content ul.more-posts li a.post-image {
	width: 232px; height: 152px;
	margin: 0 20px 0 0;
}
body.blog .content ul.more-posts li h3 a {
	width: 412px;
	margin: 9px 0 0;
}
body.blog .content ul.more-posts li p { width: 412px; margin: 13px 0 0; }
body.blog .content ul.more-posts li p.small a { margin-left: 34px; }
body.blog .content ul.more-posts li p.small a.more-posts-cat { margin-left: 0; color: #707070; }

/****************************************************************** Sidebar **/
body.blog .content div.sidebar,
body.single-post .content div.sidebar {
	width: 240px;
	float: left;
}
.content div.sidebar .widget:first-child { margin: 0; }
.content div.sidebar .widget {
	margin: 35px 0 0;
	width: 100%;
	float: left;
}

.content div.sidebar .widget h3,
.content .era-recent-comments-widget li,
.content .era-spec-recentposts-widget li .overlay a {
	font: italic 12px/20px 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0 0 12px;
	color: #444;
}

.content .widget a { font-weight: normal !important; color: inherit; }

/*********************************************************** Main Fullwidth **/
body.blog .content div.main.main-blogfull,
body.single-post .content div.main.main-blogfull,
body.page-template-page-contact-php .content .left-col.left-col-full { 
	width: 960px; margin: 0;	
}
body.blog .content div.main.main-blogfull div.post-entry a.post-image,
body.single-post .content div.main.main-blogfull div.post-entry a.post-image { width: 952px; }
body.blog .content div.main.main-blogfull div.post-entry ul.meta-list,
body.single-post .content div.main.main-blogfull div.post-entry ul.meta-list { width: 235px; }

body.blog .content div.main.main-blogfull div.post-entry h3 a,
body.single-post .content div.main.main-blogfull div.post-entry h3 a,
body.blog .content div.main.main-blogfull div.post-entry > p,
body.single-post .content div.main.main-blogfull div.post-entry > p { width: 688px; }

body.blog .content div.main.main-blogfull ul.more-posts li h3 a,
body.single-post .content div.main.main-blogfull ul.more-posts li h3 a,
body.blog .content div.main.main-blogfull ul.more-posts li p,
body.single-post .content div.main.main-blogfull ul.more-posts li p { width: 700px; }

/******************************** Sidebar - Era Regular Recent Posts Widget **/
.content .era-reg-recentposts-widget li:first-child { margin: 0; }
.content .era-reg-recentposts-widget li {
	margin: 12px 0 0;
}

/******************************** Sidebar - Era Special Recent Posts Widget **/
.era-spec-recentposts-widget {
	overflow: hidden;
	margin: 8px 0 6px;
	float: left;
}
.era-spec-recentposts-widget h3 {
	margin: 0 0 20px;
}
.era-spec-recentposts-widget li:first-child { margin: 0; }
.era-spec-recentposts-widget li {
	width: 232px; height: 42px;
	margin: 8px 0 0;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.era-spec-recentposts-widget li .overlay { padding-top: 11px; text-align: center; }
.era-spec-recentposts-widget li .overlay a { color: #fff !important; }

/***************************************** Sidebar - Recent Comments Widget **/
.content .era-recent-comments-widget {
	float: left;
	margin: 8px 0 7px;
}
.content .era-recent-comments-widget li:first-child { margin: 0; }

.content .era-recent-comments-widget li {
	margin: 20px 0 0; width: 100%;
	color: #707070;
	float: left;
}
.content .era-recent-comments-widget li img {
	width: 38px !important; height: 38px !important;
	margin: 0 12px 0 0;
	float: left;
}

.content .era-recent-comments-widget li p { margin: -1px 0 0; width: 79%; float: left; }

/******************************************** Sidebar - Vimeo player Widget **/
iframe.era-videoplayer-widget {
	width: 232px !important; height: 152px !important;
    border: 4px solid #e2e2e2;
}

/** ===========================================================================
================================= BLOG POST ===================================
=========================================================================== **/

body.single-post .content div.post-entry {
	margin-bottom: 0;
}
body.single-post .content div.post-entry a div.main-overlay {
	background: url(assets/images/portf_main_hover.png) no-repeat center 47%;
}

body.single-post .content div.post-entry h3 a { width: 410px; }
body.single-post .content div.post-entry a.comments {
	float: left; margin: 2px 0;
	width: 472px;
}

body.single-post .content div.post-entry ul.meta-list li.soc-interact { margin: 0 0 7px; }

body.single-post .content div.post-entry div.user-tools {
	width: auto; margin: 26px 0 0;
	float: right; clear: none;
}
body.single-post div.user-tools ul.navi { width: auto; }
body.single-post div.user-tools ul.navi li.back {
	margin: 0 2px 0 10px;
}
body.single-post div.user-tools ul.navi li.previous a { margin-right: 0 !important; }
body.single-post div.user-tools ul.navi li.next a { margin-left: 8px !important; }

body.single-post .content div.post-entry .entry-content {
	width: 472px;
	float: right;
}
body.single-post .content div.post-entry .entry-content p {
	float: none;
}

body.blog div.big-message h3, body.single-post div.big-message h3 {
	width: 100% !important;
	margin-bottom: 45px;
}

/******************************************************* Post-entry no meta **/
body.single-post .content .post-entry.entry-no-meta div.entry-content {
	width: 100%; float: left;
}

/** ===========================================================================
======================= CATEGORY & SEARCH & ATTACHMENTS =======================
=========================================================================== **/

body.category .content div.post-entry,
body.search .content div.post-entry,
body.attachment .content div.post-entry,
body.tag .content div.post-entry,
body.date .content div.post-entry { margin: 73px 0 0; }

body.category .content div.post-entry a.post-image,
body.search .content div.post-entry a.post-image,
body.attachment .content div.post-entry a.post-image,
body.tag .content div.post-entry a.post-image,
body.date .content div.post-entry a.post-image { width: 100%; margin: 0 0 21px; }

body.category .content div.post-entry h3 a,
body.search .content div.post-entry h3 a,
body.attachment .content div.post-entry h3 a,
body.tag .content div.post-entry h3 a,
body.date .content div.post-entry h3 a {
	margin: 0;
	width: auto;
}
body.category .content div.post-entry a.category-post-comments,
body.category .content div.post-entry span.category-post-date,
body.search .content div.post-entry a.category-post-comments,
body.search .content div.post-entry span.category-post-date,
body.attachment .content div.post-entry a.category-post-comments,
body.attachment .content div.post-entry span.category-post-date,
body.tag .content div.post-entry a.category-post-comments,
body.tag .content div.post-entry span.category-post-date,
body.date .content div.post-entry a.category-post-comments,
body.date .content div.post-entry span.category-post-date {
	float: right; margin: -2px 0 0;
}
body.category .content div.post-entry span.category-post-date,
body.search .content div.post-entry span.category-post-date,
body.attachment .content div.post-entry span.category-post-date,
body.tag .content div.post-entry span.category-post-date,
body.date .content div.post-entry span.category-post-date {
	margin-right: 12px;
}

body.category.blog .content div.post-entry a.nothumb-img,
body.search.blog .content div.post-entry a.nothumb-img,
body.tag.blog .content div.post-entry a.nothumb-img,
body.date.blog .content div.post-entry a.nothumb-img {
	border: none !important; border-bottom: 4px solid #e2e2e2 !important;
	background: none !important;;
	height: 4px !important;
}

body.attachment a.attachment-anchor {
	width: 100%;
	margin: 0 0 21px;
	float: left;
}

/** ===========================================================================
================================ SHORTCODES ===================================
=========================================================================== **/

/****************************************************************** Columns **/
.grid_2 { width: 13.33%; }
.grid_3 { width: 22%; }
.grid_4 { width: 30.66%; }
.grid_6 { width: 48%; }
.grid_8 { width: 65.33%; }
.grid_9 { width: 74%; }
.grid_12 { width: 100%; }
.grid_fifth_1 { width: 16.8%; }  
.grid_fifth_2 { width: 37.6%; }
.grid_fifth_3 { width: 57.6%; }
.grid_fifth_4 { width: 79.2%; }
.grid_tenth_3 { width: 26%; }
.grid_tenth_7 { width: 66%; }
.column { float:left; margin: 0 4% 20px 0; min-height:20px; }
.last { margin-right: 0; }

/************************************************************** Post Images **/
.entry-content a.blogentry-img {
	position: relative; overflow: hidden;
    border: 4px solid #e2e2e2;
}
.entry-content a.blogentry-img img { width: 100%; height: auto; display: block; }

/** Image Alignment **/
.entry-content a.blogentry-img.alignnone,
.entry-content a.blogentry-img.aligncenter,
.entry-content .wp-caption.alignnone,
.entry-content .wp-caption.aligncenter { float: left; margin: 20px auto; }
.entry-content a.blogentry-img.alignleft,
.entry-content .wp-caption.alignleft { float: left; margin: 20px 26px 0 0; }
.entry-content a.blogentry-img.alignright,
.entry-content .wp-caption.alignright { float: right; margin: 20px 0 0 26px; }

/** Image Sizes **/
.entry-content a.blogentry-img.size-thumbnail {
	width: 126px; height: auto;
}
.entry-content a.blogentry-img.size-medium {
	width: 172px; height: auto;
}
.entry-content a.blogentry-img.size-large {
	width: 320px; height: auto;
}
.entry-content a.blogentry-img.size-full {
	width: 664px; height: auto;
	margin: 30px 0 28px -200px;
	clear: both;
}

.entry-content p.wp-caption-text {
	float: left;
	margin: 6px 0 24px;
	font: italic 12px/20px 'Droid Serif';
	color: #888;
}

.entry-content .wp-caption a.blogentry-img {
	float: left;
}

/***************************************************************** Headings **/
div.entry-content > h1, div.entry-content > h2, div.entry-content > h3, div.entry-content > h4, div.entry-content > h5, div.entry-content > h6 {
	margin: 22px 0; width: 100%;
	text-transform: uppercase;
	float: left; clear: both;
	color: #444;
}
div.entry-content > h1.italic, div.entry-content > h2.italic, div.entry-content > h3.italic, div.entry-content > h4.italic,
div.entry-content > h5.italic, div.entry-content > h6.italic {
	text-transform: none;
	font-weight: normal;
}
div.entry-content > h1 a, div.entry-content > h2 a, div.entry-content > h3 a, div.entry-content > h4 a, div.entry-content > h5 a,
div.entry-content > h6 a,
div.entry-content > h1 span.no-link-heading, div.entry-content > h2 span.no-link-heading, div.entry-content > h3 span.no-link-heading,
div.entry-content > h4 span.no-link-heading, div.entry-content > h5 span.no-link-heading, div.entry-content > h6 span.no-link-heading {
	color: #444;
}
div.entry-content > h1, div.page-content h1 { font-size: 28px; line-height: normal; }
div.entry-content > h2, div.page-content h2 { font-size: 24px; line-height: normal; }
div.entry-content > h3, div.page-content h3 { font-size: 20px; line-height: normal; }
div.entry-content > h4, div.page-content h4 { font-size: 16px; line-height: normal; }
div.entry-content > h5, div.page-content h5 { font-size: 12px; line-height: normal; }
div.entry-content > h6, div.page-content h6 { font-size: 9px; line-height: normal; }

/******************************************************************** Lists **/
div.content div.list ul {
	width: 100%; margin: 22px 0 0;
	list-style: none;
	float: left;
}
div.content div.list ul li {
	background: url(assets/images/list_bullets.png) no-repeat;
	margin: 0 !important; width: 100%;
	color: #707070;
}

div.content div.list.regular-list ul li, div.content div.list.arrow-list ul li { background: none; }
div.content div.list.regular-list ul {
	width: 657px; margin-left: 15px;
	list-style: circle;
	list-style-type: circle;
}
div.content div.list.regular-list.italic ul {
	font: italic 12px/20px 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div.content div.list.dash-list ul {
	margin-left: -3px;
	width: 675px;
}
div.content div.list.arrow-list ul li:before {
	content: '→';
	margin: 0 10px 0 0;
}
div.content div.list.check-list ul li { padding: 0 0 0 24px; }
div.content div.list.clip-list ul li { background-position: 0 -21px; padding: 0 0 0 24px; }
div.content div.list.link-list ul li { background-position: 0 -58px; padding: 0 0 0 24px; }
div.content div.list.cross-list ul li { background-position: 0 -94px; padding: 0 0 0 24px; }
div.content div.list.plus-list ul li { background-position: 0 -131px; padding: 0 0 0 24px; }

/****************************************************************** Dropcap **/
.dropcap {
	font: italic 42px/40px 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding-right: 8px; float: left;
	color: #444;
}

/******************************************************************** Boxes **/
div.content .box {
	width: 94.1%; float: left;
	border: 4px solid;
	margin: 26px 0 0; padding: 18px 16px 20px;
}

div.content .box.alert-box { background: #efe1e1; border-color: #e2aeae; }
div.content .box.warning-box { background: #fde9ad; border-color: #f9de8f; }
div.content .box.info-box { background: #d5ebf3; border-color: #b3d4e0; }
div.content .box p {
	background: url(assets/images/box_icons.png) no-repeat;
	margin: 0 !important; padding: 0 0 0 30px;
	line-height: 14px;
	width: auto !important;
}

div.content .box.alert-box p { color: #a36565; }
div.content .box.warning-box p { color: #c09925; background-position: 0 -48px; }
div.content .box.info-box p { color: #528ca1; background-position: 0 -110px; }

div.content .box.italic p { line-height: 16px; }

/*************************************************** Customized PrettyPhoto **/
div.pp_pic_holder div { background: none !important; }
div#pp_full_res > img { border: 4px solid #e2e2e2; }
div.ppt { display: none !important; }

div.pp_default .pp_description {
	font: bold 14px/20px 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	text-align: left; text-transform: uppercase;
	white-space: nowrap !important;
	color: #444; margin: 0 50px 0 2px;
}
div.pp_default .pp_details .pp_nav .currentTextHolder {
	font: italic 11px/20px 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	top: 0; left: auto; right: 3px;
}

div.pp_default .pp_details .pp_nav {
	position: absolute; right: 0;
	margin: 6px 12px 0 0;
}
div.pp_default .pp_details .pp_nav a,
div.pp_default .pp_details .pp_nav p { color: #707070; }
div.pp_default .pp_details .pp_nav a {
	background: none; text-indent: 0;
	margin: 0; padding: 0; position: absolute;
}

div.pp_default .pp_details .pp_nav a.pp_play,
div.pp_default .pp_details .pp_nav a.pp_pause {
	width: 6px; height: 9px;
	line-height: 9px;
}
div.pp_default .pp_details .pp_nav a.pp_arrow_previous,
div.pp_default .pp_details .pp_nav a.pp_arrow_next {
	width: 14px; height: 5px;
	font-size: 24px; line-height: 6px;
	top: 7px;
}
div.pp_default .pp_details .pp_close {
	background: none; text-indent: 0;
	line-height: 8px;
	width: 9px; height: 9px;
	top: 11px; right: -6px;
}
div.pp_default .pp_details .pp_nav a.pp_arrow_next { left: 66px; }
div.pp_default .pp_details .pp_nav a.pp_arrow_previous { right: 71px; }
div.pp_default .pp_details .pp_nav .pp_play { right: 53px; top: 4px; }
div.pp_default .pp_details .pp_nav .pp_pause { right: 56px; top: 4px; }

a.pp_next, a.pp_previous { display: none !important; }
div.pp_default .pp_gallery ul li a { border: 1px solid #e2e2e2; }
div.pp_default .pp_gallery ul li a:hover { border: 1px solid #e2e2e2; }
div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { display: none !important; }

.user-tools .fb-share-button { margin: 0 !important; }
.fb-share-button {
	margin: 12px 0;
	float: left;
	display: block !important;
}

.fb-share-button span { margin: 0; }

ul.gallery-shortcode {
	float: left; clear: both;
	margin: 48px 0;
	width: 100%;
}
ul.gallery-shortcode li {
	position: relative;
	margin: 0 8px 26px 0 !important;
	width: 25%; height: 168px;
	overflow: hidden;
	float: left;
}
ul.gallery-shortcode li img {
	position: absolute;
	width: 100%;
}

