/* CSS Document */

/* Default Elements -------------------------------------------------*/

html, body
{
    height: 100%;
}
body {
	margin: 0; padding: 0; 
	font-family: "Helvetica", "Arial", sans-serif;
}
h2 {
	font-family: "trajan-pro-3", "Arial Narrow", "Helvetica Narrow", sans-serif;
	font-weight: 400;
	margin: 0 0 8px 0;
	font-size: 20px;
	line-height: 24px;
}
h3 {
	font-family: "Arial Narrow", "Helvetica Narrow", sans-serif;
	font-weight: 600;
	margin: 0 0 6px 0;
}
h4 {
	font-family: "Arial Narrow", "Helvetica Narrow", sans-serif;
	font-weight: 600;
	margin: 0 0 6px 0;
}
	
p {
	margin: 0; padding: 0;
}
a {
	text-decoration: none; color: #039;
}
/* Structure --------------------------------------------------------*/

/* Wrappers */

div#wrapper {
	max-width: 960px; margin: 0 auto; padding: 0; min-height: 100%; positon: relative; background: url(https://photographsfromnature.com/images/interface/background-giant-swallowtails.jpg) center 174px no-repeat scroll #9DCFF8;
}


/* Banner -----------------------------------------------------------*/

div#banner {
	width: 920px; height: 128px; display: block; padding: 12px 20px 0 20px;
}
#banner.home {
	background: url(https://photographsfromnature.com/images/interface/banner-metalmark-rounded-ventral.jpg) top center no-repeat;
}
#banner.article {
	background: url(https://photographsfromnature.com/images/interface/banner-white-olympia-marble-scales.jpg) top center no-repeat;
}
div#banner h1 {
	background: url(https://photographsfromnature.com/images/interface/jay-cosseys-photographs-from-nature.png) top center no-repeat; width: 364px; height: 116px; text-indent: -9999px;  /*margin: 12px 20px 0 20px;*/ margin: 0;
}
div#logo {
}

/* Nav ------------------------------------------------------------*/	
	
div#nav {
	width: 960px; padding: 8px 0; position: relative; background: #5C7DA8; text-align: center; font-size: 16px;
} 
div#nav a {
	color: #FFF; text-decoration: none; margin: 0 20px; display: inline;
}
div#nav a:hover {
	text-decoration: underline;
}
.nav-spc {
	
}

/* Columns -------------------------------------------------------------*/

div#content {
	padding: 20px;
}
div#column-l {
	float: left; margin: 0 0 10px 0;
}
#column-l.home {
	width: 296px;
}

.column-l-bio {
	width: 296px;
	float: left; margin: 0 0 10px 0;
}
#column-l.article {
	width: 278px;
}
#column-l.contact {
	width: 326px;
}
#column-l.contact p {
	margin-bottom: 6px;
}
div#column-r {
	float: right; margin: 0 0 10px 0;
}
#column-r.home {
	width: 226px;
}
#column-r.article {
	width: 538px;
}
.column-r-bio {
	float: right; margin: 0 0 10px 0;
	width: 538px;
}
#column-r.contact {
	width: 338px;
}
div.info-box {
	background: url(https://photographsfromnature.com/images/interface/white-bg.png) repeat; padding: 10px; margin: 0 0 10px 0;
}

/* Classes ----------------------------------------------------- */

p.toc {
	margin-bottom: 5px;
}
.back {
	background: url(https://photographsfromnature.com/images/interface/white-bg.png) repeat; padding: 6px 6px 6px 6px; margin: 4px 1px 4px 1px; display: block;
}
.caption {
	font-size: 11px;
	margin-top: 6px;
}

/* Portfolio Images --------------------------------------------*/

/* Home */

.thumb-box {
height: 128px;
width: 160px;
position: relative;
margin: 10px 23px;
}
.thumb-box img {
	border: 0;
}
.up span {
display: none;
}
a.over {
text-decoration: none;
}
.over span {
display: block;
position: absolute;
padding: 23px 0 0 0;
margin: 68px 0 0 0;
top: 0;
left: 0;
height: 37px;
width: 160px;
background-image:url(https://photographsfromnature.com/images/interface/black-bg.png);
background-position: left top;
cursor: pointer;
text-align: center;
font-family: "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
text-transform: uppercase;
text-decoration: none;
color: #FFF;	
}

/* Galleries ------------------------------------------------------------------*/

.nav_categories {
list-style-type: none;
margin: 0;
padding: 0;
}

.heading-bg {
	background: url(https://photographsfromnature.com/images/interface/white-bg.png) repeat; padding: 6px 6px 6px 6px; margin: 0 1px 4px 1px;
}
.heading-bg h2 {
	margin: 0;
}

.thumbnail { 
	width: 160px; height: 180px; background: url(https://photographsfromnature.com/images/interface/white-bg.png) repeat; padding: 11px; text-align: center; margin: 1px; float: left; font-size: 14px;
}
.thumbnail img {
	width: 160px; height: 128px; border: none; margin-bottom: 8px;
}

.full-size {
	width: 920px; background: url(https://photographsfromnature.com/images/interface/white-bg.png) repeat; text-align: center; padding: 20px 0; margin: 0;
}
.prev {
	width: 100px; float: left; padding: 265px 0 0 10px; display: block;
}
.full-img {
	width: 700px; text-align: center; float: left; display: block;
}
.next {
	width: 100px; float: left; padding: 265px 10px 0 0; display: block;
}

/* Form --------------------------------------------------------------------*/

.form-row {
	display: block;
}
.form-col-l {
	display: block;
	width: 80px;
	margin-right: 6px;
	float: left;
	text-align: right;
}
.form-col-r {
	display: block;
	float: left;
	margin-bottom: 6px;
}

/* Clear -------------------------------------------------------------------*/
.clear {
	clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;
}