/*START @FONT-FACE LINK*/



/*@import url(http://fonts.googleapis.com/css?family=Raleway);*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500);

html, header, body, nav, ul, h1, p {
	margin:0;
	padding:0;
	}

html{
	min-width: 320px;

}

img{
	max-width:100%;
	height:auto;
}

a img{
	border:none;/*to keep IE from putting borders around "a img" tags*/
	display:inline-block;
}

body h1 {
	font-size: 100%;
	line-height:1em;
}

p.name, p.tagline{
	font-family: 'Raleway', Arial, Helvetica;
	font-weight: 100;
}

p.name{
	font-family: 'Raleway', sans-serif;;
	font-size: 2.4em;
	color:white;
}

p.tagline{
	font-size: 1.6em;
}
.piece-wrap h1{
	font-family: 'Raleway', sans-serif;
	font-size: 1.3em;
}

a  {
	text-decoration:none;
   }


header {
	background-color: #9ea0a0;
	height:175.004px;
	margin:0 auto;
	width: 100%;
	}

nav {
	width:80%;
	margin: 0 auto;
	padding-top:10px;
	max-width: 1280px;
	}

.left{float:left;}

.right{
	float: right;
	display:block;
	padding-top:114px;
	font-family: 'Raleway', sans-serif, Arial, Helvetica;
	font-size: 1.3em;
	font-weight: 300;
}
.right ul{
	list-style: none;
}
.right ul li{
	display:inline;
}

a {
	color:black;
}

a#text:hover, a#text1:hover, a#text2:hover {
	color:#FFFFEB;
	}

.visit_site:hover{color:gray;}

.visit_site, .email{font-weight: 900;}

ul.proj-menu {
	list-style: none;
	margin-bottom: 20px;
}

a.current{color:#F5F5F5;}

a.current2{
 	color:gray;
}

#toggle{
	text-align: right;
	margin-bottom: 10px;
	display:none;
}

#text1{padding-right: 22px;}
#text2{padding-right: 22px;}

article{
	width:80%;
	margin:0 auto;
	margin-top:40px;
	max-width: 1280px;
}

footer{
	width:80%;
	max-width: 1280px;
	margin:0 auto;
	border-top: 1px solid black;
	font-family: 'Raleway', sans-serif, Arial, Helvetica;
	font-size: .93em;
}

footer .foot_nav{
	margin-top:5px;
}

footer a:hover{
	color:black;
	/*font-style: bold;*/
	font-weight: 900;
}

footer div.top {
	margin-top: 25px;
	font-size: 0.87em;
}

footer div.copyright{
	padding-top: 10px;
}

a.current2{

}

#text3{padding-right: 17px;}
#text4{padding-right: 17px;}
#text5{padding-right: 17px;}

.piece-wrap{
	overflow: hidden;
	margin-bottom: 40px;

}

.img{
	border: 1px solid gray;
	max-width:100%;
	height:auto;
}

.port-pic{
	max-width:100%;
	height:auto;
}

.biophoto{
	float:left;
	margin-bottom: 10px;
}

.port-text{
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 0.85em;
	line-height: 1.5em;
	width:30%;
	float:right;
	border-top: 2px solid black;
	padding-top: 15px;

	}

.download{
	padding-top:10px;
	padding-bottom: 10px;
}

.bio-text{
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 0.85em;
	line-height: 1.5em;
	width:50%;
	float:right;
}

.contact-text{
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 0.85em;
	line-height: 1.5em;
}

.port-para{
	margin-bottom: 1em;
	width: 98%;
}

.bio-para{
	margin-bottom: 1em;
	width: 98%;
}

.inner_wrap{
	margin:0 auto;
	width:100%;
}



@media all and (max-width: 1095px){

nav{
 	width: 90%;
 }

article{
 	width: 90%;
}

footer{
	width:90%;
 }


}

@media all and (max-width: 1000px){
.port-text{
	float:none;
	margin: 0 auto;
	width:100%;
}

.port-pic{
	width:98%;
	margin: 0 auto;
 	float:left;
 }

}

@media all and (max-width: 900px) {

 .bio-text{
 	float: left;
 	margin: 0 auto;
 	width:60%;
 }

 .biophoto{
 	float:none;
 }

}

@media all and (max-width: 700px){

 nav{
 	width: 95%;
 }

 article{
 	width:95%;
}

footer{
	width:95%;
	display: block;
	padding-top: 20px;
}

.bio-text{width:80%;}


 .logo{
 	float:left;
 	display:inline-block;
 }

 /*#toggle{display: block;}*/

.right{
	display:block;
	padding-top:5px;
	font-family: 'Raleway', sans-serif, Arial, Helvetica;
	font-size: 1.3em;
	font-weight:300;
}

.right ul{
	list-style: none;
}

.right ul li{
	display:block;
	text-align: right;
	margin-bottom:15px;
}

#text1{padding-right:0px;}
#text2{padding-right:0px;}

 }


@media all and (max-width: 500px){

.bio-text{width:100%;}

p.name{
	font-family: 'Raleway', sans-serif;
	font-size: 1.6em;
	color:white;
}

p.tagline{
	font-size: 1.07em;
 }

}