/* custom css */
html { 
  background: url(/img/DSC4998c_home.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	color:#FFFFFF;
	background-color:transparent;
}

h1 {
	font-weight:300;
	letter-spacing:10px;
	font-size:32px;
	line-height:38px;
}

p {
	font-weight:300;
}

/* sub header */
h2 {
	color: #C90;
	font-size:18px;
}
/* sub sub header */
h3 {
	color: #F60;
	font-size:15px;
	margin:0;
}

h3.year {
	margin-top:10px;
}

/* navi */
.navbar {
    border-radius: 0;
}

.navbar-default {
    background-color: #000;
    border-color: #000;
	position:fixed;
	top:0;
	width:100%;
	z-index:100;
}

.navbar-default .navbar-brand {
    color: #4CFC58;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #525677;
    background-color: #000000;
}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #CCCCCC;
    background-color: transparent;
}

/* content */
.bg-trans {
	background-color: rgba(0, 0, 0, 0.3);
}

.textbox {
	padding: 20px;
	margin-top:50px;
}

div.row {
	margin-top:8px;
}

a.thumb {
	margin-right:12px;
}

/* gallery */
a.thumb img {
	width:140px;
	margin-top:10px;
}

.fotosMadeBy {
	position:absolute;
	top:50px;
	left:35px;
	text-align:center;
}


/* helper classes */
.mt-5 {
	margin-top: 5px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.ml-5 {
	margin-left: 5px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.ml-20 {
	margin-left: 20px !important;
}

.ml-50 {
	margin-left: 50px !important;
}

.mr-5 {
	margin-right: 5px !important;
}

.mr-10 {
	margin-right: 10px !important;
}

.mr-20 {
	margin-right: 20px !important;
}

.mr-50 {
	margin-right: 50px !important;
}

.mb-5 {
	margin-bottom: 5px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}


.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}


/* audio player */
ul.audioplayer {

}

li.audioplayer {
	background-color: transparent;
	border-color: #F60;
}

div.playlist {

}

a.playlist {
	background-color: transparent;
	border-color: #F60;
	color: #F60;
}

a.playlist:hover,
a.playlist:focus {
	background-color: #F60;
	border-color: #F60;
	color: #FFFFFF;
}