/*
Theme Name: Robin Benson Photography 2012
Theme URI: http://www.robinbensonphotography.com/
Description: A theme for WordPress.
Author: Dave Funkhouser, Drew Baker, Rick Baker, Funkhaus Design
Author URI: http://www.funkhausdesign.com
Version: 1.0


Colors:

    Black:	 		#222222;
    Caption Grey: 	#BCBCBC;
    Color 3: #;

/*-------------------------------------------------------------- */

	@import url("fonts/stylesheet.css");    

/*
 * Globals 
 */
 	html {
 		height: 100%;
 	}
	body { 
	    font-family: 'Avenir-Roman', Helvetica, Arial, sans-serif; 
	    font-size: 12px;
	    color: #222222;
	    margin: 0;
	    padding: 0;
	    text-align: justify;
	    height: 100%;
	}
    ::selection {
        color: #ebebe3;
        background: #222;
    }
    ::-moz-selection {
        color: #ebebe3;
        background: #222;
    }
    h2 {
	    font-family: 'Avenir-Light', Helvetica, Arial, sans-serif;
    	font-size: 25px;
    	margin: 0;
    	padding: 0;
    	font-weight: normal;
    	color: #BCBCBC;
    }	

/* 
 * Links 
 */
	a { 
	    color: #666666; 
	    text-decoration: none;
	    outline: none;	    
	}
	a:hover { 
	    color: #222222;
	    text-decoration: none;
	}
	a img {
	   border: none;
	}
	
/* 
 * Header
 */
 	#header {
 		position: absolute;
 		bottom: 0;
 		height: 190px;
 		width: 100%;
 		background: white;
 	}
	#logo {
		width: 147px;
		height: 21px;
		float: left;
		margin: 20px 0 0 40px;
	}

/*
 * Menu
 */
    .menu {
		float: right;
		font-size: 14px;
		text-transform: uppercase;
		margin: 28px 10px 0 0;
		padding: 0;
	    letter-spacing: 1px; 
	}
	.menu li {
		float: left;
		list-style: none;
		margin: 0 30px 0 0;
		padding: 0;
	}
	.menu li a {
		color: #BCBCBC;
		transition: color 0.3s;
		-moz-transition: color 0.3s;
		-webkit-transition: color 0.3s;
		-o-transition: color 0.3s;
	}
	.menu li a:hover {
		color: #222222;
	}
	.sub-menu {
		margin: 15px 0 0 0;
		padding: 0;
		position: absolute;
		z-index: 10;
		display: none;
	}
	.sub-menu li {
		margin: 0 0 11px 0;
		padding: 0;
		float: none;
	}
	.sub-menu li a {
		color: #BCBCBC;	   
	}	
	.menu .active > a,
	.sub-menu li a:hover,	
	.menu .current_page_parent > a,	
	.menu .current-menu-item > a {
		color: #222222;
	}	
	/*
	 * Home States
	 */
    	.home .menu > li > a  {
    		color: #222222;
    		transition: color 0.3s;
    		-moz-transition: color 0.3s;
    		-webkit-transition: color 0.3s;
    		-o-transition: color 0.3s;
    	}
    	.home .menu:hover a {
    		color: #BCBCBC;
    	}
    	.home .menu > li a:hover,
		.home .menu .active > a {
			color: #222222 !important;  
		}

/* 
 * Page Structure 
 */
	
	#container {
		position: relative;
		min-height: 100%;
		height: 600px;
	}
	
	#content {

	}
	
	.text-page #header {
		height: 160px;
		bottom: auto;
		top: 0;
	}
	.text-page #logo {
		margin: 40px 0 0 40px;
	}
	.text-page .menu {
		margin: 48px 10px 0 0;
	}
	
	/* 
	 * Front Page
	 */ 
	 	.caption-wrapper {
	 		margin: 0 0 0 40px;
	 		font-size: 11px;
	 		color: #BCBCBC;
	 		position: absolute;
	 		bottom: 127px;
	 	}
		
		
	/* 
	 * Gallery
	 */
		.gallery {
			position: absolute;
			top: 0;
			bottom: 190px;
			width: 100%;
		}
		.scrollable {
			position: relative;
			overflow: hidden;
			width: 100%;
			height: 100%;
		}
		.gallery .items {
        	background-color: #f2f2f2;		
		}
		.scrollable .items {
			width: 200000em;
			position: absolute;
			height: 100%;
		}
		.items div {
			float: left;
		}
		.items .gallery-image {		
			height: 100%;
			width: auto;
			float: left;
			opacity: 0.3;
			transition: opacity 0.3s;
			-moz-transition: opacity 0.3s;
			-webkit-transition: opacity 0.3s;
			-o-transition: opacity 0.3s;			
		}
		.gallery-image.active {
			opacity: 1;
		}
		.browse {
			width: 37px;
			height: 70px;
			position: absolute;
			top: 50%;
			margin-top: -18px;
			background-position: 0 0;
			background-repeat: no-repeat;
			cursor: pointer;
			z-index: 10;
			opacity: 1;
			transition: opacity 0.5s;
			-moz-transition: opacity 0.5s;
			-webkit-transition: opacity 0.5s;
			-o-transition: opacity 0.5s;
			display: none;
		}
		.prev {
			background-image: url(images/arrow-left.png);
			left: 40px;
		}
		.next {
			background-image: url(images/arrow-right.png);
			right: 40px;
		}
	 	.browse.disabled,
	 	.browse.inactive {
			background-position: 0 -90px;	 	
	 		opacity: 0;
	 		cursor: default;
			transition: opacity 0.5s;
			-moz-transition: opacity 0.5s;
			-webkit-transition: opacity 0.5s;
			-o-transition: opacity 0.5s;
	 	}
		.gallery .caption {
			display: none;
		}

	/* 
	 * Thumb Tray
	 */

		.thumb-tray {
			position: absolute;
			bottom: 0;
			height: 110px;
			width: 100%;
			overflow: hidden;
		}
		.thumb-tray .scrollable {
			position: relative;
			overflow: hidden;
			width: 100%;
			height: 110px;
		}
		.thumb-tray .scrollable .items {
			width: 200000em;
			position: absolute;
			height: 110px;
		}
		.thumb-tray .items .pane {
			float: left;
			margin: 0 50px;			
		}
		.thumb-tray .gallery-image {
			height: 110px;
			width: 165px;
			overflow: hidden;
			opacity: 0.15;
			transition: opacity 0.5s;
			-moz-transition: opacity 0.5s;
			-webkit-transition: opacity 0.5s;
			-o-transition: opacity 0.5s;
		}
		.thumb-tray .gallery-image:hover {
			opacity: 1;
			cursor: pointer;
			transition: opacity 0.5s;
			-moz-transition: opacity 0.5s;
			-webkit-transition: opacity 0.5s;
			-o-transition: opacity 0.5s;
		}
		.thumb-tray .gallery-image.active {
			opacity: 1;
		}
		.thumb-tray .browse {
			width: 50px;
			height: 110px;
			position: absolute;
			top: 0;
			background-position: 0 0;
			background-repeat: no-repeat;
			cursor: pointer;
			z-index: 10;
			opacity: 1;
			margin-top: 0;
			transition: opacity 0.5s;
			-moz-transition: opacity 0.5s;
			-webkit-transition: opacity 0.5s;
			-o-transition: opacity 0.5s;
			display: block;
		}
		.thumb-tray .browse:hover {
			background-position: 0 -130px;			
		}
		.thumb-tray .prev {
			background-image: url(images/arrow-thumb-left.png);
			left: 0;
		}
		.thumb-tray .next {
			background-image: url(images/arrow-thumb-right.png);
			right: 0;
		}
	 	.thumb-tray .browse.disabled,
	 	.thumb-tray .browse.inactive {
	 		opacity: 0;
	 		cursor: default;
	 	}


	/* 
	 * About
	 */
	 
		 .about-image {
			position: absolute;
			top: 160px;
			bottom: 190px;
			width: 100%;
			background-size: cover;
			background-position: center;
			overflow: hidden;
		}
		.about .entry {
			position: absolute;
			bottom: 0px;
			height: 190px;
			width: 100%;
			font-size: 14px;
			color: #999999;
			line-height: 20px;
		}
		.about .entry ul {
			margin: 40px auto 0 auto;
			width: 1210px;
		}
		.about .entry li {
			float: left;
			list-style: none;
			width: 530px;
			margin: 0 25px;
		}
		.email-robin {
			background: url(images/icon-email.png) left 3px no-repeat;
			width: 106px;
			height: 10px;
			padding: 0 0 0 21px;
		}
		.email-robin:hover {
			background: url(images/icon-email.png) 0 -17px no-repeat;
		}
		
	/* 
	 * Order
	 */

		#content.order {
			width: 850px;
			margin: 0 auto;
			padding: 160px 0 0 0;
		}

		.order-form_wrapper {
			width: 850px;
		}
		.gform_heading {
			margin: 0 0 45px 0;
		}
		.gform_body .gfield_label {
			color: #666666;
			margin: 0 0 5px 0;
			display: block;
			font-size: 13px;
		}
		.gform_description {
		    font-family: 'Avenir-Light', Helvetica, Arial, sans-serif;
	    	font-size: 19px;
	    	margin: 0;
	    	padding: 0;
	    	font-weight: normal;
	    	color: #BCBCBC;
		}
		.gform_body {
			overflow: hidden;
		}
		#gform_fields_1 {
			margin: 0;
			padding: 0;
		}
		#gform_fields_1 li {
			list-style: none;
			float: left;
		}
		#gform_fields_1 .medium {
			width: 175px;
			height: 25px;
			background-color: #F2F2F2;
			border-radius: 2px;
			border: none;
			margin: 0;
			padding: 0 5px 0 5px;
		    font-family: 'Avenir-Roman', Helvetica, Arial, sans-serif; 
		    font-size: 13px;
		}
		#gform_fields_1 .large {
			width: 390px !important;
			height: 25px;
			background-color: #F2F2F2;
			border-radius: 2px;
			border: none;
			margin: 0;
			padding: 0 5px 0 5px;
		    font-family: 'Avenir-Roman', Helvetica, Arial, sans-serif; 
		    font-size: 13px;
		}
		#gform_fields_1 .name {
			margin: 0 30px 22px 0;
		}
		#gform_fields_1 .future {
			margin: 0 0 22px 50px;
		}
		#gform_fields_1 .print-name {
			margin: 0 0 16px 0;
		}
		#gform_fields_1 .print-type {
			float: left;
			width: 400px;
			clear: left;
		}
		#gform_fields_1 .print-type .gfield_select {
			color: #666666;
		}
		#gform_fields_1 .questions {
			float: right;
			margin: 0 0 10px 0;
		}
		.print-name .gfield_description,
		.print-type .gfield_description,
		.questions .gfield_description {
		    font-family: 'Avenir-Oblique', Helvetica, Arial, sans-serif;
	    	font-size: 11px;
	    	color: #BCBCBC;
	    	margin: 0 0 10px 0;
		}
		.gform_body .print-name .gfield_label,
		.gform_body .questions .gfield_label {
			margin: 0 0 0 0;
		}
		#gform_fields_1 .questions .textarea {
		    font-family: 'Avenir-Roman', Helvetica, Arial, sans-serif; 
		    font-size: 13px;
			width: 400px;
			resize: none;
			height: 115px;
			padding: 5px;
		}
		#gform_1 .button {
			font-size: 13px;
			padding: 0 0 2px 0;
			height: 25px;
			width: 67px;
			background-color: #999999;
			border: none;
			border-radius: 2px;
			color: white;
			text-align: center;
			float: right;
			margin: 0 333px 0 0;
		}
		#gform_1 .button:hover {
			background-color: #F2F2F2;
			cursor: pointer;
			color: #666666;
		}

	/* 
	 * Thank You
	 */
	 	#content.thank-you {
	 		width: 800px;
	 		margin: 0 auto;
	 	}
	 	.thank-you .entry {
	 		height: 30px;
	 		position: absolute;
	 		top: 50%;
	 		margin-top: -15px;
	 		width: 800px;
	 		text-align: center;
	 	}
	 	.thank-you .entry h2 {
	 		text-align: center;
	 	}

/*
 * Tools 
 */
    #tagline {
        display: none;
    }
	/* Fix share this from showing scroll bars on load */
	#stwrapper {
		position: absolute;
	}
    #funk-badge {
        background-image: url("images/icon-funk-badge.png");
        background-repeat: no-repeat;
        height: 14px;
        width: 69px;
    }
    #funk-badge:hover {
        background-position: 0 -20px;
    }        
    #funk-badge span {
        display: none;
    }


/*
 * Wordpress Required 
 */
	.alignleft { 
	    display: inline; 
	    float: left;
	}
	.aligncenter { 
	    clear: both; 
	    display: block; 
	    margin: 0 auto 10px auto; 
	}
	.alignright { 
	    display: inline; 
	    float: right;
	}
	img.alignleft { 
	    margin: 0 10px 10px 0;
	}
	img.alignright { 
	    margin: 0 0 10px 10px;
	}
	img.aligncenter { 
	    margin: 0 auto 10px auto;
	}
	
	.wp-caption { 
	    background: #f1f1f1; 
	    color: #888; 
	    text-align: center; 
	    margin-bottom: 15px; 
	    width: auto !important;
	    -moz-border-radius: 0 0 4px 4px;
	    border-radius: 0 0 4px 4px;
	}
	.wp-caption img { 
	    margin: 0px;
	}
	.wp-caption p.wp-caption-text { 
	    margin: 0 0 5px; 
	    padding: 4px; 
	    font-style: italic;
	}