/*
	Iridium by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
	}

	body,input,textarea,select
	{
		font-size: 11pt;
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		padding: 5em 0em;
		text-align: center;
	}
	
		.homepage #header
		{
			padding: 15em 0em;
		}

		#header .container
		{
		}

/*********************************************************************************/
/* LINOCUT IMAGES AND COST                                                         */
/*********************************************************************************/
div.parent{
	border: none;
	display: inline-table;
	padding: 25px;
	width: 800px;
	margin: 5px 0; /* you can change/remove margin */
}
div.text{ 
    vertical-align:middle;
    display:table-cell;
    text-align:justify;
}
div.parent .img{
    vertical-align:middle;
    display:table-cell;
    padding-right:25px;
    width:225px; /* you can change width */
}
div.img img{ 
    width:100%;
    height:260px; /* you can change height */
    vertical-align:middle;
}

/*********************************************************************************/
/* VAN DYKE BOOK                                                        */
/*********************************************************************************/
div.vandyke{
	border: none;
	display: inline-table;
	padding: 25px;
	width: 800px;
	margin: 5px 0; /* you can change/remove margin */
}
div.text{ 
    vertical-align:middle;
    display:table-cell;
    text-align:justify;
}
div.vandyke .img{
    vertical-align:middle;
    display:table-cell;
    padding-right:25px;
    width:200px; /* you can change width */
}
div.img img{ 
    width:100%;
    height:225px; /* you can change height */
    vertical-align:middle;
}

/*********************************************************************************/
/* STANDARD PHOTOS BOOK                                                        */
/*********************************************************************************/
div.stdpix{
	border: none;
	display: inline-table;
	padding: 25px;
	width: 800px;
	margin: 5px 0; /* you can change/remove margin */
}
div.text{ 
    vertical-align:middle;
    display:table-cell;
    text-align:justify;
}
div.stdpix .img{
    vertical-align:middle;
    display:table-cell;
    padding-right:25px;
    width:225px; /* you can change width */
}
div.img img{ 
    width:100%;
    height:260px; /* you can change height */
    vertical-align:middle;
}

/*********************************************************************************/
/* LANDSCAPE PHOTOS BOOK                                                        */
/*********************************************************************************/
div.landpix{
	border: none;
	display: inline-table;
	padding: 25px;
	width: 800px;
	margin: 5px 0; /* you can change/remove margin */
}
div.text{ 
    vertical-align:middle;
    display:table-cell;
    text-align:justify;
}
div.landpix .img{
    vertical-align:middle;
    display:table-cell;
    padding-right:25px;
    width:300px; /* you can change width */
}
div.img img{ 
    width:100%;
    height:225px; /* you can change height */
    vertical-align:middle;
}



/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		margin-bottom: 3em;
	}
	
		#logo h1
		{
			color: #FFF;
		}
	
		#logo h1 a
		{
	display: block;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: none;
	font-size: 3em;
	font-weight: 900;
	color: #FFF;
		}

		#logo span
		{
			display: block;
			padding-top: 1em;
			letter-spacing: 1px;
			text-transform: lowercase;
			font-size: 1.2em;
			color: rgba(255,255,255,.5);
		}			
			

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
	}

		#nav > ul > li
		{
			display: inline-block;
		}
		
			#nav > ul > li:last-child
			{
				padding-right: 0;
			}

			#nav > ul > li > a,
			#nav > ul > li > span
			{
				display: block;
				padding: 1em 1.5em;
				letter-spacing: 1px;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: 200;
				font-size: 1em;
				outline: 0;
				color: rgba(255,255,255,.7);
			}


			#nav > ul > li > a:hover
			{
				color: #FFF;
			}

			#nav li.active a
			{
				background: none;
				border-radius: 40px;
				border: 2px solid;
				border-color: rgba(255,255,255,.8);
				color: #FFF;
			}

			#nav > ul > li > ul
			{
				display: none;
			}


/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		padding: 6em 0em 4em 0em;
	}
	
	#content
	{
	}
	
	#content header
	{
		margin-bottom: 2em;
		padding: 15px;
	}
	
	#content header h2
	{
	font-size: 3em;
	}
	
	#content header .byline
	{
	font-size: 1.40em;
	}
	


/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/
	
	#featured
	{
		padding: 2em 0em;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		position: relative;
		padding: 6em 0em;
	}
	
	#footer h2
	{
		padding-bottom: 2em;
		font-size: 1.4em;
	}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
	
	#copyright
	{
		padding: 3em 0em;
	}		
