/*---:[ Thesis CSS reset ]:---*/
* {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, abbr, acronym, fieldset {
	border: 0;
}
code {
	line-height: 1em;
}
pre {
	overflow: auto;
	clear: both;
	word-wrap: normal;
	-moz-tab-size: 4;
	tab-size: 4;
}
sub, sup {
	line-height: 0.5em;
}
img, .wp-caption {
	max-width: 100%;
	height: auto;
}
iframe, video, embed, object {
	display: block;
	max-width: 100%;
}
img {
	display: block;
}
.left, .alignleft, img[align="left"] {
	display: block;
	float: left;
}
.right, .alignright, img[align="right"] {
	display: block;
	float: right;
}
.center, .aligncenter, img[align="middle"] {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	float: none;
	clear: both;
}
.block, .alignnone {
	display: block;
	clear: both;
}
.wp-smiley {
	display: inline;
}
/*---:[ packages ]:---*/


.comment { font-size: 15px; line-height: 24px; background-color: #F8FAF5; padding-bottom: $half; }
.comment .comment_author { font-size: 19px; line-height: 28px; }
.comment .comment_aux { font-size: 12px; line-height: 21px; }
.children .comment { list-style-type: none; }
.children .bypostauthor { margin-top: $single; }
.comment .comment_text ul { list-style-type: square; }
.comment .comment_text ul, .comment .comment_text ol { margin-left: 24px; }
.comment p, .comment .comment_text ul, .comment .comment_text ol, .comment .comment_text blockquote, .comment .comment_text pre { margin-bottom: 24px; }
.comment .comment_text li ul, .comment .comment_text li ol { margin-left: 24px; margin-bottom: 0; }
.comment .comment_text .left, .comment .comment_text .alignleft { margin-bottom: 24px; margin-right: 24px; }
.comment .comment_text .right, .comment .comment_text .alignright { margin-bottom: 24px; margin-left: 24px; }
.comment .comment_text .center, .comment .comment_text .aligncenter { margin: 0 auto 24px auto; }
.comment .comment_text .block, .comment .comment_text .alignnone { margin: 0 auto 24px 0; }
ul.comments { list-style: none; margin-left: 0; }
.comments > .comment { border-bottom: 1px solid $g; margin-bottom: $single; }
.comment-head { margin-bottom: $single; }
.comment .avatar { float: left; $circle; margin-right: 8px;}
.comment_date a { border: 0; color: $dg; display: block; font-size: 13px; }
.comment_date a:hover, a.comment-reply-link:hover { color: $p; }
a.comment-reply-link { display: block; margin-top: $single; }
a.comment-reply-link { border: 0; color: $dg; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; }
#commentform { margin: $double 0; }
#comment_form_title { font-size: 21px; }
.comments_intro { font-size: 21px; line-height: 31px; margin: $single 0; padding-bottom: $half; text-align: center; }
.comments_intro a { font-size: 15px; }
#commentform p { margin-bottom: $single; }
#commentform label { color: $dg; display: block; margin-bottom: $half; }
#commentform .required { color: #ae2525; }
#commentform input[type="text"] { width: 50%; }
#commentform textarea { width: 100%; }
#cancel-comment-reply-link { float: right; }
#comment_nav { list-style: none; margin-left: 0; }
.author-box { border-width: 1px 0; border-style: solid; border-color: $g; margin-top: $single; padding-top: $single; padding-bottom: $single; }
.author-avatar, .author-text { float: left; }
.author-avatar { float: left; margin-right: 1%; width: 22%; }
.author-text { width: 77%; }
.author-box .avatar { $circle; }
p.author-name { margin-bottom: $fourth; }
.author-name a { border: 0; font-size: 18px; font-weight: 500; }
.author-name a:hover { color: $dg; }
.author-box .icon { margin-right: $fourth; }
.entry p.twitter-icon { margin-bottom: $half; }
.twitter-icon span { color: #4fa0da; }
.button { color: #fff; border-width: 1px; border-style: solid; }
.button { color: #fff; border-width: 1px; border-style: solid; }
.button, a.button, a.button:hover, input[type="submit"], .previous_posts a, .next_posts a, #cancel-comment-reply-link { border: 1px solid rgba(0, 0, 0, .4) !important; color: #fff !important; display: inline-block; font-size: 1em; font-weight: 500; padding: 8px 12px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .6); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px 1px rgba(255, 255, 255, .4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px 1px rgba(255, 255, 255, .4); box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px 1px rgba(255, 255, 255, .4); }
.button.red, input[type="submit"], #cancel-comment-reply-link { background-color: #ae2525; }
.button.red:hover, input[type="submit"]:hover, #cancel-comment-reply-link:hover { background-color: #921717; }
.button.green, input.input_submit { background-color: #30a146; }
.button.green:hover, input.input_submit:hover { background-color: #03821b; }
.button.orange { background-color: #f99015; }
.button.orange:hover { background-color: #e37b01; }
.button.blue { background-color: #16a4c8; }
.button.blue:hover { background-color: #127ea7; }
.button.gray, .previous_posts a, .next_posts a { background-color: #dadada; border-color: rgba(0, 0, 0, .2); color: #777 !important; text-shadow: 1px 1px 1px rgba(255, 255, 255, .6); }
.button.gray:hover, a.button.gray:hover, .previous_posts a:hover, .next_posts a:hover { background-color: #ccc; }
.button.dark { background-color: #2e2e2e; }
.button.dark:hover { background-color: #010101; }
input { font-size: inherit; line-height: 1em; font-family: inherit; }
input:focus { border-style: solid; }
input { font-size: inherit; line-height: 1em; font-family: inherit; background-color: #fff; }
input, textarea { background-color: #fff; border: 1px solid #ddd; font-family: inherit; font-size: 15px; padding: 12px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -webkit-appearance: none; }
input[type="text"], input[type="email"], input[type="password"], textarea { -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; }
input.name, input#author, input.email, input#email, input#url { background: #fff; no-repeat; padding-left: 41px; }
input.name, input#name { background-position: 2px 0; }
input.email, input#email { background-position: 2px -43px; }
input#url { background-position: 2px -86px; }
input:focus, textarea:focus { border-color: #ff7878; -moz-box-shadow: 0 0 5px #ff7878; -webkit-box-shadow: 0 0 5px #ff7878; box-shadow: 0 0 5px #ff7878; }
form input[type="submit"] { border: 1px solid rgba(0, 0, 0, .4); color: #fff; cursor: pointer; padding: 12px; }
:-moz-placeholder { color: #777; }
::-webkit-input-placeholder { color: #777; }
:focus::-webkit-input-placeholder { color: transparent; }
:focus:-moz-placeholder { color: transparent; }



/*---:[ shortcodes + widgets ]:---*/







/*---:[ global ]:---*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background-image: url('images/bg.png');
	color: #1E1E1E;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 25px;
}
ul { list-style: square; }
p:last-child { margin-bottom: 0 !important; }
.inner {
	margin-left: auto;
	margin-right: auto;
	width: 1032px;
}

/*---:[ fonts ]:---*/
@font-face {
	font-family: marketing;
	src: url('fonts/marketing/marketing.eot?') format('eot'),
		 url('fonts/marketing/marketing.woff') format('woff'), 
		 url('fonts/marketing/marketing.ttf') format('truetype'), 
		 url('fonts/marketing/marketing.svg#marketing') format('svg');
	font-style: normal;
	font-weight: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome/fontawesome-webfont.eot?v=3.2.1');
  src: url('fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('fonts/fontawesome/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('fonts/fontawesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('fonts/fontawesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*---:[ links (shared) ]:---*/
a {
	color: #AE2525;
	text-decoration: none;
}
	a img { vertical-align: top; }

/*---:[ forms ]:---*/
.md-form input, .md-form textarea {
	background-color: #fff;
	border: 1px solid #DDDDDD;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
.md-form input[type='text'], .md-form input[type='email'], .md-form input[type='password'], .md-form textarea, #cancel-comment-reply-link { padding: 6px 13px; }
.md-form textarea { padding: 13px; }
.md-form input[type='submit'] {
	border: 1px solid rgba(0, 0, 0, .4);
	color: #fff;
	cursor: pointer;
	padding: 6px 13px;
	-webkit-appearance: none;
}
.md-form .name, #author { background-image: url('images/name.png'); }
.md-form .email, #email { background-image: url('images/email.png'); }
#url { background-image: url('images/url.png'); }
.md-form input.name, .md-form input.email, #author, #email, #url {
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 38px;
}
.md-form ::-webkit-input-placeholder { color: #777777; }
.md-form :focus::-webkit-input-placeholder { color: transparent; }
.md-form :-moz-placeholder { color: #777777; }
.md-form :focus:-moz-placeholder { color: transparent; }

/*---:[ helpers ]:---*/
.circle { border-radius: 50%; }
.first { margin-left: 0 !important; }

/*---:[ columns (shared) ]:---*/
.columns-three .col {
	margin-left: 2.5%;
	width: 31.667%;
}
.columns-two .col {
	margin-left: 2.5%;
	width: 48.751%;
}
/*---:[ content blocks (shared) ]:---*/
.mini-blocks li {
	color: #777777;
	float: left;
	font-size: 13px;
	margin-bottom: 13px;
	text-align: center;
	width: 48.5%;
}
	.mini-blocks li:nth-of-type(even) { margin-left: 3%; }
.blocks-list li:not(:last-child) {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 13px;
	padding-bottom: 13px;
}

/*---:[ buttons ]:---*/
.md-button, .post_box .md-button, .sidebar .md-button, .md-form input[type='submit'], #cancel-comment-reply-link {
	border: 1px solid rgba(0, 0, 0, .3);
	border-radius: 3px;
	display: inline-block;
	font-size: 1em;
	font-weight: 500;
}
.md-button.color-red, .md-button.color-green, .md-button.color-orange, .md-button.color-blue, .md-button.color-dark, #cancel-comment-reply-link, .menu .md-button:not(.color-gray) a {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}
.md-button.color-gray, .menu .md-button.color-gray a {
    color: #777777;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .6);
}

/*---:[ colors ]:---*/
.color-red, #cancel-comment-reply-link { background-color: #ae2525; }
	.color-red:hover, #cancel-comment-reply-link:hover { background-color: #921717; }
.color-green, .md-form input[type='submit'] { background-color: #30a146; }
	.color-green:hover, .md-form input[type='submit']:hover { background-color: #03821b; }
.color-orange { background-color: #f99015; }
	.color-orange:hover { background-color: #e37b01; }
.color-blue { background-color: #16a4c8; }
	.color-blue:hover { background-color: #127ea7; }
.color-dark { background-color: #2e2e2e; }
	.color-dark:hover { background-color: #010101 }
.color-gray { background-color: #dadada; }
	.color-gray:hover { background-color: #ccc; }

/*---:[ avatar ]:---*/
img.avatar {
	background-color: #fff;
	border: 1px solid #DDDDDD;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
	display: inline-block;
	padding: 3px;
}

/*---:[ blockquote (shared) ]:---*/
blockquote {
	padding: 25px;
	position: relative;
}
	blockquote:before {
		border-color: #fff transparent transparent #fff;
		border-style: solid;
		border-width: 13px;
		bottom: -25px;
		right: 40px;
		z-index: 20;
	}
	blockquote:after {
	    border-color: rgba(0, 0, 0, .08) transparent transparent rgba(0, 0, 0, .08);
		border-style: solid;
		border-width: 14px;
		bottom: -29px;
		right: 39px;
		z-index: 10;
	}
	blockquote.right, blockquote.left { width: 45%; }
.featured { float: right; }

/*---:[ menus (shared) ]:---*/
.menu {
	list-style: none;
	position: relative;
	z-index: 50;
}
	.menu li {
		display: inline-block;
		position: relative;
	}
	.menu a {
		font-size: 15px;
		display: block;
		padding: 6px 13px;
	}
/* sub menu */
.sub-menu {
	display: none;
	position: absolute;
	z-index: 110;
}
	.sub-menu ul {
		left: 175px;
		position: absolute;
		top: 0;
	}
	.sub-menu li { clear: both; }
	.sub-menu a { width: auto; }
.sub-menu, .sub-menu li { width: 175px; }
/* header menu */
.header-menu {
	float: right;
	margin-top: 11px;
}
	.header-menu .sub-menu {
		background-color: #fff;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
		border: 1px solid #DDDDDD;
	}
		.header-menu .sub-menu:before {
			border-bottom: 8px solid #fff;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			left: 15px;
			top: -8px;
			z-index: 3;
		}
		.header-menu .sub-menu:after {
			border-bottom: 10px solid rgba(0, 0, 0, .1);
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			left: 13px;
			top: -10px;
			z-index: 2;
		}
	.header-menu .current-menu-item > a { color: #AE2525; }

/*---:[ header ]:---*/
.header {
	background-color: #fff;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	margin-bottom: 38px;
	padding-bottom: 13px;
	padding-top: 13px;
}
#site_title a {
	display: inline-block;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 45px;
	color: #ae2525;
	line-height: 65px;
	font-weight: 500;
	letter-spacing: -2px;
	text-shadow: 2px 2px 0 #fff , 2px 3px 0 #DDDDDD;
}
#site_tagline {
	font-size: 12px;
	color: #777777;
	display: inline-block;
	margin-left: 25px;
	margin-top: 25px;
	text-transform: uppercase;
}

/*---:[ main ]:---*/
.main { margin-bottom: 38px; }
.content {
	float: left;
	;
	width: 672px;
}
	.content .post_box {
		padding: 50px;
	}
		.content .post_box + .post_box { padding-top: 0; }

/*---:[ post box (shared) ]:---*/
.post_box h3, .post_box h4 {
	font-size: 24px;
	line-height: 37px;
}
.post_box h5, .post_box h6 {
	font-size: inherit;
	line-height: inherit;
}
.post_box blockquote { margin-bottom: 38px; }
.post_box .md-button, .footer-area .md-button { padding: 6px 13px; }
	.post_box .md-button:hover, .sidebar .md-button:hover, .footer-area .md-button:hover { border-bottom: 1px solid rgba(0, 0, 0, .3); }

/* styles */
.post_content:not(:last-child) { padding-bottom: 50px; }
.archive-content {
	border-bottom: 1px solid #DDDDDD;
	padding: 50px 50px 38px;
}
.wp-caption, .frame {
	background-color: #EEEEEE;
	color: #777777;
	font-style: italic;
	padding: 13px;
	text-align: center;
}
.md-optin input { padding: 6px 10px; }
	.md-optin input[type='text'], .md-optin input[type='email'] {
		float: left;
		width: 35%;
	}
	.md-optin input[type='submit'] { width: 24%; }
	.md-optin input:not([type='submit']) { margin-right: 3%; }

/* headline */
.headline, .headline a {
	font-size: 32px;
	line-height: 48px;
	margin-bottom: 6px;
}
.headline-area .avatar {
	float: left;
	margin-left: -73px;
}
.headline-area .byline a {
	border-color: #777777;
	color: #777777;
}
.post_date, .post_author, .num_comments_link, .post_edit, .comment_date { margin-right: 13px; }
.post_date + .post_date_intro, .post_date + .comment_date { margin-left: -13px; }

/*---:[ author box ]:---*/
.author-box {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	margin-bottom: 25px;
	padding-bottom: 25px;
	padding-top: 25px;
}
.author-avatar {
	float: left;
	margin-right: 4%;
	width: 17.361111111111%;
}
	.author-avatar + .author-text {
		float: left;
		width: 78.638888888889%;
	}
		.author-text .author-name { margin-bottom: 6px; }
.author-name a { font-size: 19px; }
.author-text .author-link {
	float: left;
	margin-bottom: 6px;
	width: 50%;
}
.author-link [class^="icon-"] { margin-right: 6px; }
.author-box .icon-twitter { color: #00acee; }
.author-box .icon-facebook { color: #445ea0; }

/*---:[ after post ]:---*/
.after-post {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

/*---:[ pagination ]:---*/
.pagination {
	border-top: 1px solid #DDDDDD;
	margin-bottom: 25px;
	margin-left: 50px;
	margin-right: 50px;
	padding-top: 19px;
}
	.pagination a, .pagination .current {
		display: inline;
		border-right: 1px solid #DDDDDD;
		padding-left: 9px;
		padding-right: 13px;
	}
	.pagination span:last-child, .pagination a:last-child { border-right: none; }
	.pagination .dots {
		color: #777777;
		font-size: 13px;
		margin-right: -10px;
		padding-left: 10px;
	}
	.pagination .icon { line-height: 10px; }

/*---:[ comments ]:---*/
#comments:not(:last-child) { margin-bottom: 25px; }
.post_box ol.children {
	border-left: 1px solid #DDDDDD;
	list-style: none;
	margin-left: 0;
	margin-top: 25px;
	padding-left: 25px;
}
.comment_list > .comment {
	border-bottom: 1px solid #DDDDDD;
	list-style: none;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

/* byline (shared) */
.byline-comments {
	font-size: 13px;
	margin-bottom: 18px;
}
	.byline-comments span.avatar {
		float: left;
		margin-right: 13px;
	}
		.byline-comments span.avatar img { margin-bottom: 0; }
.comment_author a {
	border-color: #AE2525;
	color: #AE2525;
}

/* nav */
.comment_nav:not(:last-child) { margin-bottom: 25px; }

/* commentform (shared) */
.comment_list + #commentform:not(:last-child), .comment_nav + #commentform:not(:last-child) { margin-bottom: 38px; }
	#commentform input[type='text'], #commentform input[type='email'] { width: 60%; }
	#commentform textarea { width: 100%; }
#comment_form_submit {
	display: inline;
	margin-right: 13px;
}

/* shared */
.post_box .comment_list {
	list-style: none;
	margin-left: 0;
}

/*---:[ sidebar ]:---*/
.sidebar {
	font-size: 14px;
	line-height: 21px;
	float: right;
	padding-left: 36px;
	width: 380px;

	padding-top: 50px;
}
	.sidebar ul, .sidebar ol { margin-left: 19px; }
	.sidebar ul, .sidebar ol, .sidebar p, sidebar img { margin-bottom: 19px; }
	.sidebar input[type="text"], .sidebar input[type="email"] { width: 100%; }
	.sidebar .md-button { padding: 10px 19px; }
.widget { margin-bottom: 38px; }
.widget_title {
	font-size: 21px;
	line-height: 30px;
}

/* spotlight */
.spotlight-widget { text-align: center; }
	.spotlight-widget img { display: inline-block; }

/* popular posts */
.popular-widget .comment-text {
	color: #777777;
	font-size: 13px;
}
.popular-widget .icon-comment {
	color: #DDDDDD;
	line-height: 7px;
	padding: 0 3px 0 6px;
}
.quote-widget blockquote { margin-bottom: 0; }
.quote-source {
	color: #777777;
	padding: 10px 80px 0 0;
	text-align: right;
}

/* calendar (shared) */
#wp-calendar {
	border-collapse: collapse;
	border-radius: 0 0 3px 3px;
	text-align: center;
	width: 100%;
}
	#wp-calendar caption {
		background-color: #AE2525;
		border-radius: 3px 3px 0 0;
		color: #fff;
		padding: 10px;
	}
	#wp-calendar thead { background-color: #EEEEEE; }
	#wp-calendar td { padding: 6px 10px; }

/* rss (shared) */
.rsswidget img { margin: 9px 6px 0 0; }
.rss-date, .widget_rss cite {
	color: #777777;
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
}
.widget_rss cite {
	margin-bottom: 0;
	margin-top: 10px;
}

/*---:[ footer ]:---*/
.footer-area {
	background-color: #2E2E2E;
	color: #fff;
	font-size: 15px;
	line-height: 19px;
	padding-bottom: 50px;
	padding-top: 50px;
}
	.footer-area ul, .footer-area ol { margin-left: 19px; }
	.footer-area p, .footer-area ul, .footer-area ol { margin-bottom: 19px; }
.footer-area input[type="text"], .footer-area input[type="email"] { width: 100%; }
/* widgets (shared) */
.footer-area .box-style, .footer-area blockquote, .footer-area .mini-blocks li, .footer-area .full-blocks li, .footer-area .blocks-list ul, .footer-area .widget_search input, .footer-area .tagcloud, .footer-area #wp-calendar {
	border: 0;
	box-shadow: none;
}
.footer-area .quote-source { color: #777777; }

/* copy */
.footer-copy {
	background-color: rgba(0, 0, 0, .15);
	border: 1px solid rgba(255, 255, 255, .1);
	padding: 25px;
	line-height: 29px;
}
.footer-copy-text + .attribution .attribution-kol { margin-top: -15px; }
.attribution .attribution-kol {
	border-bottom: none;
	color: #EEEEEE;
	float: right;
	font-size: 13px;
	text-transform: uppercase;
}
	a.attribution-kol:hover { color: #999; }
	.attribution-kol strong {
		color: #ae2525;
		font-family: marketing;
		font-size: 25px;
		letter-spacing: -1px;
		margin-left: 3px;
		text-transform: none;
	}

/*---:[ landing pages ]:---*/
.landing .header, .landing .headline-area, .squeeze .headline-area, .landing .columns-two, .landing .columns-three { text-align: center; }
.landing #site_title, .landing .header #thesis_header_image { float: none; }
.landing .content {
	float: none;
	margin-left: auto;
	margin-right: auto;	
}
.landing .footer-area {
	padding-bottom: 25px;
	padding-top: 25px;
	text-align: center;
}

/* basic */
.landing-basic .inner { width: 672px; }

/* squeeze */
.squeeze .inner {
	background-color: #fff;
	padding: 50px;
	width: 672px;
}

/* wide */
.landing-wide .inner { width: 875px; }
.landing-wide .content {
	padding-left: 50px;
	padding-right: 50px;
	width: 100%;
}
.landing-wide .orb-lead .col {
	height: 325px;
	width: 325px;
}
.landing-wide .orb-lead div.col1 { margin-left: 0; }
.full-width {
	background-color: #AE2525;
	color: #fff;
	margin-bottom: 38px;
	padding-bottom: 38px;
	padding-top: 38px;
	text-align: center;
}
.header + .full-width { margin-top: -38px; }
.col-icon {
	display: block;
	font-size: 30px;
	margin-bottom: 25px;
}

/*---:[ page leads ]:---*/
.page-lead { margin-bottom: 38px; }
.lead-main { margin-bottom: 38px; }
.lead-large {
	color: #777777;
	font-size: 20px;
	line-height: 33px;
}
.page-lead .lead-title {
	font-size: 21px;
	line-height: 30px;
	margin-bottom: 13px;
}
.col-spacer { margin-top: 25px; }

/* email */
.email-lead {
	background-color: #2E2E2E;
	padding-bottom: 50px;
	padding-top: 50px;
}
.header + .email-lead { margin-top: -38px; }
.email-lead .lead-main {
	color: #fff;
	float: left;
	width: 65%;
}
.email-box {
	background-color: #fff;
	border-radius: 3px;
	float: left;
	margin-left: 3%;
	padding: 25px;
	text-align: center;
	width: 32%;
}
	.email-box .icon-envelope {
		background-color: #fff;
		border-radius: 50%;
		color: #1E1E1E;
		display: block;
		font-size: 25px;
		height: 100px;
		margin: -50px auto -35px;
		padding-top: 25px;
		width: 100px;
	}
.email-form input { width: 100%; }
/* funnel */
.funnel-lead .col {
	background-color: #fff;
	border: 6px solid #fff;
	box-shadow: inset 0 0 13px rgba(0, 0, 0, .1), 0 0 6px rgba(0, 0, 0, .2);
	padding: 38px;
}
.funnel-lead .lead-icon {
	background-color: #AE2525;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 35px;
	height: 84px;
	margin: -66px auto 18px;
	padding-top: 31px;
	width: 84px;
}
.funnel-lead .lead-button { display: block; }

/* table */
.table-lead .col {
	background-color: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	margin-left: 0;
	width: 33.33333333333333%;
}
	.table-lead .col2 .col-head { background-color: #32a4e6; }
		.table-lead .col2 .col-head:after { border-top: 25px solid #32a4e6; }
.table-lead .col-head {
	background-color: #777;
	color: #fff;
	padding: 50px 25px 25px;
	position: relative;
}
	.table-lead .col-head:after {
		border-left: 172px solid transparent;
		border-right: 172px solid transparent;
		border-top: 25px solid #777;
		bottom: -25px;
		content: '';
		height: 0;
		left: 50%;
		margin-left: -172px;
		position: absolute;
		width: 0;
	}
.table-lead .col-content { padding: 50px 25px 25px; }
	.table-lead .col-content .md-button { display: block; }
	.table-lead .col-content ul + .lead-button { margin-top: 25px; }
.table-lead .lead-badge {
	background-color: #2E2E2E;
	border-radius: 50%;
	font-style: italic;
	height: 50px;
	right: -10px;
	padding-top: 15px;
	position: absolute;
	top: -10px;
	width: 50px;
	z-index: 10;
}
.table-lead .col ul {
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
}
.table-lead .col li:not(:last-child) {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 13px;
	padding-bottom: 13px;
}

/* orb */
.orb-lead .col-spacer { margin-top: 50px; }
.orb-lead div.col1 { margin-left: 50px; }
.orb-lead div.col2 {
	margin-left: -50px;
	margin-right: -50px;
	position: relative;
	z-index: 100;
}
.orb-lead .col {
	background-color: #AE2525;
	border: 13px solid #880a0a;
	border-radius: 50%;
	color: #fff;
	margin-left: 0;
	padding: 13px 38px 25px;
	height: 344px; width: 344px;
}
.orb-lead .lead-icon {
	display: block;
	font-size: 46px;
	margin-bottom: 25px;
	margin-top: 26px;
}

/* shared */
.funnel-lead, .table-lead, .orb-lead { text-align: center; }

/*---:[ clearfix ]:---*/
.clear:after, .inner:after, .columns-three:after, .columns-two:after, .post_box:after, .byline:after, .widget:after, .comment_nav:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
}

/*---:[ shared ]:---*/
/* spacing */
.post_tags, .comments_closed { margin-top: 25px; }
.left, .alignleft, img[align='left'], .center, .aligncenter, img[align='middle'] { margin-right: 25px; }
.headline-area, .right, .alignright, img[align='right'], .left, .alignleft, img[align='left'], .center, .aligncenter, img[align='middle'], .post_box ul, .post_box ol, .post_box p, .post_box img, .alert, .note, .md-optin, .comment_text, pre, .full-blocks li, .wp-caption img, .columns-three, .columns-two { margin-bottom: 25px; }
.right, .alignright, img[align='right'], .center, .aligncenter, img[align='middle'], .post_box ul, .post_box ol { margin-left: 25px; }
.post_box h3, .post_box h4, .comments_intro, .post_box .comment_form_title { margin-bottom: 13px; }
pre, .alert, .note, .md-optin, .comments_closed { padding: 13px; }
.blocks-list ul, .tagcloud, .widget_rss.full-blocks li { padding: 19px; }
.full-blocks li, .mini-blocks li { padding: 10px; }
/* structure */
.menu li:hover > .sub-menu, .comment_author, .widget_search label { display: block; }
.menu_control, .sub-menu ul:before, .sub-menu ul:after, #commentform + .comment-reply-link { display: none; }
blockquote.right, .next_comments { float: right; }
blockquote.left, #site_title, .col { float: left; }
.blocks-list ul, .full-blocks ul, .mini-blocks ul {
	list-style: none;
	margin: 0;
}
blockquote:before, blockquote:after, .menu ul:before, .menu ul:after {
	content: '';
    height: 0;
    position: absolute;
    width: 0;
}
/* type */
.comments_intro, .comment_form_title {
	font-size: 24px;
	line-height: 37px;
}
.mini-blocks a, .comment_author { font-size: 15px; }
/* colors + borders */
.post_box a, .sidebar a, .footer-area a { border-bottom: 1px solid #AE2525; }
.post_box a:hover, .sidebar a:hover, .footer-area a:hover, .headline a, #wp-calendar tfoot tr:last-child { border-bottom: none; }
.header-menu .sub-menu li:not(:last-child), #wp-calendar tr { border-bottom: 1px solid #DDDDDD; }
.header-menu a, .byline, .byline a:hover, .next_post, .previous_post { color: #777777; }
.header-menu a:hover, .headline a:hover, .author-user_url .icon, .pagination a:hover, .author-gplus .icon, .footer-area .box-style, .footer-area blockquote, .footer-area .mini-blocks li, .footer-area .full-blocks li, .footer-area .blocks-list li, .footer-area #wp-calendar { color: #1E1E1E; }
input[type='submit']:hover, #cancel-comment-reply-link:hover { color: #fff; }
pre, code, .alert, .comments_closed {
	background-color: #fef5c4;
	border: 1px solid #fadf98;
}
pre, code { font-family: Consolas, Monaco, Menlo, Courier, Verdana, sans-serif; }
.note, .md-optin {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
}
/* misc */
.box-style, .content, blockquote, .blocks-list ul, .full-blocks li, .mini-blocks li, #wp-calendar, .tagcloud {
	background-color: #fff;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
}
.box-style, blockquote, .blocks-list ul, .full-blocks li, #wp-calendar, .tagcloud { padding: 25px; }
.mini-blocks li { padding: 13px; }

/*---:[ media queries ]:---*/
@media all and (max-width: 1032px) {
	/* global */
	img, video {
		height: auto !important;
		max-width: 100% !important;
	}
	.inner, .landing .inner {
		padding-left: 25px;
		padding-right: 25px;
		width: 100%;
	}
	/* header */
	.header { text-align: center; }
	#site_title, .header-menu { float: none; }
	.header-menu .sub-menu { text-align: left; }
	/* main */
	.main .inner {
		padding-left: 0;
		padding-right: 0;
	}
	.content {
		border-left: 0;
		width: 65.116279069767%;

	}
		.content .post_box { padding: 38px 25px; }
	.pagination {
		margin-left: 25px;
		margin-right: 25px;
	}
	.sidebar {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 38px;
		width: 34.883720930233%;

	}
	/* page leads */
	.table-lead .inner {
		padding-left: 0;
		padding-right: 0;
	}
	.table-lead .lead-main {
		padding-left: 25px;
		padding-right: 25px;
	}
	.table-lead div.col {
		margin-bottom: 0;
		overflow: hidden;
	}
	.table-lead .lead-badge {
		height: 40px;
		padding-top: 10px;
		right: 15px;
		top: 15px;
		width: 40px;
	}
	.orb-lead .col {
		float: none;
		height: 344px; width: 344px;
		margin-bottom: 25px;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	.orb-lead .col-spacer { margin-top: 0; }
}
@media all and (max-width: 900px) {
	/* email lead */
	.email-lead .lead-main, .email-box { width: 100%; }
	.email-box { margin-left: 0; }
}
@media all and (max-width: 750px) {
	.col {
		margin-bottom: 25px;
		margin-left: 0 !important;
	}
	.content { border-right: 0; }
	.content, .sidebar, .col {
		float: none;
		width: 100% !important;
	}
	.headline, .post_box h2 {
		font-size: 28px;
		line-height: 38px;
	}
	.widget { margin-bottom: 38px; }
	/* footer */
	.footer-copy { text-align: center; }
	.attribution .attribution-kol {
		display: block;
		float: none;
	}
	.footer-copy-text + .attribution .attribution-kol { margin-top: 0; }
	/* page leads */
	.table-lead .col-spacer { margin-top: 0; }
}
@media all and (max-width: 600px) {
	/* menus */
	.menu, .header-menu .sub-menu:before, .header-menu .sub-menu:after { display: none; }
	.show_menu { display: block; }
	.menu_control {
		background-color: #2E2E2E;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		padding: 13px 18px;
	}
	.sub-menu, .sub-menu li { width: auto; }
	/* header */
	.header-menu li {
		display: block;
		text-align: left;
	}
	.header-menu li:not(:last-child) { border-bottom: 1px solid #DDDDDD; }
	.header-menu .sub-menu {
		border-width: 0 0 0 1px;
		box-shadow: none;
		display: block;
		margin-left: 13px;
		padding-left: 13px;
		position: static;
	}
		.header-menu .sub-menu li:not(:last-child) { border-bottom: none; }
	/* post box */
	img.alignright, img.alignleft, img.aligncenter, blockquote.right, blockquote.left {
		clear: both;
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.wp-caption { width: auto !important; }
	blockquote.right, blockquote.left { width: 100%; }
	.headline, .post_box h2 {
		font-size: 25px;
		line-height: 34px;
	}
	.post_box h3, .post_box h4 {
		font-size: 19px;
		line-height: 31px;
	}
	.post_box h3 { margin-top: 25px; }
	.md-optin input {
		margin-bottom: 13px;
		width: 100% !important;
	}
	/* author box */
	.author-box { text-align: center; }
	.author-avatar, .author-text, .author-avatar + .author-text {
		float: none;
		width: 100%;
	}
	.author-text .author-link {
		float: none;
		width: auto;
	}
	.widget { margin-bottom: 19px; }
	/* footer */
	.footer-area .col:not(:last-child) { border-bottom: 1px solid #444; }
	/* squeeze */
	.squeeze .inner { padding-top: 25px; }
	.landing-wide .content {
		padding-left: 0;
		padding-right: 0;
	}
	/* page leads */
	.lead-desc {
		font-size: inherit;
		line-height: inherit;
	}
}
/*---:[ custom CSS ]:---*/
/*---:[ layout ]:---*/
/**
 * this is where you can adjust the width of your site, content box + sidebar.
 * until thesis 2 advances, you'll need to know a little basic math!
 ***notes***
 * The value of .page (the site width) should be the sum of .content + .sidebar (default ex: 672 + 408 = 1080)
 * The value of .content should be your (desired width) + 96 (default ex: 576 + 96 = 672) 
 * The value of .sidebar should be your (desired width) + 96 (default ex: 312 + 96 = 408)
 * The value (96) is spacing around the content (48 + 48)
*/

.inner { margin: 0 auto; padding: 0 $double; width: 1080px; }
.content { float: left; width: $content_width; }
.sidebar { float: left; padding: $double $double 0 $double; width: 408px; }


.orb-lead .button, .orb-lead .button:hover { border: 0 !important; }

.product-lead.single .text-area { width: 100%; text-align: center; }
.product-lead.single input { margin: 0 $half $half 0; }


/*
* Author: Christoph Mann
* Mail: christoph@jongo-webagentur.de
* Company: JONGO Webagentur (www.jongo-webagentur.de)
* Last Update: 05.04.2013
*
*/
.landing-box .two-columns.box-text, .landing-box .three-columns.box-text
{
margin-bottom: 0px;
}

/* Änderung des Zeilenabstandes bei h2 Überschriften
****************/

.entry .post_content h2, .entry h3 {
font-size: 24px;
line-height: 30px;
}

/*Anderung des Widgets für die Google - Bewertungen*/


#___post_0 {width: 300px !important;}
/*Aufzählungszeichen in der Sidebar neuste Blogeinträge*/
.blocks-list ul, .full-blocks ul, .mini-blocks ul {
  list-style: circle; !important;
	
} 
/* Strich unter den Titeln --> Linksymbolisierung */
.sidebar a {
	border-bottom: 0px solid #AE2525;!important;
}
/*Design des Container dieser Sidebar von notööfnung*/
.blocks-list ul, .full-blocks li, .mini-blocks li {
  background-color: rgba(220,160,140,0.1);
  border: 0.1px solid #DDDDDD; 
  border-radius: 3px; 
	box-shadow: 0 4px 4px }
/*Div-Container "full width einsdatzgebiet" bekommt Farbe schwarz auf der Page einsatzgebiet */
div#full-width-einsatzgebiet {
	background-color: #000000;
}

div#full-width-kategorie {
	background-color: #000000;
	
}
div#textbox_notoeffnung {
background-color: red;	
}
div#textbox_braunschweig {
background-color: red;
}	

div#textbox_schließzylinder {
background-color: #1E1E1E;	
}


.textblock_rechts1_lp {
	margin-left: 1%;color:white;font-size:25px;
}
.textblock_rechts2_lp {
	margin-top: 2%;margin-left: 15%;
}


/*auf Archive-Seiten den title des Archivs an die Textkante einrücken*/
.archive_title {  margin-left: 55px; }
/*Anpassung der Textblöcke im Div-Container der Page Schließzylinder wechseln (ganz oben)*/
.textblock1links_sz {
	margin-top: 2%;margin-left: 55%;margin-bottom: 2%;
}

.textblock1rechts_sz {
	color:white;font-size:25px;margin-left: 3%;text-align:center;margin-right: 30%;margin-top: 2%;
}

.textblock2rechts_sz {
	color:white; font-size: 20px; line-height: 28px; float: left; margin-right: 30%; margin-bottom: 2%;margin-top: 2%;
}

.textblock3rechts_sz { color:#8b0000; font-size: 16px; line-height: 28px; float: left; margin-right: 30%; margin-bottom: 2%;margin-top: 2%; }

p:last-child { margin-bottom: 2% !important; }


/**
  * Individuelles Styles des Webentwicklers
  *
  * @AUTHOR:	NAME
  * @COMP: 	JONGO WEBAGENTUR
  * @WEB: 	http://www.jongo-webagentur.de
  * @CONT: 	EMAILADDY@jongo-webagentur.de

  * @DATE: 	04/14
  * @PROJ: 	HWI-Sicherheit
  */

/**************
* [GLOBALl
* ==> HTML-Container, Wrapper & co.
**************/
.header #site_title { display: initial; float: right; }
.header #site_title {
  display: inline-block;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 45px;
  color: #ae2525;
  line-height: 65px;
  font-weight: 500;
  letter-spacing: -2px;
  text-shadow: 2px 2px 0 #fff , 2px 3px 0 #DDDDDD;
}
.header #thesis_header_image { float:left; }
/* RESPONSIVE */
@media all and (max-width: 1032px) {
	.inner { width: 100%; }
	.content { width: inherit; }
	.header #site_title { float: none; }
}
@media all and (max-width: 600px) {
	.header { margin-bottom: 5px; }
	.header #site_title { font-size: 22px; line-height: 30px; padding: 14px 0px; }
	.post_box { padding-top: 5px; }
}

/**************
* [GLOBALl
* ==> HTML-Elemente aller Art
**************/

/**************
* [GLOBALl
* ==> Selbst-definierte Klassen/ Ids (DIVs, Listen, Überschriften, Tabellen, usw.)
**************/
.textblock-du {font-size:25px;background-color: #fef5c4;border: 1px solid #fadf98;padding:13px;box-shadow: 0px 0px 5px 5px #888;}
#textbox_notoeffnung .columns-two { width: 1032px; margin: 0 auto; }
#textbox_notoeffnung .colcol { width: 45%; }
/* Größe der zwei Container in der Textbox mit zwei Spalten*/
#textbox_notoeffnung > div > div.colcol.first { float:left; padding: 15px;}
#textbox_notoeffnung > div > div.colcol.second { float:right; }

#textbox_schließzylinder .columns-two { width: 1032px; margin: 0 auto; }
#textbox_schließzylinder .colcol { width: 45%; }

#textbox_schließzylinder > div > div.colcol.first { float:left; padding: 15px;}
#textbox_schließzylinder > div > div.colcol.second { float:right; }

/*Anpassung der Textblöcke im roten Div-Container der Landingpages (ganz oben)*/
.lp { color: white; text-align: center; }
.textblock1 { font-size: 17px; line-height: 20px; margin-bottom: 20px; }
.textblock2 { font-size: 40px; line-height: 34px; font-size: 2.5rem; line-height: 2.125rem; }
.textblock2 a { color: #FFF; }
.textblock3 { font-size:12px; margin-bottom: 20px; }
.textblock4 { font-size: 17px; line-height: 20px; }
@media all and (max-width: 1032px) {
	#textbox_notoeffnung .columns-two { width: 100%; }	
}
@media all and (max-width: 600px) {
	#textbox_notoeffnung > div > div.colcol.first,
	#textbox_notoeffnung > div > div.colcol.second { float:none; width: 100%; }
}
.sz {text-align: center;}
.sz.textblock1 {color: white; font-size: 22px; line-height: 20px; margin-bottom: 20px; margin-top: 20px;}
.sz.textblock2 {color: white; font-size: 17px; line-height: 20px; margin-bottom: 20px;}
.sz.textblock3 {color: red; font-size: 17px; line-height: 20px; margin-bottom: 20px;}

@media all and (max-width: 1032px) {
	#textbox_schließzylinder .columns-two { width: 100%; }	
}	
	@media all and (max-width: 600px) {
	#textbox_schließzylinder > div > div.colcol.first,
	#textbox_schließzylinder > div > div.colcol.second { float:none; width: 100%; }
				
}		
/**************
* [GLOBALl
* ==> Hauptmenü/ Hauptmanvigation
* INFO: Styles zusätzlicher Menüs weiter unten
**************/
/* RESPONSIVE */
@media all and (max-width: 600px) {
	.menu_control { width: 100%; }
}

/**************
* [Blog-Übersicht] (HOME-Template)
* Styles in .home-post-box
**************/

/**************
* [Blog-Artikel] (SINGLE-Template)
**************/

/**************
* [Tag- und Category-Seiten]
**************/

/**************
* [Blogartikel]
* ==> Styles in .post-box
**************/

/**********
* [Blogartikel Boxen]
* ==> Boxen unter Artikel
*******/

/**************
* [Widget/ Widgets/ Sidebar]
* ==> Styles in .right-column/ .widget
**************/


/* Recent Posts with Images, z.B. in Sidebar des Blogs */
/* Recent Posts with Images, z.B. in Sidebar des Blogs */
.widget.recent_posts_with_image_by_jongo div {
	width: 95%;
	font-size: 10px !important;
	height: 60px;
	margin: 0px 0px 10px 0px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
.widget.recent_posts_with_image_by_jongo div a { color: #444444 !important; }
.widget.recent_posts_with_image_by_jongo div:hover { background-color: #AE2525; }
.widget.recent_posts_with_image_by_jongo div:hover > a { color: #FFF !important; }
.widget.recent_posts_with_image_by_jongo div img {width: 80px;height: 60px !important;float: left;}
.widget.recent_posts_with_image_by_jongo div p {
	font-size: 14px !important;	
	width: 254px;
	text-align: left;
	max-height: 53px;
	overflow: hidden;
	line-height: 14px;
	padding: 10px 5px 0px 5px;
	float: right;
	text-transform: uppercase;
}

@media only screen and (max-width: 1032px) {
	.widget.recent_posts_with_image_by_jongo div p { width: 200px; float: left; font-size: 14px !important; line-height: 1em; }
}
@media only screen and (max-width: 768px ) {
	.widget.recent_posts_with_image_by_jongo div p {width: 280px; float: left; font-size: 14px !important; line-height: 1em; }
}
@media only screen and (max-width: 479px) {
	.widget.recent_posts_with_image_by_jongo div p { width: 180px; font-size: 12px !important; max-height: 45px; }	
}
@media only screen and (max-width: 324px) {
	.widget.recent_posts_with_image_by_jongo div p { width: 140px; font-size: 10px !important; max-height: 40px; }	
}

/**************
* [Footer]
* ==> Styles in .footer und .footer-inner
**************/	
		#text-5 > p {font-size: 15px;}
/**************
* [Plugins]
* ==> externe Plugins
**************/
.yarpp-related .yarpp-thumbnail-title {
    text-align: left;
    font-weight: bold;
    font-size: 75% !important;
    text-decoration: none;
}

/**************
* [BOXES-Thesis]
* ==> spezielle Thesis Boxes
**************/

/**************
* [HOOKS]
* ==> Styles php-Code in HOOKS
**************/

/**************
* [WERBUNG/ ADS]
* ==> Styles für Werbebanner
**************/
.comment .comment_text:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }