/* ==========================================================================
	adamdahlstrom.com
	main.css
	April 2013
	Version 1.0
	
	Author: Nicholas Lill
   ========================================================================== */
   
   /* @group Background */
   
   	body{
   		background-image: url(../img/bright_squares.png);
   	}
   	
   	
   
   /* @end */
   
   /* @group Header */
   
   	#admin_nav{
   		margin: 0 auto;
   		text-align: left;
   		background: #ddd;
   	}
   	
   	#admin_nav li{
   		max-width: 220px;
   		padding-left: 20px;	
   	}
   	
   	#admin_nav li:first-child{
   		padding-top: 20px;
   	}
   	
   	#admin_nav li:last-child{
   		padding-bottom: 20px;
   	}
   	
   	#admin_nav .nav > li > a:hover, #admin_nav .nav > li > a:focus{
   	    background: none;
   	    color: red;
   	}
   
   	.navbar-inverse .brand {
   	    color: white;
   	}
   
   	.navbar-inverse .brand, .navbar-inverse .nav > li > a {
   	    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
   	}
   	
   	.navbar-inner{
   		text-align: center;
   	}
   	
   	.navbar-inverse .navbar-inner {
   	    background-color: #212121;
   	    background-image: none;
   	    background-repeat: no-repeat;
   	    border: none;
   	}
   	
   	.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
   	    background-color: #212121;
   	    color: #FFFFFF;
   	    outline: none;
   	}
   	
   	.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
   	    box-shadow: none;
   	    text-decoration: none;
   	    outline: none;
   	}
   
   	.navbar .brand{
   		float: none;
   		font: 48px Questrial, Quicksand, Helvetica, sans-serif;
   		text-transform: uppercase;
   		letter-spacing: .35em;
   		text-align: center;
   		padding-top: 0;
   		padding-bottom: 0;
   		margin: 85px -2.75% 40px auto;
   	}
   	
   	ul.nav{
   		margin: 0 auto;
   	}
   	
   	.navbar .nav{
   		float: none;
   		height: auto;
   	}
   
   	.navbar .nav li{
   		float: none;
   		display: inline-block;
   	}
   	
   	.navbar .nav li a{
   		padding-top: 0;
   		padding-bottom: 0;
   		text-align: center;
   		color: white;
   		font-size: 20px;
   		text-transform: lowercase;
   		font-weight: 300;
   	}
   	
   	.navbar .nav li a:hover, .navbar .nav li a:active, .navbar .nav li.active a {
   		font-size: 25px;
   		font-weight: 400;
   		-webkit-transition: all .15s linear;
   		-moz-transition: all .15s linear;
   		-ms-transition: all .15s linear;
   		-o-transition: all .15s linear;
   		transition: all .15s linear;
   		border: none;
   	}
   	
   	.navbar .nav li.brand_box{
   		float: none;
   		display: block;
   	}
   	
   	.navbar .nav li a.brand{
   		font: 48px Questrial, Quicksand, Helvetica, sans-serif;
   		text-transform: uppercase;
   	}
   	
   	.navbar .nav li.main_nav{
   		float: none;
   	}
   	
   	a{
   		color: #212121;
   	}
   	
   	a:focus{
   		outline: none;
   	}
   	
   	a:hover, a:focus {
   	    color: #212121;
   	    text-decoration: none;
   	}
   
   /* @end */
   
   /* @group Footer */
   
   .copyright{
   		font-variant: small-caps;
   		float: right;
   }
   
   /* For sticky footer: */
   	html,
       body {
           height: 100%;
       }
   
       #wrapper {
           min-height: 100%;
           height: auto !important;
           height: 100%;
           /* Negative indent footer by it's height */
           margin: 0 auto -30px;
       }
   
       #push,
       footer {
           height: 30px;
       }
   
   /* @end */
   
   #wrapper{
   	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,0) 100%); /* FF3.6+ */
   	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(35%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
   	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
   	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
   	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%); /* IE10+ */
   	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%); /* W3C */
   	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
   }
   
   video{
		display: block;
		margin: 60px auto 60px;
		border: 2px solid #212121;
   }
   
   #home_gif{
	    display: none;
	    margin: 60px auto 60px;
	    border: 2px solid #212121;	
   }
   
   .tab-pane{
   		margin-top: 60px;
   }
   
   #info p{
   		max-width: 650px;
   		text-align: justify;
   		margin-left: auto;
   		margin-right: auto;
   		margin-bottom: 30px;
   		color:#212121;
   		font-family:Quicksand, Helvetica, Arial, sans-serif;
   		font-size:14px;
   		line-height:20px;
   }
   
   #info .info_link, #info p#profile_image, #info p img, #info a{
   		text-align: center;
   }
   
   .info_link a, #info a{
   		color: #212121;
   		font-weight: normal;
   }
   
   .info_link a:hover, #info a:hover{
   		text-decoration: none;
   		font-size: 15px;
   		-webkit-transition: all .25s linear;
   		-moz-transition: all .25s linear;
   		-ms-transition: all .25s linear;
   		-o-transition: all .25s linear;
   		transition: all .25s linear;
   }
   
   .thumbnail {
       border: none;
       border-radius: 0;
       box-shadow: none;
       display: block;
       line-height: 20px;
       padding: 0;
       transition: none;
       -webkit-box-shadow:  1px 3px 3px 0px rgba(63, 63, 63, .5);        
       box-shadow:  1px 3px 3px 0px rgba(63, 63, 63, .5);
   }
   
   a.thumbnail:hover, a.thumbnail:focus{
       border: none;
       -webkit-box-shadow:  1px 3px 3px 0px rgba(63, 63, 63, .5);        
       box-shadow:  1px 3px 3px 0px rgba(63, 63, 63, .5);
       cursor: pointer;
   }

   	@media (min-width: 768px){
		.thumbnails {
			margin-left: -15px;
		}
	}

	@media (min-width: 1200px){
		.thumbnails {
			margin-left: -25px;
		}
	}
   
   .thumbnails > li {
       display: inline-block;
       float: none;
       margin-bottom: 30px;
       margin-left: 25px;
       vertical-align: top;
   }
   
   .selected{
   		color: red;
   }
   
   .flexigrid img{
   		max-width: 450px;
   }
   
   .flexigrid div.pDiv div.pDiv2 {
       float: left;
       margin: 3px 3px 3px -2px;
       width: auto;
   }
   
   .flexigrid div.btnseparator{
   	margin-bottom: 10px;
   }
   
   .pGroup{
   	margin-top: 10px;
   }
   
   .flexigrid div.pDiv input {
   	vertical-align: top;
   }
   
  	@media (max-width: 1199px) {
  		.thumbnails > li {
  			margin-left: 15px;
  		}
  	}
  	
  	@media (max-width: 990px){
  		.navbar .brand{
  			margin-right: 0%;
  		}
  		
  		.pGroup{
  			margin-top: 10px;
  		}
  		
  	}
  	
  	@media (max-width: 980px){
  		.navbar .brand{
  			margin-right: -2.75%;
  		}
  	}
  
	@media (max-width: 767px) {
		
		.flexigrid img{
				max-width: 200px;
		}
		
	    footer {
	      margin-left: -20px;
	      margin-right: -20px;
	      padding-left: 20px;
	      padding-right: 20px;
	    }
	    
	    body{
	    	padding: 0;
	    }
	    
	    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
	        margin-left: auto;
	        margin-right: auto;
	    }
	    
	    video{
	    	max-width: 90%;
	    	max-height: 90%;
	    	display: none;
	    }
	    
	    #home_gif{
	    	display: block;
	    	max-width: 90%;
	    	max-height: 90%;
	    }
	    
	    #info, #work, #recent{
	    	margin: 7% 20px auto;
	    }
	    
	    .navbar .nav{
	    	margin-bottom: 7%;
	    }
	    
	    .thumbnails > li {
	    	margin-left: auto;
	    }
	    
	    
	}
	
	@media (max-width: 735px) {
		
		.navbar .brand{
			margin-top: 7%;
			margin-bottom: 7%;
		}
		
		.navbar .nav{
			margin-bottom: 7%;
		}
		
		#info, #work, #recent{
			margin: 7% 20px auto;
		}
	
	}
	
	@media (max-width: 645px) {
	
		
		
		.navbar .nav li.main_nav a{
			font-size: 1.25em;
		}
		
		.navbar .nav li a:hover, .navbar .nav li a:active, .navbar .nav li.active a {
			font-size: 1.45em;
			font-weight: 400;
			-webkit-transition: all .15s linear;
			-moz-transition: all .15s linear;
			-ms-transition: all .15s linear;
			-o-transition: all .15s linear;
			transition: all .15s linear;
			border: none;
		}
		
		.navbar .nav li a.brand{
			font-size: 2.3em;
		}
		
		video{
			border: none;
			margin: 7% auto;
		}
		
		.tab-pane{
			margin: 7% auto;
		}
		
		.navbar-inner {
		    min-height: 150px;
		}
		
	}
	
	@media (max-width: 360px) {
	
		
		
		.navbar .nav li.main_nav a{
			font-size: 1.1em;
		}
		
		.navbar .nav li a:hover, .navbar .nav li a:active, .navbar .nav li.active a {
			font-size: 1.35em;
			font-weight: 400;
			-webkit-transition: all .15s linear;
			-moz-transition: all .15s linear;
			-ms-transition: all .15s linear;
			-o-transition: all .15s linear;
			transition: all .15s linear;
			border: none;
		}
		
		.navbar .nav li a.brand{
			font-size: 1.9em;
		}
		
		.tab-pane{
			margin: 2% auto;
		}
		
		video{
			margin: 0 auto;
		}
	
	}
	
	@media (max-width: 320px) {
		video{
			margin: -17% auto 2%;
		}
		
		.navbar .nav li.main_nav a{
			font-size: 1em;
		}
		
		.navbar .nav li a:hover, .navbar .nav li a:active, .navbar .nav li.active a {
			font-size: 1.2em;
			font-weight: 400;
			-webkit-transition: all .15s linear;
			-moz-transition: all .15s linear;
			-ms-transition: all .15s linear;
			-o-transition: all .15s linear;
			transition: all .15s linear;
			border: none;
		}
		
	}