/*
Theme Name: Kubrick 2014
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: 1;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	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: center;
}

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.5em;
}

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



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

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


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

TYPOGRAPHY

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

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

h1 {
	font-size: 26px;	
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 18px;
}


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: #003FBC; 
	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 10px;
	width: 80%;
}

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



small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

figure {
	margin: 0;
}

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



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

LAYOUT

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

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

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

.site-header {
	background: #003FBC;
	color: #FFFFFF;
	padding: 2%;
	text-align: center;
}

	.site-header .site-title {
		font-size: 42px;
		margin: 0 0 5px;
	}

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

	.site-description {
		margin: 0;
	}

.site-content {

}

	.site-content .content-area {
		padding: 0 24px 24px 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;
	}



		

RESPONSIVE

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


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

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

	.site-content .content-area.full-width {
		float: none;
		padding: 34px;
		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: 25px;
	}

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

}



/* ifrmae auto size css  */

#iframe_div {
  transform-origin: 0 0;
  -ms-transform-origin: 0 0; /* IE 9 */
  -webkit-transform-origin: 0 0; /* Safari 3-8 */
}

@media screen and (max-width:359px) { #iframe_div { transform: scale(0.37); -ms-transform: scale(0.37); -webkit-transform: scale(0.37);   } }
@media screen and (min-width:360px) and (max-width:450px) { #iframe_div { transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5);  } }
@media screen and (min-width:451px) and (max-width:544px) { #iframe_div { transform: scale(0.62); -ms-transform: scale(0.62); -webkit-transform: scale(0.62);  } }
@media screen and (min-width:545px) and (max-width:640px) { #iframe_div { transform: scale(0.74); -ms-transform: scale(0.74); -webkit-transform: scale(0.74);  } }
@media screen and (min-width:641px) and (max-width:730px) { #iframe_div { transform: scale(0.87); -ms-transform: scale(0.87); -webkit-transform: scale(0.87);  } }