/*
Theme Name: GeekProfessor
Theme URI: NA
Description: Set one for the site
Version: 1.0
Author: Jeremy Duffy
*/


/*********************/
/* Standard HTML STUFF */
/*********************/

* {
	border		: 0px;
	margin		: 0px;
	padding		: 0px;
	vertical-align	: baseline;
	/* The below fixes the fucked up box model that's been the standard for years.*/
	/* Now, when I set a box to 200 pixels it's going to be 200 pixels regardless of borders or padding god damnit! */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}

input {
	text-overflow 	: clip;
}

*:focus {
	outline				: none;
}

table {
	border-collapse		: collapse;
	border-spacing		: 0;
	table-layout		: fixed;
}

html, body {
	height			: 100%;	
}

b {
	font-weight		: bold;
}

/* COMMON */
.hand{
	cursor			: pointer;
	cursor			: hand;
}

.center {
	text-align		: center;
	}
	
.block_center {
	margin-left		: auto;
	margin-right	: auto;
}	

.nofont {
	font-size		: .5pt;
}

body {
	font-family		: 'Open Sans', Helvetica, sans-serif;
	line-height		: 30px;
	font-size		: 18px;
	background		: #50a4ab;
	color			: #002217;
}

h1, h2, h3, h4, h5, h6 {
	color			: #175a6c;
	font-weight		: 700;
	text-transform	: capitalize;
	}
	
h1 {
	font-size		: 30px;
	line-height		: 33px;
	margin-top		: 30px;
	margin-bottom	: 15px;
	border-bottom	: 1px solid #888;
}

h2 {
	font-size		: 18pt;
	line-height		: 34pt;
	margin 			: 50px 0 25px;
}

h3 {
	color			: #002217;
	font-size 		: 18px;
	line-height 	: 18px;
	margin-top 		: 30px;
	margin-bottom	: 8px;
} 


h2, h2 a, h2 a:visited, h3 a, h3 a:visited, figure a:visited {
	color			: #417D8D;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite, figure a {
	}

a, h2 a:hover, h3 a:hover, figure a:hover {
	color				: #f07700;
	}

a {
	text-decoration	: none;
}

a:hover {
	color			: #BC603C;
	}

hr {
	border 			: 0;
	background 		: #ddd;
	height			: 1px;
	width 			: 90%;
	margin-left		: auto;
	margin-right	: auto;
	margin-top		: 10px;
	margin-bottom	: 20px;
}

.code {
	overflow: auto;
	padding: 10px;
	background: #fafafa;
	color: #222;
	border: 1px solid #888;
	border-radius: 4px;
}

.small {
	font-size		: 15px;
	line-height		: 16px;
	color			: #008438;
	text-transform	: uppercase;
}

.note {
	width			: 90%;
	margin-right		: auto;
	margin-left		: auto;
	color			: #008438;
	font-family		: Helvetica, Arial !important;
	font-size		: 1em !important;
	line-height		: 13pt;
	margin-top		: 15px;
	margin-bottom		: 15px;
}

.hide {
	display			: none;
}

.show {
	display			: none;
}

ol, ul {
	margin-left			: 30px;
	margin-top			: 20px;
}

ol li, ul li {
	margin-bottom 		: 12px;
	margin-left			: 15px;
}
ol.no-li-margin li, ul.no-li-margin li {
	margin			: 0px;
}

p:not(:only-of-type), p:not(:last-child) {
	margin-bottom	: 25px;
}

pre {
	margin	: 25px;
}

/* Placeholder color change */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #999;
}


.post {
	margin-left		: 55px;
	margin-right	: 55px;
	margin-bottom	: 50px;
	display			: block;
	clear			: both;
}

.hidden {
	display			: none;
}

.circle_section {
-moz-border-radius: 15px;
border-radius: 15px;
background: #ececec;
border: 2px solid #88abae;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
padding:10px;
}

.circle_section_text {
padding-left: 25px;
padding-right: 25px
}

#gp_spinner img {
	diplay			: inline-block;
	vertical-align	: middle;
}
#gp_spinner {
	position		: absolute;
	display			: none;
	background		: #444;
	text-align		: center;
	opacity			: .7;
	z-index			: 10;
}

/* COMMON */


/********************/
/* /Page top stuff\ */

.post_date_area {
	font-size		: 14px;
	border-bottom	: 1px solid #eee;
	margin-bottom	: 30px;
}
.post_date_area div {
	display			: inline-block;
}
#gp_face {
	float		: left;
	z-index		: 2;
	position	: absolute;
	top			: calc(50% - 90px);
	left		: -14px;
	height: 175px;
}

/* Position must be relative here. Doesn't do much by itself, but needed for link postioning to vertical align because vertical align is a damned pain since apparently we're not smart enough to come up with a simple way to do this */
#circle_top {
	/*background		: url('images/circle/top.png') 50% 50% #50a4ab no-repeat;*/
	width			: 1050px;
	height			: 250px;
	margin-left		: auto;
	margin-right	: auto;
	position		: relative;			
}
#circle_top_grey_bk {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d6c6d+0,363636+100 */
background: #6d6c6d; /* Old browsers */
background: -moz-linear-gradient(top, #6d6c6d 0%, #363636 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6d6c6d 0%,#363636 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6d6c6d 0%,#363636 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6c6d', endColorstr='#363636',GradientType=0 ); /* IE6-9 */
width				: 100%;
height				: 161px;
border-top-right-radius	: 30px;
border-top-left-radius	: 45px;
position				: absolute;
bottom					: 28px;
margin-bottom			: 0;
}
#circle_top_white_bk {
	background			: white;
	position			: absolute;
	bottom				: 0;
	height				: 28px;
	width				: 100%;
}
#circle_content {
	padding-top		: 30px;
	padding-bottom	: 30px;
	background		: white;
	width			: 1050px;
	margin-top		: 0px;
	margin-left		: auto;
	margin-right	: auto;
}
#jd_text {
	position		: absolute;
	left			: 184px;
	bottom			: 149px;
}
#tgp_text {
	position		: absolute;
	left			: 197px;
	bottom			: 73px;
}
#circle_bottom {
	background		: #86e8f0;
	width			: 1050px;
	border-left		: 5px solid white;
	border-right	: 5px solid white;
	border-bottom	: 5px solid white;
	border-bottom-right-radius	: 15px;
	border-bottom-left-radius	: 15px;
	padding			: 40px;
	margin-right	: auto;
	margin-left		: auto;
	position		: relative;
}
#circle_bottom a  {
	color: #b56313;
}

#circle_bottom a:hover   {
	color: #834508;
}


#circle_top_links {
	height			: 53px;
	display			: table;
	position		: absolute;
	right			: -25px;
	bottom			: 0;
	line-height		: 18px;
	background		: #86e8f0;
	border			: 3px solid #fff;
	border-radius	: 7px;
}

#circle_top_links * {
	vertical-align	: middle;
}

.circle_top_link {
	display			: table-cell;
	vertical-align	: middle;
	padding-left	: 8px;
	padding-right	: 8px;
	text-align		: center;
}

.circle_top_link {
	cursor			: pointer;
}

.circle_top_link:first-of-type,.circle_top_link:last-of-type {
	cursor			: default;
}

.circle_top_link a:link, .circle_top_link a:visited, #searchform {
	color			: #222;
	height			: 50px;
	text-align		: center;
}
#blog_searchform input[type=submit] {
	line-height		: 16px;
	padding			: 4px;
}

.circle_top_link a:link, .circle_top_link a:visited {
	font-size		: 18px;
	font-weight		: bold;
}

/*
.circle_top_link:nth-child(3) {
	border-right	: 2px solid white;
}*/

.circle_top_link p {
	font-size		: 17px;
	margin			: 0;
	width			: 176px;
}

#online_learning_img {
    background			: url(../../../graphics/page/online_learning_off.png);
    background-size		: 46px;
    background-repeat	: no-repeat;	
	background-position	: 0 50%;
	height				: 48px;
	padding-left		: 51px;
	display				: table-cell;
}
#online_learning_img:hover {
    background			: url(../../../graphics/page/online_learning_on.png);
    background-size		: 46px;
	background-position	: 0 50%;
    background-repeat	: no-repeat;	
}

#onsite_learning_img {
    background			: url(../../../graphics/page/onsite_learning_off.png);
    background-size		: 38px;
    background-repeat	: no-repeat;	
	background-position	: 0 50%;
	height				: 42px;
	padding-left		: 42px;
	display				: table-cell;
}
#onsite_learning_img:hover {
    background			: url(../../../graphics/page/onsite_learning_on.png);
    background-size		: 38px;
	background-position	: 0 50%;
    background-repeat	: no-repeat;	
}

#blog_icon_img {
    background			: url(../../../graphics/page/blog_icon_off.png);
    background-size		: 38px;
    background-repeat	: no-repeat;	
	background-position	: 0 50%;
	height				: 42px;
	padding-left		: 42px;
	display				: table-cell;
}
#blog_icon_img:hover {
    background			: url(../../../graphics/page/blog_icon_on.png);
    background-size		: 38px;
	background-position	: 0 50%;
    background-repeat	: no-repeat;	
}


#tng_online_prompt, #tng_onsite_prompt, #tng_blog_prompt {
	display				: none;
}


#user_name_box img {
	height				: 30px;
	padding-right		: 8px;
	padding-left		: 8px;
}

#user_name_box .splitter {
	width				: 2px;
	height				: 30px;
	border-right		: 1px solid #bbb;
}

#user_name_box a {
	font-weight			: bold;
	text-transform		: uppercase;
}

#user_name_box * {
	display				: inline-block;
}

#user_name_box {
	background			: #444;
	color				: #e2e2e2;
	font-size			: 16px;
	line-height			: 19px;
	position			: fixed;
	top					: 0;
	right				: 0;
	text-align			: center;
	padding				: 5px;
	border-bottom-left-radius	: 8px;
	width				: 165px;
	z-index: 10;
}
#user_name_box.admin {
	top: 30px;
}

/* \Page top stuff/ */
/********************/




/********************/
/* /right column\ */

#right_column {
	width			: 220px;
	position		: relative;
	right			: -25px;
	float			: right;
}

.right_menu{
	margin-left		: auto;
	margin-bottom	: 20px;
}

.right_menu_title {
	border-top-right-radius	: 8px;
	border-top-left-radius 	: 8px;
	background		: #4d4d4d;
	color			: white;
	padding			: 3px;
	text-align		: center;
	font-weight		: normal;
	font-size		: 15px;
	box-shadow		: 1px 2px 2px rgba(16,16,16,0.2);
	text-transform	: uppercase;
	background		: #4d4d4d;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #383939 0%, #646363 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #383939 0%, #646363 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #383939 0%, #646363 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #383939), color-stop(1, #646363));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #383939 0%, #646363 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #383939 0%, #646363 100%);	
}

.right_menu_content {
	border			: 2px solid #4d4d4d;
	border-bottom-right-radius : 8px;
	border-bottom-left-radius : 8px;
	background		: white;
	padding			: 10px;
	font-size		: 15px;
	line-height		: 23px;
	box-shadow		: 1px 2px 2px rgba(16,16,16,0.2);
}

/* NOTICE STUFF - In the right column */
#notice_arrow{
	background		: url('images/notice_arrow.png');
	width			: 49px;
	height			: 28px;
	position		: absolute;
	top				: -10px;
	left			: -40px;
	z-index			: 10;
	display			: none;
}

.right_seminar_blurb {
	clear			: both;
	margin-bottom	: 20px;
}

#nad_area hr {
	margin			: 3px;
	background		: #888;
	height			: 1px;
}
#nad_area {
	background 		: #f2e3d0;
	text-align		: center;
}
#actual_nad {
	padding			: 17px 5px 17px 5px;
	border-radius	: 6px;
	background		: #fff;
	border-top		: 1px solid #888;
	border-bottom	: 1px solid #888;
	position		: relative;
}
#nad_deets {
	width			: 8px;
	height			: 8px;
	border-raidus	: 3px;
	background		: #f5bc76;
	position		: absolute;
	bottom			: 0;
	right			: -8px;
	z-index			: 3;
}
/* \right column/ */
/********************/


/********************/
/* /Middle stuff\ */

.a_post {
	padding			: 50px 0 30px 0;
	clear			: both;
	overflow		: auto;
}

#video_pop_player {
	padding			: 30px;
	margin-top		: 100px;	
	display			: inline-block;
}
#video_pop_blocker {
	position		: fixed;
	text-align		: center;	
	background		: rgba(0, 0, 0, .5);
	z-index			: 19;
}

#crumbs {
	background		: #EBEBEB;
	padding-top		: 4px;
	padding-bottom		: 4px;
	paddin-left		: 10px;
	border-top		: 1px solid #ababab;
	border-bottom		: 1px solid #ababab;
	margin-top		: 9px;
	margin-bottom		: 13px;
}

blockquote {
	margin			: 15px 30px 15px 30px;
	color			: #666666;
	padding-left		: 20px;
	font-style		: italic;
}

#content, #page_footer{
	padding-bottom		: 40px;
	padding-left		: 50px;
	padding-right		: 50px;
}

#left_column {
	padding-right		: 15px;
	padding-left		: 15px;
}


.box, .disclaimer, .update {
	background		: #F4f4f4;
	border-top		: 1px solid #999999;
	border-bottom		: 1px solid #999999;
	padding			: 10px;
}

.contact_err {
	border				: 2px solid #F77373;
	padding				: 10px;
	background			: #D68F8F;
	width				: 80%;
	margin-left			: auto;
	margin-right		: auto;	
	border-radius		: 10px;
}

.pad10, .update {
	padding			: 10px;
}

.pad0 {
	padding			: 0px;
}

.update {
	margin-bottom		: 25px;
}

/*Footer areas formatting*/

.footer_area {
	padding					: 15px;
	margin-top				: 40px;
	margin-bottom			: 40px;
	background				: #F4f4f4;
	border					: 2px solid #999999;
	border-radius			: 15px; 
	-moz-border-radius		: 15px; 
	-webkit-border-radius	: 15px; 	
}

.footer_area h1 {
	margin-top		: 0px;
}


#share_area {
	margin-bottom		: 70px;
}

.share_button {
	padding			: 7px;
}

.notice, .disclaimer {
	font-family		: Arial, Helvetica, Sans-Serif;
	font-size		: 09pt;
	line-height		: 15pt;
	color			: #C30101;
	font-weight		: bold;
}

.example {
	border			: 2px solid #9AC3CF; 
	border-radius		: 4px; 
	-moz-border-radius	: 4px; 
	-webkit-border-radius	: 4px; 
	padding			: 10px;
	margin-left		: 15px;
	margin-right		: 15px;
	margin-top		: 25px;
	margin-bottom		: 25px;
}

/* \Middle stuff/ */
/********************/

/* /For Category Pages Only\ */

#category_title_image {
	border-bottom		: 1px solid #a3a3a3;
	float			: right;
	margin-left		: 10px;
}

#category_title_text {
	font-size		: 36px;
	line-height		: 39px;
	margin-bottom	: 8px;
}


#category_header {
	width			: 85%;
	border-bottom 		: 1px solid #000094;
	margin-top		: 20px;
	margin-bottom		: 10px;
	margin-left		: 20px;
	white-space		: nowrap;
	text-align		: center;
}

#category_content {
	padding			: 8px 15px 8px 15px;
}

/* the category listings */
#category_listing{
	margin-left		: 30px; /* add some space from the description and the category listing */
	margin-right		: 30px;
	margin-top		: 13px;
	margin-bottom		: 13px;
}

.category_date {
	color			: #777;
	font-size		: .9em;
	white-space		: nowrap;
	vertical-align		: top;
}

.category_item {
	font-weight		: bold;
	padding-left		: 15px;
	vertical-align		: top;
}

.subcategory {
	margin-top		: 12px;
	padding			: 3px;
}

.subcategory h3 {
	font-weight		: normal;
	font-size		: 12pt;
	margin			: 0px 10px 0 0;
}

/* \For Category Pages Only/ */



/* IE HACK (I shouldn't even bother...) */
.ie_textinput{
	border			: 1px solid #777;
}
.ie_button {
	border-left		: 1px solid #777;
	border-right		: 1px solid #777;
	border-bottom		: 1px solid #777;
	border-top		: 0;
}

.ie_submitbutton {
	margin-left		: auto;
	margin-right		: auto;
	display			: block;
	clear			: left;
	margin-top		: 5px;
	margin-bottom		: 5px;
}
/* IE HACK */
	

input[type=text] , textarea {
	border			: 1px solid #777;
}

input[type=button], input[type=submit] {
	background		: #e9e9e9;
	border			: 1px solid #777;
}

input[type=submit] {
	margin-left		: auto;
	margin-right		: auto;
	display			: block;
	clear			: left;
	margin-top		: 5px;
	margin-bottom		: 5px;
}
	
	
/* Begin Various Tags & Classes */

a img {
	border-width		: 2px;
}

.indent {
	padding-left		: 30px;
}

#floater {
	position		: absolute;
	border			: 3px solid #333;
	background		: #EADBAD;
	width			: 250px;
	font-size		: 13pt;
	font-family		: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color			: #333;	
	padding			: 10px;
	display			: none;
}


/*	
#contact_form textarea, #contact_form input  {
	border-radius	: 5px;
	width			: 300px;
	margin			: 13px;
}

#contact_form .cform_spacer {
	position		: relative;
}

#contact_form .wpcf7-quiz-label, .cform_label {
	width			: 150px;
	text-align		: right;
	position		: absolute;
	top				: 0;
	left			: 0;
}

#contact_form p {
	position		: absolute;
	top				: 0;
	right			: 0;
}

#contact_form .wpcf7-quiz-label, .cform_label, #contact_form p {
	font-size		: 19px;
	display			: inline-block
}

.wpcf7-quiz-label:before {
	content			: "Please answer the following: "
}

#contact_form textarea {
	height			: 185px;
}

#contact_form select {
	font-size		: 16px;
	margin			: 15px;
	padding			: 4px;
}
*/


/******************/
/* /FOOTER STUFF\ */


#copyright_area {
	margin-top	: 10px;
	width		: 1045px;
	font-size	: 9pt;
	margin-left	: auto;
	margin-right	: auto;
	margin-bottom	: 55px;
	font-size	: 12pt;
	font-weight	: bold;
}

#copyright {
}


#footer_links {
	font-size		: 17px;
	line-height		: 17px;
	color			: #444;
	font-weight		: bold;
	float			: right;
}

#footer_links a {
	color			: #8E2800;
}

#footer_links a:hover {
	color			: #fff;
}




#related_area {
	display			: none;
}

#related_content {
	padding-left		: 15px;
	padding-bottom		: 8px;
}


/* \FOOTER STUFF/ */
/******************/

/* /COMMENTS\ */

#comments_area {
}

#comments_title {
	margin-top		: 50px;
}

.commentlist { 
	list-style		: none; 
	margin			: 0; 
	padding			: 0; 
	font-size		: 12pt; 
	font-weight		: normal; 
	font-family		: helvetica,arial,sans-serif; 
}

.commentlist ol, .commentlist ul {
	margin			: 0;
	padding			: 0;
}

.commentlist .comment,.commentlist .pingback { 
	margin 			: 15px 0 25px; 
	padding			: 7px;
	overflow		: hidden;
}

.comment_bubble 
{
	width			: calc(100% - 100px);
	position: relative;
	padding: 8px;
	background: #FFFFFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: #999999 solid 2px;
	margin-top		: 3px;
	float			: right;
	margin-left		: 15px;
}

/* comment coloring for the person who commented */
.byuser .comment_bubble{
	background		: #fff8e4 !important;
}
.byuser .comment_bubble:after{
	border-color	: transparent #fff8e4;
}
.byuser .vcard {
	background		: #fff !important;
}

/* Since I'm the only author, this will highlight all my comments differently */
.bypostauthor .comment_bubble{
	background		: #e9fdff !important;
}
.bypostauthor .comment_bubble:after{
	border-color	: transparent #e9fdff;
}
.bypostauthor .vcard {
	background		: #fff !important;
}


.comment_bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 7px 17px 7px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -17px;
top: 12px;
}

.comment_bubble:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 18px 8px 0;
border-color: transparent #999999;
display: block;
width: 0;
z-index: 0;
left: -20px;
top: 11px;
}

.depth-2 { padding-left:55px !important;}
.depth-3 { padding-left:110px !important; }
.depth-4 { padding-left:165px !important; }
.depth-5 { padding-left:220px !important; }

.commentlist .odd {
	background			: #eee;
	border-radius		: 7px;
}

.comment .vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; border:1px solid #bbb; border-radius:5px; padding:5px; background:#eee; overflow:hidden}
.comment .vcard cite.fn { font-style:normal; font-size: 12pt; }
.comment .vcard cite.fn a.url { color:#f07700; }
.comment .vcard cite.fn a.url:hover { color:#BC603C; }

/* comment-meta is the time, date and edit button */
.comment div.comment-meta { font-weight:bold; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; text-align:right; float:right}
.comment div.comment-meta a { color:#205B87;  }
.comment p { margin:5px 0 12px; }
/* Reply button */
.comment div.reply { display:inline-block; background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 12px helvetica,arial,sans-serif; padding:5px;  text-align:center; float:right }
.comment div.reply:hover { background:#f07700; border:1px solid #BC603C; }
.comment div.reply a { color:#fff; text-transform:uppercase; }


.commentlist .children {
	position		: relative;
	top				: -25px;
}


/* The respond div will move to the point where the comment is being made. When responding to a comment not the article, we need to change how it displays */
.commentlist #respond {
	position		: relative;
	top				: -20px;
}
.commentlist #respond h1 {
	font-size		: 20px;
	margin-top		: 0;
}
.commentlist #respond .cancel-comment-reply {
	line-height		: 15px;
}
.commentlist #respond p {
	margin-bottom	: 8px;
}


#commentform label {
	font-weight		: bold;
}


#commentform input[type=text], #commentform input[type=submit], #commentform textarea {
	border-radius		: 8px;
	-moz-border-radius	: 8px;
	-webkit-border-radius	: 8px;	
	outline			: 0px;
	background		: #fff;
	border			: 2px solid #999999;
	font-size		: 17px;
	line-height		: 21px;
}

#commentform input[type=submit] {
	margin-top		: 10px;
	margin-left		: 0px;
	background: #86e8f0;
	padding: 10px;
}

#commentform input[type=text] {
	width			: 250px;
	padding			: 2px;
	height			: 40px;
	margin-top		: 3px;
	margin-bottom	: 3px;

	}

#commentform textarea {
	width			: 100%;
	min-height		: 175px;
	padding			: 10px;
	}

.comment_focus {
	border	 		: 2px solid #4d4d4d !important;
	background 		: #fff !important;
}

/*get rid of the "comments are closed" nonsense */
.nocomments {
	display			: none;
}

/* \COMMENTS/ */



#gp_pop_box h3 {
	margin-top			: 4px;
}
#gp_pop_box {
	box-shadow			: 1px 2px 2px rgba(16,16,16,0.2);
	background			: #ffffff; /* Old browsers */
	background			: linear-gradient(#ffffff,#f7f7f7); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius		: 8px;
	border				: 1px solid #888;
	padding				: 15px;
	position			: fixed;
	bottom				: 0;
	left				: 0;
	max-width			: 50%;
	font-size			: 15px;
	line-height			: 15px;
	display				: none;
	margin-bottom		: 25px;			/* to handle the popup link in chrome */
	z-index: 100;
}


/* /PLUGIN related\ */
.vote_button_up, .vote_button_down {
	position		: relative;
	top			: 4px;
	margin			: 1px;
}
/* \PLUGIN related/ */



/* For the seminar related stuff */
	#seminar-left-column, #seminar-right-column {
		-moz-border-radius	: 10px;
		border-radius		: 10px;	
		border				: 3px solid #999;
		background			: #f7f7f7;	
		padding				: 15px;
		margin-bottom		: 60px;
	}
	#seminar-left-column {
		float		: left;
	}
	#seminar-right-column {
		float		: right;
	}
	
	#contact_area {
		position			: relative;
		height				: 110px;
		border				: 2px solid #4d4d4d;
		border-radius		: 10px;
		margin-bottom		: 25px;
		background			: #fff;
		display				: block;
		box-shadow			: 1px 2px 2px rgba(16,16,16,0.2);
	}
	#contact_pic {
		background			: url('images/circle/contact.png') right top no-repeat;
		position			: absolute;
		bottom				: 0;
		left				: 0;
		height				: 142px;
		padding-right		: 90px;
		padding-top			: 50px;
		padding-left		: 10px;
		text-align			: center;
		line-height			: 23px;
		font-size			: 20px;
		color				: #444 !important;
	}
	#contact_button {
		position			: absolute;
		bottom				: 0;
		left				: 0;
		background			: #FFAA17;
		color				: black;
		font-weight			: bold;	
		border-bottom-left-radius	: 8px;
		border-top-right-radius		: 8px;
		text-transform		: uppercase;
		font-size			: 15px;
		padding				: 5px;
	}


	/* from http://nicolasgallagher.com/pure-css-speech-bubbles/ */
	.example-obtuse {
		background:#f3961c; /* default background for browsers without gradient support */
		/* css3 */
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
		background:-moz-linear-gradient(#f9d835, #f3961c);
		background:-o-linear-gradient(#f9d835, #f3961c);
		background:linear-gradient(#f9d835, #f3961c);
	}
	

	
	.course_guide .title {
		font-weight		: bold;
	}
	.course_guide .checked .read_it_check, .checked #yur_here {
		background		: #c4e2b1;
	}
	.course_guide .read_it_check {
		position		: absolute;
		top				: 8px;
		right			: 8px;
		width			: 20px;
		height			: 20px;
		background		: #f2e3d0;
		border-radius	: 20px;
		border			: 1px solid #666;
	}	

	.course_guide {
		border-top		: 1px solid #444;
		border-radius	: 15px;
		border-bottom	: 1px solid #444;
		padding			: 0 25px 25px 25px;
		background: #eef3f2;

	}
	#yur_here{
		margin-right: 25px;
	}
	.course_guide .a_course:not(.yur_here):hover, #last_guide:hover {
		background		: #f2e3d0;
	}
	.course_guide .stopped_at, .course_guide .yur_here, #last_guide {
		background		: #fff;
		border			: 1px solid #4fa4ab;
		border-radius	: 6px;
	}
	#last_guide {
		margin			: 40px 40px 20px 40px;
		padding			: 10px;
		cursor			: pointer;
		display			: none;
	}


	.a_course {
		border-top		: none;
		text-align		: left;
		position		: relative;
		padding			: 4px 18px 4px 11px;
		color			: #444;
		display			: block;
		position		: relative;
		cursor			: pointer;
	}
	.lessons_area .a_course:not(.after_hdr) {
		border-top		: 1px solid #4fa4ab;
	}	
	.course_guide .small_button {
		position		: absolute;
		bottom			: 4px;
		right			: 6px;
	}
	
	/* The "Completed" section and badge need to be hidden until and unless the course is actually completed */
	/* However, the "next course" section should be hidden when the course is complete OR we're on the last lesson */
	.course_guide.gp_complete #guide_next_lesson_hdr, .course_guide.hide_next_lesson #guide_next_lesson_hdr, #guide_completed_hdr, .course_guide .course_badge {
		display			: none;
	}
	#guide_next_lesson_hdr, .course_guide.gp_complete #guide_completed_hdr, .course_guide.hide_next_lesson #guide_completed_hdr, .course_guide.gp_complete .course_badge {
		display			: block;
	}
	.course_guide h4 {
		margin-top		: 25px;
		text-transform	: uppercase;
		font-size		: 16px;
		padding			: 3px 0px 3px 10px;
		background		: #fff;
		border-radius	: 23px 23px 0 0;
		margin-left		: -40px;
		border			: 1px solid #4fa4ab;
	}
	
	.locked_content_excerpt .course_title {
		text-transform	: uppercase;
	}

	.course_guide .lessons_area {
		padding-left	: 70px;
		margin-bottom	: 25px;
	}
	
	.course_guide .figure_video {
		margin-top	: 10px;
	}

#circle_content .simple_form .green_button:hover {
	background: #d0f3d0;
}
#circle_content .simple_form .green_button {
	background: #b6f7b6;
}
#circle_content .simple_form button {
	cursor:pointer;
}
#circle_content .simple_form {
	max-width: 450px;
	background: #f2e3d0;
}

#float_blocker .ok_button {
	color: white;
}