/*---:[ 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;
}
body { font-family: Georgia, "Times New Roman", Times, serif; color: #111; }
a { color: #d00; text-decoration: none; }
#container { width: 900px; margin-top: 25px; margin-right: auto; margin-left: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.menu { position: relative; list-style: none; z-index: 50; }
.menu li { position: relative; float: left; }
.menu ul { position: absolute; visibility: hidden; list-style: none; z-index: 110; }
.menu ul li { clear: both; }
.menu a { display: block; }
.menu ul ul { position: absolute; top: 0; }
.menu li:hover ul, .menu a:hover ul, .menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul { visibility: visible; }
.menu :hover ul ul, .menu :hover ul :hover ul ul { visibility: hidden; }
.menu ul, .menu ul li { width: 150px; }
.menu ul ul, .menu :hover ul :hover ul { left: 150px; }
.menu a { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding-top: 9px; padding-right: 13px; padding-bottom: 9px; padding-left: 13px; border-width: 1px; border-left-width: 0; border-style: solid; }
.menu ul a { width: auto; border-left-width: 1px; border-style: solid; }
.menu { border-width: 0 0 1px 1px; border-style: solid; }
.menu li ul { border-bottom-width: 1px; }
.menu li { margin-bottom: -1px; }
.menu li ul { margin-top: -1px; }
.menu ul ul { margin-top: 0; }
.menu, .menu a, .menu li ul { border-color: #ddd; }
.menu ul .current a, .menu ul .current-cat a, .menu .current ul a, .menu .current-cat ul a, .menu ul .current-menu-item a { border-bottom-color: #ddd; }
.menu .current a, .menu .current-cat a, .menu .current-menu-item a { border-bottom-color: #fff; }
.menu li:hover ul, .menu a:hover ul { left: -1px; }
.menu a, .menu .current ul a, .menu .current-cat ul a, .menu .current-menu-item ul a { color: #111; background-color: #eee; }
.menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover, .menu .current-menu-item ul a:hover, .menu .current-menu-ancestor a:hover { background-color: #ddd; }
.menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover, .menu .current-menu-item a, .menu .current-menu-item a:hover { background: #fff; }
#header { border-width: 0 0 3px 0; border-style: double; border-color: #ddd; padding-top: 25px; padding-right: 13px; padding-bottom: 25px; padding-left: 13px; }
#site_title { font-size: 42px; line-height: 58px; font-weight: bold; }
#site_title a { color: #111; }
#site_title a:hover { color: #d00; }
#site_tagline { font-size: 16px; line-height: 1.375em; color: #888; }
.columns, .columns > .content, .columns > .sidebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.columns > .content { width: 640px; float: left; }
.columns > .sidebar { width: 259px; float: right; padding-top: 25px; padding-right: 13px; padding-left: 13px; }
.columns { background: url('images/dot-ddd.gif') 640px 0 repeat-y; }
.post_box, .post_box h4 { font-size: 16px; line-height: 25px; }
.post_box h1, .post_box .headline { font-size: 26px; line-height: 37px; }
.post_box .post_content h2, .post_box h3 { font-size: 20px; line-height: 30px; margin-top: 38px; margin-bottom: 13px; }
.post_box h5, .post_box .small { font-size: 13px; line-height: 22px; }
.post_box .drop_cap { font-size: 50px; line-height: 1em; margin-right: 8px; float: left; }
.post_box p, .post_box ul, .post_box ol, .post_box blockquote, .post_box pre, .post_box dl, .post_box dd { margin-bottom: 25px; }
.post_box ul { list-style-type: square; }
.post_box ul, .post_box ol { margin-left: 25px; }
.post_box ul ul, .post_box ul ol, .post_box ol ul, .post_box ol ol { margin-left: 25px; }
.post_box ul ul, .post_box ul ol, .post_box ol ul, .post_box ol ol, .wp-caption p { margin-bottom: 0; }
.post_box .left, .post_box .alignleft, .post_box .ad_left { margin-bottom: 25px; margin-right: 25px; }
.post_box .right, .post_box .alignright, .post_box .ad { margin-bottom: 25px; margin-left: 25px; }
.post_box .center, .post_box .aligncenter { margin-bottom: 25px; }
.post_box .block, .post_box .alignnone { margin-bottom: 25px; }
.post_box .stack { margin-left: 25px; }
.post_box { padding: 25px 25px 0 13px; border-top: 1px dotted #bbb; }
.landing .post_box { padding-right: 13px; }
.top { border-top: 0; }
.headline_area { margin-bottom: 25px; }
.headline_area p { color: #888; margin-bottom: 0; }
.headline a, .headline_area p a:hover, .num_comments, .post_edit:hover { color: #111; }
.headline a:hover { color: #d00; }
.headline_area p a, .post_edit { color: #888; border-bottom: 1px solid #ddd; }
.author_by, .date_on, .post_cats_intro { font-style: italic; }
.headline_area p a, .post_author, .post_date, .post_edit { text-transform: uppercase; letter-spacing: 1px; }
.headline_area p .post_edit { margin-left: 6px; }
.post_content h4 { font-weight: bold; }
.post_content a { text-decoration: underline; }
.post_content a:hover { text-decoration: none; }
.post_content .frame { padding: 13px; background: #eee; border: 1px solid #ddd; }
.post_content blockquote { margin-left: 13px; padding-left: 13px; color: #666; border-left: 1px solid #ddd; }
.num_comments_link { color: #666; text-decoration: none; }
.num_comments_link:hover { text-decoration: underline; }
.bracket, .num_comments { font-size: 25px; }
.bracket { color: #ccc; }
.post_box .post_image { margin-bottom: 25px; }
.post_box .post_image_box, .post_box .wp-caption { margin-bottom: 25px; padding: 13px; background: #eee; border: 1px solid #ddd; }
.post_box .post_image_box img, .post_box .wp-caption img { display: block; margin-bottom: 13px; }
.post_box .wp-caption p { font-size: 13px; line-height: 21px; margin-bottom: 0; }
.post_box .wp-caption p a { text-decoration: underline; }
.post_box .wp-caption p a:hover { text-decoration: none; }
.post_box .post_tags { color: #666; }
.post_box .post_tags a:hover { text-decoration: underline; }
.post_box .alert, .post_box .note { margin-bottom: 25px; padding: 13px; }
.post_box .alert { background: #ff9; }
.post_box .note { background: #eee; }
.post_box .alert p:last-child, .post_box .note p:last-child { margin-bottom: 0; }
.post_box pre { padding: 13px; background: #eee; overflow: auto; clear: both; }
.post_box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;; }
.post_content blockquote.right, .post_content blockquote.left { width: 45%; font-size: 26px; line-height: 35px; margin-bottom: 13px; }
.post_content blockquote.right, .post_content blockquote.left { padding-left: 0; border: 0; }
.post_content blockquote.right p, .post_content blockquote.left p { margin-bottom: 0; }
.comments_intro { font-size: 16px; color: #666; margin-top: 50px; margin-bottom: 13px; padding-right: 25px; padding-left: 13px; }
.comments_intro a { text-decoration: underline; }
.comments_intro a:hover { text-decoration: none; }
.comments_closed { font-size: 13px; line-height: 21px; color: #888; margin-right: 25px; margin-bottom: 25px; margin-left: 13px; }
.comment { font-size: 16px; line-height: 25px; border-width: 0 0 1px 0; border-style: dotted; border-color: #bbb; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 13px; }
.comment .comment_author { font-size: 18px; line-height: 25px; font-weight: bold; }
.comment .comment_aux { font-size: 13px; line-height: 22px; }
.children .comment { list-style-type: none; border-width: 0 0 0 1px; border-style: solid; border-color: #ddd; margin-top: 25px; padding-left: 25px; }
.bypostauthor { background-color: #e7f8fb; }
.children .bypostauthor { background-color: transparent; border-width: 0 0 0 2px; border-style: solid; border-color: #bde0e6; }
.comment .comment_text ul { list-style-type: square; }
.comment .comment_text ul, .comment .comment_text ol { margin-left: 25px; }
.comment p, .comment .comment_text ul, .comment .comment_text ol, .comment .comment_text blockquote, .comment .comment_text pre { margin-bottom: 25px; }
.comment .comment_text li ul, .comment .comment_text li ol { margin-left: 25px; margin-bottom: 0; }
.comment .comment_text .left, .comment .comment_text .alignleft { margin-bottom: 25px; margin-right: 25px; }
.comment .comment_text .right, .comment .comment_text .alignright { margin-bottom: 25px; margin-left: 25px; }
.comment .comment_text .center, .comment .comment_text .aligncenter { margin: 0 auto 25px auto; }
.comment .comment_text .block, .comment .comment_text .alignnone { margin: 0 auto 25px 0; }
#comments { list-style-type: none; margin-bottom: 50px; border-top: 1px dotted #bbb; }
.children .comment { padding-top: 0; padding-right: 0; padding-bottom: 0; }
.comment .avatar { float: right; margin-left: 13px; }
.comment .comment_head { margin-bottom: 13px; }
.children .comment_head { margin-bottom: 0; }
.comment_date { font-size: 12px; color: #888; margin-left: 13px; }
.comment_edit { float: right; }
.comment_date a { color: #888; }
.comment_text a, .comment_head a:hover { text-decoration: underline; }
.comment_text a:hover { text-decoration: none; }
.comment-reply-link, .comment_edit { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #888; }
.comment-reply-link:hover, .comment_edit:hover { text-decoration: underline; }
#commentform { font-size: 16px; line-height: 25px; margin-bottom: 50px; padding-right: 25px; padding-left: 13px; }
#commentform label { display: block; }
#commentform p { margin-bottom: 13px; }
#commentform p a { text-decoration: underline; }
#commentform p a:hover { text-decoration: none; }
#commentform p .required { color: #d00; }
.comment_moderated { font-weight: bold; }
#commentform .input_text { width: 50%; }
#commentform textarea.input_text { width: 100%; }
.comment #commentform { padding-right: 0; padding-left: 0; }
.comment #comment_form_title { margin-top: 0; }
.children #commentform, .children #comment_form_title { margin-left: -25px; padding-left: 25px; }
#comment_form_title { font-size: 20px; color: #666; border-width: 0 0 1px 0; border-style: dotted; border-color: #bbb; margin-top: 50px; margin-right: -25px; margin-left: -13px; padding-right: 25px; padding-bottom: 13px; padding-left: 13px; }
.input_text { font-size: inherit; line-height: 1em; font-family: inherit; color: #111; background-color: #eee; border-width: 1px; border-style: solid; border-color: #aaa; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.input_text:focus { background-color: #fff; border-style: solid; border-color: #777; }
.input_text { border-right-color: #ddd; border-bottom-color: #ddd; }
.input_text:focus { border-right-color: #ccc; border-bottom-color: #ccc; }
textarea.input_text { line-height: 25px; }
.input_submit { font-size: 20px; line-height: 1em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-image: url('images/submit-bg.gif'); border-width: 3px; border-style: double; border-color: #999; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; }
.input_submit:focus { border-style: solid; }
.input_submit { border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; overflow: visible; }
.input_submit:hover { color: #090; }
#cancel-comment-reply-link { font-size: 11px; line-height: 1em; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-color: #d00; border-width: 2px; border-style: solid; border-color: #ac0000; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; }
#cancel-comment-reply-link { border-top-color: #fa5a5a; border-left-color: #fa5a5a; float: right; }
.login_alert { font-weight: bold; background-color: #eee; border-width: 1px; border-style: solid; border-color: #ddd; }
#archive_intro { border-width: 0 0 2px 0; border-style: solid; border-color: #ddd; }
.archive_title { margin-bottom: 25px; }
.prev_next { font-size: 16px; line-height: 25px; color: #666; border-width: 2px 0 0 0; border-style: solid; border-color: #ddd; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 13px; }
.prev_next { clear: both; }
.prev_next a:hover { text-decoration: underline; }
.prev_next .next_posts { float: right; }
.prev_next:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.previous_posts, .next_posts { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; }
.sidebar, .sidebar h4 { font-size: 13px; line-height: 19px; }
.sidebar h1, .sidebar .headline { font-size: 21px; line-height: 29px; }
.sidebar .post_content h2, .sidebar h3 { font-size: 17px; line-height: 24px; font-variant: small-caps; letter-spacing: 1px; margin-top: 29px; margin-bottom: 10px; }
.sidebar h5, .sidebar .small { font-size: 10px; line-height: 16px; }
.sidebar .drop_cap { font-size: 38px; line-height: 1em; margin-right: 6px; float: left; }
.sidebar p, .sidebar ul, .sidebar ol, .sidebar blockquote, .sidebar pre, .sidebar dl, .sidebar dd { margin-bottom: 19px; }
.sidebar ul ul, .sidebar ul ol, .sidebar ol ul, .sidebar ol ol { margin-left: 19px; }
.sidebar ul ul, .sidebar ul ol, .sidebar ol ul, .sidebar ol ol, .wp-caption p { margin-bottom: 0; }
.sidebar .left, .sidebar .alignleft, .sidebar .ad_left { margin-bottom: 19px; margin-right: 19px; }
.sidebar .right, .sidebar .alignright, .sidebar .ad { margin-bottom: 19px; margin-left: 19px; }
.sidebar .center, .sidebar .aligncenter { margin-bottom: 19px; }
.sidebar .block, .sidebar .alignnone { margin-bottom: 19px; }
.sidebar .stack { margin-left: 19px; }
.sidebar .text_box { margin-bottom: 38px; }
.sidebar .thesis_email_form { margin-bottom: 38px; }
.sidebar .thesis_email_form .input_text { width: 100%; margin-bottom: 13px; }
.sidebar .input_submit { font-size: 16px; padding: 6px; }
.widget { font-size: 13px; line-height: 19px; margin-bottom: 38px; }
.widget .widget_title { font-size: 17px; line-height: 24px; font-variant: small-caps; letter-spacing: 1px; margin-bottom: 10px; }
.widget p, .widget ul { margin-bottom: 19px; }
.widget li ul { margin-bottom: 0; }
.widget ul { list-style-type: none; }
.widget li { margin-bottom: 10px; }
.widget li ul, .widget li ol { margin-top: 10px; }
.widget li a:hover, .widget p a { text-decoration: underline; }
.widget p a:hover { text-decoration: none; }
.search-form .input_text { width: 100%; }
#footer { font-size: 13px; line-height: 21px; text-align: right; color: #888; border-width: 3px 0 0 0; border-style: double; border-color: #ddd; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; }
#footer a { color: #888; border-bottom: 1px solid #ddd; }
#footer a:hover { color: #111; }
/*---:[ custom CSS ]:---*/
.widget_display_replies {
	background-color: rgba(0,0,0,0.7);
	padding: 15px;
	margin-top: 15px;
	color:white;
}
.widget_display_replies li {
	margin-bottom: 10px;
	border-top: #606060 1px solid;
	font-size: 15px;
	color: white;
	padding-top:10px;
}

.pmpro_asterisk{
	display:none;
}
.pmpro_checkout tbody td { padding:0px; }
.bbp-attachments-form input[type=file] {
	color:black;
}
.bbp-reply-content p {
	margin-bottom: 10px;
}
table.pmpro_checkout {
	margin:0 auto;
	background-color:aliceblue;
}
.pmpro_message {
	/* Firefox */
	width: -moz-calc(80% - 30px);
	/* WebKit */
	width: -webkit-calc(80% - 30px);
	/* Opera */
	width: -o-calc(80% - 30px);
	/* Standard */
	width: calc(80% - 30px);
	margin:0 auto;
}
.courseribbon { position:absolute; right:0px; top:0px; border:none;}
.courseloginlink { position:absolute;top:5px;left:15px; }
.courseloginlink a { color:white; }
.courseoriginalprice {text-decoration:line-through;color:#AAAAAA;}
.coursesale { color:red; }
.coursesaletext { font-size:15px; color:red; }
.enrollbuttontext { font-size:15px; color:gray; }
body {
	font-family:'Open Sans', sans-serif;
	color:#3e3e3e;
	background-color: #f9f9f9;
	background: url('/img/hp_bg4.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
a, a:hover, .post_content a {
color: #18a5e0;
text-decoration: none;
}

#site_title {
display:none;
}

#container {
width: auto;
max-width: 1160px;
margin-top:0px;
/*background-color: #f9f9f9;*/
}

.topribbon {
height: 47px;
/*background-color: #30A1F3;*/
background-color: rgba(0,0,0,0.4);
/*background-image: url('/img/classy_fabric.png');*/
text-align:center;
}
body.htcaa_coursepage .topribbon {
	height: auto;
}
.htcaa_coursepage .logo {
	padding-left: 0px;
	margin-top: 46px;
}
.logo {
height: 76px;
width: 130px;
display:inline-block;
padding-left:15px;
margin-top:-36px;
}

.menu 
{ 
display: inline-block;
border:0px;
}

.menu a 
{ 
font-size: 10pt;
font-family: 'Montserrat',sans-serif;
border-style:none;
margin-top:5px;
text-transform: uppercase;
}
.menu .current-menu-item a {
border-bottom-color: #ddd;
	/*background-color:#30A1F3;*/
	background-color: rgba(0,0,0,0);
}
.menu .current-menu-item a:hover {
	/*background-color:#30A1F3;*/
	background-color: rgba(0,0,0,0);
}
.menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover, .menu .current-menu-item ul a:hover, .menu .current-menu-ancestor a:hover {
    /*background-color: #30A1F3;*/
	background-color: rgba(0,0,0,0);
}

.menu a {
    color: white;
    /*background-color: #30A1F3;*/
	background-color: rgba(0,0,0,0);
}
.menu ul li a {
	color: #666;
    background-color: #eee;
}
#menu-item-1365 a {
	color:#ffc601;
}
.menu ul, .menu ul li {
width: 250px;
}
.menu ul a {
font-size: 15px;
}
.sub-menu li a {
	background-color: #efefef;
border: white solid 1px;
margin: 0px;
font-weight: normal;
font-family: 'Open Sans';
color: #666;
font-size: 9pt;
padding: 5px;
text-align: left;
	padding-left:20px;
}
body.htcaa_coursepage .menu .current-menu-item a:hover, body.htcaa_coursepage .menu a:hover {
	background-color:#30A1F3;
}
body.htcaa_coursepage .sub-menu .current-menu-item {
	background-color:#ddd;
}
.topnavcontainer {
height: 20px;
margin-left: 230px;
padding-top: 10px;
font-size: 25px;
color: #30A1F3;
font-weight: normal;
}
#header {
border-style: none;
}
#footer {
	background-color:#f9f9f9;
}
.htcaa_coursepage .columns {
	margin-top:20px;
}
.columns {
width: auto;
background: none;
/*background-color: #f9f9f9;*/
margin-top:40px;
}

/* posts */
.featured_image_link img {
margin-bottom: 30px;
}
.post_box {
border: none;
font-size: 18px;
line-height: 28px;
padding-left: 20px;
padding-bottom:30px;
margin-bottom:30px;
border-bottom:#eee solid 1px;
}

.prev_next {
border: none;
}
.headline a:hover {
color: #18a5e0;
}
.headline a, .post_box .headline{
color: #3e3e3e;
font-size: 38px;
font-weight: normal;
margin-bottom: 10px;
font-family:'bitter', sans-serif;
}
.headline a {
color: #3e3e3e;
}
.byline {
	margin-top:15px;
	padding-bottom:15px;
}
.imgfaintoutline {
	border:#eee 1px solid;
}
.wp-post-image {
	border-radius:8px;
}
.sourcecodebox {
background-color:#eee;
	padding:1px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:25px
}
.really_simple_share {
padding-top: 16px;
padding-left: 10px;
border-bottom: solid 1px #eee;
border-top: solid 1px #eee;
margin-bottom: 30px;
}
.preface {
}
.aside {
background: #EEEEEE;
padding: 25px;
border-top-style: solid;
border-top-width: 4px;
border-top-color: #999999;
margin-bottom: 25px;
}
.aside-alt {
background: #DDDDDD;
padding: 25px;
border-top-style: solid;
border-top-width: 4px;
border-top-color: #999999;
margin-bottom: 25px;
}

.tutorial {
background-color:#CEE6ED;
padding: 25px;
border-top-style: solid;
border-top-width: 4px;
border-top-color: #30A1F3;
margin-bottom: 25px;
}
.personalmsg {
background-color:#edf5fa;
padding: 25px;
border-top-style: solid;
border-top-width: 4px;
border-top-color: #30A1F3;
margin-bottom: 25px;
}
.contentdiagram {
margin-left:auto;
margin-right:auto;
}
.objc_header {
	border-left:3px solid #1da00b;
	padding-left:10px;
	margin-bottom:15px;
	color:#1da00b;
}
.swift_header {
	border-left:3px solid #f6b70c;
	padding-left:10px;
	margin-bottom:15px;
	color:#f6b70c;
}
.videotutbeginner {
background-color:#0c88c2;
overflow:auto;
width:100%;
padding-left:15px;
border-top-style:solid;
border-top-width:7px;
border-top-color:#084c85;
}
.videotuttutorials {
background-color:#2c903a;
overflow:auto;
width:100%;
border-top-style:solid;
border-top-width:7px;
border-top-color:#0b5415;
}
.videotutprojects {
background-color:#835189;
overflow:auto;
width:100%;
border-top-style:solid;
border-top-width:7px;
border-top-color:#5d0c67;
}
.videotuttitle {
margin-left:15px;
margin-top:15px;
color:#fff;
font-size:30px;
}
.videotuttile {
display:block;
float:left; 
width:300px;
height:440px;
margin:0 15px 15px;
color:#fff;
}
.videotuttileheader {
height:60px;
}
.videotuttile a, .videotuttile a:hover {
color:#fff;
}
.post_box h3 {
font-size: 30px;
line-height: 30px;
margin-top: 43px;
margin-bottom: 13px;
font-weight: bold;
}

.columns > .sidebar {
width: 30%;
max-width:300px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
}
.widget {
	margin-bottom:0px;
}
.widgetbutton {
width: 170px;
display: block;
padding: 10px;
margin: 0 auto;
font-size: 11pt;
font-weight: bold;
text-align: center;
text-transform: uppercase;
	font-family:'montserrat', sans-serif;
color: #FFF;
background-color: #30A1F3;
cursor: pointer;
}
.widgetbutton:hover {
	color:white;
	background-color:black;
}
.aboutwidget {
	padding: 20px;
	background-color: #2a425b;
	border-top:5px solid #30A1F3;
	color:white;
}
.aboutwidget_bottom {
	background-color: #eee;
	padding: 20px;
	color:black;
	font-size:11pt;
	margin-bottom:38px;	
}
.aboutwidget .profile-roundedborder {
	display: inline-block;
	margin: 0px 10px 10px 0px;	
-webkit-border-radius:100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -khtml-border-radius: 100%;
    border: 3px solid #fff;
	float: left;
}
.aboutwidget .profilepic {
-webkit-border-radius:100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -khtml-border-radius: 100%;
width: 80px;
height: 80px;
	vertical-align:middle;
}
.optinwidget {
	padding:25px;
	background-color:#333;
	color: white;
font-size: 17pt;
margin: auto;
font-family: 'Open Sans';
}
.optinwidget hr {
	display: block; height: 1px;
    border: 0; border-top: 1px solid #555;
    margin: 1em 0; padding: 0;
}
.optinwidget img {
	float:left;
	margin-right:10px;
	vertical-align:middle;
}
.optinwidgetdesc {
	font-size: 10pt;
}
.optinwidgetbutton {
	background-color:#178440;
}
.optinwidgetbutton:hover {
	color:white;
	background-color:#19ad51;
}
.contactwidget {
	text-align:center;
	display:table;
	padding:20px;
}
.contactwidgetcell {
	float:left;
	display:table-cell;
	width:33%;
}
.widget_search .screen-reader-text {
    display:none;
}
.widget_search #searchsubmit {
	display:none;
}
.widget_search #s {
color: #777777;
font-size: 11pt;
border-radius: 0px;
width: calc(100% - 23px);
margin: 0 auto;
	outline:0;
	height:30px;
}
.popularwidget {
	padding:10px;
	background-color:#666;
	color:white;
}
.popularwidget-item {
	padding:20px;
	color:#eee;
	margin-top:10px;
	background-color:#2a425b;
}
.popularwidget-item-heading {
	font-weight:bold;
	color:white;
	font-size:13pt;
}

.columns > .content {
width: 70%;
float: left;
border-left: #EEEEEE solid 1px;
border-right: #EEEEEE solid 1px;
background-color:white;
border-top:#EEEEEE solid 1px;
padding:30px;
}
body.fullwidthbody.template-custom div#container div.columns div.content
{
	width: 100%;
}
body.profilepagebody.template-custom div#container div.columns div.content
{
	background-color:#333;
	color:white;
	border:0px;
}
.columns > .content-fullwidth {
width: 100%;
}
.sidebaroptin input {
width: 80%;
padding-top: 10px;
padding-bottom: 10px;
margin: auto;
margin-top: 10px;
}

input.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b9e0fa), color-stop(1, #63b4eb) );
	background:-moz-linear-gradient( center top, #b9e0fa 5%, #63b4eb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9e0fa', endColorstr='#63b4eb');
	background-color:#b9e0fa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #1c7dbd;

	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #30a2f3;
}
input.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b4eb), color-stop(1, #b9e0fa) );
	background:-moz-linear-gradient( center top, #63b4eb 5%, #b9e0fa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b4eb', endColorstr='#b9e0fa');
	background-color:#63b4eb;
}
input.button:active {
	position:relative;
	top:1px;
}
.sidebaroptin input.button {
width: 50%;
margin-bottom: 10px
}

input, textarea {
background-color: #FFFFFF;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-ms-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
}

input, textarea, select {
display: block;
border: 1px solid #d5d5d5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: .6em .8em .4em;
border-width: 1px;
border-style: solid;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}

/* course page specific */
.htcaa_lesson_num{
	margin-right:20px;
	float:left;
}
.htcaa_lesson_heading {
	padding-left: 15px;
	padding-top: 5px;
	border-left: 7px solid #37a5d8;
	color: #333;
	padding-bottom: 5px;
	margin-top: 50px;
}
.htcaa_lesson_heading h3 {
	margin:0px;
}
.htcaa_lesson {
	border: 1px solid #d6dfe3;
	height:auto;
	width: auto;
	padding:20px;
	margin-bottom: 10px;
	margin-top: 10px;
	position:relative;
}
.htcaa_lesson:hover {
	box-shadow: 0px 1px 1px #ccc;
	cursor:pointer;
}
.htcaa_lesson span 
{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif');
} 
.htcaa_latestupdate {
	border: 1px solid #f7e625;
	background-color:#fffef4;
	height:100px;
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;	
}
.htcaa_toc {
	border: 1px solid #18a5e0;
	background-color:#e8f2f6;
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;	
	padding:20px;	
	-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
}
.htcaa_toc p {
	margin: 0px;
}
body.htcaa_body.template-custom div#container
{
	/*background:url('http://codewithchris.staging.wpengine.com/img/how_to_create_an_app_bg.jpg');*/
	width:100%;
	max-width:2000px;
	min-width:320px;
	margin-bottom:2px;
	margin-top:0px;
}
body.htcaa_body.template-custom div#container div#header
{
	display:none;
}
body.htcaa_coursepage div#container {
	/*border:1px solid #d6dfe3;*/
	margin-top:20px;
	margin-bottom:50px;
}

body.htcaa_coursepage div#container hr {
	display: block; height: 1px;
    border: 0; border-top: 1px solid #d6dfe3;
    margin: 1em 0; padding: 0;
}
body.htcaa_body.template-custom div#container div.columns div.content, 
body.htcaa_coursepage div#container div.columns div.content
{
	width: 100%;
	margin: 0 auto;
	/*float: none;*/
}
body.htcaa_body.template-custom div#container div.columns div.content .post_box
{
	padding: 0px;
}
body.htcaa_body {
	/*background:url('http://codewithchris.staging.wpengine.com/img/how_to_create_an_app_bg.jpg');*/
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
}

.htcaa_title h1
{
	font-size:50px;
	text-align:center;
	width:100%;
	font-weight:bold;
	line-height:60px;
	background-color: #37a5d8;
	padding-top: 50px;
	padding-bottom: 50px;	
	text-shadow: 0px 2px 1px rgba(0,0,0,0.3);
	color: white;
}
.htcaa_title2 h1 {
	padding-top:25px;
	padding-bottom:25px;
}
.htcaa_subtitle {
	font-size:30px;
	text-align:center;
	width:100%;
	font-weight:bold;
	line-height:50px;	
}
h2.htcaa_blurb {
	text-align:center;
	width:100%;
}
.htcaa_perfectfor {
	background-color:#f6f8f8;
	/*background: url('http://codewithchris.staging.wpengine.com/img/how_to_create_an_app_audience_bg.jpg');*/
		border-top: #C0C0C0 solid 1px;
	border-bottom: #C0C0C0 solid 1px;
}
.htcaa_perfectfor_inner {
	width:70%;
	margin: 0 auto;
	padding:30px;
}
.htcaa_perfectfor_inner2 {
	padding-top:0px;
}
.htcaa_about, .htcaa_faq, .htcaa_question {
}
.htcaa_message {
	background-color:#222;
}
.htcaa_message img {
	float:left;
	margin-right:20px;
}
.htcaa_about_inner, .htcaa_message_inner, .htcaa_faq_inner, .htcaa_question_inner {
	width: 70%;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}
.htcaa_inner_title {
	font-size: 30px;
	background-color: #ffff99;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
.htcaa_gallery_app {
}

.htcaa_gallery_app_inner {
	width:70%;
	margin: 0 auto;
}

.htcaa_compare_table
{
	background-color:white;
	color:#666;
	margin:0 auto;
	width:80%;
	display:table;
}
.htcaa_compare_yes, .htcaa_compare_no {
	margin: 0 auto;
}
.htcaa_compare_feature_table_cell {
	display:table-cell;
	width:70%;
	text-align:right;
	border-bottom: lightgray 1px solid;
	border-left: lightgray 1px solid;
	border-right: lightgray 1px solid;	
	padding: 5px;
	padding-right:15px;
	font-weight: normal;
	font-size: 15px;
}
.htcaa_compare_tick_table_cell {
	display:table-cell;
	width:15%;
	border-bottom: lightgray 1px solid;
	border-right: lightgray 1px solid;
	vertical-align:middle;
}
.htcaa_compare_table_row {
	display:table-row;
}
.htcaa_compare_table_top_row {
	border:0px;
	border-bottom: lightgray 1px solid;
	font-size: 15px;
	padding: 0px;
	vertical-align: bottom;
	padding-bottom: 5px;
}
.htcaa_compare_table_cell_highlight {
	background-color: #ffff99;
}
.htcaa_audience, .htcaa_compare {
	border-bottom:#C0C0C0 solid 1px;
}

.htcaa_benefits_inner, .htcaa_audience_inner, .htcaa_compare_inner {
	width: 70%;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}
.htcaa_benefit_card, .htcaa_audience_card {
	/*border: #C0C0C0 solid 1px;*/
	background-color: #fff;
	-moz-box-shadow:    0px 1px 1px 1px #ccc;
  -webkit-box-shadow: 0px 1px 1px 1px #ccc;
  box-shadow:         0px 1px 1px 1px #ccc;
	padding:10px;
	text-align:left;
}
.htcaa_testimonials {
	border: #C0C0C0 solid 1px;
	margin-top: 40px;
}
.htcaa_testimonials2 {
	border-top:0px;
	margin-top: 0px;	
}
.htcaa_testimonials_inner {
	width: 70%;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}
.htcaa_testimonial_card {
	/*border: #C0C0C0 solid 1px;*/
	background-color: #fff;
	-moz-box-shadow:    0px 1px 1px 1px #ccc;
  -webkit-box-shadow: 0px 1px 1px 1px #ccc;
  box-shadow:         0px 1px 1px 1px #ccc;
	padding:20px 20px 1px 20px;
	text-align:left;
	margin-bottom:20px;
}
.htcaa_testimonial_image {
	margin:10px;
}
.htcaa_faq_column_left {
	display:table-cell;
	width:50%;
	text-align:left;
	padding:0px;
	padding-right:10px;
	color:#777;
}
.htcaa_faq_column_right {
	display:table-cell;
	width:auto;
	text-align:left;
	padding:0px;
	padding-left:10px;
	color:#777;	
}
.htcaa_faq_fullwidth_column {
	display:table-cell;
	text-align:left;
	width:100%;
	padding:0px;
	padding-top: 30px;
	color:#777;	
}
.htcaa_lesson_heading2 {
	color:#666;
}
.htcaa_list {
	line-height: 60px;
	list-style: none;
	margin-left: 0;
padding-left: 0;
}
.htcaa_content .really_simple_share
{
display:none;
}
#htcaa_enroll {
	text-align:center;
}
#htcaa_enroll a
{
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
font-weight: 600;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-font-smoothing: antialiased;
background-color: #27be36;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
text-decoration: none;
padding: 1px 10em 0;
height: 68px;
line-height: 68px;
position: relative;
color: #fff;
letter-spacing: 0;
}
#htcaa_enroll a:hover 
{
	margin-top:-4px;
border-bottom:solid 4px #178440;
background-color: #27be36;
position: relative;

}

.review_container {
	padding: 30px;
}
.email_feedback, .youtube_feedback {
border-top: #c0c0c0 solid 1px;
margin-top: 40px;
}
.feedback_footer {
border-top: #c0c0c0 solid 1px;
margin-top: 40px;
font-weight:bold;
font-size:18px;
	padding-top:25px;
}
.email_feedback_single {
	background-color: #fff;
	-moz-box-shadow:    0px 1px 1px 1px #ccc;
  -webkit-box-shadow: 0px 1px 1px 1px #ccc;
  box-shadow:         0px 1px 1px 1px #ccc;
	padding:10px;
	height:80px;
	width:70%;
	margin:0 auto;
}
.youtube_feedback_single {
	margin:0 auto;
}
.feedback_subtitle {
}

.appsbyreaders_screenshot {
width: 224px;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
display: inline-block;
vertical-align: middle;
}
.horizontallist
{
	list-style:none;
	margin: 0 auto;
	text-align: center;
}
.horizontallistitem
{
	display:inline-block;
	text-align: left;
}
.tutorialsectionbutton {
	display:inline-block;	
	border-top-style: solid;
	border-top-width: 7px;
	width:130px;
	height:130px;
	color:white;
	padding:20px;
	font-size:30px;
	vertical-align:top;
	margin:10px;
}
.tutorialsectionbutton:hover {
	box-shadow: 2px 2px 2px #CCC;
	cursor: pointer;
}
.tutorialsectionheader {
	display:inline-block;
	border-top-style: solid;
	border-top-width: 7px;
	width:100%;
	height:auto;
	color:white;
	font-size:30px;
	vertical-align:top;
	margin:10px;
}
.writtentutorial {
	display:inline-block;
	width:280px;
	height:280px;
	border:#EEE 1px solid;
	margin:10px;
	text-align:left;
}
.writtentutorial:hover {
	box-shadow: 0px 1px 1px #ccc;
	cursor: pointer;
}

/* -- Forum CSS -- */
.pmpro_bbp_membership_msg {
	font-size: 15px;
background-color: lightgreen;
clear: both;
padding: 10px;
}
.forums_body .columns > .content {
	width:100%;
	background-color: rgba(27,83,126,0.85);
	border:0px;
	border-top:#27699c solid 5px;
}

/* -- RESPONSIVE CSS -- */
/*--:[ responsive break: 1 ]:--*/

@media screen and (max-width: 1080px) {
}
/*--:[ responsive break: 2 ]:--*/

@media screen and (max-width: 850px) {
.topribbon {
	height: 87px;
}
.logo {
height: 76px;
width: 130px;
}

.menu 
{
}
	
.post_box {
padding-left: 15px;
}

}
/*--:[ responsive break: 3 ]:--*/

@media screen and (max-width: 600px) {

.columns > .sidebar {
width: 100%;
position: relative;
}

.columns > .content {
width: 100%;
}

}

@media screen and (max-width: 400px) {

.menu li {
	float: none;
}
.topribbon {
	height: auto;
}
.menu 
{
	
}
	
.columns > .sidebar {
width: 100%;
position: relative;
}

.columns > .content {
width: 100%;
padding: 0px;
}

}
.columns:after, .post_box:after, .post_box .post_content:after, .sidebar:after, .sidebar .post_content:after, .menu:after, .comment .comment_text:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }