/*
Theme Name: Kubrick 2015 Old
Author: John Wilson
Author URI: http://www.johnwilsononline.com/
Description: A modern day, responsive version of an all time classic theme.
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kubrick
Tags: green, two-columns, right-sidebar, responsive-layout, full-width-template, post-formats, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Kubrick 2014 is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/************************************************************

RESET

************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, th {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	word-wrap: break-word;
}

html {
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background: #fff;
}

article, aside, details, figcaption, figure, footer,
header, main, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td, th {
	font-weight: normal;
	text-align: left;
}

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

blockquote, q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}


/************************************************************

REBUILD

************************************************************/

* html {
	font-size: 100%;
}

html {
	font-size: 16px;
	line-height: 1.8em;
}

body,
button,
input,
select,
textarea {
	color: #444444;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
}

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

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #fff;
	border: 1px solid #000;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px;
	box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px;
	clip: auto !important;
	display: inline-block;
	font-weight: 600;
	left: 24px;
	line-height: 24px;
	padding: 24px;
	position: absolute !important;
	top: 24px;
	z-index: 100000;
}

/* Clearing */
.clear:before,
.clear:after {
	content: '';
	display: table;
}

.clear:after {
	clear: both;
}

.entry-content:before,
.entry-content:after {
	content: '';
	display: table;
}

.entry-content:after {
	clear: both;
}

.comment-content:before,
.comment-content:after {
	content: '';
	display: table;
}

.comment-content:after {
	clear: both;
}

.site-header:before,
.site-header:after {
	content: '';
	display: table;
}

.site-header:after {
	clear: both;
}

.site-content:before,
.site-content:after {
	content: '';
	display: table;
}

.site-content:after {
	clear: both;
}

.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.site-footer:after {
	clear: both;
}

.nav-links:before,
.nav-links:after {
	content: '';
	display: table;
}

.nav-links:after {
	clear: both;
}


/************************************************************

TYPOGRAPHY

************************************************************/

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: bold;
	line-height: 110%;
	margin: 0 0 10px 0;
}

h1 {
	font-size: 24px;
        margin-top: 5px;

	}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
	font-style: italic;
}

h6 {
	font-size: 14px;
}

hr {
	border: 1px solid #CCCCCC;
	border-width: 0 0 1px 0;
	height: 0;
	margin-top: -1px;
	margin-bottom: 24px;
	padding-top: 24px;
}

p {
	margin-bottom: 24px;
}

	.wp-caption-text {
		font-size: 13px;
		font-style: italic;
		margin: 0 10px 5px;
		text-align: center;
	}

ul, ol {
	margin: 0 0 24px 36px;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 24px;
}

dt {
	font-weight: 600;
}

dd {
	margin: 0 24px 24px;
}

a {
/*	color: #3A7BFD;  */
	color: #3370EA;
	text-decoration: none;
}

a:hover {
	color: #4285F4; 
	text-decoration: underline;
}

blockquote {
	background: #F5F7F8;
	border-left: 10px solid #ECF0F1;
	margin: 0 0 24px;
	padding: 25px 25px 1px;
}

pre {
	background: #F5F7F8;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 0.875em;
	line-height: 1.6em;
	margin-top: -2px;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 25px;
}

table {
	border-bottom: 1px solid #ECF0F1;
	margin: 0 0 24px;
	width: 100%;
}

table th {
	background: #F5F7F8;
	border-bottom: 2px solid #ECF0F1;
	font-weight: bold;
	padding: 5px 10px;
}

table td {
	padding: 5px 10px;
}

b, strong {
	font-weight: bold;
}

dfn, cite, em, i {
	font-style: italic;
}

address {
	margin: 0 0 24px;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 0.875em;
	line-height: 1.6em;
}

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

mark, ins {
	background: #ffffff;
	text-decoration: none;
}

sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

figure {
	margin: 0;
}

img, .wp-caption {
	height: auto;
	max-width: 100%;
}

.alignleft {
	border: 1px solid #BDC3C7;
	display: inline;
	float: left;
	margin-right: 24px;
	padding: 4px;
}

.alignright {
	border: 1px solid #BDC3C7;
	display: inline;
	float: right;
	margin-left: 24px;
	padding: 4px;
}

.aligncenter {
	border: 1px solid #BDC3C7;
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 4px;
}

.alignnone {
	border: 1px solid #BDC3C7;
	display: block;
	padding: 4px;
}

.attachment-post-thumbnail {
	border: 1px solid #BDC3C7;
	clear: both;
	display: block;
	margin: 0 auto 24px;
	padding: 4px;
}

.wp-caption.aligncenter,
.wp-caption.alignnone {
	margin-bottom: 24px;
}

/************************************************************

LAYOUT

************************************************************/

body {
	background: #ECF0F1;
	color: #444444;
}

.site {
	background: #FFFFFF;
	margin: 0 auto;
	max-width: 1120px;
}

.site-header {
	background: #3370EA;
	color: #FFFFFF;
	padding: 1%;
	text-align: center;

}

	.site-header .site-title {
		font-size: 32px;
		margin: 0 0 10px;

	}

	.site-header .site-title a {
		color: #FFFFFF;
		text-decoration: none;

	}

	.site-description {
		margin: 0;
	}

.site-content {

}

	.site-content .content-area {
		padding: 24px;
	}

	.site-content .nav-links {
		clear: both;
		margin-bottom: 24px;
	}

	.site-content .nav-links .nav-previous {
		float: left;
		width: 48%;
	}

	.site-content .nav-links .nav-next {
		float: right;
		text-align: right;
		width: 48%;
	}

	.site-content .widget-area {
		background: #F5F7F8;
		font-size: 14px;
		padding: 34px 24px 24px;
	}

.site-footer {
	clear: both;
	padding: 30px 30px 20px;
	text-align: center;
}

	.site-footer p {
		font-size: 14px;
		margin-bottom: 0;
	}

/************************************************************

POSTS

************************************************************/

.post {
	margin-bottom: 14px;
}

	/******************** POST :: ENTRY HEADER ********************/

	.entry-header .entry-meta {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 4px;
	}

		.entry-header .entry-meta .fa {
			margin-right: 5px;
		}

		.entry-header .entry-meta .updated {
			display: none;
		}

	/******************** POST :: ENTRY FOOTER ********************/

	.entry-footer {
		background: #F5F7F8;
		font-size: 12px;
		margin-bottom: 24px;
		padding: 10px 15px;
	}

	.entry-footer .fa {
		margin-right: 5px;
	}

	.entry-footer .tags-links,
	.entry-footer .comments-link,
	.entry-footer .edit-link {
		padding-left: 15px;
	}

	/******************** POST :: STICKY ********************/

	.post.sticky {
		background: #F2F9F8;
		border-top: 10px solid #DDEEEE;
		margin: 0 0 34px;
		padding: 24px 34px 10px;
	}

		.post.sticky .entry-footer {
			background: #DDEEEE;
		}

	/******************** POST :: NAVIGATION ********************/

	.post-navigation {
		clear: both;
	}

		.post-navigation .nav-links .nav-previous {
			float: left;
			width: 40%;
		}

		.post-navigation .nav-links .nav-next {
			float: right;
			text-align: right;
			width: 40%;
		}

/************************************************************

FORMS

************************************************************/

button,
input,
select,
textarea {
	margin: 0;
	/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline;
	/* Improves appearance and consistency in all browsers */
	*vertical-align: middle;
	/* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #00A085;
	border-radius: 3px;
	background: #00A085;
	color: #FFFFFF;
	cursor: pointer;
	padding: 5px 10px;
	-webkit-appearance: button;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #00BD9C;
	border-color: #00BD9C;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #333333;
	border-color: #333333;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	/* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box;
	/* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666666;
	border: 1px solid #BDC3C7;
	padding: 8px;
	width: 98%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #333333;
}

textarea {
	overflow: auto;
	/* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top;
	/* Improves readability and alignment in all browsers */
}

.entry-format, .hentry:before, .toggles .toggle:before, .comments-link:before,
.post-date:before,
.sticky .post-date:before,
.tags-links:before,
.byline:before,
.edit-link:before, .page-title:before, .site-content [class*="paging-navigation"] a:before,
.site-content [class*="post-navigation"] a:before, #cancel-comment-reply-link:before, .reply:before, .social-links ul a:before {
	-webkit-font-smoothing: antialiased;
	font-family: "Genericons";
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	vertical-align: text-bottom;
}

.entry-format, .hentry:before {
	font-size: 2.61111em;
	line-height: 1.14894em;
	background: #f45145;
	border-radius: 50%;
	color: white;
	display: block;
	line-height: 80px;
	margin-left: -40px;
	position: absolute;
	top: -44px;
	left: 50%;
	text-align: center;
	width: 80px;
	height: 80px;
}

	/************************************************************

	COMMENT FORM

	************************************************************/

	.post-password-form {
		background: #F5F7F8;
		margin-bottom: 24px;
		padding: 24px 24px 1px;
	}

	.post-password-form label {
		display: block;
		font-weight: bold;
		margin-bottom: 10px;
	}

	/************************************************************

	COMMENT FORM

	************************************************************/

	.comment-reply-title {
		margin-top: 48px;
	}

	.comment-form p.form-allowed-tags {
		font-size: 75%;
		display: none;
	}

	.comment-form label {
		display: block;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.comment-form .required {
		color: #00A085;
	}



/************************************************************

WIDGETS

************************************************************/

.widget-area .widget {
	margin-bottom: 24px;
}

	.widget-area .widget .widget-title {
		font-size: 16px;
		margin: 0 0 10px;
	}

	.widget-area .widget ul {
		margin-bottom: 0;
	}

	.widget-area .widget select {
		width: 100%;
	}

	.widget-area .widget .search-field {
		padding: 1.5%;
		width: 97%;
	}

	.widget-area .widget .search-submit {
		display: none;
	}

/************************************************************

RESPONSIVE

************************************************************/

@media screen and (min-width: 768px) {

	.site-content .content-area {
		float: left;
		padding: 20px;
		width: 67%;
	}

	.site-content .content-area.full-width {
		float: none;
		padding: 24px;
		width: auto;
	}

	.site-content .widget-area {
		float: right;
		padding: 44px 34px 34px;
		width: 32%;
	}

	.site-content .widget-area .widget .search-field {
		padding: 2.5%;
		width: 95%;
	}

	.post {
		margin-bottom: 44px;
	}

	.post.sticky {
		margin-top: 10px;
	}

}

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

	body {
		padding: 10px;
	}

	.site {
		border: 1px solid #BDC3C7;
		padding: 10px;
	}

}