/*
THEME NAME:e-scapeandscrap.net
THEME URI:http://e-scapeandscrap.net
DESCRIPTION:Theme for e-scapeandscrap.net
VERSION:1.0
AUTHOR:Brian Shephard
*/

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 {
	border:0;
	font:inherit;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block
}
body {
	background:#eee;
	color:#333;
    font-family:'Open Sans', Helvetica, Arial, sans-serif;
    line-height:1.6em
}
ol, ul {
	margin:0 0 0.5em
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
strong {
	font-weight:700
}
em {
	font-style:italic
}
p {
	display:block;
	margin:0;
	padding:0 0 1.500em;
	width:auto
}
small {
	color:#aaa;
	font-size:0.875em
}
h1, h2, h3, h4, h5, h6 {	
	display:block;
	font-weight:normal;
	line-height:1.2em;
	margin:0;
	padding:0
}
h1 {
	background:url('images/div.png') repeat-x 0 100%;
	font-weight:600;
    font-size:2em;
	margin-bottom:1em;
    padding-bottom:0.750em;
	position:relative;
	text-transform:uppercase
}
h1 span.icon {
	bottom:0;
	left:50%;
	margin:0 0 -10px -14px;
	position:absolute
}
h1 span.icon img {
	background:#fff;
	padding:0 4px
}
h2 {
	font-size:1.375em;
	margin-bottom:0.500em;
	text-transform:uppercase
}
h3 {
	font-size:1.250em;
	font-weight:700;
	margin-bottom:1em
}
h4 {
	color:#921c1d;
	font-size:1.250em
}
h5, h6 {
	font-size:1em
}
a, a:link, a:visited {
	color:#9dd1e6;
	text-decoration:none
}
a:hover, a:active {
	color:#9dd1e6;
	text-decoration:none
}
img {
	display:block;
	height:auto;
	max-width:100%
}
hr {
	border:0;
    border-top:1px solid #c7c5b9;
    border-bottom:1px solid #fff;
	height:0;
	margin:0 0 1.250em 0
}
input, textarea, iframe, a, #nav, #full, #content, .item {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
label {
	display:block;
	line-height:1.375em
}
select {
	padding:0.250em 1em
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus {
	outline:0
}
::-webkit-input-placeholder {
    color:#aaa
}
:-moz-placeholder {
    color:#aaa
}
::-moz-placeholder {
    color:#aaa
}
:-ms-input-placeholder {
    color:#aaa
}

/*Container*/
.container {
	padding:0 20px
}

/*Fonts*/
@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:400;
	src:local('Open Sans'), local('OpenSans'), url(../../../static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')
}
@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:700;
	src:local('Open Sans Bold'), local('OpenSans-Bold'), url(../../../static/fonts/opensans/v7/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')
}

/*Icons*/
@font-face {
	font-family:'fontello';
	font-style:normal;
	font-weight:normal;
	src:url('fonts/fontello_21440127.eot');
	src:url('fonts/fontello_21440127.eot#iefix') format('embedded-opentype'),
		url('fonts/fontello_21440127.woff') format('woff'),
		url('fonts/fontello_21440127.ttf') format('truetype'),
		url('fonts/fontello_21440127-fontello.svg') format('svg')
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	display:inline-block;
	font-family:"fontello";
  	font-style:normal;
	font-variant:normal;
  	font-weight:normal;
	line-height:1em;
	speak:none;
	text-align:center;
  	text-decoration:inherit;
	text-transform:none;
  	width:1em
}
.icon-clock:before {
	content:'\e806'
} /* '' */
.icon-comment:before {
	content:'\e807'
} /* '' */

/*Clearfix*/
.container, #header, #main, #full, #showcase, .masonry, .footer, #commentform p, ul.page-numbers, .clearfix {
	clear:left;
	zoom:1
}
.container:after, #header:after, #main:after, #full:after, #showcase:after, .masonry:after, .footer:after, #commentform p:after, ul.page-numbers:after, .clearfix:after {
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	overflow:hidden;
	visibility:hidden
}
.clear {
	clear:both
}

/*Header*/
#secondary .logo {
	background-image:url('images/logo.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center
}
#secondary .logo a {
	display:block;
	height:100%;
	width:100%
}

/*Navigation*/
.menu {
	display:block;
	list-style:none;
	text-align:center
}
nav {
	background:#333;
	display:block;
	width:100%
}
#nav {
	display:block;
	list-style:none;
	margin-bottom:1.125em;
	position:relative;
	z-index:10000
}
#nav #toggleMenu, #nav #hideMenu {
	display:none
}
#nav>li {
	display:block;
	float:left;
	position:relative
}
#nav>li>a, #secondary .menu li a, #footer .menu li a {
	color:#aaa;
	display:block;
	font-size:0.750em;
	font-weight:700;
	padding:1.375em 1.875em;
	text-decoration:none;
	text-transform:uppercase
}
#nav>li:hover>a, #secondary .menu li:hover a, #footer .menu li:hover a {
	color:#fff
}
#nav .current-menu-item a, #secondary .menu .current-menu-item a, #footer .menu .current-menu-item a {
	color:#9dd1e6
}

/*Secondary Menu*/
#secondary {
	padding:2em 0
}
#secondary ul {
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	list-style:none;
	padding:0.375em 0;
	text-align:center
}
#secondary ul li {
	display:inline
}
#secondary ul li a {
	color:#333;
	display:inline-block;
	font:700 0.875em/2.375em 'Merriweather', serif;
	padding:0.125em 1.375em;
	text-align:center;
	text-transform:uppercase
}
#secondary ul li a:hover {
	background:#d7d7d7;
	-webkit-border-radius:1.125em;
	-moz-border-radius:1.125em;
	border-radius:1.125em
}

/*Banner*/
#banner {
	background:#fff
}
#banner img {
	margin:0 auto
}

/*Main*/
#main {
	padding:2em 0
}
#main input[type="text"], #main input[type="email"], #main input[type="tel"], #main input[type="url"], #main input[type="password"], #main textarea {
	background:#eee;
	border:none;
	margin-bottom:0.250em;
	padding:7px 5px
}
#main input[type="submit"] {	
	background:#9dd1e6;
	border:none;
	color:#fff;
	cursor:pointer;
	padding:0.750em;
	text-align:center;
	text-transform:uppercase;
	width:100%
}
#main input[type="submit"]:hover {
	background:#9dd1e6 url('images/bg-light.png') repeat 0 0
}

/*Main - Responsive Video*/
#main .wrapper iframe {
	border:6px solid #ccc;
	width:100%
}

/*Main - Contact Forms*/
#content .wpcf7 input[type="text"], #full .wpcf7 input[type="text"], #content .wpcf7 input[type="email"], #full .wpcf7 input[type="email"], #content .wpcf7 input[type="tel"], #full .wpcf7 input[type="tel"], #content .wpcf7 textarea, #full .wpcf7 textarea {
	background:#ccc;
	width:100%
}

/*Content*/
#content, #full {
	background:#fff url('images/border.gif') repeat-x 0 0;
	border-bottom:7px solid #ddd;
	border-top:1px solid #ccc;
	padding:2em;
	text-align:center
}
a.blog {
	background:#fff;
	border-bottom:1px solid #ddd;
	display:block;
	font-weight:700;
	padding:1.500em;
	text-align:center;
	text-transform:uppercase;
	width:100%
}
a.blog span {
	clear:both;
	display:block
}
a.blog strong {
	color:#333;
	clear:both;
	display:block;
	font-size:1.375em
}
a.blog:hover {
	background:#9dd1e6 url('images/bg-light.png') repeat 0 0;
	color:#fff
}

/*Full*/
#full {
	margin-bottom:1.500em;
	width:100%
}

/*Showcase*/
#showcase .item {
	border-bottom:7px solid #ddd
}

/*Masonry*/
.item {
	background:#fff;
	text-align:center
}
.item a {
	display:block;
	height:100%;
	width:100%
}
.item img {
	margin:0 auto 1.500em auto
}
.item .content {
	background:#fff;
	padding:1.500em
}
.item p {
	color:#333
}
.category {
    font-size:0.875em;
    font-weight:700;
    padding-bottom:0.250em;
	text-transform:uppercase
}
.item h2 {
	background:url('images/div.png') repeat-x 0 100%;
	font-size:1.375em;
    font-weight:700;
	padding-bottom:1.500em;
	margin-bottom:1em;
    text-transform:uppercase
}
.item h2 {
	color:#333
}
.item p {
    font-family:'Merriweather', serif
}
.item .more {
	color:#9dd1e6;
	font-weight:700
}
.footer {
	background:#ddd;
	border-bottom:1px solid #ccc;
	color:#999;
	font:normal 0.875em 'Merriweather', serif;
	padding:1em
}
.date {
	float:left;
	text-align:left;
	width:50%
}
.comments {
	float:right;
	text-align:right;
	width:50%
}
.icon-clock {
	font-size:1.250em;
	margin-right:0.500em
}
.icon-comment {
	font-size:1.250em;
	margin-left:0.500em
}

/*Single*/
#single .post {
	background:#fff url('images/border.gif') repeat-x 0 0;
	border-top:1px solid #ccc;
	margin-bottom:1.500em;
	padding-top:2em;
	text-align:center
}
#single header, #single .content {
	margin:0 2em
}
.content img {
	margin:0 auto 1.500em auto
}

/*Blog - Pagination*/
.page-numbers {
	list-style:none;
	margin:0;
	padding:0
}
.page-numbers li {
	float:left
}
.page-numbers a, .page-numbers span {
	background:#aaa;
	color:#333;
	margin:10px 2px 2px 2px;
	padding:0.325em 0.750em; 
	text-decoration:none;
}
.page-numbers a:hover, .page-numbers span.current {	
	background:#9dd1e6;
	color:#333
}

/*Blog - Comments*/
#comments {
	background:#fff url('images/border.gif') repeat-x 0 0;
	border-bottom:7px solid #ddd;
	border-top:1px solid #ccc;
	padding:2em
}
ol.comment-list {
	list-style:none;
	margin:0 0 1em;
	padding:0;
	text-indent:0
}
ol.comment-list li {
	background:#f7f7f7;
	margin-top:1em;
	text-align:left !important
}
ol.comment-list li.comment {
	padding:1em
}
ol.comment-list li.comment div.comment-author {}
ol.comment-list li.comment div.vcard {
	font:normal 16px georgia,times,serif
}
ol.comment-list li.comment div.vcard cite.fn {
	font-style:normal
}
ol.comment-list li.comment div.vcard cite.fn a.url {
	text-decoration:none
}
ol.comment-list li.comment div.vcard img.avatar {
	float:left;
	margin:0 1em 0 0
}
ol.comment-list li.comment div.comment-meta {
	font-size:10px
}
ol.comment-list li.comment div.comment-meta a {
	color:#5f3b21;
	text-decoration:none;	
}
ol.comment-list li.comment p {
	margin:0.500em 0 0 0
}
ol.comment-list li.comment ul {
	list-style:square;
	margin:0 0 1em 2em
}
ol.comment-list li.comment div.reply {
	display:none;
	text-align:right
}
ol.comment-list li.comment div.reply a {
	text-transform:uppercase;
	width:auto
}
ol.comment-list li.comment ul.children {
	list-style:none;
	margin:1em 0 0;
	text-indent:0
}
ol.comment-list li.comment ul.children li.depth-2 {
	border-left:5px solid #eee;
	margin:0 0 .25em .25em
}
ol.comment-list li.comment ul.children li.depth-3 {
	border-left:5px solid #f7f7f7;
	margin:0 0 .25em .25em
}
ol.comment-list li.comment ul.children li.depth-4 {
	border-left:5px solid #f7f7f7;
	margin:0 0 .25em .25em
}
ol.comment-list li.even {
	background:#f7f7f7
}
ol.comment-list li.parent {
	border-left:5px solid #f7f7f7
}
.nocomments {
	display:none
}

/*Blog - Reply*/
#respond {

}
#respond h3 {
	background:url('images/div.png') repeat-x 0 100%;
	font-weight:600;
    font-size:1.500em;
	margin-bottom:1em;
    padding-bottom:0.750em;
	text-align:center;
	text-transform:uppercase
}
#commentform p {
	margin-bottom:0.750em;
	padding:0
}
#commentform input[type="text"], #commentform textarea, #commentform label {
	margin:0;
	width:100%
}
#commentform label small {
	font-weight:700;
	margin:0;
	padding:0
}

/*Sidebar*/
#sidebar .widget {
	background:#ddd;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin:0 0 1.500em;
	padding:0.500em 0 1em 0;
	text-align:center
}
#sidebar h3 {
	background:#fff;
	color:#333;
	font:normal 1.250em/1 'Merriweather', serif;
	margin-bottom:1em;
	padding:0.500em 0;
	text-transform:uppercase
}
#sidebar ul {
	list-style:none
}
#sidebar .menu li a {
	color:#333;
	display:inline-block;
	font-size:0.875em;
	font-weight:700;
	padding:0.250em;
	text-decoration:none;
}
#sidebar .menu li:hover a {
	color:#9dd1e6
}
#sidebar ul ul {
	margin-left:1em
}
#sidebar img {
	margin:0 auto 0.500em auto
}

/*Sidebar - Forms*/
#sidebar input[type="search"] {
	background:#eee;
	border:none;
	color:#aaa;
    padding:0.750em 1em;
	text-align:center;
	-webkit-border-radius:1.250em;
	-moz-border-radius:1.250em;
	border-radius:1.250em
}
.screen-reader-text, .search-submit {
	display:none
}

/*Sidebar - Subscribe*/
#sidebar .s2_message {
	font-size:0.875em;
	padding:0 1em
}
#sidebar .s2_message a {
	color:#333;
	font-weight:700
}

/*Footer*/
#footer {
	background:#333 url('images/bg-dark.png') repeat 0 0;
	color:#aaa;
	padding:2em 0;
	text-align:center
}

/*Footer - Ads*/
#footer .advertisments img {
	margin:0 auto 0.250em auto
}

/*Footer - Menu*/
#footer .nav {
	background:#333;
	margin:2em 0
}

/*Footer - Copyright*/
#footer .copyright {
	color:#555
}

/*WordPress - Shortcodes*/
.one_half {
	width:48%
}
.one_third {
	width:30.66%
}
.two_third {
	width:65.33%
}
.one_fourth {
	width:22%
}
.three_fourth {
	width:74%
}
.one_fifth {
	width:16.8%
}
.two_fifth {
	width:37.6%
}
.three_fifth {
	width:58.4%
}
.four_fifth {
	width:79.2%
}
.one_sixth {
	width:13.33%
}
.five_sixth {
	width:82.67%
}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {
	float:left;
	margin-right:4%;
	min-height:1px;
	margin-bottom:0;
	position:relative
}
.last {
	margin-right:0!important;
	clear:right
}

/*WordPress Core*/
.wp-post-image {
	margin-bottom:1.500em
}
.alignnone {
    margin:5px 20px 20px 0
}
.aligncenter, div.aligncenter {
    display:block;
    margin:5px auto 5px auto
}
.alignright {
    float:right;
    margin:5px 0 20px 20px
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0
}
.aligncenter {
    display:block;
    margin:5px auto 5px auto
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px
}
a img.alignnone {
    margin:5px 20px 20px 0
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto
}
.wp-caption {
    background:#fff;
    border:1px solid #f0f0f0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0
}
.wp-caption.alignright {
    margin:5px 0 20px 20px
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto
}
.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px
}
li.widget {
	list-style:none;
	margin:0 0 2em 0;
	padding:0
}
li.widget:last-child {
	margin:0
}

/*Contact Form 7*/
.wpcf7 {
	margin:0;
	padding:0
}
.wpcf7-response-output {
	margin:2em 0.5em 1em;
	padding:0.2em 1em
}
.wpcf7-mail-sent-ok {
	border:2px solid #398f14
}
.wpcf7-mail-sent-ng {
	border:2px solid #ff0000
}
.wpcf7-spam-blocked {
	border:2px solid #ffa500
}
.wpcf7-validation-errors {
	border:2px solid #f7e700
}
.wpcf7-form-control-wrap {
	position:relative
}
.wpcf7-not-valid-tip {
	position:absolute;
	top:20%;
	left:20%;
	z-index:100;
	background:#fff;
	border:1px solid #ff0000;
	font-size:10pt;
	width:280px;
	padding:2px
}
.wpcf7-not-valid-tip-no-ajax {
	color:#f00;
	font-size:10pt;
	display:block
}
.wpcf7-list-item {
	margin-left:0.5em
}
.wpcf7-display-none {
	display:none
}
.wpcf7 .ajax-loader {
	border:none;
	vertical-align:middle;
	margin-left:4px;
	display:none
}
.wpcf7 .ajax-error {
	display:none
}
.wpcf7 .placeheld {
	color:#888
}
.wpcf7-form br {
	display:none;
}

/*Mobile Devices*/
@media screen and (max-width:719px) {
	
	body {
		font-size:0.813em;
		padding:0
	}

	/*Container*/
	.container {
		padding:0 10px
	}
	
	/*Wordpress Shortcodes*/
	.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {
		float:none;
		margin:0;
		width:100%
	}
	/*Wordpress Core*/
	.alignright, .alignleft, a img.alignright, a img.alignnone, a img.alignleft {
		display:block;
    	float:none;
   		margin-left:auto;
    	margin-right:auto;
		width:80%
	}
	
	/*Remove*/
	#secondary ul {
		display:none
	}

	/*Navigation*/
	#nav li {
		border:none;
		display:none;
		float:none;
		padding:0 10px
	}
	#nav>li>a {
		padding:0.750em 0
	}
	.dropdown>a::after {
		display:none
	}
	#nav #toggleMenu, #nav:target li {
		display:block
	}
	#nav #toggleMenu>a, #nav #hideMenu>a {
		text-align:left;
		z-index:999
	}
	#nav:target #toggleMenu {
		display:none
	}
	#nav:target #hideMenu {
		color:#9dd1e6;
		display:block;
		padding:0;
		z-index:999
	}
	#nav #hideMenu>a {
		color:#9dd1e6
	}
	#toggleMenu>a::after, #hideMenu>a::after {
		border-bottom:2px solid #aaa;
		border-top:2px solid #aaa;
		content:"";
		height:3px;
		position:absolute;
		right:10px;
		top:11px;
		width:20px;
		z-index:1
	}
	#toggleMenu>a::before, #hideMenu>a::before {
		border-bottom:2px solid #aaa;
		content:"";
		height:3px;
		position:absolute;
		right:10px;
		top:18px;
		width:20px;
		z-index:1
	}
	#hideMenu>a::after, #hideMenu>a::before {
		border-color:#9dd1e6
	}
	
	/*Secondary Menu*/
	#secondary .logo {
		height:108px;
		margin:0 auto;
		width:196px
	}
	
	/*Content*/
	#content {
		margin-bottom:1.500em
	}
	
	/*Content - Masonry*/
	.item {
		margin-bottom:1.500em;
		width:100%
	}
	
	/*Single*/
	#respond {
		margin-bottom:1.500em
	}
	
	/*Blog - Pagination*/
	.pagination {
		margin-bottom:3em
	}
	
	/*Sidebar*/
	#sidebar .menu li a {
		margin:0.500em 0;
		padding:0
	}
	
	/*Footer*/
	#footer .menu {
		padding:1em 0
	}
	#footer .menu li a {
		padding:0
	}
	
}


/*Min Width - 720px;*/
@media screen and (min-width:720px) {
	
	body {
		font-size:0.750em;
		padding:0
	}
	
	/*Container*/
	.container {
		margin:0 auto;
		padding:0 10px;
		width:700px
	}
	
	/*Navigation*/
	nav .menu li, #secondary .menu li, #footer .menu li {
		display:inline;
	}
	nav .menu li a, #secondary .menu li a, #footer .menu li a {
		display:inline-block
	}
	
	/*Secondary Menu*/
	#secondary ul {
		float:left;
		margin-top:2.875em;
		width:263px
	}
	#secondary .logo {
		float:left;
		height:79px;
		margin:0 15px;
		width:144px
	}
	
	/*Content*/
	#content, #blog, #single {
		float:left;
		width:466px
	}

	/*Content - Masonry*/
	.item {
		float:left;
		margin:0 15px 15px 0;
		width:218px
	}

	/*Sidebar*/
	#sidebar {
		float:left;
		margin-left:15px;
		width:219px
	}
	
	/*Footer*/
	#footer .col {
		float:left;
		width:33.3%
	}
	
}


/*Min Width - 986px;*/
@media screen and (min-width:986px) {
	
	/*Container*/
	body {
		font-size:0.875em
	}
	
	/*Container*/
	.container {
		width:966px
	}
	
	/*Secondary Menu*/
	#secondary ul {
		margin-top:2.250em;
		width:365px
	}
	#secondary .logo {
		height:108px;
		margin:0 20px;
		width:196px
	}
	
	/*Content*/
	#content, #blog, #single {
		width:646px
	}
	
	/*Content - Masonry*/
	.item {
		margin:0 20px 20px 0;
		width:303px
	}
	
	#showcase .item {
		margin:0 10px 20px 10px;
		width:302px
	}

	/*Sidebar*/
	#sidebar {
		margin-left:20px;
		width:300px
	}

}