/*
Theme Name: Mideast Youth Arabic
Theme URI: ar.mideastyouth.com
Description: New Mideast Youth Theme
Version: 1.0
Author: Eleven Eleven Creative
Author URL: 
Tags: clean, basic
*/
* {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; direction: rtl; }
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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
div, section, aside, footer, h1, h2, h3, h4, h5, h6, p, ul, li, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img { max-width: 100%; height: auto; vertical-align: middle; }
object { width: 611px; max-width: 100% !important; }
form { margin: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; border: none; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
.left { float: left; }
.right { float: right; }
/*
dk turq: 237a8d
turq: 8abbc6
lt turq: cee2e7
orange: f18000

text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
*/

body {
	background: url(images/bg_body.jpg) repeat-x top fixed #c3e0e7;
	font: 1em/1.5em Tahoma , Arial, sans-serif;
	color: #383838;
}

.wrapper {
	position: relative;
	z-index: 0;
	width: 100%;
	background: url(images/bg_dot.png);
}


/**========================================================
    LAYOUT
========================================================**/

.inner, #main {
	width: 96%;
	max-width: 960px;
	margin: 0 auto;
}

#main {
	padding-bottom: 2em;
}

#top {
	padding: 0.25em 0;
	background: -webkit-linear-gradient(#f8a445, #db9313);
	background: -moz-linear-gradient(#f8a445, #db9313);
	background: -ms-linear-gradient(#f8a445, #db9313);
	background: -o-linear-gradient(#f8a445, #db9313);
}

header {
	margin: 2em 0;
	padding: 2em 0;
	max-height: 140px;
	background: url(images/bg_header.png) no-repeat center top;
}

#content {
	float: right;
	width: 67.7083%;
}

#left {
	float: left;
	width: 27.0833%;
}

.cwrap {
	background: #fff;
	border-radius: 5px;
/*
	background: -webkit-linear-gradient(#f2f2f2 10%, #fff 30%);
	background: -moz-linear-gradient(#f2f2f2 10%, #fff 30%);
	background: -ms-linear-gradient(#f2f2f2 10%, #fff 30%);
	background: -o-linear-gradient(#f2f2f2 10%, #fff 30%);
	box-shadow: inset 2px 2px 0 #fff, inset -2px 0 0 #fff;
*/
}

.page .cwrap, .archive .cwrap, .search .cwrap, .error404 .cwrap {
	padding: 3%;
}

.archive .cwrap, .search .cwrap, .error404 .cwrap {
	margin-bottom: 2em;
}

.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

.aligncenter {
	display: block;
	margin: 0 auto 1em;
}

.single .post img {
	max-width: 100%;
}


/**========================================================
    TYPOGRAPHY
========================================================**/

h1,h2,h3,h4,h5 {
	color: #32829c;
	font-weight: bold;
}

h1 {
	color: #f18000;
	font-size: 1.375em;
	line-height: 1;
}

.post-content h2 {
	font-size: 1.5em;
	margin-bottom: 0.583em;
}

.post-content h3 {
	font-size: 1.125em;
	margin-bottom: 0.778em;
}

.page-title {
	margin-bottom: 1em;
}

.post-content p,
.page #content p {
	font-size: 0.875em;
	margin-bottom: 1em;
}

a {
	color: #237a8d;
	text-decoration: none;
	outline: 0;
}

a:hover {
	color: #f18000;
}

#content a {
	-moz-transition: color 0.3s ease-in;
	-webkit-transition: color 0.3s ease-in;
}

strong {
	font-weight: bold;
}


/**========================================================
    FORMS
========================================================**/

#content label {
	margin-bottom: 0.25em;
	font-size: 0.875em;
}

input[type="text"], input[type="email"], textarea {
	width: 100%;
	padding: 5px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="submit"] {
	padding: 15px 30px;
	background: -webkit-linear-gradient(#feb057, #f18102);
	background: -moz-linear-gradient(#feb057, #f18102);
	background: -ms-linear-gradient(#feb057, #f18102);
	background: -o-linear-gradient(#feb057, #f18102);
	border-radius: 10px;
	color: #fff;
	font-size: 1.5em;
}

input[type="submit"]:hover {
	background: #f18102;
}

.gfield {
	margin-bottom: 1em;
}

.gform_wrapper .gform_footer {
	margin: 0;
	padding: 0;
}

.validation_error {
	margin-bottom: 1em;
	color: #f00;
	font-size: 0.875em;
}

.validation_message {
	color: #f00;
	font-size: 0.75em;
}


/**========================================================
    HEADER / TOP
========================================================**/

#top nav {
	float: right;
	padding-top: 5px;
}

#top .btns {
	float: left;
}

#top nav a {
	color: #fff;
	font-size: 0.813em;
}

#top nav li {
	float: right;
	margin-left: 10px;
	padding: 0 0 2px 10px;
	border-left: 1px solid #fff;
	line-height: 1;
}

#top nav #menu-item-22570 {
	border: none;
}

#top .btns li {
	float: right;
	margin-right: 10px;
}

#top .btns a {
	display: block;
	width: 140px;
	padding: 0;
	background: -webkit-linear-gradient(#fff 60%, #dcdcdc);
	background: -moz-linear-gradient(#fff 60%, #dcdcdc);
	background: -ms-linear-gradient(#fff 60%, #dcdcdc);
	background: -o-linear-gradient(#fff 60%, #dcdcdc);
	border-radius: 3px;
	border: 3px solid rgba(255,255,255,0.5);
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	color: #237a8d;
	font-size: 0.813em;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
	text-align: center;
}

#top .wplogin a {
	background: -webkit-linear-gradient(#fff 60%, #f3f2f0, #eeeeec);
	background: -moz-linear-gradient(#fff 60%, #f3f2f0, #eeeeec);
	background: -ms-linear-gradient(#fff 60%, #f3f2f0, #eeeeec);
	background: -o-linear-gradient(#fff 60%, #f3f2f0, #eeeeec);
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	color: #9d6b01;
}

#top .btns a:hover {
	background: #fff;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
}

.logo {
	float: right;
}

header nav {
	float: left;
	padding-top: 0.5em;
}

header nav li {
	position: relative;
	float: right;
	margin-right: 4px;
}

header nav li {
	margin-right: 4px;
}

header nav a {
	display: block;
	width: 110px;
	padding: 0.4em 0;
	background: #c1dde1;
	background: -moz-linear-gradient(75deg, #c1dde1 60%, #eff6f7);
	background: -webkit-linear-gradient(75deg, #c1dde1 60%, #eff6f7);
	background: -ms-linear-gradient(75deg, #c1dde1 60%, #eff6f7);
	background: -o-linear-gradient(75deg, #c1dde1 60%, #eff6f7);
	border: 1px solid #c1dde1;
	border-radius: 3px;
	color: #237a8d;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
	text-align: center;
}

header nav a:hover {
	background: -moz-linear-gradient(75deg, #f8a548 60%, #fde8d0);
	background: -webkit-linear-gradient(75deg, #f8a548 60%, #fde8d0);
	background: -ms-linear-gradient(75deg, #f8a548 60%, #fde8d0);
	background: -o-linear-gradient(75deg, #f8a548 60%, #fde8d0);
	border: 1px solid #f8a548;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
}

header .sub-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 39px;
	z-index: 999;
}

header #menu-item-22574:hover .sub-menu {
	display: block;
}

header .sub-menu a {
	width: 240px;
	padding-right: 0.75em;
	background: #f8a548;
	border: none;
	border-radius: 0;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	text-align: right;
}

header .sub-menu a:hover {
	border: none;
}


.menu-tab {
	display: none;
	width: 100px;
	padding: 0.4em 0;
	background: #c1dde1;
	background: -moz-linear-gradient(75deg, #c1dde1 60%, #eff6f7);
	background: -webkit-linear-gradient(75deg, #c1dde1 60%, #eff6f7);
	background: -ms-linear-gradient(75deg, #c1dde1 60%, #eff6f7);
	background: -o-linear-gradient(75deg, #c1dde1 60%, #eff6f7);
	border: 1px solid #c1dde1;
	border-radius: 3px;
	color: #237a8d;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
	text-align: center;
}


/**========================================================
    HERO
========================================================**/

#hero {
	padding: 2em 2.1%;
	margin-bottom: 40px;
	background: #237a8d;
}

#hero h2 {
	float: right;
	width: 70%;
	color: #fff;
	font-size: 1.125em;
	line-height: 1.25em;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
}

#hero p {
	float: left;
	position: relative;
}

#hero a {
	position: relative;
	display: block;
	width: 220px;
	padding: 12px 0;
	background: #e8e8e8;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e8e8e8));
	background: -webkit-linear-gradient(top, #fff, #e8e8e8);
	background: -moz-linear-gradient(#fff, #e8e8e8);
	background: -ms-linear-gradient(top, #fff, #e8e8e8);
	background: -o-linear-gradient(top, #fff, #e8e8e8);
	border-radius: 3px;
	box-shadow: ;
	color: #f18000;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

#hero a:hover {
	background: #fff;
}

#hero p:before, #hero p:after {
    content: "";
    position: absolute;
}

#hero p:before {
	border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: 10px;
    right: 10px;
    top: 50%;
}



/**========================================================
    SIDEBAR
========================================================**/

aside .widget-container {
	margin-bottom: 2em;
}

aside .widget-container h3,
aside .widget-container .tabs {
	text-align: center;
	line-height: 2.5em;
	width: 104%;
	margin-left: -4%;
    position: relative;
}

aside .widget-container h3:before, aside .widget-container h3:after,
aside .widget-container .tabs:before, aside .widget-container .tabs:after {
    content: "";
    position: absolute;
    z-index: -1;
}

aside .widget-container h3:before,
aside .widget-container .tabs:before {
	bottom: -14px;
	background: #164c58;
    box-shadow: -63px 0 0 #164c58;
    height: 35%;
    left: 80px;
    max-height: 50px;
    max-width: 200px;
	-webkit-transform: skew(50deg);
	-moz-transform: skew(50deg);
	-o-transform: skew(50deg);
	transform: skew(50deg);
	-webkit-transform-origin:  0 100%;
    transform-origin: 0 100%;
    width: 50%;
}


/** Search Form ==========**/

.widget_search {
	position: relative;
	padding: 3px;
	background: #fff;
	border-radius: 3px;
}

.widget_search label {
	position: absolute;
	top: 0;
	right: 10px;
	color: #b8b8b8;
	font-size: 0.813em;
	line-height: 2.5em;
}

.widget_search input[type="text"] {
	float: right;
	width: 75%;
	max-width: 180px;
	padding: 5px;
	background: none;
	border: none;
}

.widget_search #searchsubmit {
	float: left;
	height: 28px;
	padding: 0 10px;
	background: #f18000;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 0.813em;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
}


/** Social Links ==========**/

.widget_social li {
	position: relative;
	float: right;
	margin-left: 7%;
}

.widget_social .soc {
	width: 16%;
}

.widget_social .soc:before, .widget_social .soc:after {
    content: "";
    position: absolute;
    z-index: -1;
}

.widget_social .soc:before {
	border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 1);
    bottom: 0;
    left: 5px;
    right: 5px;
    top: 50%;
}

.widget_social .st {
	margin-left: 10%;
	line-height: 2em;
}

.widget_social .fb {
	margin-left: 0;
}

.widget_social li a {
	display: block;
	padding-top: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 1.25em;
	line-height: 1.85em;
	text-align: center;
}

.widget_social .fb a {
	background: #5891c7;
	background: -webkit-linear-gradient(top, #5891c7, #274384);
	background: -moz-linear-gradient(#5891c7, #274384);
	background: -ms-linear-gradient(top, #5891c7, #274384);
	background: -o-linear-gradient(top, #5891c7, #274384);
	border: 1px solid #10284b;
}

.widget_social .tw a {
	background: #22cceb;
	background: -webkit-linear-gradient(top, #22cceb, #1195cc);
	background: -moz-linear-gradient(#22cceb, #1195cc);
	background: -ms-linear-gradient(top, #22cceb, #1195cc);
	background: -o-linear-gradient(top, #22cceb, #1195cc);
	border: 1px solid #137b9a;
}

.widget_social .yt a {
	background: #d95353;
	background: -webkit-linear-gradient(top, #d95353, #ab2825);
	background: -moz-linear-gradient(#d95353, #ab2825);
	background: -ms-linear-gradient(top, #d95353, #ab2825);
	background: -o-linear-gradient(top, #d95353, #ab2825);
	border: 1px solid #872317;
}


/** Article of the Week ==========**/

.widget_article_week h3 {
	background: #f18000;
	color: #fff;
}

.widget_article_week article {
	padding: 5%;
	background: #8abbc6;
}


/** Newsletter Sign Up ==========**/

.widget_newsletter {
	padding: 5%;
	background: #fff;
	border-radius: 3px;
	text-align: center;
}

aside .widget_newsletter h3 {
	width: auto;
	margin-left: 0;
	color: #f18000;
	font-weight: normal;
}

.widget_newsletter .mc-field-group {
	position: relative;
	margin-bottom: 0.5em;
}

.widget_newsletter label {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 234px;
	font-size: 0.875em;
}

.widget_newsletter input[type="email"] {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px;
}

.widget_newsletter input[type="submit"] {
	padding: 5px 15px;
}


/** Authors / Categories / Archives ==========**/

.widget_auth_cat_arch {
	background: #9c9c9c;
	background: -webkit-linear-gradient(100deg, #9c9c9c 60%, #c0bdbb);
	background: -moz-linear-gradient(100deg, #9c9c9c 60%, #c0bdbb);
	background: -ms-linear-gradient(100deg, #9c9c9c 60%, #c0bdbb);
	background: -o-linear-gradient(100deg, #9c9c9c 60%, #c0bdbb);
}

.aca-container {
	padding: 5%;
}

.aca-container .dd {
	margin-bottom: 1em;
}

.widget_auth_cat_arch h3 {
	background: #00b6ed;
	color: #fff;
}

.widget_auth_cat_arch h4 {
	color: #fff;
	font-size: 0.875em;
	line-height: 2em;
	font-weight: normal;
}

.widget_auth_cat_arch .select {
	min-height: 30px;
	padding: 0 5px;
	background: -moz-linear-gradient(#fff, #f3f3f3);
	background: -webkit-linear-gradient(#fff, #f3f3f3);
	background: -ms-linear-gradient(#fff, #f3f3f3);
	background: -o-linear-gradient(#fff, #f3f3f3);
	border-radius: 3px;
}

.widget_auth_cat_arch .switch {
	background: url(images/sprite.png) no-repeat 0 -108px;
}

.widget_auth_cat_arch .select a {
	display: block;
	min-height: 30px;
}

.widget_auth_cat_arch .select ul {
	display: none;
}

.widget_auth_cat_arch .select .toggle {
	max-height: 300px;
	overflow: auto;
}



/** Arabcast Widget ==========**/

.widget_arabcast {
	background: #8abbc6;	
}

.widget_arabcast ul {
	padding: 5%;
}

.widget_arabcast li {
	margin-bottom: 1em;
	padding-right: 2em;
	background: url(images/sprite.png) no-repeat right -58px;
	font-size: 0.875em;
	line-height: 1.125em;
}

.widget_arabcast li:last-child {
	margin-bottom: 0;
}

.widget_arabcast h3 {
	background: #fff;
	color: #f18000;
}

.widget_arabcast h4 {
	margin-bottom: 0.25em;
	font-weight: normal;
}

.widget_arabcast a {
	color: #fff;
}

.widget_arabcast .date {
	font-size: 0.75em;
}


/** Projects ==========**/

.widget_projects {
	background: #8abbc6;	
}

.widget_projects h3 {
	background: #f18000;
	color: #fff;
}

.widget_projects li a {
	display: block;
	padding: 5% 15%;
	color: #fff;
	text-align: center;
}

.widget_projects li a img {
	margin-bottom: 0.5em;
}

.widget_projects h4 {
	margin-bottom: 0.25em;
	color: #fff;
	font-size: 1em;
}

.widget_projects p {
	font-size: 0.875em;
	line-height: 1.125em;
}


/** Popular Widget ==========**/

.widget_popular .tabs {
/* 	overflow: hidden; */
	background: #00414f;
}

.widget_popular .tabs a {
	display: inline-block;
	margin-left: -3px;
	width: 50%;
	color: #fff;
}

.widget_popular .tabs .active {
	background: #f18000;
}

.widget_popular .block {
	background: #fff;
	padding: 5%;
}

.widget_popular li {
	margin-bottom: 1em;
}

.widget_popular li:last-child {
	margin-bottom: 0;
}

.widget_popular .pop-title {
	display: block;
	padding: 0.25em 3%;
	background: #939c9e;
	color: #fff;
	font-size: 0.875em;
	line-height: 1.25em;
}

.widget_popular .latest a {
	display: block;
	background: #939c9e;
	color: #fff;
	font-size: 0.875em;
	line-height: 1.25em;
}

.widget_popular .pop-title:hover,
.widget_popular .latest a:hover {
	background: #333;
}

.widget_popular .post-author {
	background: #e6e6e6;
	color: #333;
}

.widget_popular .post-author span {
	color: #46BCD5;
}

.widget_popular .latest a .comment-author {
	padding: 0.25em 3%;
	background: #e6e6e6;
	color: #333;
}

.widget_popular .latest .comment-excerpt {
	padding: 0.25em 3%;
	font-size: 0.857em;
	line-height: 1.25em;
}


/** Facebook Widget ==========**/

.widget_fb {
	background: #d5e8ed;
}

.widget_fb h3 {
	background: #939c9e;
	color: #fff;
}

.widget_fb iframe {
    width: 92% !important;
 	max-width: 240px !important;
    margin: 4%;
	background: #fff;
}



/**========================================================
    GLOBAL STYLES
========================================================**/

.social {
	list-style: none;
}

.social li {
	float: left;
}

.post-author {
	color: #46bcd5;
	font-size: 0.75em;
	line-height: 1.25em;
}

.post-author span {
	display: block;
}

.post-author a {
	color: #fff;
}

.author-toggle {
	position: absolute;
	z-index: 99;
	top: -2.5em;
	right: -218px;
	width: 200px;
	background: #f18000;
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	display: none;
}

.author-toggle:after {
	content: "";
	position: absolute;
	top: 30%;
	left: -15px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent; 
	border-right:15px solid #fff;
}

.author-toggle h4 {
	padding: 0.25em 0;
	text-align: center;
	color: #fff;
}

.author-toggle .aposts {
	padding: 1em;
	background: #fff;
	border-radius: 10px;
}

.author-toggle li {
	margin-bottom: 0.5em;
}

.author-toggle a {
	color: #237A8D;
}

.wp-caption {
	margin-bottom: 1em;
	padding: 2%;
	max-width: 100%;
	background: #e6e6e6;
}

blockquote {
	margin-bottom: 1em;
	padding: 1em 3% 0.5em 3%;
	background: #8ABBC6;
	color: #fff;
	font-size: 1.25em;
}


/**========================================================
    POST BLOCKS
========================================================**/

#content .post-block {
	float: right;
	width: 46%;
	margin: 0 0 3em 8%;
	background: #fff;
}

#content .post-wrap .post-block:nth-child(2n) {
	margin-left: 0;
}

.post-block h2 {
	font-size: 0.875em;
	font-weight: normal;
	line-height: 1;
}

.post-block h2 a {
	display: block;
	height: 50px;
	padding: 10px;
	background: #00414f;
	color: #fff;
}

.post-block h2 a:hover {
	background: #00596c;
}

.post-author {
	position: relative;
}

.post-author {
	padding: 0.25em 3.5em 0.25em 0;
	background: #05758d;
}

.post-author .avatar {
	position: absolute;
	top: 6px;
	right: 7px;
	width: 24px;
}

.post-thumb {
	background: #8ABBC6;
	text-align: center;
}

.post-block .excerpt {
	padding: 10px;
	font-size: 0.75em;
	line-height: 1.5em;
}

.post-block .post-info {
	background: #dedfdf;
	color: #747474;
	font-size: 0.875em;
}

.post-block .post-info div {
	float: right;
	margin: 0.5em 3% 0 0;
}

.post-block .post-info .read-more {
	float: left;
	margin: 0;
}

.post-block .read-more a,
.featured .read-more a {
	display: block;
	padding: 8px 10px;
	background: #f18000;
	background: -moz-linear-gradient(75deg, #f18000 60%, #feaf56);
	background: -webkit-linear-gradient(75deg, #f18000 60%, #feaf56);
	background: -ms-linear-gradient(75deg, #f18000 60%, #feaf56);
	background: -o-linear-gradient(75deg, #f18000 60%, #feaf56);
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}

.post-block .read-more a:hover,
.featured .read-more a:hover {
	background: #f18000;
}

.post-block .post-comments {
	padding-right: 10px;
	border-right: 1px solid #747474;
}



/**========================================================
    HOME FEATURED POSTS
========================================================**/

.featured {
	position: relative;
	background: #8abbc6;
	padding: 3%;
}

.featured h2 {
	font-size: 1.125em;
}

.featured h3 {
	margin-bottom: 1em;
	color: #fff;
	font-size: 1.5em;
}

.featured p {
	font-size: 0.813em;
	line-height: 1.25em;
	color: #454545;
}

.featured .right {
	width: 37.5%;
}

.featured .top {
	background: #cee2e7;
}

.featured .bottom {
	background: #004757;
}

.featured .top .right {
	position: relative;
	z-index: 9;
}

.featured .left {
	width: 62.5%;
}

.featured .top .left {
	padding: 3%;
	background: #cee2e7;
}

.featured .bottom .left {
	background: #fff;
	color: #8abbc6;
}

.featured .post-author {
	margin-bottom: 1em;
	padding-bottom: 1em;
	background: none;
	border-bottom: 1px solid #8abbc6;
}

.featured .post-author .avatar {
	right: 0;
	width: 32px;
}

.featured .author {
	position: relative;
	color: #f18000;
	font-size: 1em;
}

.featured .author a {
	color: #f18000;
}

.featured .post-date,
.featured .post-comments {
	float: right;
	margin-top: 0.875em;
	padding-right: 5%;
	font-size: 0.875em;
	line-height: 1em;
}

.featured .post-comments {
	margin-right: 5%;
	border-right: 1px solid #8abbc6;
}

.featured .post-comments span {
	color: #086478;
}

.featured .read-more {
	float: left;
}

.featured .social {
	padding-top: 0.5em;
}

.featured .social li {
	float: right;
	width: 50%;
}

.featured .social .tweet {
	border-left: 1px solid #297f92;
}

.featured .bx-prev {
	left: -7%;
}

.featured .bx-next {
	right: -7%;
}

.featured-thumbs {
	position: relative;
	width: 104%;
	margin: 0 -2.1% 3em 0;
	padding: 0.5em 0;
	background: #fff;
	text-align: center;
}

.featured-thumbs:before, .featured-thumbs:after {
    content: "";
    position: absolute;
    z-index: -1;
}

.featured-thumbs:before {
    left: 62px;
	top: -20px;
    width: 50%;
    height: 20px;
	background: #164c58;
    box-shadow: -63px 0 0 #164c58;
    max-height: 50px;
    max-width: 200px;
	-webkit-transform: skew(-50deg);
	-moz-transform: skew(-50deg);
	-o-transform: skew(-50deg);
	transform: skew(-50deg);
	-webkit-transform-origin:  0 100%;
    transform-origin: 0 100%;
}

.featured-thumbs:after {
    right: 0;
	top: -20px;
    width: 50%;
    height: 20px;
    max-height: 50px;
    max-width: 200px;
	background: #164c58;
    box-shadow: -63px 0 0 #164c58;
	-webkit-transform: skew(50deg);
	-moz-transform: skew(50deg);
	-o-transform: skew(50deg);
	transform: skew(50deg);
	-webkit-transform-origin:  0 100%;
    transform-origin: 0 100%;
}

.featured-thumbs a {
	width: 9%;
	border: 1px solid #ccc;
	display: inline-block;
}

.featured-thumbs a:hover,
.featured-thumbs .pager-active {
	border: 1px solid #05758D;
}



/**========================================================
    POSTS
========================================================**/

.single-post .post-wrap {
	position: relative;
	margin-bottom: 2em;
	padding: 1.5em 3%;
	background: #fff;
	border-radius: 3px;
}

.single-post .post-date {
	position: absolute;
	left: 3%;
	top: -0.5em;
	padding: 1em 3.5em 1em 0.75em;
	background: #f18000;
	color: #fff;
}

.single-post .post-date:before, .single-post .post-date:after {
    content: "";
    position: absolute;
    z-index: -1;
}

.single-post .post-date:before {
	top: 0;
	background: #164c58;
    box-shadow: -63px 0 0 #164c58;
    height: 10px;
    left: 49px;
    max-height: 50px;
    max-width: 200px;
	-webkit-transform: skew(-50deg);
	-moz-transform: skew(-50deg);
	-o-transform: skew(-50deg);
	transform: skew(-50deg);
	-webkit-transform-origin:  0 100%;
    transform-origin: 0 100%;
    width: 15%;
}

.single-post .year, .single-post .month {
	font-size: 0.873em;
	line-height: 1;
}

.single-post .day {
	position: absolute;
	top: 12px;
	right: 0.25em;
	font-size: 2em;
	line-height: 1;
	font-weight: bold;
}

.single-post .post-cat-related {
	overflow: hidden;
	margin-bottom: 20px;
	padding: 30px;
	background: rgba(11,100,122,0.2);
}

.single-post .post-title {
	margin-bottom: 1em;
	padding-left: 5em;
	line-height: 1.4em;
}

.single-post .social-bar {
	margin-bottom: 1.5em;
	background: #004757;
}

.single-post .social-bar .social {
	float: left;
	padding: 7px 0 0 10px;
}

.single-post .social-bar .social li {
	padding-right: 1em;
}

.single-post .social-bar .post-author {
	float: right;
	background: none;
}

.social-bar .author-toggle {
	right: 0;
	top: auto;
	bottom: 3em;
}

.social-bar .author-toggle:after {
	top: auto;
	bottom: -30px;
	left: 80px;
	border-top: 20px solid black;
	border-top-color: #fff; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent; 
}

.posted-in {
	margin-bottom: 1em;
	padding: 1em 3%;
	background: #297f92;
	color: #fff;
	font-size: 0.875em;
}

.posted-in a {
	color: #fff;
}

.related-posts {
	background: #9c9c9c;
}

.related-posts h3 {
	padding: 0.5em 3%;
	background: #6e6e6e;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
}

.related-posts a {
	display: block;
	margin: 0 3%;
	padding: 0.5em 0;
	border-bottom: 1px solid #919191;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
}

.related-posts li:hover {
	background: #a6a6a6;
}

.related-posts li:last-child a {
	border: none;
}



/**========================================================
    COMMENTS
========================================================**/

#comments-reply {
	margin-bottom: 2em;
	padding: 5%;
	background: #fff;
	border-radius: 5px;
	color: #fff;
}

#comments-reply .title {
	margin-bottom: 1em;
}

#comments-reply li {
	margin-bottom: 1em;
	padding: 3%;
	border-radius: 5px;
	background: #76c4da;
}

#comments li.pingback {
	padding: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

.comment-meta {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #4da7c0;
}


/** FORM ====================**/

#respond {
	overflow: hidden;
	padding: 1.5em 3%;
	background: #004757;
	border-radius: 3px;
	color: #fff;
}

#respond h3 {
	margin-bottom: 1em;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #72b3c5;
	color: #fff;
}

#respond h3 a {
	color: #fff;
}

#respond .notes {
	color: #72b3c5;
	font-size: 0.813em;
}

#respond .notes p {
	margin-bottom: 1em;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	position: relative;
	float: right;
	width: 32%;
	margin: 0 0 1em 1%;
}

.comment-form-comment {
	position: relative;
	clear: right;
	width: 100%;
	margin-bottom: 1em;
}

#respond input[type="text"] {
	width: 100%;
	padding: 10px;
	border: none;
}

#respond input[type="submit"] {
	float: left;
	padding: 0 30px;
	height: 50px;
	border-radius: 10px;
	background: #00313f;
	background: -moz-linear-gradient(75deg, #00313f 60%, #37859b);
	background: -webkit-linear-gradient(75deg, #00313f 60%, #37859b);
	background: -ms-linear-gradient(75deg, #f8a548 60%, #37859b);
	background: -o-linear-gradient(75deg, #f8a548 60%, #37859b);
	color: #fff;
	font-size: ;
	line-height: 50px;
	text-align: center;
}
	
#respond input[type="submit"]:hover {
	background: #00313f;
}

#respond #comment {
	width: 100%;
	padding: 10px;
	border: none;
	font-family: Arial, sans-serif;
	color: #676767;
}

#respond label {
	position: absolute;
	right: 10px;
	color: #0c7491;
	font-size: 0.813em;
	line-height: 3em;
}

#respond label.error {
	display: block;
	position: static;
	padding: 10px;
	background: #f00;
	color: #fff;
	font-size: 0.875em;
	line-height: 1em;
	font-weight: bold;
}


/**========================================================
    PAGER
========================================================**/

.pagination {
	overflow: hidden;
	clear: right;
	padding: 4px 0;
	border-top: 1px solid rgba(11,100,122,0.25);
	border-bottom: 1px solid rgba(11,100,122,0.25);
}

.pagination a, .pagination span {
	float: right;
	margin-right: 4px;
}

.pagination a {
	display: block;
	padding: 5px 10px;
}

.pagination a:hover {
	background: #fff;
}

.pagination .current {
	padding: 5px 10px;
	background: #fff;
}

.pagenav {
	overflow: hidden;
}

.pagenav .older {
	float: left;
}

.pagenav .newer {
	float: right;
}



/**========================================================
    AUTHOR
========================================================**/

.author-top {
	margin-bottom: 2em;
}

.author .social {
	float: left;
}

.author .social li {
}

.author .author-top .avatar {
	float: right;
	width: 80px;
	margin: 0 0 1em 1em;
}

.author-top h1 {
	float: right;
	margin-bottom: 0.5em;
}

.author-desc {
	font-size: 0.875em;
}



/**========================================================
    ARCHIVES / SEARCH / 404
========================================================**/

.sform .banner {
	position: relative;
	width: 110.125%;
	margin-right: -5.125%;
	padding: 0.5em 0;
	background: #f18000;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
}

.sform .banner:before, .sform .banner:after {
    content: "";
    position: absolute;
    z-index: -1;
}

.sform .banner:before {
    left: 87px;
	bottom: -19px;
    width: 50%;
    height: 20px;
	background: #164c58;
    box-shadow: -63px 0 0 #164c58;
    max-height: 50px;
    max-width: 200px;
	-webkit-transform: skew(50deg);
	-moz-transform: skew(50deg);
	-o-transform: skew(50deg);
	transform: skew(50deg);
	-webkit-transform-origin:  0 100%;
    transform-origin: 0 100%;
}

.sform .banner:after {
    right: 24px;
	bottom: -19px;
    width: 50%;
    height: 20px;
    max-height: 50px;
    max-width: 200px;
	background: #164c58;
    box-shadow: -63px 0 0 #164c58;
	-webkit-transform: skew(-50deg);
	-moz-transform: skew(-50deg);
	-o-transform: skew(50deg);
	transform: skew(-50deg);
	-webkit-transform-origin:  0 100%;
    transform-origin: 0 100%;
}

.sform form {
	overflow: hidden;
	width: 100%;
	padding: 5%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #c4dee3;
	background: -moz-linear-gradient(#c4dee3 60%, #9dc9d1)
}

.sform form > div {
	overflow: hidden;
	position: relative;
	max-width: 14em;
	margin: 0 auto;
	padding: 5px;
	background: #fff;
	border-radius: 3px;
}

.sform input[type="text"] {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	background: none;
	border: none;
}

.sform input[type="submit"] {
	background: none repeat scroll 0 0 #F18000;
	border: medium none;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	float: left;
	font-size: 0.813em;
	height: 28px;
	padding: 0 10px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
}


/**========================================================
    PROJECTS
========================================================**/

.projects {
	margin-bottom: 2em;
	padding: 1.5em 3%;
	background: #f8a548;
	border-radius: 10px;
}

.projects h3 {
	margin-bottom: 1em;
	color: #fff;
	font-size: 1.5em;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	text-align: center;
}

.projects h3 a {
	color: #fff;
}

.projects h3 a:hover {
	opacity: 0.8;
}

.page #content .projects p {
	font-size: 1em;
}

.projects .wrap {
	background: #fff;
	border-radius: 10px;
	padding: 1em 3%;
	font-size: 0.875em;
	line-height: 1.25em;
}

.projects .wrap img {
	margin-bottom: 1em;
}

.projects .bx-controls a {
	left: -24px;
	padding: 24px;
	background-color: #f8a548;
	background-position: 10px -149px;
	border-radius: 24px;
}

.projects .bx-controls .bx-next {
	left: auto;
	right: -24px;
	background-position: -30px -149px;
}



/**========================================================
    VIDEOS
========================================================**/

.tubepress_normal_embedded_wrapper,
.youtube-player {
	width: 100% !important;
	max-width: 700px;
}

.tubepress_thumbs {
	float: none;
	margin-bottom: 0;
}

.tubepress_thumbnail_area {
	margin: 0;
	padding-top: 40px;
}

.tubepress_thumb {
	width: 28.57%;
	margin: 0 7.142% 20px 0;
}

.tubepress_thumb:nth-child(3n) {
	margin-right: 0;
}

.tubepress_thumb img {
	padding: 0;
}

.tubepress_embedded_title {
	margin: 0;
	padding: 20px 3%;
	background: #323232;
	color: #fff;
}

dl.tubepress_meta_group {
	position: relative;
	padding: 10px 0 0;
}

dd.tubepress_meta_runtime,
.tubepress_meta_views {
	display: none;
}

dd.tubepress_meta_title,
dd.tubepress_meta_title a,
dd.tubepress_meta_title a:hover {
	font-weight: 700;
}

dd.tubepress_meta_title {
	font-size: 0.867em; /* 13px */
	line-height: 1.5em;
}

/** Tubepress Pagination **/

div.tubepress_container div.pagination a {
	margin: 0 5px;
	padding: 0 8px;
	border: none;
	background: none;
	border-radius: 15px;
	color: #bab8b0;
	line-height: 24px;
	font-weight: bold;
	-moz-transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
}

div.tubepress_container div.pagination a:hover {
	background: #fff;
	color: #282828;
	box-shadow: none;
}

div.tubepress_container div.pagination span.current {
	background: #fff;
	border: none;
	border-radius: 15px;
	color: #282828;
	font-weight: bold;
}




/**========================================================
    ABOUT
========================================================**/

.page-id-12 #content h2 {
	position: relative;
	width: 111.5%;
	margin: 0 -7% 1em 0;
	padding: 0.5em 7.5%;
	background: #f18000;
	color: #fff;
}

.page-id-12 #content h2:before, .page-id-12 #content h2:after {
    content: "";
    position: absolute;
    z-index: -1;
}

.page-id-12 #content h2:before {
	bottom: -14px;
	background: #164c58;
    box-shadow: -63px 0 0 #164c58;
    height: 35%;
    right: 16px;
    max-height: 50px;
    max-width: 200px;
	-webkit-transform: skew(-50deg);
	-moz-transform: skew(-50deg);
	-o-transform: skew(-50deg);
	transform: skew(-50deg);
	-webkit-transform-origin:  0 100%;
    transform-origin: 0 100%;
    width: 50%;
}



/**========================================================
    PODCAST
========================================================**/

.category-109 #content .post-block {
	float: none;
	width: 100%;
	margin: 0 0 2em 0;
}

.powerpress_links {
	margin-bottom: 1em;
}

.powerpress_player {
	max-width: 300px;
}


/**========================================================
    FOOTER
========================================================**/


footer {
	padding: 6em 0 3em;
	background: url(images/bg_footer.png) no-repeat center 2em #88b8c4;
	color: #fff;
	text-align: center;
}

#wpstats {
	position: absolute;
	top: -9999em;
	right: -999em;
}



/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
}

.bx-clearfix:before,
.bx-clearfix:after {
	content: "";
	display: table;
} 

.bx-clearfix:after {
	clear: both;
}

.bx-clearfix {
	zoom: 1;
}

.bxslider {
	position: relative;
	margin: 0;
	padding: 0;
}

.bxslider > .slider {
	height: 0;
	overflow: hidden;
}

.bxslider img {
	width: 100%;
	display: block;
}

/** THEME
===================================*/

.bxslider .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	position: relative;
}

/* LOADER */

.bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat;
}

/* PAGER */

.bxslider .bx-pager {
	margin-top: 15px;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}

.bxslider .bx-pager .bx-pager-item,
.bxslider .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bxslider .bx-pager a {
	background: #666;
	text-indent: -999999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bxslider .bx-pager a:hover,
.bxslider .bx-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-prev {
	left: 10px;
	background: url(images/sprite.png) no-repeat 0 -160px;
}

.bx-next {
	right: 10px;
	background: url(images/sprite.png) no-repeat -44px -160px;
}

.bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	width: 23px;
	height: 25px;
/* 	display: none; */
	text-indent: -999999px;
	z-index: 9999;
}

.bx-controls-direction a:hover {
	opacity: 0.8;
}

.bxslider:hover .bx-controls-direction a {
	display: block;
}

/* AUTO CONTROLS (START / STOP) */

.bxslider .bx-controls-auto {
	margin-top: 15px;
	text-align: center;
}

.bxslider .bx-controls-auto .bx-start {
	display: block;
	text-indent: -999999px;
	width: 10px;
	height: 11px;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bxslider .bx-controls-auto .bx-start:hover,
.bxslider .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bxslider .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -999999px;
	width: 9px;
	height: 11px;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bxslider .bx-controls-auto .bx-stop:hover,
.bxslider .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bxslider .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	float: left;
	width: 80%;
}

.bxslider .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	float: right;
}

/* IMAGE CAPTIONS */

.bxslider .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bxslider .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}




/**========================================================
    MEDIA QUERIES
========================================================**/

@media all and (max-width: 61.875em) { /* 990 */
	.widget_search input[type="text"] { width: 60%; }
}

@media all and (max-width: 60em) { /* 960 */
	.post-block .post-info { font-size: 0.75em; }
}

@media all and (max-width: 59.125em) { /* 946 */
	.widget_social .soc { width: 15%; }
	.widget_social li a { line-height: 1.7em; }
	.featured .left { width: 60%; }
	.featured .right { width: 40%; }
}

@media all and (max-width: 56.250em) { /* 900 */
	.inner, #main { max-width: 50em; /* 800 */ }
	.logo { max-width: 240px; }
	header .inner { position: relative; }
	.menu-tab { display: block; float: left; }
	.menu-tab.active { background: #f8a548; border: none; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6); }
	header nav { display: none; position: absolute; top: 2em; left: 0; z-index: 99; width: 60%; }
	header nav li { float: none; display: block; margin: 0; }
	header nav a { width: 100%; padding: 0.4em 1em; background: #f8a548; text-align: right; border: none; border-radius: 0; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6); }
	header nav a:hover { border: none; }
	header .sub-menu { display: block; position: relative; left: auto; top: auto; }
	header .sub-menu a { width: auto; }
	#hero a { width: 200px; }
	.featured { padding: 2%; }
	.featured h2 { font-size: 1em; }
	.featured p { font-size: 0.75em; }
	.featured .post-date, .featured .post-comments { font-size: 0.75em; }
	.author-toggle { width: 180px; right: -196px; }
	#content .post-block { width: 47%; margin-left: 6%; }
	.widget_social .st { font-size: 0.875em; }
	.widget_social li a { line-height: 1.5em; }
}

@media all and (max-width: 45.625em) { /* 730 */
	#top .btns, #top nav, #top .btns li, #top nav li { float: none; text-align: center;  }
	#top .btns li, #top nav li { display: inline-block; margin: 0 0.5em; }
	#top nav li { padding: 0; border: none; }
	#hero h2 { width: 64%; font-size: 1em; }
	#content, #left { float: none; width: 100%; margin-bottom: 1em; }
	.widget-container { max-width: 300px; margin: 0 auto 1em; }
	.featured h2 { font-size: 1.125em; }
	.featured p { font-size: 1em; }
	.featured .bx-prev { left: -2%; }
	.featured .bx-next { right: -2%; }
	.post-block .excerpt { min-height: 80px; }
	.widget_social li a { line-height: 2em; }
}

@media all and (max-width: 40em) { /* 640 */
	#hero h2 { width: 100%; margin-bottom: 1em;  }
	#hero p { float: right; }
}

@media all and (max-width: 36.875em) { /* 590 */
	#top .btns a { width: 120px; }
	.featured p { font-size: 0.875em; }
}

@media all and (max-width: 33.75em) { /* 540 */
	header { margin: 1em 0; }
	#hero { margin-bottom: 1em; padding: 1em 3%; }
	.featured .top .left { width: 100%; padding: 6%; }
	.featured .top .right { display: none; }
	.featured .bottom .left, .featured .right { float: none; width: 100%; overflow: hidden; }
	.featured .social li { width: auto; padding-left: 1em; }
	.author-toggle { right: auto; left: 0; }
	.featured-thumbs { margin-bottom: 1.5em; }
	#content .post-block { float: none; width: 100%; max-width: 300px; margin: 0 auto 2em; }
	#content .post-wrap .post-block:nth-child(2n) { margin-right: auto; }
}

@media all and (max-width: 31.250em) { /* 500 */
	.logo { width: 180px; }
	.featured { margin-bottom: 1.5em; }
	.featured-thumbs { display: none; }
	aside .widget-container h3, aside .widget-container .tabs { width: 100%; margin-left: 0; }
	.tubepress_thumb, .tubepress_thumb:nth-child(3n) { width: 47%; height: 220px; margin: 0 6% 1em 0; }
	.tubepress_thumb:nth-child(2n) { margin-right: 0; }
	.author .social { float: right; }
}

@media all and (max-width: 31.250em) { /* 500 */
	.tubepress_thumb { height: 200px; }
}