/*
Theme Name: Shin Gakuranman
Theme URI: http://gakuran.com/
Description: A new theme designed from the ground up for Gakuran.com.
Author: Michael Gakuran
Author URI: http://gakuran.com/
Version: 1.0
Tags: gakuranman, gakuran, michael, japan, haikyo, bioluminescence
*/

/* ================================================================================================================= */
/* = Reset CSS */
/* ================================================================================================================= */


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

/* ================================================================================================================= */
/* = Grid System */
/* ================================================================================================================= */

/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}

/* ================================================================================================================= */
/* = Basic Styles */
/* ================================================================================================================= */


body {

	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-size: 1.05em;
	color: #ccc;
	background: #1E1E1E url(https://lh3.googleusercontent.com/-qKeDn-5fFlU/TmCybPOSJnI/AAAAAAAAAsc/rvZchDk68Z8/s800/bg2.png) repeat -150% 0;
	text-align: left;
	line-height: 1.8em;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .6);
}

p {
	margin: 1em auto;
	line-height: 1.5em;
	max-width:40em;
}

li {
	margin: 1em auto;
	line-height: 1.5em;
	max-width:40em;
}

p.tall-left {
	margin-right: 0.5em;
	display: inline-block;
	}

p.tall-right {
	margin-left: 0.5em;
	display: inline-block;
	}

a {
	text-decoration: none;
	color: #6CA0A8;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	font-weight:bold;
}

a:hover {
	color: #96C0C2;
}

blockquote {
	margin: 1.5em auto;
	padding: 0 0 0 1em;
	border-left: 1px solid #eee;
	font-family: Arial,Helvetica;
	max-width: 40em;
}

cite {
	font-style: italic;
}

em {
	font-style: italic;
}

hr {
	margin: 0.5em 3em 2em;
	color: #888;
	background-color: transparent;
	border-bottom: 1px solid #888;
	height: 1px;
	padding: 0 0 2px;
	border-left: 0;
	border-right: 0;
}

hr.rule {
	margin: 0.5em auto 1.5em;
	background: url('images/rule.png') no-repeat center;
	height: 10px;
	border: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	text-align:center;
}

.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.alignblock {
	display: inline-block;
}

/* ================================================================================================================= */
/* = Structure */
/* ================================================================================================================= */


.article {
	background: #333;	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	-moz-box-shadow:inset 0 0 20px #000, 0 0 40px 2px #333;
	-webkit-box-shadow:inset 0 0 20px #000, 0 0 40px 2px #333;
	box-shadow:inset 0 0 20px #000, 0 0 40px 2px #333;
	overflow: hidden;
}

#content-upper {
	margin: 0 0 1em 0;
}

#featured {
	margin: 3em 3em 0;
}

.entry-content {
	margin: 1em 3em;
}

.post { 
	margin: 0 0;
}

#content-lower {
	margin: 0.5em 0;
}

.content-inner-left {
	margin: 1em 0 1em 3em;
}

.content-inner-right {
	margin: 1em 0 1em 3em;
}

#primary {
	padding:1em 3em 1em 0;
}

#secondary {
	padding:1em 3em 1em 0;
}

#main .widget-area {
	float: left;
	overflow: hidden;
}

/* ================================================================================================================= */
/* = Header */
/* ================================================================================================================= */


div#header {
	margin:0 auto;
	padding:0;
}

h1#site-title {
	padding:2em 0 1em;
}

h1#site-title a {
}

h1#site-title a img {
	padding:0;
	margin:0;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

h1#site-title a:hover img {
	opacity: 1;
	-moz-opacity: 1;
}

h2#site-description {
	color: #000;
	display: block;
	font-size: 1em;
	height: 0;
	width: 0;
	text-decoration: none;
	text-indent: -9999px;
}

/* ================================================================================================================= */
/* = Footer */
/* ================================================================================================================= */


#footer-menu p {
	padding:1em;
	float:left;
	font-size:0.9em;
}

#site-info p {
	padding:1em;
	float:right;
	font-size:0.9em;
}

/* ================================================================================================================= */
/* = Navigation */
/* ================================================================================================================= */


#access {
	display: block;
	float: left;
	margin: 1em auto 0.5em;
	position:relative;
	overflow: hidden;
	width:100%;
}
#access ul {
	display:block;
	float:left;
	left:50%;
	position:relative;
	list-style: none;
	margin: 0 auto;
	text-transform: uppercase;
	font-family: times new roman, serif;
	font-size:0.7em;
	letter-spacing:0.1em;
	text-shadow: white 0 0 1px;
}
#access ul li {
	display:block;
	float:left;
	right:50%;
	position:relative;
	padding: 0.5em 0.8em;
}

#access ul li.home {

}

#access li a {
	color: #999;
	display:block;
	font-weight: normal;
}
#access li a span {
	display:block;
	margin:0 auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: center;
	color: #aaa;
}
#access li a:hover span {
	color: #fff;
}
#access ul li a img {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin: 0 auto;
	display:block;
}
#access ul li a:hover img {
	opacity: 1;
	-moz-opacity: 1;
}
#access a {
	display: block;
	line-height: 1.8em;
	padding: 0;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #;
}
#access ul ul a:hover {
	background: #;
}
#access ul li:hover > ul {
	display: block;
}

#nav-below, #nav-above {
	margin: 1em 3em;
}

.navigation {
	margin: 1em auto;
}

.nav-next {
	float:right;
	margin: 1em 0 1em 3%;
	width:47%;
}

.nav-next a {
	float:right;
}

.nav-previous {
	float:left;
	margin: 1em 3% 1em 0;
	width:47%;
}

.nav-previous a {
	float:left;
}

/* ================================================================================================================= */
/* = Content */
/* ================================================================================================================= */


#content {
	margin: 3em auto 0;
}

#content h1 {
	font-size: 1.6em;
	font-weight: bold;
}

#content h2 {
	font-size: 1.4em;
	font-weight:bold;
	padding: 1em 0;
}

#content h3 {
	font-size: 1.2em;
	font-weight:bold;
	padding: 1em 0;
}

#content h4 {
	font-size: 1em;
	padding: 1em 0;
}

#content h5 {
	font-size: 0.9em;
	padding: 1em 0;
}

#content h6 {
	font-size: 0.9em;
	padding: 1em 0;
}

#content div.post {
	margin: 0 1.5em 2em;
}

#content ul, #content ol {
/*	margin: 0.5em 0; */
}

#content li {
/*	margin: 0 1em; */
}

#content pre {
	margin: 0.5em 0;
	padding: 0.5em;
	background-color: #fdfdfd;	
	border: 1px solid #eeeeee;
}

#content address {
	font-style: italic;
	margin: 1.5em 0;
}

#content var {
	font-style: italic;
}

h1.entry-title, h1.page-title, h2.entry-title {
	text-align: center;
	padding: 0.5em 3em;
	font-weight: bold;
	font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;	
	font-size: 1.8em;
	line-height:1.2em;
	text-decoration: none;
	color: #ddd;
	clear: both;
/*	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8) */
}

h1.front-title, h2.front-title {
	text-align: center;
	padding: 0.5em 3em;
	font-weight: bold;
	font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;	
	font-size: 1.2em;
	line-height:1.2em;
	text-decoration: none;
	color: #ddd;
	clear: both;
/*	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8) */
}

#content abbr, #content acronym {
	border-bottom: 1px dotted #ccc;
}

#content big {
	font-size: 1.2em;
}

#content ins {
	color: #333;
	background: #f5f5f5;
	text-decoration: none;
}

.archive-meta {
	margin: 0 2em 2em;
}

.entry-title a, .page-title a, .front-title a {
	color: #ddd;
	text-decoration: none;
}

.entry-title a:hover, .page-title a:hover, .front-title a:hover {
	color: #fff;
}

.entry-utility {
	margin: 2em 3em 1em;
	background-color: #444;
	min-height: 45px;
	height: auto !important;
	height: 45px;
	line-height: 45px;
	padding: 0 1em;
	font-style: italic;
	-webkit-column-span:all;
	-moz-column-span:all;
	column-span:all;
}

.singlepost-utility {
	margin: 1em 3em 2em;
	background-color: #444;
	min-height: 45px;
	height: auto !important;
	height: 45px;
	line-height: 45px;
	padding: 0 1em;
	font-style: italic;
	-webkit-column-span:all;
	-moz-column-span:all;
	column-span:all;
}

.entry-meta {
	clear: both;
	display: block;
	padding: 0 1em;
}

span.older-posts a, span.newer-posts a {
	text-decoration: none;
	margin-right: 20px;
}

.colspan1 {
	margin: 1em 20%;
	line-height: 1.5em;
	}

div.colspan2 {
	text-align: justify;
	padding: 1em 0;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-width: auto;
	-moz-column-width: auto;
	column-width:auto;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	column-gap: 1em;
	-webkit-column-fill:balance;
	-moz-column-fill:balance;
	column-fill:balance;
	/* -webkit-column-rule: 1px solid #c4c8cc;
	-moz-column-rule: 1px solid #c4c8cc;
	column-rule: 1px solid #c4c8cc; */
}
div.colspan3 {
	text-align: justify;
	padding: 1em 0;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-width: auto;
	-moz-column-width: auto;
	column-width:auto;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	column-gap: 1em;
	-webkit-column-fill:balance;
	-moz-column-fill:balance;
	column-fill:balance;
	/* -webkit-column-rule: 1px solid #c4c8cc;
	-moz-column-rule: 1px solid #c4c8cc;
	column-rule: 1px solid #c4c8cc; */
}

div.colspan2 p, div.colspan3 p {
	margin-top: 0;
	}

h2.special {
text-align: center;
font-weight: bold;
font-family: Palatino, Georgia, serif;
font-size: 1.2em!important;
line-height: 1.2em;
color: #ccc;
text-transform: uppercase;
padding: 2em 0 0.5em!important;
}

h3.special {
text-align: center;
font-weight: bold;
font-family: Palatino, Georgia, serif;
line-height: 1.2em;
color: #ccc;
font-size: 1.1em!important;
}

span.special {
text-align: center;
font-style:italic;
font-weight: bold;
font-family: Palatino, Georgia, serif;
line-height: 1.2em;
color: #ccc;
font-size: 1.1em!important;
}

.dropcap::first-letter {
	font-size: 3.4em;
	line-height: 1em;
	margin-right: .15em;
	float: left;
	display: block;
	font-family: Georgia, Times, serif;
}

span.intro {
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-family: Georgia, serif;
	font-size: 0.9em;
	font-weight:bold;
}

.small-container {
	padding: 1em 0;
}

.thumbs {
	clear:both;
	position:relative;
}

.thumbs p {
	margin: 0 0 1em;
	}

.thumbs img {
	float:left;
	background: none repeat scroll 0 0 #1E1E1E;
	border: 1px solid #000;
	margin: 0.5em 2em 1em 0;
	padding: 10px;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3)
}

.thumbs2 {
	clear:both;
	position:relative;
}

.thumbs-title h2 a {
	text-decoration: none;
	color: #bbb;
	}

.thumbs-title h2 a:hover {
	color: #fff;
}

.thumbs2 p {
	margin: 0 0 1em;
	}

.thumbs2 img {
	float:left;
	background: none repeat scroll 0 0 #1E1E1E;
	border: 1px solid #000;
	margin: 0 1em 1em 0;
	padding: 10px;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3)
}

.category {
	margin: 0 0 2em;
}

.thumbs3 {
	text-align:center;
}

.thumbs3 img {
	float:none;
	background: none repeat scroll 0 0 #1E1E1E;
	border: 1px solid #000;
	margin: 0 0 1em 0;
	padding: 10px;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3)
}

.post-thumbs {
	background: none repeat scroll 0 0 #1E1E1E;
	border: 1px solid #000;
	margin: 0.6em;
	padding: 10px;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3)
}

.post-thumbs img {
	margin: 0!important;

}

.page-intro {
	margin: 3em auto 0;
	}

.category-title {
	margin: 0 12.5%;
	text-align: center;
	}

.category-title h2 a {
	text-align: center;
	font-weight: bold;
	font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;
	text-decoration: none;
	color: #bbb;
	}

.category-title h2 a:hover {
	color: #fff;
}

.threecol:nth-child(4n+5) {
	margin-right: 0px;
}

.threecol:nth-child(4n+6) {
	clear:both;
}

.sixcol:nth-child(2n) {
	margin-right: 0;
}

.sixcol:nth-child(2n+1) {
	clear:both;
}

.sixcol:nth-child(2n) .entry-content, .sixcol:nth-child(2n) .entry-utility  {
	margin-left:1em;
}

.sixcol:nth-child(2n+1) .entry-content, .sixcol:nth-child(2n+1) .entry-utility  {
	margin-right:1em;
}

/* ================================================================================================================= */
/* = Comments */
/* ================================================================================================================= */


#dsq-content {
	font-size: 0.95em!important;
	line-height: 1.8!important;
}

.comment-form-comment textarea {
	width:100%;
	background-color: #999;
}

.comments-template {
	margin: 1em 3em;
	max-width:100%;
}

/* above is old */

#commentform {
	margin: 0;
	max-width:100%;
}

h6#comments {
	background-color:#444;
	padding: 1em;
	margin: 2em auto;
}

.commentlist {
	border-top: 1px dotted #eee;
	border-bottom: 1px dotted #eee;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size:0.9em;
	max-width:100%;
}

.commentlist ol {
	list-style:decimal;
	max-width:100%;
}

.commentlist li {
/*	-webkit-border-radius: 4px; */
/*	-moz-border-radius: 4px; */
/*	background-color: #fff; */
/*	border-radius: 4px; */
	border-top: 1px solid #777;
	margin: 0;
	max-width:100%;
}

.commentlist p {
	margin: 1em auto 1em 50px;
}

.commentlist .children p {
	margin: 1em auto 1em 40px;
}

.commentlist li cite {
	color: #111;
	font-size: 1.1em;
	font-style: normal;
	font-weight: 400;
}

.commentlist li.alt {
/*	background: #f9f9f9; */
	border-top: 1px solid #777;
}

.commentlist .children {
	list-style: none;
	margin-left: 50px;
/*	padding: 10px; */
}

.commentlist .children .depth-2 .depth-3 .depth-4 .depth-5 .depth-6 .depth-7 .depth-8 .depth-9 .depth-10 {
	list-style: none;
	padding: 0;
}

.commentlist .avatar {
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	float: left;
	margin-right: 10px;
	padding: 0;
	vertical-align: middle;
	height: 40px;
	width: 40px;
}

.commentlist .children .avatar {
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	float: left;
	margin-right: 10px;
	padding: 0;
	vertical-align: middle;
	height: 30px;
	width: 30px;
}

.comment-author .fn {
	color: #999;
}

.comment-author .says {
	color: #999;
}

.comment-body .comment-meta {
	color: #999;
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: left;
}

.comment-body .comment-meta a {
	font-size: 11px;
}

.comment-body {
	clear: both;
	padding: 10px;
}

.comment-body p {
	clear: both;
}

.comment-body .reply {
}

.pingback, .trackback {
	list-style: none;
	margin: 20px 0;
}

.pingback cite, 
.trackback cite {
	font-style: normal;
}

#pings,
#comments {
	text-align: left;
}

#respond {
/*	-moz-border-radius: 2px; */
/*	-webkit-border-radius: 2px; */
/*	background-color: #eaeaea; */
/*	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); */
/*	background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea); */
/*	background-image: -moz-linear-gradient(top, #ffffff, #eaeaea); */
/*	background-image: -ms-linear-gradient(top, #ffffff, #eaeaea); */
/*	background-image: -o-linear-gradient(top, #ffffff, #eaeaea); */
/*	background-image: linear-gradient(top, #ffffff, #eaeaea); */
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea); */
	border: 1px solid #000;
	border-bottom-color: #000;
/*	border-radius: 2px; */
	clear: both;
	margin-top: 15px;
	padding: 10px 20px 50px;
}

#respond label {
	display: inline;
}

.reply {
	margin: 1em 0 1em 50px;
}

.children .reply {
	margin: 1em 0 1em 40px;
}

.comment-form-url input,  
.comment-form-email input,
.comment-form-author input,
.comment-form-comment textarea {
	display: block;
}

.nocomments {
	color: #999;
	font-size: .9em;
	text-align: center;
}

.commentlist .bypostauthor {
	background-color: #444;
}

/* ================================================================================================================= */
/* = Widget Areas */
/* ================================================================================================================= */


h2.widgettitle {
	margin:0 0 1em 0;
	color: #ccc;
}

h3.widget-title {
	text-align:center;
	margin:0 0 1em 0;
}

.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}


/* ================================================================================================================= */
/* = Images */
/* ================================================================================================================= */


a img {
	border: none;
}

p img {
	margin: 0 auto 0.5em!important;
}

p.image {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/

img.size-auto,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

img.size-large,
img.size-medium,
img.size-full,
img.attachment-full {
	max-width:94%;
}

#featured img.attachment-full, #featured img.attachment-large,
.entry-content img.attachment-full,
.entry-content img.size-full,
.entry-content img.size-large,
.entry-content img.size-medium {
	background: none repeat scroll 0 0 #1e1e1e;
	padding: 3%;
	margin: 0 auto;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}

.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}

.galleria-container {overflow:visible;}
.galleria-stage {margin:4em 0 0 0;padding:0;}
.galleria-info{z-index:2;position:relative;}
.galleria-info-text{padding: 0 0 2em;}
.galleria-info-title{font-style:normal;color:#fff;}
.galleria-info-description{font:italic georgia,serif;margin:0;color:#bbb;}
.galleria-thumbnails-container {z-index: 8;top: 760px;}

/*-------------
SOCIAL BAR
-------------*/

span.trigger {
	/* -webkit-animation-name: pulse;
	-webkit-animation-duration: 1500ms;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 10; */
	height: auto;
	width: 6%;
	margin: 1em 2% 0;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:2;
}

@-webkit-keyframes pulse {
0% {
	opacity: 0.2;
	-moz-opacity: 0.2;
}
100%{
	opacity: 1;
	-moz-opacity: 1;}
}

span.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	font-family: times new roman, serif;
	font-weight: normal;
	font-size:0.7em;
	letter-spacing:0.1em;
	text-shadow: white 0 0 1px;
	color: #aaa;
	text-align: center;
}
span.trigger a img { 
	margin: 0;
	float:right;	
	opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

span.trigger a:hover { 	
	color: #fff;
}

span.trigger a:hover img { 	
	opacity: 1;
	-moz-opacity: 1;
}

.social_container {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
	float: right;
}

span.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 auto;
	padding: 0;
	background: #444;
	overflow: hidden;
	font-size: 1em;
	width: 84%;
	max-width: 920px;
	border: 1px solid #000;
	-moz-box-shadow:inset 0 10px 12px -7px #000, 0 0 20px #000;
	-webkit-box-shadow:inset 0 10px 12px -7px #000, 0 0 20px #000;
	box-shadow:inset 0 10px 12px -7px #000, 0 0 20px #000;
}
.toggle_container .block {
	padding: 10px;
}

#searchForm fieldset {
	padding:0;
	margin: 0;
	position: relative;
	display:block;
}

div.input {
	width:100px;
	margin: 6px 0;
	padding:3px 30px 3px 15px;
	border-radius:20px;
	border:1px solid #c6d2db;
	border-top:1px solid #b4c1cb;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
	float:right;
	background: #e8edf1;
}

div.input.focus {
        border:1px solid #9ecbe2;
	box-shadow:0 0 6px #abdcff, inset 0 1px 2px rgba(0,0,0,0.08);
}

input#s {
	width:100%;
	border:0;
	border-radius:20px;
	background:transparent;
	height:16px;
	color:#000;
	text-shadow:0 1px 1px #fff;
}

input#s:focus {
	outline:none
}

input#searchSubmit {
    width:19px;
    height:19px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(https://lh5.googleusercontent.com/-J8chiSbPXu4/TmCvMkmaSgI/AAAAAAAAArY/zXl8JI7bCwk/s800/search-icon.png) no-repeat;
    border:0;
    position:absolute;
    top:9px; right:7px;
    z-index:5;
    cursor:pointer;
}

#social-bar {
	margin-top: 7px;
}

#social-bar ul {
	text-align:center;
	}

#social-bar ul li {
	float:none;
	vertical-align:top;
	display:inline-block;
	margin:0;
	}

#social-bar li a {
	display:block;
}

#social-bar li a img {
	margin: 12px 6px 6px;
}

#social-bar .counters {
	margin: 9px 6px 6px;
}

#social-bar .counters2 {
	margin: 0 6px 6px;
}

#social-bar .search {
	margin: 0 6px 6px;
}

div#plus_card_name, span#plus_card_add, div#plusCardCount {
	text-shadow: none;
	}

.specialleft {
	width:250px;
	margin-right: 1em;
	float: left;
}

.specialleft ul li {
	text-decoration: none;
	border-bottom: 1px dashed #777;
	text-align: center;
	padding: 0 1px;
	margin: 0 10%!important;
}

.specialleft img {
	background: none repeat scroll 0 0 #1E1E1E;
	border: 1px solid #000;
	margin: 0;
	padding: 10px;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3)
}

.specialleft h2.special {
	text-align: center;
	font-weight: bold;
	font-family: Palatino, Georgia, serif;
	font-size: 1.2em!important;
	line-height: 1.2em;
	color: #ccc;
	text-transform: uppercase;
	padding: 0.5em!important;
}

.specialright {
	border-left: 1px dashed #777;
	padding: 0 0 0 3em;
	margin: 0 0 0 270px;
}

.specialright2 {
	border-left: 1px dashed #777;
	padding: 0 0 0 3em;
	margin: 0 0 0 270px;
}

.specialleft2 {
	width:250px;
	margin-right: 1em;
	float: left;
}

.specialleft2 ul li {
	text-decoration: none;
	border-bottom: 1px dashed #777;
	text-align: left;
	padding: 0 1px;
	margin: 0 10%!important;
}

.specialleft2 h2.special {
	padding: 0.5em!important;
}

.specialright2 h2 {
	text-align: left;
}

div.eU {height:33px!important;}
div.nU {margin:0!important;}
div.pU {margin:0;border:0;background-color:transparent!important;}

/* ================================================================================================================= */
/* = Flexslider */
/* ================================================================================================================= */
 
/* Browser Resets */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/

.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.flexslider ul.slides p {margin:-100px;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:hover {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* FlexSlider Custom Styles
*********************************/ 

.flex-viewport {max-height: 465px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.flexslider {margin: 0 0 1em!important; background: transparent!important; max-height: 465px;
border:0!important;
-moz-box-shadow: inset 0 0 20px #000;
-webkit-box-shadow: inset 0 0 20px black;
box-shadow: inset 0 0 20px black;
-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; 
overflow: hidden;}
.flex-container {max-width:100%;position:relative;  background:none repeat scroll 0 0 #1E1E1E;  padding:1.6em 1.6em 0;margin:0 1.5em;}
.flex-container li {max-width:100%;}
.flexslider .slides img {width: 100%; display: block; max-width:100%!important;padding:0!important;}
.flexslider .slides {max-width:100%;}
.flexslider .slides ul {max-width:100%;margin:0;padding:0;}
.flexslider .slides li {max-width:100%;margin:0;padding:0;}

.flex-control-nav {padding:0 0 1em; }
.flex-control-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-control-nav .flex-prev {left: -36px;}
.flex-container:hover .flex-next {opacity: 0.8; right: 40px;}
.flex-container:hover .flex-prev {opacity: 0.8; left: 40px;}
.flex-container .flex-next:hover, .flex-container .flex-prev:hover {opacity: 1;}
.flex-container .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.flex-control-paging li {
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, .24), inset 0px 1px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,.24), inset 0px 1px 0px rgba(0,0,0,1);
-o-box-shadow: 0px 1px 0px rgba(255,255,255,.24), inset 0px 1px 0px rgba(0,0,0,1);
box-shadow: 0px 1px 0px rgba(255, 255, 255, .24), inset 0px 1px 0px rgba(0, 0, 0, 1);
}
.flex-control-paging li a:hover { background: #6CA0A8; background: rgba(108, 160, 168, 1); -webkit-transition: all .3s ease; }
.flex-control-paging li a.flex-active { background: #6CA0A8; background: rgba(108, 160, 168, 1); cursor: default; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}

.flex-caption {
width: 96.2%;
padding: 1.9%;
position: absolute;
left: 0px;
bottom: 0px;
background: rgba(0, 0, 0, 0.6);
color: white;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
font-size: 0.9em!important;
line-height: 1em;
z-index: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
font-family: Georgia, serif;
font-weight: bold;
}

.flex-caption a {
color: #777;
}

.flex-caption a:hover {
color: #6CA0A8;
}


.vignette
{
display:block;
/* position:relative; */
}


.vignette::before
{
content:'';
position:absolute;
width:100%;
height:100%;
box-shadow:inset 0px 0px 200px 100px rgba(0, 0, 0, 0.9);
-webkit-box-shadow:inset 0px 0px 200px 100px rgba(0, 0, 0, 0.9);
-moz-box-shadow:inset 0px 0px 200px 100px rgba(0, 0, 0, 0.9);
}

.amp {
font-family: "BaskervilleAmp","CenturyOldStyleFS","Adobe Caslon Pro",Caslon,Baskerville,Palatino,"Palatino Linotype","Hoefler Text",Garamond,"URW Palladio L","Book Antiqua",Georgia,serif;
}

/* ================================================================================================================= */
/* = Media Queries */
/* ================================================================================================================= */

/* Smaller screens */

@media only screen and (max-height: 800px) {
	.article img.size-full, .article img.attachment-full  {
	max-width: 84%;
	}
}

@media only screen and (max-width: 1024px) {

	body {
	font-size: 0.9em;
	line-height: 2em;
	}

	.container {
	margin: 0px;
	}

	h1.entry-title, h1.page-title, h2.entry-title {
	font-size: 1.6em;
	}

	#access ul {
	letter-spacing:0;
	}

	#access li a img {
	height:20px;
	}

}

/* Mobile */

@media handheld, only screen and (max-width: 768px) {

	body {
	font-size: 0.9em;
	-webkit-text-size-adjust: none;
	}

	p {
	margin: 1em;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}

	.container {
	margin: 0px;
	}

	#content {
	margin: 1.5em auto 0;
	}

	#content div.post {
	margin: 0 0.5em 1em;
	}

	.page-intro {
	margin: 1.5em 0 0;
	}

	#featured {
	margin: 1.5em 0 0;
	}

	.entry-content {
	margin: 0;
	}

	.content-inner-left {
	margin: 1em 1em;
	}

	.content-inner-right {
	margin: 1em 1em;
	}

	.entry-utility {
	margin: 2em 0 1em;
	}

	h1.entry-title, h1.page-title, h2.entry-title {
	font-size: 1.4em;
	padding: 0.5em 1em;

	}

	#footer-menu p {
	padding: 0;
	margin: 1em auto;
	float: none;
	text-align: center;
	}

	#site-info p {
	padding: 0;
	margin: 1em auto;
	float: none;
	text-align: center;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	#access {
	width:98%;
	padding-left:5px;
	padding-right:5px;	}

	#access ul {
	text-align:center;
	}

	#access ul li {
	float:none;
	display:inline-block;
	}

	#access li a img {
	height:17px;
	}

	.singlepost-utility {
	margin: 1em 0 2em;
	}

	#nav-below {
	margin: 1em 0;
	}

	.meta-sepx {
	display:none;
	}

	.comments-template {
	margin: 1em 0;
	}

	#dsq-content .dsq-header-avatar img {
	max-width:50px;
	}

	.article img.size-full, .article img.attachment-full  {
	max-height: auto;
	max-width: 94%;
	}

	#social-bar .search {
	margin-top: 9px;
	}

	span.trigger a span {
	display:none;
	}

	span.trigger a img {
	min-width: 30px;
	margin-right: 0.5em;
	}

	.colspan1 {
	margin: 0 0;
	}

	div.colspan2 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	}

	div.colspan3 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	}

	.nav-next {
	margin: 1em 3%;
	width:44%;
	}

	.nav-previous {
	margin: 1em 3%;
	width:44%;	}

}

/* @end */