body{background-color: #383838;}
hr{ border-top: 1px solid #555; clear:both; }
.note-editable{ background-color: #fff; }
.top-pagination .pagination{margin-top: 0; margin-bottom: 40px;}

.navbar-tutorial {width: 100%;}

.tutorial-title, .page-title { font-weight: 100; color: #fff;}

/*
Results
*/
.tutorial-result-item h4{color: #fff;}
.tutorial-result-item p{color: #ccc;}
.tutorial-result-item a{color: #fff;}
.tutorial-result-item a:hover, .tutorial-result-item a:focus {color: #ddd; text-decoration: none;}
.tutorial-result-item .text-muted{color:#999;}
.tutorial-result-item .img-thumbnail{background-color: #2a2a2a;border: 1px solid #222;}


/*
Tutorial Desc
*/
.tutorial-content h1,
.tutorial-content h2, 
.tutorial-content h3,
.tutorial-content h4,
.tutorial-content h5,
.tutorial-content h6{ color: #fff;}
.tutorial-content a{ color: #fff;}
.tutorial-content a:hover, .tutorial-content a:focus {color: #ddd; text-decoration: none;}
.tutorial-content{ color: #ccc;}
.row-head{
	/*background: #aaa;border-bottom: 1px solid #777;*/
	padding-bottom: 0;
  	background: #555 url(https://bw-1651cf0d2f737d7adeab84d339dbabd3-bwcore.s3.amazonaws.com/photos/File9622.jpg) left top repeat-x;
  	color: #eee;
}
.row-head h1, .row-head h2, .row-head h3, .row-head h4, .row-head h5{
  	color: #fff;
}
.row-head .img-thumbnail{background-color: #2a2a2a;border: 1px solid #222;}

/*
Tutorial Upload
*/
.upload-landing-page h1, .upload-landing-page h4 { color:#fff; }
.upload-landing-page p{color:#ccc;}
.upload-landing-page a{color:#fff;}
.upload-landing-page a:hover, .upload-landing-page a:focus{color:#ddd;}
.upload-page h1{color: #fff;}
.upload-page form label{color: #f5f5f5;}
.upload-page .help-block{color: #ccc;}
.upload-page form .text-danger{color: #a94442;}

.panel{border: 1px solid #222;background-color: #2a2a2a; color:#f5f5f5;}
.panel .help-block{color: #ccc;}
.panel .panel-heading, .panel-footer{ background-color: #444; color:#fff; border-color: #222; }
.panel .panel-footer{ border-top:1px solid #222;}
.panel .table td{ border-bottom: 1px solid #222; }
.panel .table>thead>tr>th { border-bottom: 2px solid #222; border-top: 1px solid #222; }
.panel>.panel-body+.table, .panel>.panel-body+.table-responsive { border-top: 1px solid #222; }

/*
Comments
*/
.comment-area{background-color: #444; border-top: 1px solid #222;}
.comment-box {
	background: #2a2a2a;
	border-color: #222;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
	.comment-box:before {
		border-right-color: #1a1a1a !important;
		border-width: 7px;
		top: 9px;
		left: 5px;
	}
	.comment-box:after, .comment-box:before {
		right: 100%;
		border: solid 5px transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.comment-avatar {
		width: 32px;
		height: 32px;
		position: relative;
		overflow: hidden;
		top: 4px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
		-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
	}
	.comment-avatar img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.comment-box .panel-heading {
		background: #1a1a1a;
		padding: 5px 10px;
		color: #fff;
		border-color: #222;
	}
	.comment-box .panel-body {
		color: #bcbcbc;
		border-top: 1px solid #222;
		background: #2a2a2a;
		padding: 5px 10px;
	}
	.comment-box blockquote {border-left: 5px solid #222; margin: 10px 0;}