html, body {background-color:#000; font-family:'Open Sans';padding-top:50px;color: #ccc; font-weight:400;}

/*general styles and resets*/
#alfie a, #alfie button  {outline:none!important;}
#alfiecentral {min-height:300px;background-color:#000;}
a:link, a:visited {color:inherit;}
a:hover, a:focus {color:#D6DF15}
hr {border-top-width:2px;border-color:#666;margin-top:10px;margin-bottom:10px;}
h1, h2, h3, h4 {font-weight:300;}
h1 {font-size:1.8em;color:#D6DF15}
h2 {font-size:1.5em;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
/*nav bar styling*/

.navbar-default {background-image:none}
#navbar-alfie .navbar-brand {font-weight:300;padding:15px 0 0 15px;font-size:2.3em;color:#ccc}
#navbar-alfie {font-weight:400;border-width: 2px 0 2px 0;border-style:solid;border-color:#ccc;min-height:50px;background-color:#000;}
#navbar-alfie  .navbar-toggle {border-radius:0;margin-top:0;margin-bottom:0;margin-right:0;border:0;padding:20px 20px 20px 20px;background-color:#000;}
#navbar-alfie  .icon-bar {height:4px;background-color:#ccc;}
.nav > li > a {padding-left:10px;padding-right:10px}
#navbar-alfie .navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;text-shadow:none;font-weight:600;text-transform:uppercase;}
#navbar-alfie .navbar-nav > li > a:hover, #navbar-alfie .navbar-nav > li > a:focus {color:#D6DF15;transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in;}
#navbar-alfie .navbar-nav > .active > a { background-image:none;background-color:#444;color:#fff;}


/*portfolio side menu*/
#sidemenu {list-style-type:none}
#sidemenu li {padding:7px 0;}
#sidemenu li a:hover,#sidemenu li a:focus {text-decoration:none;transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in;}
#sidemenu li a.current {font-weight:bold;color: #D6DF15}

/*footer*/
footer {border-width: 2px 0 0 0;border-style:solid;border-color:#ccc;padding:15px 0;font-size:0.90em;margin-top:25px;clear:both;background-color:#000;min-height:150px;color:#666;clear:both;}
.footernav {float:right;}


.footernav ul {list-style-type:none;float:left;margin:0;padding:0;clear:both;}
.footernav ul li {display:inline;float:left;margin-right:15px;min-height:30px;overflow:hidden;}
.footernav ul li a {color:#666;display:block;width:100%;min-height:30px;padding:5px}
.footernav ul li a:hover, .footernav ul li a:focus {text-decoration:none;}




/*embedded vids etc*/
.framed-div {border:2px solid #666;}
.Flexible-container {position: relative; padding-bottom: 86.25%; padding-top: 30px; height: 0; overflow: hidden;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*other / misc */
.bubble {margin-bottom:20px}
.hoverlink {border:1px solid #000;position:relative;display:block;z-index:1000}
.hoverlink:hover, .hoverlink:focus {border-color:#D6DF15;transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in;}
.hoverlink:hover img, .hoverlink:focus img{ms-filter:"alpha(Opacity=03)"; filter:alpha(opacity=03); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; transition:all .6s ease-out; -webkit-transition:all .6s ease-out; -moz-transition:all .6s ease-out; -o-transition:all .6s ease-out;}
.hoverlink .caption {position:absolute; background:#000; background:rgba(0,0,0,.1); width:100%; height:100%;top:0; z-index:1000; ms-filter:"alpha(Opacity=00)"; filter:alpha(opacity=00); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:all .6s ease-out; -webkit-transition:all .6s ease-out; -moz-transition:all .6s ease-out; -o-transition:all .6s ease-out;text-align:center;color:#ccc;padding-top:40%;text-transform:uppercase;}
.hoverlink:hover .caption {ms-filter:"alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1}

 .green {color:#D6DF15}
 .prev-next-links {margin:20px 0}
 .prev-next-links a:hover, .prev-next-links a:focus {text-decoration:none;}
 .btn-alfie, .btn-alfie:hover, .btn-alfie:focus {background-color:#A9B011 ;background-image: none!important;border-color:#A9B011}
.form-control:focus {border-color: #D6DF15; box-shadow: none;
}
 
/*tablet / mobile display tweaks*/
@media only screen and (min-width: 768px) and (max-width: 1000px) 
	{
	#navbar-alfie .navbar-nav > li > a {font-size:0.95em;}
	}

@media only screen and (max-width: 768px) 
	{
	#navbar-alfie .navbar-brand {padding-left:10px;}
	 .prev-next-links {margin:10px 0 0 0;clear:both}
	 .prev-next-links a {display:block;padding:10px 0;margin:5px 0 0 0;float:none!important}
	}

@media only screen and (max-width: 500px) 
	{
	#navbar-alfie .navbar-brand {font-size:2.0em;margin-left:0px;padding-top:17px}
	}