/*
 Theme Name:	Tango
 Theme URI:		
 Description:	Customized Child Theme for FoxTrot.com
 Author:		Bill Amend
 Author URI:	www.foxtrotlabs.com
 Template:		pinboard
 Version:		1.0.1
 */
 
/*@import url("../pinboard/style.css");*/
 
 /* =Theme customization starts here
 ------------------------------------------------------------ */

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
	Clear Floated Elements
*/

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.clear:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}

* html .clear {
	height:1%;
}

/*
	Style HTML Tags
*/

body {
	background:#ccc;
	color:#333;
	font-family:"Open Sans", sans-serif;
	font-size:13px;
	line-height:1.62em;
}

a {
	color:#21759b;
	text-decoration:none;
	-moz-transition: color .25s ease, margin .25s ease;
	-webkit-transition: color .25s ease, margin .25s ease;
	-o-transition: color .25s ease, margin .25s ease;
	-ms-transition: color .25s ease, margin .25s ease;
	transition: color .25s ease, margin .25s ease;
}

a:hover {
	color:#ff6767; /*BA*/
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:18px;
	font-family:"Oswald", sans-serif;
	font-weight:300;
	line-height:1.62em;
	letter-spacing:normal; /*BA*/
}

h1 {
	font-size:36px;
}

h2 {
	font-size:32px;
}

h3 {
	font-size:24px;
}

h4 {
	font-size:18px;
}

h5 {
	font-size:16px;
}

h6 {
	font-size:15px;
}

p {
	margin-bottom:24px;
}

blockquote {
	position:relative;
	color:#444;
	font-family:Georgia, "URW Bookman L", serif;
	font-style:italic;
	margin:0 30px 0 60px;
}

blockquote:before {
	position:absolute;
	top:30px;
	left:-75px;
	content:"\201C";
	color:#DDD;
	font-family:serif;
	font-size:96px;
}

blockquote cite {
	font-style:normal;
}

blockquote cite:before {
	content:"\2014";
	padding-right:8px;
}

table {
	width:100%;
	border-collapse:collapse;
	text-align:center;
	margin-bottom:24px;
}

table tr:nth-child(even) {
	background:#F8F8F8;
}

table th,
table td {
	padding:6px 0;
}

table th {
	font-weight:600;
}

fieldset {
	border:#EEE 1px solid;
	padding:2%;
}

input[type="text"],
input[type="password"],
textarea {
	padding:1.5%;
	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
	background:#FCFCFC;
	border:#EEE 1px solid;
	color:#999;
	font-family:"Droid Sans", sans-serif;
	font-size:13px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background:#FFF;
	border:#ddd 1px solid;
	color:#333;
	outline: none;
}

textarea {
	font-size:15px;
}

input[type=submit],
input[type=reset],
input[type=button] {
	padding:4px 15px;
	border-radius:15px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#F8F8F8;
	background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
	background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
	background:-o-linear-gradient(#FCFCFC, #F3F3F3);
	background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
	background:linear-gradient(#FCFCFC, #F3F3F3);
	border:none;
	border-bottom:#DDD 1px solid;
	color:#444;
	font-family:"Open Sans", sans-serif;
	font-size:13px;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	box-shadow:#aaa 0 0 5px;
}

input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus {
	box-shadow:#aaa 0 0 5px;
	background:-moz-linear-gradient(#EEE, #F9F9F9);
	background:-webkit-linear-gradient(#EEE, #F9F9F9);
	background:-o-linear-gradient(#EEE, #F9F9F9);
	background:-ms-linear-gradient(#EEE, #F9F9F9);
	background:linear-gradient(#EEE, #F9F9F9);
}

hr {
	border:none;
	border-top:#EEE 1px solid;
}

dt {
	font-weight:600;
	margin-bottom:24px;
}

dd {
	margin-left:30px;
	margin-bottom:24px;
}

ul {
	list-style-type:disc;
	margin-left:30px;
	margin-bottom:24px;
}

ul li {
	margin-top:4px;
}

ul ul {
	list-style-type:square;
	margin-bottom:0;
}

ul ul ul {
	list-style-type:circle;
}

ol {
	list-style-type:decimal;
	margin-left:30px;
	margin-bottom:24px;
}

ol ol {
	list-style: upper-alpha;
	margin-bottom:0
}

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

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

address {
	font-size:14px;
	font-style:italic;
	margin-bottom:16px;
}

code {
	padding:1px 4px;
	background:#F8F8F8;
	background:-moz-linear-gradient(#F8F8F8, #F3F3F3);
	background:-webkit-linear-gradient(#F9F9F9, #F3F3F3);
	background:-o-linear-gradient(#F8F8F8, #F3F3F3);
	background:-ms-linear-gradient(#F8F8F8, #F3F3F3);
	background:linear-gradient(#F8F8F8, #F3F3F3);
	border-radius:4px;
	box-shadow:0 1px 1px rgba(0, 0, 0, .2);
	font-family:Monaco, Consolas, "Lucida Console", "Bitstream Vera Sans Mono", monospace;
	font-size:12px;
}

kbd,
tt {
	font-family:monospace;
}

abbr,
acronym {
	border-bottom:#999 1px dotted;
	cursor:help;
}

big {
	font-size:1.3em;
}

cite,
em {
	font-style:italic;
}

pre {
	padding:15px;
	background:#F8F8F8;
	border:#E3E3E3 1px dashed;
	color:#000;
	font-family:Monaco, Consolas, "Lucida Console", "Bitstream Vera Sans Mono", monospace;
	font-size:12px;
	line-height:1.62em;
	margin-bottom:24px;
	overflow:auto;
}

q {
	quotes:inherit;
}

q:before {
	content:open-quote;
}

q:after {
	content:close-quote;
}

strong {
	font-weight:600;
}

sup,
sub {
	height:0;
	line-height:1;
	vertical-align:baseline;
	position:relative;
	font-size:10px;
}

sup {
	bottom:1ex;
}

sub {
	top:.5ex;
}

img,
video {
	max-width:100%;
	height:auto;
}

figure img {
	display:block;
	margin:0 auto;
	padding-top:6px; /*BA*/
	max-width:96%; /*BA 3-27-22 was 318px but comics started being mini so reverting to % */
	/*BA was max-width:96%...using firm size to fix firefox glitch*/
}

video {
	display:block;
}

audio {
	max-width:100%;
}

.entry-content a img,
#attachment-nav a img {
	max-width: 98.5%;
	padding:0.8%;
	/*box-shadow:0 0 3px #EEE;*/
	background:#FFF;
	border:#DDD 1px solid; /*BA*/
}

.entry-content a:hover img,
#attachment-nav a:hover img {
	border:#21759b 1px solid; /*BA was background:f0f0f0*/
	box-shadow:0 0 3px #21759b; /*BA*/
}

/*
	WordPress Standard Tags
*/

.aligncenter {
	display:block;
	margin:20px auto;
}

.alignleft {
	float:left;
	margin:10px 20px 10px 0;
}

.alignright {
	float:right;
	margin:10px 0 10px 20px;
}

.wp-caption {
	max-width:96%;
	padding:3%;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#FCFCFC;
	border-bottom:#EEE 1px solid;
}

.wp-caption.alignnone {
	margin-top: 20px;
	margin-bottom: 20px;
}

.wp-caption a img {
	display:block;
	padding:0;
	margin:0 auto;
	border:none;
	box-shadow:none;
}

.wp-caption-text {
	margin: 20px 0 0;
	color:#333;
	font-size:13px;
	line-height:1.62em;
	text-align:center;
}

.gallery {
	margin:auto;
}

.gallery:before,
.gallery:after {
	content: "";
	display: table;
	clear: both;
}

.gallery-item {
	float:left;
	padding:10px 0;
	background:#FCFCFC;
	border-bottom:#EEE 1px solid;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	text-align:center;
}

.gallery-columns-1 .gallery-item {
	width:90%;
	margin:0 1.5% 3%;
}

.gallery-columns-2 .gallery-item {
	width:45%;
	margin:0 1.5% 3%;
}

.gallery-columns-3 .gallery-item {
	width:30%;
	margin:0 1.3% 3%;
}

.gallery-columns-4 .gallery-item {
	width:22%;
	margin:0 1.2% 3%;
}

.gallery-columns-5 .gallery-item {
	width:17%;
	margin:0 1.2% 3%;
}

.gallery-columns-2 .gallery-item:nth-of-type(2n+1),
.gallery-columns-3 .gallery-item:nth-of-type(3n+1),
.gallery-columns-4 .gallery-item:nth-of-type(4n+1),
.gallery-columns-5 .gallery-item:nth-of-type(5n+1) {
	clear: both;
}

.gallery-item:hover  {
	background:#F4F4F4;
}

.gallery-item a img {
	display:block;
	padding:0;
	margin:0 auto;
	border:none;
	box-shadow:none;
}

.gallery-icon {
	margin:0;
}

.gallery-caption {
	padding:10px 10px 0;
	margin:0;
	font-size:12px;
	line-height:16px;
	text-align:center;
}

.sticky {
}

.bypostauthor > .comment-body {
	background:#F0F0F0;
}

/*
	Grid System
*/

.column {
	float:left;
}

.onecol {
	width:100%;
}

.twocol {
	width:49.9%;
}

/*BA*/
#sidebar .twocol {
	width:100%;
	}

.threecol {
	width:33.3%;
}

.fourcol {
	width:24.9%; /*1.18*/
}

.twelvecol {
	width:8.33%;
}

.twothirdcol {
	width:66.7%;
}

.threefourthcol {
	width:75%;
}

/*
	Theme Design, Layout and Typography
*/

#wrapper {
	position:relative;
	max-width:1136px; /*BA*/ /*was 1140*/
	margin:0 auto;
	box-shadow:0 0 18px rgba(0, 0, 0, .4);
	background:#f8f8f8;
	overflow:hidden;
}

.page-template-template-no-sidebars-php #wrapper,
.page-template-template-blog-no-sidebars-php #wrapper,
.page-template-template-portfolio-no-sidebars-php #wrapper {
	max-width:756px; /*was 760*/
}

#header {
	background:#f8f8f8; /*BA*/
}

#site-title a,
#site-description {
	color:#333;
}

#site-title,
#site-description {
	margin:0;
	font-weight:300;
	float:left;
	line-height:150px;
}

#site-title {
	margin: 0 0 0 2%; /*BA*/ /*was 3.4*/
	font-family:"Oswald", sans-serif;
	font-size:32px;
	letter-spacing:1px;
}

#site-title img {
	margin: 20px 0 0 0;
	float:left;
}

#site-description {
	margin-left:20px;
	font-size:12px;
	font-weight:normal;
}

#sidebar-header {
	float:right;
	width:728px;
	height:90px;
	margin:18px 2.4% 0 0; /*BA*/ /*was 30 3.4*/
	overflow:hidden;
}

.page-template-template-no-sidebars-php #sidebar-header {
	width:468px;
	height:60px;
	margin-top:20px;
}

#sidebar-header .widget {
	margin:0;
}

#sidebar-header .widget-title {
	margin-top:0;
}

#sidebar-header img {
	display:block;
	margin:0;
}

#header #searchform {
	float:right;
	margin:60px 3.4% 0 3px;
}

#header #sidebar-header #searchform {
	margin-top: 30px;
}

#header input#s {
	width: 0;
	height: 16px;
	padding:8px 16px;
	margin-right:0;
	background:#dedede url(images/search.png) right center no-repeat;
	background:rgba(0, 0, 0, .1) url(images/search.png) right center no-repeat;
	border:none;
	border-radius:24px;
	box-shadow: none;
	color:#999;
	font-size:12px;
	font-family:"Open Sans", sans-serif;
	text-indent: 16px;
	-moz-transition: width .25s ease, margin .25s ease;
	-webkit-transition: width .25s ease, margin .25s ease;
	-o-transition: width .25s ease, margin .25s ease;
	-ms-transition: width .25s ease, margin .25s ease;
	transition: width .25s ease, margin .25s ease;
}

#header input#s:focus {
	width:180px;
	background:#ececec url(images/search.png) right center no-repeat;
	box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
	color:#333;
	text-indent: 0;
}

.widget-area #s {
	padding: 3%;
	margin: 0;
	width: 94%;
}

#sidebar-left #s,
#sidebar-right #s {
	max-width:88%;
	width: auto;
	padding: 6%;
}

input#searchsubmit {
	display:none;
	width:30px;
	padding:2px;
	margin-right:10px;
	background:#a8a8a8;
	background:-moz-linear-gradient(#CCC,#999);
	background:-webkit-linear-gradient(#CCC,#999);
	background:-o-linear-gradient(#CCC,#999);
	background:-ms-linear-gradient(#CCC,#999);
	background:linear-gradient(#CCC,#999);
	border:#999 1px solid;
	color:#333;
	text-align:center;
}

#social-media-icons {
	float: right;
	margin-top: 60px;
}

a.social-media-icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 6px;
	background-position: 0 0;
	overflow: hidden;
	text-indent: -1000px;
	-moz-transition: background-position .25s ease;
	-webkit-transition: background-position .25s ease;
	-o-transition: background-position .25s ease;
	-ms-transition: background-position .25s ease;
	transition: background-position .25s ease;
}

a.social-media-icon:hover {
	background-position: 0 -32px;
}

.facebook {
	background-image: url(images/facebook.png);
}

.twitter {
	background-image: url(images/twitter.png);
}

.pinterest {
	background-image: url(images/pinterest.png);
}

.flickr {
	background-image: url(images/flickr.png);
}

.vimeo {
	background-image: url(images/vimeo.png);
}

.youtube {
	background-image: url(images/youtube.png);
}

.google-plus {
	background-image: url(images/google-plus.png);
}

.dribble {
	background-image: url(images/dribble.png);
}

.linkedin {
	background-image: url(images/linkedin.png);
}

#header-image {
	display:block;
	max-width:99.1%;
	padding:0.45%;
	margin-bottom:1.76%;
	box-shadow:0 0 3px #999;
	background:#fff;
}

#access {
	margin: 16px 0 0 0; /*BA*/
	padding:0 20px;
	background:#333; /*BA*/
	box-shadow:0 0 7px rgba(0, 0, 0, .1);
}

#access ul {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	font-weight:600;
	text-transform:uppercase;
}

#access li {
	position:relative;
	float:left;
	padding:0;
	margin:0;
}

#access ul li:first-child {
	padding-left:0;
}

#access a {
	display:block;
	padding:15px 24px;
	color:#f0f0f0;
	text-decoration:none;
	-moz-transition: background-color .25s ease, margin .25s ease;
	-webkit-transition: background-color .25s ease, margin .25s ease;
	-o-transition: background-color .25s ease, margin .25s ease;
	-ms-transition: background-color .25s ease, margin .25s ease;
	transition: background-color .25s ease, margin .25s ease;
}

#access a:hover,
#access li.current_page_item > a,
#access li.current-menu-item > a {
	color:#ff6767;
	text-decoration:none;
}

#access a span {
	color:#f0f0f0; /*BA was 999*/
	font-size:12px; /*BA was 11px*/
	font-style:normal; /*BA was italic*/
	font-weight:normal;
	line-height:1.62em;
	text-transform:none;
}

.drop-down-toggle {
	display:none;
	position:absolute;
	top:7px;
	right:16px;
	width:20px;
	height:20px;
	background:#333;
	border:#eee 3px solid;
	border-radius:15px;
}

.drop-down-arrow {
	display:block;
	width:0;
	height:0;
	margin:8px 0 0 5px;
	border-top:5px solid #eee;
	border-left:transparent 5px solid;
	border-right:transparent 5px solid;
}

#access li li {
	float:none;
	min-width:190px;
	padding:0;
	margin:0;
	background:#333;
	border-bottom:rgba(33, 33, 33, .4) 1px solid; /*BA*/
}

#access li li a {
	min-width:150px;
	padding:5px 24px;
	margin:0;
	background: none;
	font-size:13px;
	line-height:33px;
	text-align:left;
	overflow:hidden;
}

#access li li:first-child > a {
	border-top: none;
}

#access li li:last-child > a {
	border-bottom: none;
}

#access li li a:hover {
	background:#333;
}

#access li ul {
	display:none;
	position:absolute;
	z-index:9999;
	min-width:150px; /*BA*/
	height:auto;
	padding:0;
	margin:0;
	box-shadow:0 0 3px #333;
	font-weight: normal;
	text-transform: capitalize; /*BA*/
}

#access li ul ul {
	margin:-45px 0 0 240px !important;
}

#access li:hover > ul,
#access li li:hover > ul,
#access li li li:hover > ul {
	display:block;
}

#access .nav-show,
#access .nav-hide {
	display:none;
}

.page-template-template-no-sidebars-php #container {
	margin:2.4%;
}

/* begin tabby-responsive-tabs css modifications */

.responsive-tabs .responsive-tabs__heading {
	display: none;
}

.responsive-tabs .responsive-tabs__list__item {
	display: inline;
	cursor: pointer;
}

.responsive-tabs-wrapper {
	clear: both;
	margin-bottom: 20px;
	zoom: 1;
}

.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
	content: "";
	display: table;
}

.responsive-tabs-wrapper:after {
	clear: both;
}

.responsive-tabs .responsive-tabs__heading:focus,
.responsive-tabs .responsive-tabs__list__item:focus {
	outline: 1px solid transparent;
}

.responsive-tabs .responsive-tabs__heading--active:focus,
.responsive-tabs .responsive-tabs__list__item--active:focus {
	outline: none;
}

.responsive-tabs ul.responsive-tabs__list {
	font-size: 18px;
	line-height: 18px;
	margin: 20px 0 0 12px;	
	padding: 0;
}

.responsive-tabs .responsive-tabs__list__item {
	background: transparent;
	border: 1px solid transparent;
	border-bottom: none;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #21759b; /*sets color of titles not active*/
	font-family:"Oswald", sans-serif; /*BA*/
	font-weight:300; /*BA*/
	letter-spacing:normal; /*BA*/
	font-size: 22px; /*BA*/
	line-height: 23px; /*BA*/
	text-transform: inherit;
	margin: 1px 12px 0 0;
	padding: 10px 12px 10px;
	white-space: nowrap;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.responsive-tabs .responsive-tabs__list__item .fa {
	margin-right: 8px;
	line-height: 0.8;
}

.responsive-tabs .responsive-tabs__list__item:hover {
	color: #ff6767; /*sets roll over color of titles not active*/
	background: transparent;
}

.responsive-tabs .responsive-tabs__list__item--active, 
.responsive-tabs .responsive-tabs__list__item--active:hover {
	background: #fff;
	border-color: #ddd;
	color: #333; /*sets color of active title*/
	padding-bottom: 11px;
	margin-top: 0;
	position: relative;
	top: 1px;
}

.responsive-tabs .responsive-tabs__panel {	
	background: #fff;
	border: 1px solid #ddd;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	clear: left;
	margin-bottom: 0;
	padding: 20px 20px 0;
	word-wrap: break-word;
}

.responsive-tabs .responsive-tabs__panel:after { 
	content: "";
	display: block; 
	height: 0; 
	clear: both;
}
/* end of tabby-responsive-tabs css stuff */

#slider {
	position:relative;
}

#slider a:active {
	outline:none;
}

.slides,
.flex-control-nav {
	margin:0;
	padding:0;
	list-style:none;
}

.slides {
	width:100%;
	overflow:hidden;
}

#slider .slides > li {
	display:none;
	position:relative;
	margin:0;
}

#slider .slides li:first-child {
	display:list-item;
}

.flex-pauseplay span {
	text-transform:capitalize;
}

.slides:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

.flex-control-nav {
	position:absolute;
	right:0;
	bottom:4%;
	width:100%;
	list-style: none;
	text-align:center;
}

.flex-control-nav li {
	display:inline-block;
	margin:0 0 0 15px;
}

.flex-control-nav li:first-child {
	margin:0;
}

.flex-control-nav li a {
	display:block;
	width:10px;
	height:10px;
	cursor:pointer;
	background:rgba(255, 255, 255, .4);
	border-radius:24px;
	color:#333;
	font-weight:600;
	line-height:24px;
	text-indent:-48px;
	overflow:hidden;
}

.flex-control-nav li a.flex-active,
.flex-control-nav li a:hover {
	background:rgba(255, 255, 255, .8);
}

.flex-direction-nav,
.flex-pauseplay {
	position:absolute;
	right:43px;
	bottom:8%;
	width:100px;
	margin: 0;
	list-style: none;
	font-size: 18px;
	font-weight: 600;
	z-index: 2;
}

.flex-pauseplay {
	right:30px;
	width: 26px;
	font-size: 15px;
}

.flex-pause {
	font-family: sans-serif;
}

.flex-direction-nav li,
.flex-pauseplay a {
	float: left;
	margin: 0 5px;
	background: rgba(0, 0, 0, .15);
	border-radius: 4px;
}

.flex-direction-nav a,
.flex-pauseplay a {
	display: inline-block;
	width: 18px;
	padding: 4px 8px;
	color: #fff;
	opacity: .8;
	text-align: center;
	cursor: pointer;
}

.flex-direction-nav a:hover,
.flex-pauseplay a {
	opacity: 1;
}

#slider .hentry {
	margin:0;
	box-shadow:none;
	background:none;
	border:none;
	color:#fff;
	text-align:right;
}

#slider .wp-post-image,
#slider .entry-attachment {
	position:relative;
	top:0;
	left:0;
	width:100%;
}

#slider .entry-attachment {
	z-index: 1;
}

#slider ul li:first-child .entry-container {
	display: block;
}

#slider .entry-title {
	display: none;
	position:absolute;
	top:32%;
	right:0;
	z-index:1;
	float:right;
	float:right;
	margin:0;
	font-family: "Open Sans", sans-serif;
	font-size:36px;
	line-height:1.62em;
}

#slider li:first-child .entry-title {
	display: block;
}

#slider .entry-title a {
	display:block;
	padding:10px 20px;
	background:rgba(0, 0, 0, .15);
	color:#fff;
}

#slider .entry-summary {
	clear: both;
	float:right;
	max-width: 61.8%;
	min-width: 324px;
	padding:10px 20px;
	background:rgba(0, 0, 0, .15);
}

#slider .entry-summary .entry-attachment {
	position:static;
	max-width:100%;
	height:auto;
	padding:0;
	background:none;
}

#slider .entry-attachment,
#slider .entry-attachment p {
	margin-bottom:0;
}

#current-location,
#sidebar-wide,
#sidebar-footer-wide {
	padding: 20px 3.1%;
	background: #f8f8f8; /*BA*/
	font-weight: 300;
}

#sidebar-wide,
#sidebar-footer-wide {
	text-align:center;
}

/*BA*/
#sidebar-wide {
	padding-bottom: 3px;
	}

#current-location {
	padding-top:10px; /*BA*/
	padding-bottom:0; /*BA*/
}

#current-location .prefix-text {
	margin:10px 0 0 0; /*BA*/
	color:#333; /*BA*/
	font-family:"Open Sans", sans-serif;
	font-size:15px; /*BA*/
	font-weight:300;
	line-height:1.62em; /*was 1.62 then 1.42 now back*/
	text-transform:uppercase;
}

.category-description {
	margin-top: 4px;
	color: #333; /*BA*/
}

.category-description p {
	margin: 0;
}

.page-title,
#sidebar-wide .widget-title,
#sidebar-footer-wide .widget-title {
	margin:0;
	font-family:"Open Sans", sans-serif;
	font-size:20px; /*BA*/
	font-weight:400; /*BA*/
	letter-spacing:normal;
	text-transform:uppercase; /*BA*/
}

#sidebar-wide .widget,
#sidebar-footer-wide .widget {
	margin:0;
	font-size:15px; /*BA*/
	font-weight:400; /*BA*/
	color:#333; /*BA*/
}

#sidebar-boxes {
	padding:1.6%;
}

#container {
	margin:1% 1.5% 0 1.5%; /*BA was 1.6%*/
}

.page-template-template-no-sidebars-php #content,
.page-template-template-blog-no-sidebars-php #content,
.page-template-template-portfolio-no-sidebars-php #content {
	width: 100%;
}

.content-sidebar-wrap {
	float:left;
	width:85.15%;
}

.category-filter a {
	display: inline-block;
	padding: 1% 2%;
	margin-left: 2%;
	background:#fff;
	border-bottom:#eee 1px solid;
	border-radius: 4px;
	font-weight: 300;
}

.category-filter a:first-child {
	margin: 0;
}

.category-filter a:hover {
	background:#fcfcfc;
}

.single #content .hentry,
.page #content .hentry {
	box-shadow:none;
	background:none;
	border:none;
}

.page-template-template-sidebar-content-php #content,
.page-template-template-sidebar-content-half-php #content,
.page-template-template-blog-left-sidebar-php #content,
.page-template-template-portfolio-left-sidebar-php #content {
	float:right;
}

.page-template-template-content-sidebar-php #content {
	float:left;
}

/*BA*/
.page-template-template-content-sidebar-php #container {
	margin-bottom:20px;
	}

.page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content {
	float:right;
	width:80.5%;
}

.entry,
#comments,
#respond {
	margin:2.48%; /*1.18 -> 2.48*/
	background:#fff;
	border-bottom:#DDD 1px solid;
	border-bottom:rgba(0, 0, 0, .13) 1px solid;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.onecol .hentry .entry,
.onecol .hentry #comments,
.onecol .hentry #respond,
.category-filter {
	margin:1.7%;
}

.onecol .twocol .entry {
	margin: 3.4%;
}

.twocol .entry,
.onecol .threecol .entry,
#sidebar-boxes .widget,
.threecol .widget {
	margin:4.87%; /*1.18*/
}

.threefourthcol .threecol .entry,
.onecol .fourcol .entry,
.fourcol .widget {
	margin:7.5%;
}

.twocol .onecol .entry,
.twocol .onecol #comments,
.twocol .onecol #respond,
.twocol .widget {
	margin: 3.4%;
}

/*BA*/
.single .entry {
	padding: 20px; /*BA was 20px*/
	margin-bottom:0 !important; /*BA*/ /*was 5.1*/
	/*margin-top:30px !important; BA 7-10*/
}

/*BA
.page .entry {
	margin-top:30px !important;
}*/

.page .entry,
.onecol .entry .hentry, /*BA*/
.error404 .entry,
.search-no-results .entry {
	padding: 20px; /*BA was 20px*/
	margin-bottom:2.1% !important; /*BA*/ /*was 5.1*/
}

.page-template-template-blog-php.page .entry,
.page-template-template-blog-full-width-php.page .entry,
.page-template-template-blog-four-col-php.page .entry,
.page-template-template-blog-left-sidebar-php.page .entry,
.page-template-template-blog-no-sidebars-php.page .entry,
.page-template-template-portfolio-php.page .entry,
.page-template-template-portfolio-right-sidebar-php.page .entry,
.page-template-template-portfolio-four-col-php.page .entry,
.page-template-template-portfolio-left-sidebar-php.page .entry,
.page-template-template-portfolio-no-sidebars-php.page .entry {
	padding: 0;
}

.page-template-template-no-sidebars-php .onecol .hentry .entry {
	margin: 2.5%;
}

.wp-post-image {
	display:block;
	width:100%;
}

/*.page-template-template-full-width-php .hentry.onecol .wp-post-image,*/ /*1.18*/
.page-template-template-full-width-php .hentry.onecol .entry-attachment,
.page-template-template-full-width-php .hentry.onecol .post-gallery {
	float:right;
	max-width:69.5%;
	margin-bottom:2.9%;
}

.page-template-template-full-width-php .hentry.onecol .entry-attachment,
.page-template-template-full-width-php .hentry.onecol .post-gallery {
	width:69.5%;
}

.format-status .avatar {
	display: block;
	float:left;
	margin-right: 20px;
}

.format-image figure img {
	width:100%;
}

.format-audio object {
	height:24px;
}

.twocol .entry-attachment p {
	margin-bottom:6px;
}

.entry-container {
	padding:10px 2.9%; /*BA*/
	margin:0;
	text-align: center; /*BA*/
}

.twocol .entry-container {
	padding:10px 5.8%; /*BA*/
}

.threecol .entry-container {
	padding:10px 6.1%; /*BA*/
}

.fourcol .entry-container {
	padding:10px 8.5%; /*BA*/
}

.page-template-template-portfolio-php .post.onecol .entry-header {
	float:left;
	width:27.6%;
}

.page-template-template-portfolio-php .post.onecol .entry-summary {
	float:right;
	width:69.5%;
}

.page-template-template-portfolio-php .post.onecol .wp-post-image,
.page-template-template-portfolio-php .post.onecol .entry-attachment,
.page-template-template-portfolio-php .post.onecol .post-gallery {
	float:right;
	max-width:69.5%;
}

.page-template-template-portfolio-php .post.onecol .entry-attachment,
.page-template-template-portfolio-php .post.onecol .post-gallery {
	width:69.5%;
}

.page-template-template-portfolio-right-sidebar-php .twocol .entry-title,
.page-template-template-portfolio-left-sidebar-php .twocol .entry-title,
.page-template-template-portfolio-php .threecol .entry-title,
.page-template-template-portfolio-four-col-php .fourcol .entry-title,
.page-template-template-portfolio-no-sidebars-php .twocol .entry-title {
	margin: 0;
	text-align: center;
}

.entry-title,
#comments-title,
#reply-title {
	font-family:"Oswald", sans-serif;
	font-weight:300;
	letter-spacing:normal; /*BA*/
	overflow: hidden;
}

.page-template-template-full-width-php .hentry.onecol .entry-header,
.page-template-template-blog-full-width-php .hentry.onecol .entry-header,
.page-template-template-blog-four-col-php .hentry.onecol .entry-header {
	float:left;
	width:27.6%;
}

.single.page-template-template-full-width-php .hentry.onecol .entry-header,
.page.page-template-template-full-width-php .hentry.onecol .entry-header,
.error404.page-template-template-full-width-php .hentry.onecol .entry-header {
	float: none;
	width: auto;
}

.page-template-template-full-width-php .hentry.onecol .entry-summary,
.page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
.page-template-template-blog-four-col-php .hentry.onecol .entry-summary,
.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail {
	float:left; /*BA*/
	width:69.5%;
}

.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail {
	margin-bottom: 24px;
}

.entry-title
.page.page-template-template-blog-php .onecol .entry-title,
.page.page-template-template-portfolio-php .onecol .entry-title {
	font-size:28px;
	line-height:1.62em;
}

/*BA*/
.entry-summary {
	font-size:13px;
	line-height:1.62em;
	}

.single .entry-title,
.page .entry-title,
.error404 .entry-title {
	margin:0 0 18px 0;
	font-size:36px;
	line-height:1.62em;
}

/*BA*/
.single .entry-navarrows {
	margin:0 0 0 0;
	font-size:48px;
	line-height:1.22em;
	float:right;
	padding:10px 0 0 0;
}

/*BA*/
.share42init {
	float:right;
	margin-top:2px;
	margin-right:-6px;
	text-align:right;
}

.twocol .entry-title,
.threecol .entry-title,
.page-template-template-blog-php .twocol .entry-title,
.page-template-template-blog-php .threecol .entry-title,
.page-template-template-portfolio-php .twocol .entry-title,
.page-template-template-portfolio-php .threecol .entry-title {
	font-size:24px;
	line-height:1.62em;
}

/*BA*/
.twocol .entry-title,
.threecol .entry-title,
.fourcol .entry-title {
	margin-bottom: 0;
}

.fourcol .entry-title,
.page-template-template-blog-php .fourcol .entry-title,
.page-template-template-portfolio-php .fourcol .entry-title {
	font-size:18px;
	line-height:1.62em;
}

.page .entry-title,
.error404 .entry-title {
	margin-bottom:24px;
}

.entry-title a {
	color:#333;
}

.entry-title a:hover {
	color:#21759B;
}

.format-link .entry-title a:after {
	content:"\2192";
	padding-left:8px;
}

/*NEW 7-20 adding hAtom stuff to posts and want to hide it*/
.hatom-extra {display: none;}

.entry-meta {
	/*padding:1.5% 2.9%;
	background:#FCFCFC;
	border-top:#F3F3F3 1px solid;
	border-top:rgba(0, 0, 0, .035) 1px solid;
	color:#CCC;
	font-size:12px;
	font-weight:300;*/
	height:1px;
	visibility: hidden; /*BA new 7-17 trying to make atom feed have everything for google's sake*/
}

.entry-header .entry-meta {
	padding:0;
	background:none;
	border:none;
}

/*BA
.single .entry-meta {
	padding:1.5% 2.4%;
	margin-bottom:24px;
	background:none;
	border-top:#F4F4F4 1px solid;
	border-bottom:#F4F4F4 1px solid;
} 

.entry-meta span {
	padding-left:24px;
	margin-left:32px;
}

.entry-header .entry-meta span {
	display:block;
	float:none;
	padding:6px 0 6px 24px;
	margin:0;
}

.single .entry-meta span {
	display:inline;
	padding:0 0 0 24px;
	margin-left:32px;
}

.entry-meta span.custom-meta,
.single .entry-meta span.custom-meta {
	padding-left: 0;
	background: none;
	color: #999;
}*/

.custom-meta.entry-category {
	font-weight: normal;
	text-transform: uppercase;
}

.entry-meta span:first-child,
.single .entry-meta span:first-child,
.page .entry-meta span:first-child {
	margin: 0;
}

.entry-meta a {
	color:#7597B9;
}

.entry-meta a:hover {
	color:#d54e21;
}

.entry-summary .entry-attachment {
	margin-bottom:18px;
}

.entry-author-link {
	background:url(images/user.png) left center no-repeat;
}

.entry-date {
	background:url(images/time.png) left center no-repeat;
}

.entry-category {
	background:url(images/ribbon.png) left center no-repeat;
}

.attachment-size {
	background:url(images/image.png) left center no-repeat;
}

.edit-link {
	background:url(images/edit.png) left center no-repeat;
}

.entry-permalink {
	float:right;
	margin:0;
	background:url(images/link.png) left center no-repeat;
}

.entry-summary p {
	margin:0;
}

/*BA*/
.single .entry-summary p {
	float:left;
	margin-left:0;
}

.onecol .onecol .entry-summary {
	font-size:15px;
	line-height:1.22em;
	float:left;
	margin-bottom:20px;
}

.format-aside .entry-summary p,
.format-status .entry-summary p,
.format-quote .entry-summary p  {
	margin-bottom:6px;
}

/*.onecol .onecol .entry-summary,*/
.entry-content {
	font-size:15px;
	line-height:1.62em;
}

.format-chat .entry-content {
	margin-bottom:2.9%;
}

.single-format-chat .entry-content {
	margin-bottom:24px;
}

.format-chat .entry-content p,
.format-chat .entry-summary p {
	padding:2px 2.9%;
	margin:0;
}



.twocol.format-chat .entry-content p,
.twocol.format-chat .entry-summary p {
	padding:2px 5.8%;
}

.threecol.format-chat .entry-content p,
.threecol.format-chat .entry-summary p {
	padding:2px 6.1%;
}

.format-chat .entry-content p:nth-child(odd),
.format-chat .entry-summary p:nth-child(odd)  {
	background:#f9f9f9;
	font-weight:600;
}

.single .format-chat .entry-content p:last-child
.single .format-chat .entry-summary p:last-child {
	margin-bottom:24px;
}

.entry-content .entry-attachment {
	margin-bottom:24px;
}

.entry-attachment p {
	margin:0;
}

.post-gallery-item img {
	display:block;
	float:left;
}

.attachment-gallery-1-thumb {
	max-width:61.714288%;
}

.attachment-gallery-2-thumb,
.attachment-gallery-3-thumb {
	max-width:38.285712%;
}

.entry-attachment img {
	display:block;
	margin:0 auto 18px;
}

.button {
	display: inline-block;
	padding: 5px 18px;
	border-radius: 100px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	color: #fff;
	margin: 5px;
}

a.button:hover {
	color: #fff;
	box-shadow:0 0 5px rgba(0, 0, 0, .2);
}

.button-big {
	padding: 10px 24px;
	font-size: 18px;
}

.button-blue {
	background: #30AEE7;
	background: -webkit-linear-gradient(#30AEE7, #247FA8);
	border-bottom: 1px solid #14455B;
}

.button-blue:hover {
	background: -webkit-linear-gradient(#247FA8, #30AEE7);
}

.button-yellow {
	background: #F4F434;
	background: -webkit-linear-gradient(#F4F434, #DADA2F);
	border-bottom: 1px solid #686817;
}

.button-yellow:hover {
	background: -webkit-linear-gradient(#DADA2F, #F4F434);
}

.button-olive {
	background: #E7AE31;
	background: -webkit-linear-gradient(#E7AE31, #A87F24);
	border-bottom: 1px solid #5B4514;
}

.button-olive:hover {
	background: -webkit-linear-gradient(#A87F24, #E7AE31);
}

.button-purple {
	background: #E731AE;
	background: -webkit-linear-gradient(#E731AE, #A8247F);
	border-bottom: 1px solid #5B1445;
}

.button-purple:hover {
	background: -webkit-linear-gradient(#A8247F, #E731AE);
}

.button-red {
	background: #E73131;
	background: -webkit-linear-gradient(#E73131, #A82424);
	border-bottom: 1px solid #5B1445;
}

.button-red:hover {
	background: -webkit-linear-gradient(#A82424, #E73131);
}

.button-green {
	background: #31E731;
	background: -webkit-linear-gradient(#31E731, #24A824);
	border-bottom: 1px solid #5B1445;
}

.button-green:hover {
	background: -webkit-linear-gradient(#24A824, #31E731);
}

.button-orange {
	background: #FF6103;
	background: -webkit-linear-gradient(#FF6103, #E55703);
	border-bottom: 1px solid #5B1445;
}

.button-orange:hover {
	background: -webkit-linear-gradient(#E55703, #FF6103);
}

.notice {
	padding: 12px;
	margin-bottom: 24px;
	border-radius: 4px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.info {
	background: #CEFFCE;
	border-bottom: 1px solid #9ABF9A;
}

.warning {
	background: #FFFFCE;
	border-bottom: 1px solid #BFBF9A;
}

.error {
	background: #FFCECE;
	border-bottom: 1px solid #BF9A9A;
}

.dropcap:first-letter {
	display: inline-block;
	float: left;
	min-width: 42px;
	padding: 20px 10px;
	border-radius: 4px;
	font-size: 48px;
	font-weight:600;
	text-align: center;
}

.dropcap-blue:first-letter {
	color: #30AEE7;
}

.dropcap-yellow:first-letter {
	color: #F4F434;
}

.dropcap-olive:first-letter {
	color: #E7AE31;
}

.dropcap-purple:first-letter {
	color: #E731AE;
}

.dropcap-red:first-letter {
	color: #E73131;
}

.dropcap-green:first-letter {
	color: #31E731;
}

.dropcap-orange:first-letter {
	color: #FF6103;
}

.dropcap-grey:first-letter {
	margin-right: 10px;
	background: #eee;
}

.dropcap-black:first-letter {
	margin-right: 10px;
	background: #333;
	color: #ddd;
}

.dropcap-circle:first-letter {
	border-radius: 60px;
}	

.columns .column {
	margin-left: 3%;
}

.columns .column:first-child {
	margin: 0;
}

.columns .twocol {
	width: 48.5%;
	
}

.columns .threecol {
	width: 31.3%;
}

.columns .fourcol {
	width: 22.75%;
	
}

.columns .twothirdcol {
	width: 65.7%;
}

.columns .threefourthcol {
	width: 74.5%;
}

.column .threecol.box {
	width: 25.3%;
	padding: 3%;
	margin-bottom: 24px;
	background: #f8f8f8;
	border-bottom:#ddd 1px solid;
	box-shadow:0 0px 5px rgba(0, 0, 0, .15);
}

.column .threecol.box p {
	margin: 0;
}

.entry-utility {
	padding-top:0px; /*BA*/
}

.post-pagination {
	margin-bottom:12px;
}

#attachment-nav {
	padding-bottom:12px;
	margin-bottom:18px;
	border-bottom:#EEE 1px solid;
}

#attachment-nav a img {
	display:block;
	max-width: 50%;
}

#attachment-nav .nav-previous img {
	float:left;
	padding: 5px;
}

#attachment-nav .nav-next img {
	float:right;
	padding: 5px;
}

.entry-tags {
	margin: 0; /*was 0 -8px 0*/
	float: left; /*BA*/
	width: 80%;
}

.entry-tags a {
	position: relative;
	display: inline-block;
	padding:1px 10px 2px 20px; /*BA*/
	margin: 0px 12px 12px 0; /*BA*/
	background:#fff; /*BA*/
	border-radius:4px;
	border:1px solid #ddd; /*BA*/
	color:#21759b; /*BA*/
	font-size: 14px; /*BA*/
	text-transform:uppercase;
	line-height:1.52em;/*BA was 1.62*/
}

.entry-tags a:before {
	content: "";
	position: absolute;
	top: 8px; /*BA*/
	left: 6px;
	width: 6px;
	height: 6px;
	background: #fff; /*BA*/
	border-radius: 3px;
	border:1px solid #ddd; /*BA*/
}

.entry-tags a:hover {
	background: #fff; /*BA*/
	color: #ff6767; /*BA*/
}

.social-bookmarks {
	margin-bottom:20px;
	font-size:12px;
	font-weight:600;
}

.social-bookmarks p {
	margin-bottom:12px;
}

.facebook-like,
.twitter-button,
.google-plusone,
.pinterest-button {
	float:left;
}

.facebook-like {
	width:110px;
}

.fb_edge_comment_widget {
	width:401px;
}

.entry-author {
	padding:20px;
	margin-bottom:20px;
	background:#FCFCFC;
	border-bottom:#EEE 1px solid;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	font-size:13px;
	line-height:1.62em;
}

.entry-author .avatar {
	float:left;
	padding:5px;
	border-bottom:#DDD 1px solid;
	background:#fff;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.entry-author .author {
	margin-bottom:10px;
	font-family:"Open Sans", sans-serif;
	font-size:15px;
	letter-spacing:normal;
}

.entry-author .author,
.author-bio,
.entry-author .author-meta {
	margin-left:126px;
}

.author-bio {
	margin-bottom:10px;
}

.entry-author .author-website,
.entry-author .author-twitter {
	float:left;
	width:50%;
	text-align:center;
}

.nocomments {
	margin:0;
	color:#999;
	font-size:18px;
	line-height:1.62em;
	text-align:center;
}

#comments {
	background: none;
	border: none;
	box-shadow: none;
}

#comments-title,
#reply-title {
	margin-bottom:18px;
	font-size:24px;
	line-height:1.62em;
}

#comments-title {
	margin:35px 0;
}

.navigation {
	margin:35px 0; /*BA was 35px 0*/
}

.commentlist {
	margin:0 0 20px 0;
	list-style:none;
}

.commentlist .children {
	margin:20px 0 0 40px;
	list-style:none;
}

.comment {
	margin:0;
}

.comment-body {
	padding:20px;
	margin-bottom:35px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#fff;
	border-bottom:#DDD 1px solid;
	overflow: hidden;
}

.commentlist .comment:first-child .comment-body {
	margin-top:0;
}

.comment .avatar {
	float:right;
	padding:5px;
	margin:0 0 20px 20px;
	background:#fff;
	border-bottom:#DDD 1px solid;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.comment .fn {
	font-size:15px;
	font-style:normal;
	font-weight:600;
	line-height:1.62em;
}

.comment-meta {
	margin-bottom:18px;
	font-size:12px;
}

a.comment-reply-link {
	padding:4px 15px;
	border-radius:15px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#F8F8F8;
	background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
	background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
	background:-o-linear-gradient(#FCFCFC, #F3F3F3);
	background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
	background:linear-gradient(#FCFCFC, #F3F3F3);
	border-bottom:#DDD 1px solid;
	color:#333;
	text-decoration:none;
}

a.comment-reply-link:hover {
	box-shadow:#CCC 0 0 5px;
}

a.comment-reply-link:focus {
	box-shadow:0 0 5px rgba(0, 0, 0, .4);
	background:-moz-linear-gradient(#F3F3F3, #FCFCFC);
	background:-webkit-linear-gradient(#F3F3F3, #FCFCFC);
	background:-o-linear-gradient(#F3F3F3, #FCFCFC);
	background:-ms-linear-gradient(#F3F3F3, #FCFCFC);
	background:linear-gradient(#F3F3F3, #FCFCFC);
}

#respond {
	width:auto;
	padding:20px;
	margin-bottom:5.1%;
}

.commentlist #respond {
	margin: 0 0 5.1% 0;
}

.comment-notes,
.form-allowed-tags {
	color:#aaa;
	font-size:12px;
	line-height:16px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	position:relative;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
	display:inline-block;
	position:absolute;
	top:1px;
	left:1px;
	z-index:1;
	width:60px;
	padding:0 10px;
	color:#444;
	line-height:36px;
}

.comment-form-author .required,
.comment-form-email .required,
.comment-form-url .required,
.comment-form-comment .required {
	position:absolute;
	top:1px;
	right:1.5%;
	z-index:2;
	color:#FF0000;
	font-size:24px;
	line-height:44px;
}

#author,
#email,
#url,
#comment {
	position:relative;
	width:97%;
	text-indent:80px;
}

input#author:focus,
input#email:focus,
input#url:focus,
textarea#comment:focus {
	position:relative;
	z-index:1;
	text-indent:0;
}

#comment {
	font-size:15px;
}

.form-allowed-tags code {
	padding: 0;
	background: none;
	box-shadow: none;
}

#infscr-loading {
	text-align: center;
}

#infscr-loading img {
	margin-right: 10px;
	vertical-align: middle;
}

#infscr-loading div {
	display: inline;
}

#post-nav,
#posts-nav {
	clear:both;
	margin:0;
	font-family:"Open Sans", sans-serif; /*BA*/
	font-size:20px; /*BA*/
	font-weight:400; /*BA*/
	letter-spacing:normal; /*BA*/
	text-align:center; /*BA*/
}

/*BA*/
#posts-nav span {
    font-weight:400;
    font-size:26px;
    /*padding:10px;*/
    
}

/*BA
#posts-nav a {
    padding:10px;
    letter-spacing:0;
    text-align:center;
}*/

#posts-nav {
	position: relative;
	padding:2.9%;
	margin:10px 2.46% 0 2.46%; /*BA*/
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#fff;
	border-bottom:#DDD 1px solid;
	border-bottom:rgba(0, 0, 0, .13) 1px solid;
}

.onecol #posts-nav {
	padding:1.95%;
	margin:15px 10.7% 5px 10.7%; /*BA was 1.7%*/
}

.nav-prev,
.nav-previous {
	float:left;
	width:50%;
}

.nav-next {
	float:right;
	width:50%;
	text-align:right;
}

.ajax-load {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	line-height: 42px;
	text-align: center;
}

a.ajax-load:hover {
	background: #fcfcfc;
}

.page-numbers {
	padding:0 0px; /*BA was 4px*/
	margin:0 10px;/*BA*/
	text-align:center; /*BA*/
}

.page-numbers.prev {
	padding-left:0;
}

.page-numbers.next {
	padding-right:0;
}

#sidebar {
	color:#ccc;
}

#sidebar-left .widget,
#sidebar-right .widget {
	margin:5% 3%; /*BA*/
}

.page-template-template-content-sidebar-half-php #sidebar-left .widget,
.page-template-template-content-sidebar-half-php #sidebar-right .widget,
.page-template-template-sidebar-content-half-php #sidebar-left .widget,
.page-template-template-sidebar-content-half-php #sidebar-right .widget {
	margin:6.55%;
}

.widget-area {
	font-weight:300;
}

.page-template-template-sidebar-content-php #sidebar,
.page-template-template-sidebar-content-half-php #sidebar,
.page-template-template-blog-left-sidebar-php #sidebar,
.page-template-template-portfolio-left-sidebar-php #sidebar {
	float:left;
}

.page-template-template-content-sidebar-php #sidebar {
	float:right;
}

.page-template-template-sidebar-content-sidebar-php #sidebar-left {
	width:17.4%;
}

.page-template-template-sidebar-content-sidebar-php #sidebar-right {
	width:12.75%;
}

.widget-title {
	margin:0;
	font-family:"Oswald", sans-serif;
	font-size:20px;
	font-weight:300;
	letter-spacing:normal; /*BA*/
}

#sidebar-boxes .widget-title {
	font-family:"Open Sans", sans-serif;
	font-size:13px;
	font-weight:600;
	text-transform: uppercase;
}

.widget-area ul {
	margin:0;
	list-style:none;
	overflow:hidden;
}

.widget-area li {
	padding:7px 0;
	margin:0;
	border-bottom:#EEE 1px solid;
	rborder-bottom:rgba(0, 0, 0, .036) 1px solid;
	line-height:1.62em;
}

.widget-area li li {
	border-bottom:none;
}

.widget-area li ul {
	margin-left:20px;
}

.widget-area a {
	color:#21759b; /*BA*/
}
.widget-area a:hover {
	color:#ff6767; /*BA*/
}

#sidebar-footer-wide {
	margin-top: 2.1%;
	border: none;
	border-top:#e0e0e0 1px solid;
}

#footer {
	clear:both;
	/*BA*/
}

#footer-area {
	position:relative;
	z-index:1;
	padding:1.6%;
	background:#f8f8f8; /*BA*/
	/*BA*/
	box-shadow:none;
	color:#333; /*BA*/
}

/*BA*/
#footer-area .widget {
	padding:0;
	width:336px;
	float:none;
	margin-left: auto;
	margin-right: auto;
	}

#footer-area .widget-title {
	color:#333; /*BA*/
	font-size:18px;
}

#footer-area li {
	border-bottom:#2C2C2C 1px solid;
	border-bottom:rgba(255, 255, 255, .05)  1px solid;
}

.tagcloud {
	text-align:center; /*BA*/
}

.tagcloud a {
	position: relative;
	display: inline-block;
	padding: 1px 10px 2px 20px; /*BA*/
	margin: 8px;
	color: #21759b; /*BA*/
	background:#fff; /*BA*/
	border-radius:4px;
	border:1px solid #ddd;
	font-size: 14px !important; /*BA*/
	line-height: 1.52em; /*BA*/
	text-transform: uppercase; /*BA*/
}

.tagcloud a:before {
	content: "";
	position: absolute;
	top: 8px; /*BA*/
	left: 6px;
	width: 6px;
	height: 6px;
	border:1px solid #ddd; /*BA*/
	background: #fff; /*BA*/
	border-radius: 3px;
} 

.tagcloud a:hover {
	color: #ff6767; /*BA*/
	background: #fff; /*BA*/
}

#footer-area .tagcloud a {
	background:#444;
	background:-moz-linear-gradient(#444, #333);
	background:-webkit-linear-gradient(#444, #333);
	background:-o-linear-gradient(#444, #333);
	background:-ms-linear-gradient(#444, #333);
	background:linear-gradient(#444, #333);
	border-radius:4px;
	box-shadow:0 1px 1px rgba(255, 255, 255, .2);
	color: #CCC;
}

#footer-area .tagcloud a:before {
	background:#222;
}

#footer-area .tagcloud a:hover {
	color:#CCC;
}

#copyright {
	clear:both;				
	padding:1.4% 3.2%;
	background:#333; /*BA*/
	border-top:#333 1px solid;
	border-top:rgba(255, 255, 255, .145) 1px solid;
	color:#f8f8f8; /*BA*/
	font-size: 13px; /*BA*/
	font-weight:400; /*BA*/
	height: 22px; /*BA*/
}

.copyright {
	float:left;
}

.credits {
	float:right;
	margin-right:12px;
	text-align:right;
}

#copyright p {
	margin:0;
}

#copyright a {
	color:#7597B9;
	text-decoration:none;
}

#copyright a:hover {
	color:#ff6767; /*BA*/
}

/* Custom stuff for posts/pages with images on left (like character descriptions) */

/*BA*/	
.chardesc {
	width:100%;
	overflow:hidden;
	vertical-align:center;
	margin-top:auto;
	margin-bottom:auto;
	}
/*BA*/
.chardesc img {
	float:left;
	padding:0;
	margin:0 5% 10px 10%;
	}
/*BA*/	
.chardesc p {
	margin:0 10% 0 0;
	padding-top:20px;
	}
/*BA*/
#pdesc {
	margin:0 10% 0 0;
	padding-top:20px;
	}
	
/* Custom stuff for comic posts */

/*BA*/
.abovepost .entry-newtitle {
	float:left;
	width: 70%;
	padding:0;
	margin:0;
	}

/*BA*/	
.abovepost .entry-navarrows {
	float:right;
	text-align:right;
	font-size:36px;
	width: 30%;
	}
	
/*BA*/
.single .underpostnavarrows {
	height:10px;
	font-size:1px;
	visibility:hidden
	}
	
/*BA*/
.single .entry .aligncenter {
	display:block;
	margin:0px auto 20px auto;
}

/* Custom stuff for ads */

/*BA*/
#banner-ad {
	width:728px;
	height:90px;
}
/*BA*/
#sidebar-right-ad-a,
#sidebar-right-ad-b,
#footer-left-ad,
#footer-right-ad {
	width:336px;
	height:280px;
	margin-left:auto;
	margin-right:auto;
}
/*BA*/
#twitter-rect-a, twitter-rect-b {
	width: 336px;
	}

/*BA new 7-10*/
.page #twitter-rect-b {
	/*width: 336px;*/
	height: 590px;
	text-align:center;
	}
	
/*BA new 7-16*/
.page #footer-area.widget-area #twitter-rect-b {
	/*width: 336px;*/
	height: 280px;
	text-align:center;
	}
	
/*BA*/ /*CSS to customize collapse-o-matic plugin*/
.collapseomatic {
	color:#21759b;
    background-image: url(triangle-collapsed.png) !important;
}
.colomat-close {
    background-image: url(triangle-expanded.png) !important;
}
.colomat-hover {
	text-decoration:none;
	color:#21759b;
}
.colomat-visited {
    color: #21759b;
}

/*Removed the mid-sized screen stuff to elim need for responsive rectangle ads, at least for now */

@media screen and (max-width : 1148px) { /*was 1012 (orig version was 960)*/

	/*BA*/
	figure img {
	display:block;
	margin:0 auto;
	padding-top:6px; /*BA*/
	max-width:96.5%; /*3-27-22 BA was max-width 318px but started showing mini comics so trying to revert to percentage to see if fixes things*/
		/*BA was max-width 96.5% .. using firm width to fix firefox glitch*/
	}

	/*BA*/
	#twitter-rect-a {
		width: 336px;
		float:right;
	}
	
	/*BA*/	
	#twitter-rect-b {
		width: 336px;
		height: 590px;
		float: right;
		margin:0;
	}
	
	/*BA new 7-16*/
	.page #footer-area.widget-area #twitter-rect-b {
	/*width: 336px;*/
	height: 590px;
	text-align:center;
	}
	
	/*BA*/
	#sidebar-left-ad,
	#sidebar-right-ad,
	#sidebar-right-ad-a,
	#sidebar-right-ad-b,
	#footer-left-ad,
	#footer-right-ad {
		width:336px;
		height:280px;
		margin-left:auto;
		margin-right:auto;
	}
	
	/*BA*/
	#footer-left-ad,
	#sidebar-right-ad-a {
		margin-bottom:10px;
	}
	
	/*BA*/
	#footer-right-ad,
	#sidebar-right-ad-b {
		margin-top:10px;
	}
	
	/*BA
	#sidebar-left .widget,
	#sidebar-right .widget {
		width:336px;
		height:280px;
		margin:10px auto 10px auto;
	}*/
	
	/*BA
	#sidebar-right.widget-area .onecol,
	#sidebar-right.widget-area .twocol,
	#sidebar-right.widget-area .threecol,
	#sidebar-right.widget-area .fourcol {
		float:left;
		width:50%;
		height:300px;
		margin:0 0 30px 0;
		padding: 0 0 10px 0;
	}*/
	
	/*BA*/
	#footer .widget,
	#sidebar-left .widget,
	#sidebar-right .widget {
		width:336px;
		margin:0 auto 0 auto;
	}
	
	/*BA*/
	#footer-area .widget {
		margin:0 auto 0 auto;
	}
	
	/*BA*/
	#footer-area.widget-area .onecol,
	#footer-area.widget-area .twocol,
	#footer-area.widget-area .threecol,
	#footer-area.widget-area .fourcol,
	#sidebar-right.widget-area .onecol,
	#sidebar-right.widget-area .twocol,
	#sidebar-right.widget-area .threecol,
	#sidebar-right.widget-area .fourcol {
		float:left;
		width:50%;
		height:300px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0;
		margin-bottom:0;
	}
	
	/*BA*/
	#site-title,
	#site-description {
		font-weight:300;
		float:none;
		line-height:20px;
		width:223px;
		margin: auto;
	}

	/*BA*/
	#site-title img {
		width:223px;
		height:60px;
		margin:18px auto 12px auto;
	}

	/*BA*/
	#sidebar-header {
		float:none;
		width:728;
		height:90;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		clear:both; /*BA new to fix firefox glitch*/
	}
	
	/*BA*/
	#access a {
		display:block;
		padding:15px 15px;
		color:#f0f0f0;
		text-decoration:none;
		-moz-transition: background-color .25s ease, margin .25s ease;
		-webkit-transition: background-color .25s ease, margin .25s ease;
		-o-transition: background-color .25s ease, margin .25s ease;
		-ms-transition: background-color .25s ease, margin .25s ease;
		transition: background-color .25s ease, margin .25s ease;
	}
	
	/*BA*/
	.entry-utility {
		padding-top:0px; /*BA*/
	}
	
	/*BA*/
	.abovepost .entry-newtitle {
		width: 65%;
	}
	
	/*BA*/	
	.abovepost .entry-navarrows {
		width: 35%;
	}
	
	.onecol .threecol,
	.onecol .fourcol {
		width:50%;
	}

	#wrapper {
		/*max-width:756px;*/ /*BA*/ /*was 760*/
		width:756px; /* if eliminating smallest screen size, this needs to have a fixed value to stop shrinking */
	}
	
	/*BA*/
	/*#wrapper,*/
	.page-template-template-no-sidebars-php #wrapper,
	.page-template-template-blog-no-sidebars-php #wrapper,
	.page-template-template-portfolio-no-sidebars-php #wrapper {
		max-width:756px; /*BA*/ /*was 380*/
	}
	
	#slider .entry-container {
		top:32%;
		padding: 0;
	}
	
	#slider .entry-summary {
		display: none;
	}
	
	#container {
		margin:10px 2.2% 0 2.2%; /*BA was 2.2*/
	}
	
	/*BA*/
	#current-location,
	#sidebar-wide,
	#sidebar-footer-wide {
		padding-left:4.4%;
		padding-right:4.4%;
	}

	.content-sidebar-wrap,
	#content,
	.page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content,
	#sidebar {
		width:100%;
	}
	
	/*BA
	#content {
		margin-bottom:10px;
	}*/
	
	.onecol .hentry .entry,
	.onecol .hentry #comments,
	.onecol .hentry #respond {
		margin:2.4%;
	}
	
	.onecol .twocol .entry,
	.onecol .threecol .entry,
	.threefourthcol .threecol .entry,
	.onecol .fourcol .entry {
		margin:4.5%;
	}
	
	.page-template-template-full-width-php .hentry.onecol .wp-post-image,
	.page-template-template-full-width-php .hentry.onecol .entry-attachment,
	.page-template-template-full-width-php .hentry.onecol .post-gallery,
	.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
	.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
	.page-template-template-blog-four-col-php .entry-thumbnail {
		float:none;
		max-width:100%;
		margin:0;
	}
	
	.page-template-template-full-width-php .hentry.onecol .entry-attachment,
	.page-template-template-full-width-php .hentry.onecol .post-gallery {
		width:100%;
	}
	
	.page-template-template-full-width-php .hentry.onecol .entry-header,
	.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
	.page-template-template-full-width-php .hentry.onecol .entry-summary,
	.page-template-template-blog-full-width-php .hentry.onecol .entry-header,
	.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
	.page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
	.page-template-template-blog-four-col-php .hentry.onecol .entry-header,
	.page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail,
	.page-template-template-blog-four-col-php .hentry.onecol .entry-summary {
		float:none;
		width:auto;
	}
	
	.single .format-audio object {
		height:30px;
	}

	.social-bookmarks iframe {
		min-height:0;
	}
	
	.page-template-template-portfolio-php .post.onecol .wp-post-image,
	.page-template-template-portfolio-php .post.onecol .entry-attachment,
	.page-template-template-portfolio-php .post.onecol .post-gallery {
		float:none;
		max-width:100%;
		margin:0;
	}
	
	.page-template-template-portfolio-php .post.onecol .entry-attachment,
	.page-template-template-portfolio-php .post.onecol .post-gallery {
		width:100%;
	}
	
	.page-template-template-portfolio-php .post.onecol .entry-header,
	.page-template-template-portfolio-php .post.onecol .entry-summary {
		float:none;
		width:auto;
	}
	
	.onecol #posts-nav {
		padding:2.8%;
		margin:2.3%;
	}
	
	#sidebar .onecol {
		width:33.3%;
	}
	
	#sidebar .twocol {
		float:none;
		width:auto;
	}
	
	#sidebar-boxes,
	#footer-area {
		padding:2.2%;
	}
	
	#copyright {
		padding:1.7% 4.3%;
	}

}
/* Removed the small screen stuff to see how it looked on iPhone with 2 columns */

/* New 6-30-15 added below to undo menu turning transparent when <760 */

@media screen and (max-width: 760px) {
        #access {
                display:block;
                background-color:#333;
        }
}


@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {

	#access .nav-show,
	#access a.nav-show:hover {
		background-image: url(images/nav_2x.png);
		background-size:100%;
	}

	#header input#s {
		background-image: url(images/search_2x.png);
		background-size:36px;
		background-position: -3px center;
	}

	.facebook {
		background-image: url(images/facebook_2x.png);
		background-size:100%;
	}

	.twitter {
		background-image: url(images/twitter_2x.png);
		background-size:100%;
	}

	.pinterest {
		background-image: url(images/pinterest_2x.png);
		background-size:100%;
	}

	.google-plus {
		background-image: url(images/google-plus_2x.png);
		background-size:100%;
	}

	.vimeo {
		background-image: url(images/vimeo_2x.png);
		background-size:100%;
	}

	.dribble {
		background-image: url(images/dribble_2x.png);
		background-size:100%;
	}

	.flickr {
		background-image: url(images/flickr_2x.png);
		background-size:100%;
	}

	.youtube {
		background-image: url(images/youtube_2x.png);
		background-size:100%;
	}

	.linkedin {
		background-image: url(images/linkedin_2x.png);
		background-size:100%;
	}

	.entry-author-link {
		background-image: url(images/user_2x.png);
		background-size: 12px;
	}

	.entry-date {
		background-image: url(images/time_2x.png);
		background-size: 12px;
	}

	.entry-category {
		background-image: url(images/ribbon_2x.png);
		background-size: 12px;
	}

	.attachment-size {
		background-image: url(images/image_2x.png);
		background-size: 12px;
	}

	.edit-link {
		background-image: url(images/edit_2x.png);
		background-size: 12px;
	}

	.entry-permalink {
		background-image: url(images/link_2x.png);
		background-size: 12px;
	}

	#infscr-loading img {
		width: 32px;
		height: 32px;
	}

}

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}