@charset "iso-8859-1";
/* CSS Document */

/* ==================================================================================================================== FONTS === */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);
@import "fonts/font-awesome.css";

/* ==================================================================================================================== TRANSITIONS === */
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img,
.logo h1, .logo h4{
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;}
	
@-webkit-viewport{ width:device-width;}
@-moz-viewport{ width:device-width;}
@-ms-viewport{ width:device-width;}
@-o-viewport{ width:device-width;}
@viewport{ width:device-width;}


/* ==================================================================================================================== DISPLAYS === */
.co{
	/*display:block;*/
	visibility:visible;}
	
.candt{
	/*display:block;*/
	visibility:visible;}
	
.po{
	display:none;
	visibility:hidden;}


/* ==================================================================================================================== ALIGNMENT === */
.clear{
	clear:both;}
	
.taleft{
	text-align:left;}
	
.tacenter{
	text-align:center;}
	
.taright{
	text-align:right;}
	
.pt1rem{
	padding-top:1rem;}
	
.pb1rem{
	padding-bottom:1rem;}
	
.paa1rem{
	padding:1rem;}
	
.pt1rempo{
	padding-top:0;}
	
.pl1rem{
	padding-left:1rem;}
	
.pr1rem{
	padding-right:1rem;}
	
	
/* ==================================================================================================================== SIMPLE === */
.line2px{
	width:auto;
	height:2px;
	background:rgba(0,0,0,0.1);
	margin:1rem 0;}
	
.up{
	text-transform:uppercase;}


/* ==================================================================================================================== HEADER & FOOTER === */
.cabg{
	background:url(../images/background.jpg) 0 0 repeat;}
	
.logo{
	padding-top:1.7rem;}

.logo h1{
	margin:0; padding:0; font-family:'Droid Serif', serif; color:#ead06d; font-weight:normal; font-size:2.3rem; text-transform:uppercase; line-height:1.5rem;}
	
.logo h1 span{
	text-transform:none; font-style:italic; font-size:1.3rem; background:#534c48; padding:0 0.7rem;}
	
.logo h4{
	margin:0; padding:0; font-weight:300; color:#9f9b9a; font-size:1.1rem; text-transform:uppercase;}
	
.logo h1.sub{
	text-transform:none; font-size:2rem;}
	
.logo a:hover h1{
	color:#fff;}
	
header nav{
	background:url(../images/nav.png) 0 0 repeat-x; font-family:'Droid Serif', serif;}
	
header nav a, header nav a.visited{
	color:#ffffff; display:block; padding:0.5rem;}
	
header nav a:hover, header nav a.active{
	background:url(../images/nav-roll.png) 0 0 repeat-x; color:#534c48;}
	
.spacer{
	background:#2f2926; padding:0.25rem;}
	
footer{
	color:#fff;}
	
footer h4{
	margin:0; color:#ead06d;}
	
footer h1, footer h1 a, footer h1 a.visited{
	color:#534c48; font-weight:300;}
	
footer h1 a:hover, footer h1 a.active{
	color:#ead06d;}
	
	
/* ==================================================================================================================== CONTENT === */
/* ------ Headings */
h2{
	font-family:'Droid Serif', serif; color:#534c48; font-style:italic; margin:0 auto 0.5rem; padding:0;}
	
/* ------ Home Page */	
.headshot{
	background:rgba(255,255,255,1); padding:0.33rem; border:1px solid rgba(0,0,0,0.23);}


	
	
/*// Small screens*/
@media only screen {

} /* Define mobile styles */

@media only screen and (max-width: 40em) {	
    .co, .candt{
		display:none;
		visibility:hidden;}
		
	.po{
		display:block;
		visibility:visible;}
		
	.pt1rempo{
		padding-top:1rem;}
		
	.logo{
		padding-top:0.9rem;}
		
	.logo h1{
		font-weight:normal; font-size:1.8rem; text-transform:uppercase; line-height:1.5rem;}
	
	.logo h1 span{
		text-transform:none; font-style:italic; font-size:1rem; padding:0 0.5rem;}
		
	.logo h4{
		margin:0; padding:0; font-weight:300; color:#9f9b9a; font-size:0.9rem; text-transform:uppercase;}
		
	.logo h1.sub{
		text-transform:none; font-size:1.3rem;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*// Medium screens*/
@media only screen and (min-width: 40.063em) {			

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.co, .po{
		/*display:none;*/
		visibility:hidden;}
		
	.candt{
		display:block;
		visibility:visible;}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*// Large screens*/
@media only screen and (min-width: 64.063em) {

} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {			

} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/*// XLarge screens*/
@media only screen and (min-width: 90.063em) {	

} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {	

} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*// XXLarge screens*/
@media only screen and (min-width: 120.063em) {	

} /* min-width 1921px, xxlarge screens */


/*// Firefox*/
@-moz-document url-prefix() {		

}