body * {
	font-family: 'Roboto', sans-serif;
}

body {
	margin-top: 75px;
	margin-bottom: 20px;
	background-color: #000;
}

body * {
	color: #fff;
}

/* page header */

header {
	text-align: center;
	margin-bottom: 30px;
}

header h1 {
	letter-spacing: 5px;
}

/* panel */

.panel-title span,
.panel p,
.panel i,
.panel b {
	color: #333;
}

.panel p b {
	font-size: 25px !important;
}

.panel a {
	color: #337ab7;
}

.panel-body {
	padding: 35px;
}

.panel-body h1 {
	color: #333;
	text-align: center;
}

/* liner notes */

.liner-notes-table th {
	letter-spacing: 2px;
}

.liner-notes-table th,
.liner-notes-table tr td:first-child {
	color: #333;
}

/* album buttons */

.album-buttons {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.album-buttons .btn-default {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
}

.album-buttons .btn-default:hover {
	background-color: #c2c2c2;
}

/* top nav */

.navbar-nav * {
	color: #ffffff !important;
}

.navbar-right a:hover {
	colorx: black !important;
	background-color: #6E6E6E !important;
}

.navbar {
	border-bottom: 3px solid #ffffff;
}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    padding: 10px;
}

/* margin classes */

.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-25 {	margin-left: 25px; }

.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-25 {	margin-right: 25px; }

.margin-top-5 {	margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-50 { margin-top: 50px; }

.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 {	margin-bottom: 25px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-100 { margin-bottom: 100px; }

/* music page */

.album-list a, .album-list a:hover {
	color: #000;
	letter-spacing: 2px;
	text-decoration: none;
}
.album-list a h3 {
	margin-top: 7px;
	margin-bottom: 30px;
}

/* discover page */

.category-container {
	margin-bottom: 25px;
}

/* contact page */

#contact-page .panel-body {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 100px;
}

#contact-page h1 {
	color: #333;
}

#contact-page a {
	color: #337ab7;
}