/*-----------------------------------------------------------------------------------*/
/*	Main Navigation
/*-----------------------------------------------------------------------------------*/

#main-nav {
padding: 7px 0px 0px;
}
	
	#main-nav ul {
	margin: 0;
	float: left;
	}
	
		#main-nav ul li {
		float: left;
		position: relative;
		margin:0 0px 0 20px;
		font-size:1em;
		font-weight:thin;
		letter-spacing:.1em;
		list-style: none;
		font-family: 'Didact Gothic','Helvetica Neue', Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		}

			#main-nav ul li a {
			background:#fff;
			margin-bottom:10px;
			padding: 7px 10px;
			display:block;
			color:#d5d5d5;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border: 1px solid #f2f2f2;
			}

			#main-nav ul li a:hover {
			outline:0;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background: #DD5729;
			color: #ffffff;
			}

/*-----------------------------------------------------------------------------------*/
/*	Home/about
/*-----------------------------------------------------------------------------------*/

#home{
width: 90%;
max-width: 1200px;
margin: 0px auto;
padding: 30px 0px 30px;
clear: both;
background:url(../img/OutstandingInMyField-3.jpg) no-repeat top center #ffffff;
}

#hi-container{

}

#hi{
font-family: Didact Gothic, sans-serif;
font-weight: normal;
font-size: 2em;
text-align: center;
color: #ffffff;
background-color: #DD5729;
display: block;
padding-top: 65px;
width: 170px;
height: 105px;
border-radius: 90px;
-moz-border-radius: 90px;
-webkit-border-radius: 90px;
transition:         all 0.6s ease;
-webkit-transition: all 0.6s ease;
-moz-transition:    all 0.6s ease;
-o-transition:      all 0.6s ease;
margin: 100px auto 55px;
}

.welcome{
	padding-top: 20px;
	font-size: 2em;
	width: 700px;
/*    height:300px; */
	margin: 0 auto;
	text-align: left;
    overflow:hidden;
}
.welcome #more{
	height: 20px;
    overflow:hidden;
}
.welcome a{
	color: #DD5729;
}

.welcome a:hover{
	color: #666666;
}


/*-----------------------------------------------------------------------------------*/
/*	Content {WORK PAGE}
/*-----------------------------------------------------------------------------------*/

#work-all{
width: 90%;
max-width: 1400px;
margin: 0px auto;
padding: 30px 0px 0px;
clear: both;
}

figure{  
position: relative; 
float: left;
width: 30%;
margin: 10px 1.666666666666666% 0px;
}

	figure img{
	border: 1px solid #d8d8d8;
	}

figcaption { 
position: relative;
display: block;
color: black;
padding: 15px 0px;
width: 100%;
margin: -60px auto 0px;
text-align: center;
border: 1px solid #e5e5e5;
opacity: 0;
filter:alpha(opacity=0);
filter: “alpha(opacity=0)”;
text-align:center;
background: #ffffff;
transition:         all 0.6s ease;
-webkit-transition: all 0.6s ease;
-moz-transition:    all 0.6s ease;
-o-transition:      all 0.6s ease;
}

	figcaption a {
	color: #6a6a6a; text-decoration: none; padding: 3px;
	}

	figcaption a:hover {
	color: #000000; text-decoration: none;
	}

figure:hover, figure img:hover{
/* transform: scale(.99);
-ms-transform: scale(.99); 
-webkit-transform: scale(.99); 
-o-transform: scale(.99); 
-moz-transform: scale(.99); /* Firefox */
}

	figure:hover figcaption {
	opacity:1;
	filter:alpha(opacity=1);
	filter: “alpha(opacity=1)”;
	bottom: 20px;
	}


/*-----------------------------------------------------------------------------------*/
/*	Content {WORK PAGE(s)}
/*-----------------------------------------------------------------------------------*/

#work-single{
width: 90%;
max-width: 1150px;
margin: 0px auto;
clear: both;
padding:30px 0px;
}

#work-images{
width:66%;
float: left;
}

	#work-images img{
	border: 1px solid #d8d8d8;
	}

	.medium-img{
		float: left;
		width: 62%;
	}

	.small-img{
		float: right;
		width: 34.8397590%;
		margin-left: 2.6%;
	}

	.full-img{
		float: none;
		width: 100%;
		margin: 25px 0px;
	}

#meta{
width: 30%;
float: right;
margin-top: 30px;
}

	#meta p{
	padding-bottom: 15px;
	}

		#meta p a {color: #000000;
		text-decoration:underline;
		}

		#meta p a:hover {color: #dd5729;}

		.tiny {
			font-size: 10px;
		}

.viewfull {
margin: 0px auto 30px;
display: inline-block;
background:url(../img/mag-glass.png) 9px 6px no-repeat #f2f2f2;
padding: 5px 15px 5px 25px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #dd5729;
font-family: Didact Gothic, sans-serif;
font-size: .6em;
letter-spacing: .15em;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
vertical-align: middle;
text-align: center;
}

	.viewfull:hover {
	color: #000000;
	}

#arrows {
width: 100%;
float: right;
}

.arrow, .arrow a{
background:url(../img/subtle-pat7.png) #f5f5f5 repeat;
font-family: Didact Gothic;
font-size: .625em;
letter-spacing: .16em;
font-weight: semibold;
text-transform: uppercase;
color: #999999;
padding: 7px 15px;
margin: 25px 0px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 1px solid #d8d8d8;
}

	.arrow:hover, .arrow a:hover{
	background-color: #dd5729;
	color: #ffffff;
	border: 1px solid #ffffff;
	}

	.thin {
		display: none;
	}

.previous{float:left;}
.next{float:right;}

footer{
width: 100%;
background:url(../img/darksubtle-pat6.png) #000000 repeat;
color: #ffffff;
line-height: 1.7em;
margin-top: 0px;
border-top: 2px solid #dd5729;
}

	footer a{
	color: #ffffff;
	}

	#sophiephoto{
		float: left;
		width: 25%;
		padding: 5px 20px 0px 0px;
	}

#footer-wrap{
width: 90%;
max-width: 1200px;
margin: 0px auto;
padding: 50px 0px;
}

#who {
float: left;
width: 66%;
margin: 0px;
padding-bottom: 20px;
}

	#who p{
	color: #cccccc;
	font-size: 20px;
	opacity:.70;
	filter:alpha(opacity=70);
	filter: “alpha(opacity=70)”;
	}

.button {
margin: 20px auto 0px;
display: inline-block;
background:url(../img/subtle-pat7.png) #fafafa repeat;
padding: 1px 15px 2px;
border: 1px solid #000000;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: #ffffff 0 1px 0;
color: #333333;
font-family: Didact Gothic, sans-serif;
font-size: .625em;
letter-spacing: .14em;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
vertical-align: middle;
text-align: center;
opacity:.6;
filter:alpha(opacity=60);
filter: “alpha(opacity=60)”;
}

   .button:hover{
   	opacity:1;
	filter:alpha(opacity=100);
	filter: “alpha(opacity=100)”;
   }

   .arw {
   	font-size: 2em;
   	padding: 0px 0px 0px 3px;
   	position:relative;
   	top: 1px;
   	transition:         all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition:    all 0.6s ease;
	-o-transition:      all 0.6s ease;
   }

   .button:hover .arw{
   	left: 6px;
   }


#social {
float: right;
width: 30%;
}

	#social ul{
	text-transform: uppercase;
	font-family: Didact Gothic;
	font-size: .75em;
	letter-spacing: .1em;
	font-weight: bold;
	}

		#social li{
		padding-bottom: 5px;
		}

	#social img{
	padding-right: 10px;
	position: relative;
	top: 7px;
	}

	#social a{
	color: #ffffff;
	opacity:.20;
	filter:alpha(opacity=20);
	filter: “alpha(opacity=20)”;
	}

	#social a:hover{
	color: #ffffff;
	opacity:.90;
	filter:alpha(opacity=90);
	filter: “alpha(opacity=90)”;
	text-shadow: 0px 0px 4px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=0);
	-webkit-box-shadow: 0px 0px 10px 3px #000000;
	-moz-box-shadow: 0px 0px 10px 3px #000000;
	box-shadow: 0px 0px 10px 3px #000000;
	}


/*-----------------------------------------------------------------------------------*/
/*	Content {HOME PAGE(s)}
/*-----------------------------------------------------------------------------------*/

.welcome{
	width: 600px;
}


#jesse, #jesse a{
float: none;
margin: 0px auto;
text-align: center;
padding: 0px;
}

#main-nav {
float: right;
/*margin: 20px auto;
width: 260px; */
}

#main-nav ul {
float: none;
padding: 0px;
margin: 0px auto;
text-align: center;
}

#main-nav ul li {
float: left;
position: relative;
}

#work-single{
width: 95%;
}

#work-images{
	width:60%;
	float: left;
}

	.medium-img{
		float: left;
		width: 62%;
	}

	.small-img{
		float: right;
		width: 34.8397590%;
		margin-left: 0px;
	}

	.full-img{
		float: none;
		width: 100%;
		margin: 25px 0px;
	}

#meta{
	width: 36%;
	float: right;
	margin-top: 0px;
}

#work-images img{
	border: 1px solid #d8d8d8;
}

figure {
  width: 46%;
  margin: 20px 2%;
}

figure img{
border: 1px solid #c3c3c3;
}

figcaption {
position: relative;
color: black;
padding: 20px 0px;
width: 90%;
margin: -40px auto 0px;
text-align: center;
opacity: 1;
-webkit-transition: all 0.6s ease;
-moz-transition:    all 0.6s ease;
-o-transition:      all 0.6s ease;
}

#footer-wrap{
width: 95%;
}

#who {
    width: 60%;
}

#who p{
	font-size: 18px;
}

	#sophiephoto{
		width: 30%;
	}

#social {
	width: 36%;
}