/*=================
    Emptyness
=================*/
html {
	height: 100%;
	font-size:14px;
}

body{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
		background-color: #353535;

}

a, a:visited, a:active{
	color: #353535;
}
         
p {
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	margin: 1% auto;
	line-height: 145%;
	font-size: 1em;
}  

h1, h2, h3 {
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	color: #353535;
	margin: 0;
	font-size: 2.5em;
	font-weight:100;
	font-variant: small-caps;
	text-transform: none;
}

.branding h1, .branding h2, .branding h3,.branding a,.branding a:visited,.branding a:active {
		color: #efefef;
}

h1 {
	font-family: 'Nothing You Could Do', cursive;
	font-variant: normal;	
}

h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.5em;
}
      
/* Page Wrapper */
.container {
	background-color: #353535;
	color: #efefef;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
}

/* Header */
.branding {
	display: block;
	margin: auto;
	text-align: right;
	font-family: Gill Sans, Verdana;
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 2em;
	width: 95%;
	max-width: 1000px;
	margin:auto;
}

.branding h1{
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	font-size: 4em;
}
.branding a{
	text-decoration: none;
}


.nav ul{
	list-style-type: none;
}

.nav li { border-right: solid 1px #333; }
.nav li:last-child { border: 0px; }

.nav li{
	display:inline-block;
	font-size: 1.2em;
	padding: 0 1% 0 1%;
	margin: 1% 0 1% 0;
	color: #333;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
}

.nav li a{
	text-decoration:none;
	font-weight:300;
	color: #333;
	font-size: 1.1em;	
}

.nav li a:hover{
	text-decoration: underline;
}

.nav li.current a{
	font-style:italic;
	color: #efefef;
	font-weight:100;
}

.nav {
	display: block;
	background-color: #C60;
	text-align: left;
	float: right;
	width: 100%;	
	max-width:1000px;
	padding: 0 0 0 2.3em;
	margin: 0 0 1em 0;
	-moz-box-shadow: 0 0 3px #C60;
	-webkit-box-shadow: 0 0 3px #C60;
	box-shadow: 0px 0px 3px #C60;
}

/* Main Area */
.main {
	display: block;
	position: relative;
	padding: 2em 2em 0 2em;
	width: 94%;
	max-width: 1000px;
	margin:auto;
	background-color: #efefef;
  	color:#353535;
  	min-height: 60em;
  	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}
  .sidebar {}
  .content {
  	color:#353535;
  	padding: 0 2em .5em 2em;
  }
table.galleriesTable {
    border-collapse: collapse;
}
.galleriesTable td{
	padding: 10px;
}
/* Footer */
.copyright p{
	text-align: right;
	font-family: Gill Sans, Verdana;
	font-size: .5em;
	text-transform: uppercase;
	letter-spacing: 1px;
	display:block;
	width: 94%;
	max-width:1000px;
	padding-top: .5em;
	color:#353535;
	margin: auto;
	bottom:0;
	position: absolute;
}

.copyright a,.copyright a:visited,.copyright a:active{
	text-decoration:none;
}


.hideFromDesktop{
		display:none;
	}
	
.field, .captchaimg{
	padding: .5em;
}

input    {
max-width: 95%;
width:375px;
display:block;
border: 1px solid #999;
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.field.captcha input{
	width:175px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size:0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*===========
	Responsive youtube embed.
=========*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*===================
    Media Queries
===================*/
/* iPad/Tablet (Portrait) */
@media screen and (max-width: 768px), screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
	.nav li{
		font-size: 1.2em;
		padding: 1%;
	}
	.hideFromTablet{
		display:none;
	}
	.hideFromDesktop{
		display:block;
	}
	.galleriesTable td img{
		width:80px;
	}
}

/* iPhone/Smartphone (Landscape) */
@media screen and (max-width: 480px), screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	.nav li{
		display:block;
		font-size: 1.2em;
		padding: 1%;
		border-right: none;
	}
	.nav{
		margin-bottom: 10px;
	}
	.content h1{
		display:none;
		font-size:2em;
	}
	.hideFromMobile{
		display:none;
	}
	.hideFromDesktop{
		display:block;
	}
	.content{
		padding: 2%;
	}
	.main {
		position: relative;
		width: 100%;
		padding: 0;
	}
	.branding h1{
		font-size: 3em;
	}
	.branding {
		padding: 1.5em 0 1em 0;
	}
	.galleriesTable td img{
		width:80px;
	}
}

@media print{
	html{
		font-size:12px;
		background-color: #fff;
	}
	body, div.container{
		background-color: #fff;
	}
	.branding, .branding h1{
		color: #666;
	}
	h1, h2, h3, h4, p{
		color: black;
	}
	p{
		text-indent:60px;
	}
	.nav {
		display: none;	
	}
}