@charset "UTF-8";

html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;we
}
body {
	line-height: 1;
	color: black;
	background: white;
}


table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*========================================================*/








body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	background: #FFFFFF;
	margin: 0px;
	padding: 10px 0;
	text-align: center;
}

body#video_bare {
	padding: 15px 10px 0px 15px;
	background: #555555;
}

p, ul, li {
	line-height: 1.6em;
	margin: .6em 0 0 0;
	text-align: justify;	
}


ul, li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#content-2-1 ul, #content-2-1 li, #content-2-1 ol {
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 10px;
}

#content-2-1 p {
	font-size: 10px;
	padding: 0px 0px 0px 0px;
}

#content-2-3 p {
	font-size: 10px;
	padding: 0px 10px 0px 0px;
}

#content-2-3 p.fineprint {
	font-style: italic;
	font-size: 6pt;
}

#content-2-3 ul {
	padding: 0px 0px 0px 10px;
}

#content-2-3 li {
	list-style:square inside;
}

#content-2-1 h3 {
	font-size: 14px;
}

#content-2-1 h4, { /* date and time */
	font-style: italic;
}


/*
@Heading styles
===================================================-*/

h1, h2, h3, h4, h4 a {
	color: #313131;
	font-weight: bold;
	line-height: 1em;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-bottom: 0.25em;
	font-size: 15px;
}

#content-2-1 h1 {
	margin-top: 25px;
}


h2 { font-size: 0.75em; }

h3 { font-size: 0.6em;
	 color: #00000;
	 padding-top:10px; }
	 
a.more-link
{font-weight:bold;}

h4, h4 a
	{ font-size: 10px;
	 letter-spacing: .1em;
	 text-transform: uppercase; 
	 text-decoration:none;}
	 


/* ===== Call Out Rounded Header =====*/

h2.rounded-heading {
	font-size: 18px;
	line-height: normal;
	color: #FFFFFF;
	padding: 0px;
	background: #555555 url(http://www.doug-peterson.com/images/bg_roundedheading21T.jpg) no-repeat right top;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
}

h2.rounded-heading span {
	display: block;
	background: transparent url(http://www.doug-peterson.com/images/bg_roundedheading21B.jpg) no-repeat right bottom;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: bold;
}

h2.rounded-heading a {
font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

/* ===== link style =====*/

a:link, a:visited {
	color: #333333;
}
a:hover, a:active {
	color: #FFFFFF;
}



/* ===== Wrapper styles =====*/

#wrap-1 {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#wrap-1 #content-0-right {
	background-image: url(http://www.doug-peterson.com/images/bg_hornav.jpg);
	background-repeat: repeat-x;
}

#wrap-content-1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.65em;
}

#wrap-content-2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF url(http://www.doug-peterson.com/images/bg_wrap-content-2.jpg) repeat-y;
}

#wrap-1 #content-0-right h2 {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 0px;
	padding-left: 13px;
	margin-bottom: 0px;
}

#wrap-1 #content-0-right h2 {
	line-height: 0.75em;
}

#wrap-1 #wrap-content-2 #content-2-3 {
	margin-left: 15px;
}

#content-2-1-column1, #content-2-1-column2 {
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#content-2-1-column1 {
	width:415px;
}

 #content-2-1-column2 {
	width:275px;
	float: right;
 }

#content-2-1-column1 h5, #content-2-1-column2 h5{
	padding: 0px 0px  0px 0px;
	margin:  0px 0px  0px 0px;
font-weight:bold;
font-size: 90%;
}


#content-2-1-column1 p, #content-2-1-column2 p {
	padding: 3px 0px  13px 0px;
	margin:  0px 0px  0px 0px;
font-weight:normal;
font-size: 70%;
line-height:125%;
}

#content-2-1-column2 td 
{font-weight:normal;
font-size: 70%;
padding:0px 0px 3px 0px;}
#content-2-1-column2 table 
{margin:3px 0px 0px 0px;}


#content-2-3 .content-padder {
	padding-top: 0 px;
	padding-right: 10px;
	padding-bottom: 0 px;
	padding-left: 10px;
	margin: 0px 0px 20px 0px;
}

#content-2-1 {
	float: left;
	width: 750px;
	font-size: .8em;
	clear: none;
}

#content-2-3 {
	float: right;
	z-index: 100;
	width: 235px;
	font-size: 11px;
	line-height: 1.6em;
}


#afterpost
{
 border:solid #666666 1px;
 background:#DDDDDD;
 color:#333333;
 width:400px;
 padding: 10px 30px 10px 10px;
 margin: 35px 0px 0px 0px;
}

#afterpost a, h2#comments {
color:#333333;
}


#content-2-1-fullwidth {
	margin-right: 19px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 25px;
}


/* ===== Horizontal navagation bar ===== */

#hornav {
	float: left;
	margin: 0;
	padding: 0px 0px 0px 5px;
	width: 995px;
	height: 177px;
	background: #9b9b9b url(http://www.doug-peterson.com/images/bg_hornav.jpg) repeat-x;
	font-size: 0.7em;
}

#hornav ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 177px;
}

#hornav ul li {
	float: left;
	line-height: normal;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 177px;
	width: 99px;
}

#hornav ul li a {
	float: left;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;

    white-space:pre;

	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;

	height: 169px;
	font-weight: bold;
	width: 99px;
	background-position: top left;
	color: #CCCCCC;
}

#hornav a#aboutme     {	background-image: url(http://www.doug-peterson.com/images/bg_hornav_aboutme.jpg);      }
#hornav a#blog        {	background-image: url(http://www.doug-peterson.com/images/bg_hornav_blog.jpg);        }
#hornav a#wedding     {	background-image: url(http://www.doug-peterson.com/images/bg_hornav_wedding.jpg);     }
#hornav a#portrait    {	background-image: url(http://www.doug-peterson.com/images/bg_hornav_portrait.jpg);    }
#hornav a#fineartnude {	background-image: url(http://www.doug-peterson.com/images/bg_hornav_fineartnude.jpg); }
#hornav a#landscape   {	background-image: url(http://www.doug-peterson.com/images/bg_hornav_landscape.jpg);   }
#hornav a#infrared    {	background-image: url(http://www.doug-peterson.com/images/bg_hornav_infrared.jpg);    }
#hornav a#cyanotype   {	background-image: url(http://www.doug-peterson.com/images/bg_hornav_cyanotype.jpg);   }
#hornav a#time-lapse  {	background-image: url(http://www.doug-peterson.com/images/bg_hornav_timelapse.jpg);   }
#hornav a#retouching  {	background-image: url(http://www.doug-peterson.com/images/bg_hornav_retouching.jpg);  }	

body.aboutme a#aboutme, body.blog a#blog, body.wedding a#wedding, body.portrait a#portrait, body.fineartnude a#fineartnude, body.landscape a#landscape, body.infrared a#infrared, body.cyanotype a#cyanotype, body.time-lapse a#time-lapse, body.retouching a#retouching {
	background-position: bottom left;
	color: #FFFFFF;	
	}
	
#hornav a:hover {
	background-position: bottom left;
	color: #ffffff;
}


/* ===== Section cap and bottom styles ===== */

#page-top {
	margin: 0;
	padding: 0;
	height: 6px;
	background: #555555 url(http://www.doug-peterson.com/images/bg_page-top.jpg) no-repeat;
}

#content-1-bottom {
	clear: both;
	margin: 0;
	padding: 0;
	height: 22px;
	font-size: 0;
	background: #DDDDDD url(http://www.doug-peterson.com/images/bg_content-1-bottom.jpg) no-repeat;
}

#content-2-bottom {
	clear: both;
	margin: 0;
	padding: 0;
	height: 22px;
	font-size: 0;
	background-color: #333333;
	background-image: url(http://www.doug-peterson.com/images/bg_content-2-bottom.jpg);
	background-repeat: no-repeat;
}

#page-bottom {
	margin: 0;
	padding: 0;
	height: 6px;
	font-size: 0;
	background: #DDDDDD url(http://www.doug-peterson.com/images/bg_page-bottom.jpg) no-repeat;
}


/* ===== Masthead styles ===== */

#header {
	margin: 0;
	padding: 0;
	background-color: #555555;
}

#header h1 {
	color: #FFFFFF;
	white-space:pre;
	font-size: 1.45em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	line-height: normal;
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
}

#header h1.floatright, #header h3.floatright {
float: right;
}


#header h3, #header h3 a 
	{ padding: 0px 16px 15px 18px;
				margin: 0px 0px 0px 0px;
				font-size: 8px;
			 color: #FFF;
			 border-bottom: 1px solid #999999;}

#video_popup {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

#video_popup h1 {
	color: #FFFFFF;
	font-size: 1.45em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	border-bottom: 1px solid #999999;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 16px;
}



/* ===== Footer styles =====*/

#footer {
	margin: 0;
	padding: 0;
	background: #777777;
}

#footer p {
	margin: 0;
	padding: 0 10px;
	background: #777777;
	line-height: normal;
	font-size: .7em;
	color: #F3F3F3;
}


/* ===== Floated note styles ===== */


p.sidenote {
	width: 130px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}

p.sidenote_300 {
	width: 300px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}


/* ===== contact list styles =====*/

#list-contact {
	list-style-type: none;
	padding: 0;
}

#list-contact li {
	padding: 0 0 0 22px;
	line-height: normal;
	margin: 4px 0 0 0;
	font-size: 1em;
	list-style-type: none;
	font-weight:bold;
}

#list-contact li.sms {
	background: transparent url(http://www.doug-peterson.com/images/icn_sms.jpg) no-repeat left center;
}

#list-contact li.email {
	background: transparent url(http://www.doug-peterson.com/images/icn_contact.jpg) no-repeat left center;
}

#list-contact li.phone {
	background: transparent url(http://www.doug-peterson.com/images/icn_phone.jpg) no-repeat left center;
}


#list-contact li a {
	font-weight:bold;
	display: block;
	text-decoration: none;
	text-transform: none;
}

#list-contact li a:hover, #list-contact li a:active {
	color: #FFFFFF; 
}




/* ===== image styles =====*/

#content-2-1 img {
	margin-right: 5px;
	margin-bottom: 4px;
	padding: 1px 1px 1px 1px;
	background-color: #333333;
	border: 2px solid #d0e2ec;
}

#content-2-1 img:hover {
	border: 2px solid #ffffcc;
}


#content-2-1-column1 .sidenote img {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

#content-2-1 img.extramargin {
	margin-right: 9px;
}



.psimgcont_horz {
	border: 0px solid #000000;
	width:695px;
	height: 450px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.psimgcont_horz img {
	position: relative;
	left: -2px;
}

.psimgcont_horz img:hover {
	position: relative;
	left: -697px;
}

.psimgcont
{
	height: 531px;
	overflow: hidden;
}

.psimg_vert {
	border: 0px solid #000000;
	width:340px;
	height: 531px;
	overflow: hidden;
	margin: 0px 13px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.psimg_vert img {
	position: relative;
	left: -2px;
}

.psimg_vert img:hover {
	position: relative;
	left: -342px;
}


/* ================================================================= */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer, #hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.doug-peterson.com/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.doug-peterson.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.doug-peterson.com/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 9px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}


#previouspostspace{
padding-left: 10px;
width: 350px;
height: 13px;
clear: none;
margin:0 0 0 0;
float:left;
font-weight: bold; 
}

#nextpostspace{
padding-right: 10px;
width: 350px;
height: 13px;
clear: none;
text-align: right;
float:right;
font-weight: bold; 
}
#nextpostspace a, #previouspostspace a, #nextpostspace, #previouspostspace {
text-decoration:none;
font-size: 10px;
	 letter-spacing: .1em;
	 text-transform: uppercase; 
	 text-decoration:none;
	margin:10px 0;	 
}


#previousandnext_bottom #nextpostspace, #previousandnext_bottom #previouspostspace {
padding-top: 7px;
}


#previousandnext_top{
height: 30px;
width: 750px;
border-bottom: medium dashed rgb(255,255,255);
margin-bottom: 15px;
}

#previousandnext_bottom{
height: 22px;
width: 750px;
border-top: medium dashed rgb(255,255,255);
margin-top: 10px;
}



.more-link, .more-link a {
text-decoration:none;
font-size: 12px;
	line-height: normal;
	color: #FFFFFF;
	padding: 0px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 25px 0px;
	top: -20px;
	float:left;
}

.alignright {
float: right;
margin-left: 20px;
}