/* Narrow container */
@media (min-width: 768px) {
  .container {
    max-width: 730px;
  }
}

html, body {
	height: 100%;
	color: #fff;
	background: #38b9c3; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, #38b9c3, #4dbe9b); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #38b9c3, #4dbe9b); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #38b9c3, #4dbe9b); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #38b9c3, #4dbe9b); /* Standard syntax */
	background-attachment: fixed;
}

body {
	font-family: 'Inconsolata', monospace;
	font-size: 17px;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover, .nav > li > a:focus, .nav > li > a:hover {
	background: none;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	text-decoration: line-through;
}

.nav-pills > li {
	border-left: 2px solid #fff; 
}
.nav-pills > li:first-child {
	border-left: none; 
}
.nav > li > a {
	padding: 5px 10px;
	color: #fff;
}
.nav-pills > li:first-child > a {
	padding-left: 0; 
}