@font-face {
    font-family: 'exmouth';
    src: url(http://www.karmadisco.com/fonts/exmouth.ttf);
}

@font-face {
    font-family: 'newrocker';
    src: url("http://www.karmadisco.com/fonts/newrocker.ttf");
}

@font-face {
    font-family: 'kingthings';
    src: url("http://www.karmadisco.com/fonts/kingthings.ttf");
}

@font-face {
    font-family: 'kingthingspetrocklight';
    src: url("http://www.karmadisco.com/fonts/kingthingspetrocklight.ttf");
}

@font-face {
    font-family: 'kingthingslight';
    src: url("http://www.karmadisco.com/fonts/kingthingslight.ttf");
}

.envira-gallery-image { 
  position: relative;
  display: inline-block;
  border-radius: 50% !important;
  background-color: #040504;
  box-shadow: 1px 1px 10px #000  !important;
  cursor: pointer;
	padding: 25% !important;
	
	background: #3f3f3f;
background: -moz-radial-gradient(center, ellipse cover,  #3f3f3f 26%, #0a0a0a 49%, #4e4e4e 51%, #0a0a0a 51%, #0a0a0a 54%, #0a0a0a 54%, #3f3f3f 55%, #3f3f3f 55%, #0d0d0d 56%, #0d0d0d 56%, #000000 59%, #383838 60%, #000000 61%, #000000 61%, #000000 64%, #000000 64%, #3f3f3f 65%, #3f3f3f 65%, #000000 66%, #383838 88%, #383838 92%, #383838 92%, #383838 100%) !important;
background: -webkit-radial-gradient(center, ellipse cover,  #3f3f3f 26%,#0a0a0a 49%,#4e4e4e 51%,#0a0a0a 51%,#0a0a0a 54%,#0a0a0a 54%,#3f3f3f 55%,#3f3f3f 55%,#0d0d0d 56%,#0d0d0d 56%,#000000 59%,#383838 60%,#000000 61%,#000000 61%,#000000 64%,#000000 64%,#3f3f3f 65%,#3f3f3f 65%,#000000 66%,#383838 88%,#383838 92%,#383838 92%,#383838 100%) !important;
background: radial-gradient(ellipse at center,  
#0a0a0a 42%,#4e4e4e 42%,#0a0a0a 43%,
#0a0a0a 48%,#4e4e4e 48%,#0a0a0a 49%,#0a0a0a 54%,#3f3f3f 54%,#0d0d0d 55%,#000000 60%,#383838 60%,#000000 61%,#000000 65%,#3f3f3f 65%,#000000 66%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#383838',GradientType=1 ) !important;
}

.envira-gallery-wrap { 
  clear: both; 
  padding: 40px 40px 30px; 
  background: #efefef !important;
	margin:0px !important;
	padding: 20px !important;
}

.envira-gallery-wrap {
  background: darkred !important;
}

.header-image-title{
font-family: 'exmouth', sans  !important;
text-transform: lowercase !important;
font-size: 6em !important;
}

.header-image-caption {
	color:white!important;
	text-shadow: 2px 2px 5px red;
}

#post-21 h2, 
#post-23 h2,
#post-25 h2{
 font-family: 'newrocker', arial, sans !important;
 color: black;
}

#post-21, 
#post-23,
#post-25{
 color: black;
 font-family: 'kingthingslight', 'kingthingspetrocklight',times, serif !important;
	font-size:1.2em;
}

#post-21 strong, 
#post-23 strong,
#post-25 strong{
 color: black;
 font-family: 'kingthings', arial, sans !important;
	font-size:1em;
}

#post-21 h3, 
#post-23 h3,
#post-25 h3{
 color: black;
 font-weight: bold;
	font-family: 'newrocker', arial, sans !important;
	font-size:1.25em;
}

#post-21 .entry-content,
#post-23 .entry-content,
#post-25 .entry-content{
	background: linear-gradient(135deg, #f3e2c7 0%,#c19e67 55%,#b68d4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#b68d4c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: 15px 11px 21px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 15px 11px 21px 0px rgba(0,0,0,0.75);
box-shadow: 15px 11px 21px 0px rgba(0,0,0,0.75);
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
	padding: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
}

body, h1, h2, h3 {
color: lightgrey;
}

.navbar-brand {
    color: wheat;
    animation: myfirst 15s;
    -moz-animation: myfirst 15s infinite;
    -webkit-animation: myfirst 15s infinite;
font-family: exmouth, sans !important;
	text-transform: none !important;
   font-size: 4em !important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #ae2222;
}


@media only screen and (max-width: 768px) {
.navbar-brand {
    font-size:48pt !important;
	}
}

h2.header-image-caption{
	color:black; font-size: 60pt;font-family:exmouth,sans!important;
}

.navbar-inverse {
    padding-top: 10px;
    padding-bottom: 15px;
	background-color:black
}
body{
	padding-top:65px;
}

#colophon .textwidget {
    display: none;
}