/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
  font-family: verdana;
  background-color:#252000;
  color:#b0b0b0;
}
.about-me, footer{
  font-size:.9em;
}



hr{
  border-color:#606060;
}


.portrait-image{
  margin-top:1.6em;
}

.flexslider .slides > li:first-child {
  display: block; 
  -webkit-backface-visibility: visible;
} 
.flexslider {
  #margin: 10px;
  margin-bottom: 10px;
}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #999; background: rgba(255,255,255,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(255,255,255,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(255,255,255,0.7); }
.flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,255.9); cursor: default; }



#slider {margin: 0 0 10px!important;}

.carousel{
  background-color:#252000;
}



.carousel li, #projects li {
  background-color:white;
  margin-right: 5px;
}

.carousel img {
  display: block; 
  opacity: .5; 
  cursor: pointer;
}
.carousel img:hover {opacity: 1;
}
.carousel .flex-active-slide img {
  opacity: 1; 
  cursor: default;
}

.loading .imagequote, .loading .imagetext {
  display:none;
}




.logo{
      background-color:#cc9933;

	font-size:6em; 
    color:#252000; 

    display:inline-block; 

	#text-shadow: #252000 0 0 25px;
   
   font-family: 'Open Sans', sans-serif;
      font-weight: 100;

}

.logo-sub{
   padding-top:0; 
   margin-top:-11px; 
color: #606060;
   font-family: 'Open Sans', sans-serif;
         font-weight: 100;
         font-size:2em;
         letter-spacing:7px;
    text-decoration:none;

	
}






a{
   color:#b0b0b0;
}
a:hover{
   color:#cc9933;
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 30px;
  right: 20px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: black;
  -webkit-box-shadow: 0 30px 20px black;
  -moz-box-shadow: 0 30px 20px black;
  box-shadow: 0 30px 20px black;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}



.imagequote{
   padding:.4em;
   background-color:rgba(0,0,0,0.5);
   text-shadow:  0px 0px 10px black; 
   position:absolute; 
   top:10%; 
   left:2%; 
   color:white;

   font-family: 'Open Sans', sans-serif;
         font-weight: 100;
         font-size:2em;

}
.imagequote p{
   line-height:120%; 
}
.imagetext{
   text-shadow: #000000 5px 5px 20px; 
   position:absolute; 
   color:white;
   left:20%;  
}
.imagetext-1{
   top:40%; 
}
.imagetext-2{
   top:65%; 
}

@media (min-width: 1200px) {
   .imagetext{
      font-size:3em;  
   }
   .imagequote p{
      font-size:1.5em; 
   }
}
@media (min-width: 980px) and (max-width: 1199px){
   .imagetext{
      font-size:2.5em;  
   }
   .imagequote p{
      font-size:1.25em; 
   }
}
@media (min-width: 768px) and (max-width: 979px){
   .imagetext{
      font-size:2em;  
   }
   .imagequote p{
      font-size:1em; 
   }
}

@media (max-width: 767px) {
   .imagetext{
      font-size:1.5em;  
   }
   .imagequote p{
      font-size:0.75em;
   }
}

@media (max-width: 550px) {
   .imagetext{
      font-size:1em;  
      left:10%;
   }
   .imagetext-1{
      top:20%; 
   }
   .imagetext-2{
      top:65%; 
   }
   .imagequote{
      #display:none;
      line-height: 1em;
   }
   .nav{
      font-size:0.8em;
   }
}

.nav-pills a {
  text-shadow: 5px 5px 5px #000000;
}

.nav-pills  a:hover,
.nav-pills  .active  a,
.nav-pills  .active  a:hover {
  color: #252000;
  background-color: #cc9933;
  text-shadow:none; 
  -webkit-box-shadow: 5px 5px 25px black;
  -moz-box-shadow: 5px 5px 25px black;
  box-shadow: 5px 5px 25px black; 
}




.hor-list li{
display: inline;
list-style-type: none;
padding-right: 40px;
}

footer li{
  display:inline;
  margin-right: 4em;
  margin-top:0;
  padding-top:0;
  font-size:.8em;
  color:#606060;

}