/*
 Theme Name:   Hueman Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  MBA Theme - Child of Hueman
 Author:       Colin Gray
 Author URI:   http://example.com
 Template:     hueman
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  mba-hueman-child
*/

@import url("../hueman/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

#header {
	background: url(http://www.mountainbikesapart.com/MBAheaders/header-banner-4.jpg);
}

#header .pad {
	padding-top: 10px;
	padding-bottom: 10px;
}

#nav-topbar.nav-container, .nav-wrap {
	background-color: rgba(38,39,43,0.9);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15);
	box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15);
}

.site-title {
	padding: 0;
	/position: absolute;
	/z-index:999;
	/top:-40px;
	/left: 500px;
}

.site-description {
	font-size: 20px;
	color: #ccc;
	font-style: normal;
}

.podcast-header {
	padding: 0 30px;	
}

/*scrollbox CSS */

#scrolltriggered #inscroll .gform_wrapper .left_label .gfield_label {
	width: 45px;
}

#scrolltriggered { display: none; position: fixed; z-index: 1000; bottom: -210px; background-color: #6f99ad; -webkit-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); }

#scrolltriggered #inscroll { background-color: #6f99ad; font-size: 12px; padding: 0 20px 10px 20px; color: #FFF; font-family: Tahoma, Geneva, sans-serif; text-shadow: 0 1px 0px #8ba6b3; }

#scrolltriggered #inscroll h5 { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 18px; text-shadow: 0 1px 0px #4d7283; background-color: #588296; border-bottom: 1px dashed #376378; display: block; margin: 0 -20px 10px -20px; padding: 10px 35px 5px 20px; }

#scrolltriggered #inscroll p { font-size: 16px; }

#scrolltriggered #inscroll ul { font-size: 16px; margin: 10px 0; padding: 0; }

#scrolltriggered #inscroll ul li { list-style: none; font-size: 16px; background: url("images/bullet.png") 0 5px no-repeat; padding: 0 0 0 20px; line-height: 19px; }
#scrolltriggered #inscroll ul .gfield {background: none; padding: 0;}
#scrolltriggered #inscroll form { overflow: hidden; margin: 10px 0 0 0; }

#scrolltriggered #inscroll form input { line-height: 30px; background-color: #282d34; -webkit-border-radius: 5px; border-radius: 5px; color: #FFF; display: block; float: left; padding: 0 5px; border: none; width: 70%; height: 30px; -webkit-box-shadow: 0px 1px 0px 1px #93b3c2; box-shadow: 0px 1px 0px 1px #93b3c2;}

#scrolltriggered #inscroll form input.submit, #scrolltriggered #inscroll form input[type=submit] { background-color: #be1616 !important; width: 150px !important; cursor: pointer; float: left; font-size: 1.4em; }

#scrolltriggered #inscroll form input.submit:hover, #scrolltriggered #inscroll form input[type=submit]:hover { background-color: #db1010 !important; }

#scrolltriggered #inscroll ul.stb_social { overflow: hidden; margin: 10px -7px 0 0; clear: both; }

#scrolltriggered #inscroll ul.stb_social li { float: left; list-style: none; background: none; padding: 0; height: 30px; margin: 0 7px 0 0; }

#scrolltriggered #inscroll ul.stb_social li.fb.standard { width: 50px; overflow: hidden; }

#scrolltriggered #inscroll ul.stb_social li.twitter.regular { width: 80px; }

#scrolltriggered #inscroll ul.stb_social li.google.medium { width: 60px; }

#scrolltriggered #inscroll ul.stb_social li.fb.box_count, #scrolltriggered #inscroll ul.stb_social li.google.tall, #scrolltriggered #inscroll ul.stb_social li.twitter.vertical, #scrolltriggered #inscroll ul.stb_social li.linkedin.top, #scrolltriggered #inscroll ul.stb_social li.stumbleupon.s5, #scrolltriggered #inscroll ul.stb_social li.pinterest.vertical { height: 66px !important; }

#scrolltriggered #closebox { z-index: 1001; position: absolute; top: 8px; right: 8px; background-color: #497387; width: 26px; height: 26px; color: #FFF; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; text-align: center; text-decoration: none; -webkit-border-radius: 13px; border-radius: 13px; -webkit-box-shadow: inset 1px 0 1px 1px #6b95a9; box-shadow: inset 1px 0 1px 1px #6b95a9; }

#scrolltriggered #stbMsgArea { display: none; padding: 10px 0 0; margin: 0; }

/* GUIDE STYLING */

.chapter-numbers {
	font-size: 300%;
	font-weight: bold;
	background: #333;
	padding: 25px 15px;
	margin: 0 10px 0 0;
	color: #f6f6f6;
	float: left;
}

.chapter-title {
	border-top: 1px solid #333;
	padding: 15px 0;
}

.section-title {
	background: url('http://www.mountainbikesapart.com/images/header-background-50.png') no-repeat;
	padding: 10px 20px;
	color: #f6f6f6;
}

.wmb-banner {
	background: url('http://www.mountainbikesapart.com/wp-content/uploads/2013/06/what-mountain-bike-should-i-buy.jpg') no-repeat;
	color: #fff;
	padding: 30px;
}

.banner-text {
	color: #f6f6f6;
	background: url('/images/transparent-background-60.png');
}

.guide-index {
	padding: 20px 30px;
	background-image: url('/images/transparent-background-80.png');
	color: #fff;
	margin: 0 0 20px 0;
}

.gcol-l {
	width: 50%;
	float: left;
}

.gcol-r {
	width: 50%;
	float: left;
}

.guide-index ul {
	margin: 10px 0;
}

.guide-index ul li {
	list-style: none;	
}

.guide-index a:link, .guide-index a:visited {
	color: #8fdeee;
}
.guide-index a:hover {
		color: #6dbccc;
}