/*

FOR: LEAH CUFF - LEAHCUFF.COM
BY: BRENNAN CUFF - LAIRD AND LADY DESIGNS


style_all.css

*/

/* -------------------------------
		General Styles
   ------------------------------- */
   
html {
	-webkit-font-smoothing: antialiased;
	-text-rendering: optimizelegibility;
}   


body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #444444; 
	background: #000;
}
.navbar-toggle {
   left: 10px;
   right: auto;
}


/* --------------------------------------
   Typography
   -------------------------------------- */

h1, h2, h3 {
   	font-weight: 300;
   	margin: 0;
   	line-height: 45px;
   }
   
   h4, h5, h6 {
	font-weight: bold;
	margin: 5px 0px 5px 0px;
   }
   
   h1{
   font-size: 48px;
   }
   
   h2{
   font-size: 40px;
   }
   
   h3{
   font-size: 30px;
   }
   
   h4{
   font-size: 18px;
   margin: 10px 0px;
   }
   
   h5{
   font-size: 14px;
   line-height: 20px;
   font-weight: 200;
   }
   
   p{
   margin: 0px 0px 10px 0px;
   } 

.well .page-header {
	margin-top: 0;
}

.well .page-header h1 {
	margin-top: 0;
}

ul.unstyled {
	list-style: none;
	padding: 0;
}




/* --------------------------------------
   Navbar
   -------------------------------------- */

.navbar-brand {
	padding: 10px 15px;
}

.open > .dropdown-menu {
   display: block;
   float: none;
   width: 100%;
}

/* --------------------------------------
   Layout - Index
   -------------------------------------- */
#branded_name {
	text-align: center;
	display: block;
	margin: 20px auto 5px;
}

#index_hero a {
	color: inherit;
}

#index_hero a:hover {
	color: inherit;
	text-decoration: none;
}

#beauty_photo, #effects_photo {
	opacity: 0.4;
	width: 100%;

}

#beauty_photo:hover, #effects_photo:hover {
	opacity: 0.9;
	width: 100%;
}

#index_hero p {
	color: #fff;
	text-align: center;
	margin: -50px 0 150px;
}


   


 /* --------------------------------------
   Layout - Portfolio
   -------------------------------------- */ 





/* CODE COURTESY OF */
	.rg-image-wrapper{
		position:relative;
		padding:20px 30px;
		background:transparent url(../../images/black.png) repeat top left;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		min-height:20px;
	}
	.rg-image{
		position:relative;
		text-align:center;
		line-height:0px;
	}
	.rg-image img{
		max-height:100%;
		max-width:100%;
	}
	.rg-image-nav a{
		position:absolute;
		top:0px;
		left:0px;
		background:#000 url(../../images/nav.png) no-repeat -20% 50%;
		width:28px;
		height:100%;
		text-indent:-9000px;
		cursor:pointer;
		opacity:0.3;
		outline:none;
		-moz-border-radius: 10px 0px 0px 10px;
		-webkit-border-radius: 10px 0px 0px 10px;
		border-radius: 10px 0px 0px 10px;
	}
	.rg-image-nav a.rg-image-nav-next{
		right:0px;
		left:auto;
		background-position:115% 50%;
		-moz-border-radius: 0px 10px 10px 0px;
		-webkit-border-radius: 0px 10px 10px 0px;
		border-radius: 0px 10px 10px 0px;
	}
	.rg-image-nav a:hover{
		opacity:0.8;
	}
	.rg-caption {
		text-align:center;
		margin-top:15px;
		position:relative;
	}
	.rg-caption p{
		font-size:11px;
		letter-spacing:2px;
		font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
		line-height:16px;
		padding:0 15px;
		text-transform:uppercase;
	}
	.rg-view{
		height:30px;
	}
	.rg-view a{
		display:block;
		float:right;
		width:16px;
		height:16px;
		margin-right:3px;
		background:#464646 url(../../images/views.png) no-repeat top left;
		border:3px solid #464646;
		opacity:0.8;
	}
	.rg-view a:hover{
		opacity:1.0;
	}
	.rg-view a.rg-view-full{
		background-position:0px 0px;
	}
	.rg-view a.rg-view-selected{
		background-color:#6f6f6f;
		border-color:#6f6f6f;
	}
	.rg-view a.rg-view-thumbs{
		background-position:0px -16px;
	}
	.rg-loading{
		width:46px;
		height:46px;
		position:absolute;
		top:50%;
		left:50%;
		background:#000 url(../../images/ajax-loader.gif) no-repeat center center;
		margin:-23px 0px 0px -23px;
		z-index:100;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		opacity:0.7;
	}
/* END COURTESY CODE */


/* --------------------------------------
   Layout - About
   -------------------------------------- */
   #about_page {
	   margin-top: 60px;
	   background: #000;
   }
   
   
   	#headshot {
		display: block;
		width: 100%;
		padding: 10px;
		border: 5px solid #fff;
		margin: 20px 0;
	}
   #about_intro {
	   margin: 100px 0;
   }
   
   #about_page h1 {
   		text-align: center;
	   margin: 30px auto;
   }

   #about_page p.opening {
   	   color: #fff;
	   margin: 0 auto;
	   padding: 0 30px 30px;
   }

   #about_page h5 {
	   margin-bottom: 20px;
   }



/* --------------------------------------
   Layout - Contact
   -------------------------------------- */  
#contact_page {
	cursor: default;
	background: #000;
	padding: 60px 0;
}

#contact_page h3, #contact_page h5, #contact_page p {
	color: #fff;
}

input[type="text"],
input[type="email"],
textarea {
	outline: none;
	font-size: 18px;
	padding: 10px;
	margin: 0 0 30px;
	width: 95%;
	border-radius: 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

input[type="submit"] {
	display: block;
	width:50%;
	margin: 0 auto;
	border: 1px solid #fff;
	border-radius: 15px;
}
   
   .end_contact {
	   text-align: center;
   }
   
   #contact_pic {
	   display: block;
	   text-align: center;
	   margin: 30px auto;
   }


/* --------------------------------------
   Layout - Second Section
   -------------------------------------- */
   
  

 /* --------------------------------------
   Layout - Third Section
   -------------------------------------- */ 



 /* --------------------------------------
   Layout - Fourth Section
   -------------------------------------- */  




 /* --------------------------------------
   Layout - Sixth Section
   -------------------------------------- */     

/* --------------------------------------
   Layout - Footer
   -------------------------------------- */   


footer {
         background: #444;
         color: #fff;
         font-size: 11px;
         padding: 30px 10px;  
   }
   
   .social_badge {
      float: right;
      padding-right: 30px;
   }

   .social_badge:hover {
      opacity: 0.7;
   }
/* --------------------------------------
   Global Styles
   -------------------------------------- */

.alert {
	margin-top: 20px;
	display: none;
}

.well {
	margin: 20px 0;
   background: #333
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {


	
}

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

.nav-collapse {
   clear: both;
   padding-top: 5px;
}

#branded_name {
	width: 80%;
}

input[type="submit"] {
	width:100%;
}
	
}

/* Large desktop */
@media (min-width: 1200px) {




}