@charset "utf-8";
/*
Theme Name: Pinboard
Theme URI: https://www.onedesigns.com/themes/pinboard
Description: A crafty and elegant theme powered by an advanced theme framework and grid system. With virtually unlimited layout options and styles, ideal for showcasing your portfolio of works or other multimedia elements like images, photo galleries, videos and podcasts.
Version: 1.1.12
Author: One Designs
Author URI: https://www.onedesigns.com/
Tags: blue, gray, silver, white, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging

License: GNU General Public License v2.0
License URI: license.txt
*/

/*
DO NOT EDIT THIS STYLESHEET!
Any modifications made to this file will be lost if you update the theme.
Instead, go to Appearance > Theme Options > Layout and enter your custom CSS there or create a child theme.
Any style attributes declared there will override the ones in this file and will not be lost during theme update.
*/

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:#d54e21;
}

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

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

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:#EEE 1px solid;
}

.entry-content a:hover img,
#attachment-nav a:hover img {
	background:#F0F0F0;
}

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

.threecol {
	width:33.3%;
}

.fourcol {
	width:24.9%;
}

.twelvecol {
	width:8.33%;
}

.twothirdcol {
	width:66.7%;
}

.threefourthcol {
	width:75%;
}

/*
	Theme Design, Layout and Typography
*/

#wrapper {
	position:relative;
	max-width:1140px;
	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:760px;
}

#header {
	border-top:#111 3px solid;
}

#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 3.4%;
	font-family:"Oswald", sans-serif;
	font-size:32px;
	letter-spacing:1px;
}

#site-title img {
	margin: 38px 0;
	vertical-align:middle;
}

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

#sidebar-header {
	float:right;
	width:728px;
	height:90px;
	margin:30px 3.4% 0 0;
	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;
}