body {
	padding-top: 0px;
	padding-bottom: 0px;
}

.jumbotron {
	background-color: #49A0AE;
	background: url('../../img/round/tux_128.png') no-repeat #49A0AE;
	background-position: right -12px bottom -30px;
}

.sidebar-nav {
	padding: 9px 0;
}

@media (max-width: 980px) {
	/* Enable use of floated navbar text */
	.navbar-text.pull-right {
		float: none;
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (max-width: 979px) {
	.navbar-fixed-top, .navbar-fixed-bottom {
		position: fixed;
	}
}

.navbar-inverse .brand {
	color: #fff;
}

.navbar-inverse .brand:hover {
	color: #08c;
	text-shadow: 0px 0px 5px #0088cc;
	filter: dropshadow(color=#0088cc, offx=0, offy=0);
}

h1 {
	color: #fff;
	float: left;
	font-size: 20px;
	font-weight: 200;
	line-height: 20px;
	margin: 0px 0px 0px -20px;
	padding: 10px 20px 10px 20px;
}

h1:after {
	content: ' of 13';
	color: #666;
	font-size: 20px;
	font-weight: 100;
}

.hero-unit h2 {
	font-size: 60px;
	letter-spacing: -1px;
	line-height: 1;
	margin-bottom: 0px;
	font-weight: bold;
	text-rendering: optimizelegibility;
	margin-top: 0px;
}

.hero-unit h2:after {
	border-bottom: 0px;
}

h2 {
	margin-top: 20px;
}

h2.text-success {
	margin-top: 10px;
}



h2.text-info:after, h2.text-warning:after, h2.text-success:after {
	border-bottom: 0px;
}

.hero-unit {
	position: relative;
}

.sectioncounter {
	position: absolute;
	bottom: 5px;
	right: 17px;
	font-weight: bold;
	font-size: 12px;
	color: #999;
}

.terminal {
	/*background-color: #dfdfdf;*/
	background-color: #f9eac5;
	-webkit-box-shadow:  3px 3px 15px 2px rgba(150, 150, 150, 0.8), 40px 0 0 #FBFBFC inset, 41px 0 0 #ECECF0 inset;;
	box-shadow:  3px 3px 15px 2px rgba(150, 150, 150, 0.8), 40px 0 0 #FBFBFC inset, 41px 0 0 #ECECF0 inset;;
	position: relative;
	min-height: 60px;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-bottom: 30px;
	font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
	margin: 20px 0px 20px 0px;
}

.terminal:before {
	content: 'Terminal';
	text-align: center;
	/*background-color: #888;*/
	background-color: #b3a15e;
	display: block;
}

.terminal:after {
	content: '';
	text-align: right;
	background-color: #888;
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 4px;
}

.prompt {
	font-weight: bold;
}

.terminal .prompt:before {
	content: 'user@bash: ';
}

.terminal ol {
	margin: 0 0 0 33px;
	padding: 0px;
	padding-left: 7px;
}

.terminal li {
	line-height: 20px;
	padding-left: 8px;
}

.commandoutline {
	border-top: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	margin: 20px 0px 20px 0px;
	padding: 20px 3px 20px 48px;
	background-color: #c5e2ff;
	color: #555;
	font-weight: bold;
}

.shortcut {
	background-color: #F5F5F5;
	border: 1px solid #E3E3E3;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 40px 19px 19px 45px;
	position: relative;
}

.shortcut:before {
	content: 'Shortcut';
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	border-bottom-right-radius: 4px;
	background-color: #fff;
	color: #468847;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 4px 10px 4px 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.tip {
	background-color: #F5F5F5;
	border: 1px solid #E3E3E3;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 40px 19px 19px 45px;
	position: relative;
}

.tip:before {
	content: 'Tip';
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	border-bottom-right-radius: 4px;
	background-color: #fff;
	color: #468847;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 4px 10px 4px 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}


.commandswelearnt {
	background-color: #F5F5F5;
	border: 1px solid #E3E3E3;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 40px 19px 19px 45px;
	position: relative;
}

.commandswelearnt:before {
	content: 'Commands We Learnt';
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	border-bottom-right-radius: 4px;
	background-color: #fff;
	color: #468847;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 4px 10px 4px 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.importantconcepts {
	background-color: #F5F5F5;
	border: 1px solid #E3E3E3;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 40px 19px 19px 45px;
	position: relative;
}

.importantconcepts:before {
	content: 'Important Concepts';
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	border-bottom-right-radius: 4px;
	background-color: #fff;
	color: #468847;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 4px 10px 4px 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

table.fancy {
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
	margin-left: auto;
	margin-right: auto;
	width: 130px;
	margin-top: 20px;
	margin-bottom: 20px;
}

table.fancy td {
	padding-right: 8px;
	padding-left: 19px;
}

table .header {
	border-bottom: 1px solid #666;
	padding: 3px 0px 3px 0px;
}

table .octal {
	text-align: right;
}

.btn-toolbar {
	margin-top: 0px;
	margin-bottom: 0px;
}

/*#footercontainer {
	background-image: url('../img/footer3.png');
	background-position: right top;
	background-repeat: repeat-x;
	min-height: 300px;
	color: #fff;
	position: relative;
}

#footercontainer a {
	color: #e49c55;
}

#footercontainer a:hover {
	color: #b6691c;
}

footer {
	margin-top: 146px;
}

#socialstuff {
	position: absolute;
	top: 146px;
	right: 100px;
	width: 200px;
}

.socialcontainer {
	float: left;
	margin-right: 15px;
} */

/* so that long headings don't break titlebar into two lines on small screens */

@media (max-width: 768px) {
	.container-fluid {
		padding-right: 3px;
		padding-left: 3px;
	}
}


/* Footer Styles */

.footer-background {
	background-color: #181818;
	color: #efefef;
	padding-top: 36px;
	padding-bottom: 30px;
	z-index: 2;
	position: relative;
}

#footerbar {
	height: 0px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	margin: 39px 0px 39px 0px;
}

.tutorials-background a:hover img, .footer-background a:hover img {
	-moz-transform: rotate3d(0, 0, 1, 15deg);
	-webkit-transform: rotate3d(0, 0, 1, 15deg);
	transform: rotate3d(0, 0, 1, 15deg);
}

.tutorial-outline {
	text-align: left;
	height: 70px;
	margin-bottom: 5px;
}

.tutorials-background a img, .footer-background a img {
	transition: all 0.4s;
}

.margin-top {
	margin-top: 32px;
}

.dropdown-item:hover {
	background-color: #eee;
}


/* cheat sheet styles */


.sectioncontainer {
	float: left;
	width: 10%;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 5px;
	position: relative;
	
}

.sectioncontainer > h4 {
	margin: 0px;
	border-radius: 3px 0px 3px 0px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: inline-block;
	padding: 5px 15px;
}

.sectioncontainer > dl {
	margin: 15px;
	margin-top: 0px;
}

.sectioncontainer > dl > dt {
	margin-top: 15px;
}

.toggle-section {
	position: absolute;
	top: 6px;
	right: 10px;
}

.cheatsheetcolumns {
	float: left;
	position: relative;
	margin-right: 10px;
	width: 0px;
}

.toggle-section:hover {
	cursor: pointer;
}

@media (min-width: 1400px) {
	.sectioncontainer {
		width: 24%;
	}
	
	.cheatsheetcolumns {
		width: 24%;
	}
}

@media (min-width: 1100px) and (max-width: 1399px) {
	.sectioncontainer {
		width: 30%;
	}
	
	.cheatsheetcolumns {
		width: 30%;
	}
	
	#cheatsheetcolumn3 {
		display: none;
	}
}

@media (max-width: 1100px) {
	.sectioncontainer {
		width: 48%;
	}
	
	.cheatsheetcolumns {
		width: 48%;
	}
}

@media (max-width: 767px) {
	.sectioncontainer {
		width: 97%;
	}
	
	.cheatsheetcolumns {
		width: 97%;
	}
}