/*
Theme Name: WP Bootstrap
Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial
Description: A demo theme built to accompany the Treehouse blog post <a href="http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial">How to Build a WordPress Theme with Bootstrap</a>.
Author: Zac Gordon
Author URI: http://teamtreehouse.com/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/

@import url('bootstrap/css/bootstrap.min.css'); 
@import url('bootstrap/css/bootstrap-responsive.min.css'); 
@import url('font-awesome/css/font-awesome.min.css');
@import url('themes/blue.css');
/*@import url('themes/green.css');*/

body {
    /*padding-top: 40px;*/
    /*padding-bottom: 40px;*/
}

body, input {
	font-family: "proxima-nova", sans-serif;
}
a:hover {
	text-decoration: none;
}
a.brand img {
	height: 2em;
	margin-top: 1em;
}

h1 {
	font-weight: 100;
	text-transform: uppercase;
}
#header h1 {
	margin-top: 10px;
	font-size: 4em;
}
#header h1 a {
	color: #666;
}
h2 {
	font-weight: 500;
	font-size: 2em;
	/*margin-bottom: 0;*/
	margin-top: 0;
}
h2.post-title,
.post.first h2 {
	font-size: 3.5em;
	margin-top: 0.25em;
	margin-bottom: .5em;

}
h2.post-title {
	margin-bottom: 0;
}
h2.post-title + .byline p {
	margin-bottom: 1em;
}
h2.category {
	color: #666 !important;
}
h2.category small {
	text-transform: uppercase;
}
h2 a {
	/*color: #333;*/
}
h3 {
	font-size: 2.25em;
	font-weight: 300;
	text-transform: uppercase;
}
#sidebar h3 {
	color: #999;
}

h4 {
	font-weight: 400;
}
h4 a {
	color: #333;
}
p {
	color: #666;
	line-height: 1.5;
}
#header {
	background: #f5f5f5; /* Old browsers */

	background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(white));
	background-image: -moz-linear-gradient(90deg, #f5f5f5 0%, white 100%);

	margin-top: 40px;
	margin-bottom: 20px;
	padding: 20px;
}
.read-more-link {
	text-transform: uppercase;
	font-size: .85em;
}
hr + hr {
	display: none;
}
#sidebar p {
	font-size: .85em;
	line-height: 1.75;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#recent-posts-4 li,
li.cat-item {
	border-top: 1px dotted #eee;
	padding: 8px 0;
}
#recent-posts-4 a,
li.cat-item a {
	color: #666;
}
.sidebar-widget {
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding-top: 1em;
}
#signupwidget-3,
#text-2,
#text-4 {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}
.sidebar-post {
	border-bottom: 1px dotted #eee;
}
.sidebar-post:last-child {
	border-bottom: 0;
}
.sidebar-post p:empty {
	display: none !important;
}
.sidebar-post h4 {
	margin-bottom: 0;
}
.sidebar-post h6 {
	color: #999;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 1em
}
.sidebar-post h6 + h4 {
	margin-top: .25em;
}
.post {
	border-bottom: 1px solid #ddd;
}
.post.single {
	border-bottom: none;
}
.post i.icon-comment {
	margin-left: 1em;
}

#text-2 img,
.post .span4 img {
	width: 100% !important;
}
.byline p {
	margin-top: 1.5em;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: .85em;
}
.post.first .byline p {
	margin-bottom: 1em;
	margin-top: 0;
}
.embed-youtube {
	margin-bottom: 20px;
}
.meta {
	text-transform: uppercase;
	font-size: .75em;
	margin-top: 1em;
	color: #999;
}
.meta p {
	color: #999;
	margin-top: .5em;
	margin-bottom: 0;
}
.meta a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #eee;
}
.meta a.btn {
	color: inherit;
}
.meta a.btn span {
	color: #888;
}
a.addthis_button_compact.at300m {
	padding: 0px 6px;
	border-bottom: 1px solid #ddd !important;
}
.meta .pull-right {
	opacity: 0.65;
	-webkit-transition: opacity .5s;
}
.post:hover .meta .pull-right,
.meta .pull-right:hover {
	opacity: 1;
}

.meta .pull-right a {
	border-bottom: 0;
}

.paginate {
	padding: 10px 0;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
}

.paginate + hr {
	display: none;
}

.paginate b {
	display: none;
}
.paginate, 
.paginate a {
	color: #999;
}

.screen-reader-text {
	display: none;
}

#footer-wrapper {
	margin-top: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	background: #f5f5f5;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;

}
#footer-wrapper h3,
#footer-wrapper h3 a {
	color: #666;
}
#footer-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer-wrapper li {
	padding: .5em 0;
	display: block;
	border-top: 1px dotted #ccc;

	color: #666;
}

#footer-wrapper li a {
	color: #000;
}

a.timesince, 
span.facebook_page-timestamp abbr {
	border-bottom: 0;
	color: #999;
	font-size: .75em;
	text-transform: uppercase;
}

#footer-copy {

}

#footer-copy .span12 {
	color: #999;
	text-align: center;
	padding: 20px;
}


#comments-title {
	margin-bottom: 1em;
}
.media {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #eee;
}
/*.media {
	border-bottom: 0;
	margin-bottom: 0;
}*/
ul.media-list + hr {
	display: none;
}
.media-body h4 {
	font-size: 1.25em;
	margin: 0;
}
.media-body h4,
.media-body h4 a {
	color: #666;
}

.media-body p {
	font-size: .9em;
	margin-bottom: 0em;
}
a.comment-reply-link,
time a {
	text-transform: uppercase;
	font-size: .75em;
	color: #999;
}

.media-body i.icon-reply {
	margin-left: 1em;
}
p.comment-notes {
	color: #999;
}

#commentform .control-label {
	text-align: left;
	width: 80px;
}

#commentform .controls {
	margin-left: 100px;
}

#commentform .help-inline {
/*	font-size: .85em;
	text-transform: uppercase;
*/
	color: #999;
}



/* signup */
#signup {
	/*background-color: blue;*/
}

#signup form {
	margin: 0;
}

#signup .control-label {
	display: none;
}

#signup h4 {
	margin-top: 0;
	margin-bottom: 1em;
}
#signup .btn {
	font-weight: 600;
}

#signup .btn-signup {
	margin-top: 10px;
}



/* blue */
#signup.blue {
	background-color: #314A73;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#18253A), to(#314A73));
	background-image: -moz-linear-gradient(90deg, #18253A 0%, #314A73 100%);
}
#signup.blue h4 {
	color: #EBEFF4 !important;
	color: rgba(255,255,255,0.85) !important;
}

#signup.blue input[type="text"] {
	background-color: #CED7E4;
	border-color: #9EAFC8;
	color: #fff;

	background-color: rgba(255,255,255,0.3);
	border-color: rgba(255,255,255,0.3);
}
#signup.blue select {
	background-color: rgba(255,255,255,0.3);	
	color: rgba(255,255,255,0.7);
}

#signup.blue ::-webkit-input-placeholder {
	color: rgba(255,255,255,0.7);
}

#signup.blue .btn {
  background-color: #314A73 !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f5eb1", endColorstr="#2f5eb1");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#2f5eb1), to(#2f5eb1));
  background-image: -moz-linear-gradient(top, #2f5eb1, #2f5eb1);
  background-image: -ms-linear-gradient(top, #2f5eb1, #2f5eb1);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f5eb1), color-stop(100%, #2f5eb1));
  background-image: -webkit-linear-gradient(top, #2f5eb1, #2f5eb1);
  background-image: -o-linear-gradient(top, #2f5eb1, #2f5eb1);
  background-image: linear-gradient(#2f5eb1, #2f5eb1);
  border-color: #2f5eb1 #2f5eb1 #314A73;
  color: #fff !important;
  text-shadow: 0 -1px 0 #000;
  -webkit-font-smoothing: antialiased;
}

#signup.blue .btn:hover {
	/*background: transparent !important;*/
		background-image: none !important;
	  background-color: #2f5eb1 !important;
}




/* black */
#signup.black {
	background: #333;
	background: rgba(0,0,0,0);
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.9)), to(rgba(0,0,0,0.6)));
	background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%);
}
#signup.black h4 {
	color: #EEE !important;
	color: rgba(255,255,255,0.85) !important;
}

#signup.black input[type="text"] {
	background-color: #ccc;
	border-color: #999;
	color: #fff;

	background-color: rgba(255,255,255,0.3);
	border-color: rgba(255,255,255,0.3);
}
#signup.black select {
	background-color: #ccc;
	border-color: #999;
	color: #666;

	background-color: rgba(255,255,255,0.3);
	border-color: rgba(255,255,255,0.3);	
	color: rgba(255,255,255,0.7);
}

#signup.black ::-webkit-input-placeholder {
	color: #ccc;
	color: rgba(255,255,255,0.7);
}

#signup.black .btn {
   background-color: hsl(218, 0%, 91%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8e8", endColorstr="#e8e8e8");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e8e8e8), to(#e8e8e8));
  background-image: -moz-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: -ms-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #e8e8e8));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: -o-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: linear-gradient(#e8e8e8, #e8e8e8);
  border-color: #e8e8e8 #e8e8e8 hsl(218, 0%, 91%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.00);
  -webkit-font-smoothing: antialiased;
}

/* green */
#signup.green {
	background: #388708;
	background: rgba(0,0,0,0);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#18341C), to(#388708));
	background-image: -moz-linear-gradient(90deg, #18341C 0%, #388708 100%);
}
#signup.green h4 {
	color: #E0EBDA !important;
	/*color: rgba(255,255,255,0.85) !important;*/
}

#signup.green input[type="text"] {
	background-color: #75AF4B;
	border-color: #51A212;

	/*background-color: rgba(255,255,255,0.3);*/
	/*border-color: rgba(255,255,255,0.3);*/
}
#signup.green select {
	background-color: #75AF4B;
	border-color: #51A212;
	color: #E0EBDA;

	/*background-color: rgba(255,255,255,0.3);*/
	/*border-color: rgba(255,255,255,0.3);	*/
	/*color: rgba(255,255,255,0.7);*/
}

#signup.green ::-webkit-input-placeholder {
	color: #E0EBDA;
	/*color: rgba(255,255,255,0.7);*/
}

#signup.green .btn {
  background-color: hsl(99, 100%, 37%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#42bc00", endColorstr="#42bc00");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#42bc00), to(#42bc00));
  background-image: -moz-linear-gradient(top, #42bc00, #42bc00);
  background-image: -ms-linear-gradient(top, #42bc00, #42bc00);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42bc00), color-stop(100%, #42bc00));
  background-image: -webkit-linear-gradient(top, #42bc00, #42bc00);
  background-image: -o-linear-gradient(top, #42bc00, #42bc00);
  background-image: linear-gradient(#42bc00, #42bc00);
  border-color: #42bc00 #42bc00 hsl(99, 100%, 37%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
  -webkit-font-smoothing: antialiased;
}

/* gray */

#signup.gray .btn {
	  background-color: hsl(35, 100%, 48%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f48e00", endColorstr="#f48e00");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f48e00), to(#f48e00));
  background-image: -moz-linear-gradient(top, #f48e00, #f48e00);
  background-image: -ms-linear-gradient(top, #f48e00, #f48e00);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f48e00), color-stop(100%, #f48e00));
  background-image: -webkit-linear-gradient(top, #f48e00, #f48e00);
  background-image: -o-linear-gradient(top, #f48e00, #f48e00);
  background-image: linear-gradient(#f48e00, #f48e00);
  border-color: #f48e00 #f48e00 hsl(35, 100%, 48%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
  -webkit-font-smoothing: antialiased;
}