/*
THEME NAME: ProPhoto
THEME URI: http://www.professionalphotographertheme.com
DESCRIPTION: A theme for professional photographers.  Display gorgeous 900px wide images, a pro bio area, and a custom masthead.  
VERSION: 1.2
AUTHOR: <a href="http://www.netrivet.com/">Jared Henderson, NetRivet Web Design</a>
AUTHOR URI: http://www.netrivet.com
.
ProPhoto build release date: 07-30-2008 version 1.2
© 2008 NetRivet - ProPhoto Theme files may not be shared or resold under penalty of law

Original theme starting code and some remaining code and functionality thanks to:
The Sandbox for WordPress, © 2006–2008 Scott Allan Wallick - "a theme for themers"
http://www.plaintxt.org/themes/sandbox/
The Sandbox Theme is licensed under the GNU General Public License: http://www.gnu.org/licenses/gpl.html
.
*/
@import url("reset.css");
/*  ----------------------  */
/*  ----------------------  */
/*  ----BEGIN EDITING-----  */
/*  -------BELOW----------  */
/*  ----------------------  */

/* LINE 25 */

/* general styles for all blog */
body {
background-image: url(images/bg.gif); /* default is invisible GIF */
background-color: #FFFFFF;   /* grey default background color */
font-family:  Verdana, Arial, Helvetica, sans-serif; /* font-face blogwide */
font-size: 12px;	/* paragraph font-size */
color: #000000;   /* paragraph text-color blogwide */
line-height: 1.5em;  /* spacing between lines in paragraphs */
}

/* LINE 37 */

/* edit the color and height of the top black bar on top of the blog 
to remove the bar, delete the "x" before "display: none;" */
#top_solid_colored_bar {
display: none;   /* delete "x" if you want to remove top bar */
height: 20px;     /*  change height of top bar */
background-color: #000000;  /* change  color of top bar area */
}


/* LINE 48 */

/*styles all links, blogwide */
a:link {
text-decoration: none;   /* no underlining default */
color: #E78B00;		/* color of links not yet visited */
}
a:visited {
text-decoration: none;     /* no underlining default */
color: *#E78B00;		/* color of links already visited */
}
a:hover {
text-decoration: underline;     /* underlining as hover default */
color: #E78B00;    /* color of links when being hovered over */
}


/* LINE 65 */

/*edit these if you want the top-area links to look different*/
#ppt_topnav a:link {
text-decoration: none;   /* no underlining as default */
color: #000000;		/* color of links not yet visited */
}
#ppt_topnav a:visited {
text-decoration: none;     /* no underlining as default */
color: #000000;		/* color of links already visited */
}
#ppt_topnav a:hover {
text-decoration: underline;     /* underlining as hover default */
color: #E78B00;    /* color of links when being hovered over */
}
#ppt_topnav li a {
font-size: 16px;   /* font size of top links */
}


/* LINE 85 */

/* edit these to affect the headers of the "bio" area */
#indexbio h2 {
color: #000000;  /* color of header */
font-size: 18px;  /* font size for header in bio area */
}

/* LINE 93 */

/* edit these to affect styling of Post Titles */
h2.entry-title a, h2.entry-title, 
body.search h3.entry-title a, 
body.archive h3.entry-title a {
color: #000000;   /* color of post titles */
font-size: 20px;	/* font size of post titles */
margin-bottom: 3px;	/* spacing below post titles */
text-decoration: none;	/* underline off, change to "underline" */
}

/* LINE 105 */


/* edit these to change background color and/or 
padding of "sidebar" area at bottom of page */
div#sidebar_footer {
background-color: #FFFFFF;   /* bg color of footer-sidebar area */
padding: 20px 0 10px 0;	   /* top, right, bottom, left padding */
}

/* LINE 115 */

/* the color of commenters on main page, and bg of comment area */
body.home .comment-author {
color: #3333CC;  /* color of name of person commenting on mainpage */
}
body.home #comments {
background-color: #FFFFFF;  /* bg color of mainpage commment area */
}

#comments h3 {
	color: #3333CC;  /*color of lower headlines in single post pages*/
}

/*  ----------------------  */
/*  ----------------------  */
/*  ------END EDITING-----  */
/*  --------HERE----------  */
/*  ----------------------  */
/*  ----------------------  */





/* LINE 140 */


/* -------- only edit below if you know CSS/XHTML well  -------- */

#outerwrapper {
	background:transparent url(images/hover.png) repeat-y scroll 0%;
	margin:0pt auto;
	width:994px;
}
* html #outerwrapper {
	background-image: none;  /* IE6 can't handle transparent png */
}
#wrapper {
	width: 980px;  /*width of blog - change only if advanced user*/ 
	margin: 0 auto;
	background-color: #FFFFFF;	/*background color of body of blog*/ 
}
#header {
	height: 50px;  /*height of header: logo & top links - see 5 lines below*/
}
h1#blog-title {
	float: left; /*logo on left, set to right to switch, also edit #ppt_topnav below*/
	position: relative;
	height: 39px;  /*height of logo*/ 
	width: 319px;   /* smaller if narrower logo - gives links more room */
	overflow: hidden;
}
h1#blog-title span {
	background-image: url(images/header-logo.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;	
}
h1#blog-title a {
	z-index: 500;
	position: absolute;
	height: 100%;
	width: 100%;
}
#blog-description {
	display: none;
}
#nav-above {
	display: none;
}



/* LINE 190 */

/* style top navigation links + son of suckerfish dropdown menus */
#ppt_topnav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#ppt_topnav {
	float: right; /*top links on right, set to left to switch, also edit h1#blog-title above*/
	padding: 12px 24px 0 0;  /*padding to top and right of top links*/
}
#ppt_topnav li {
	margin-right: 25px; /* space between top links */
}
#ppt_topnav li li {
	margin-right: 0;
}
#ppt_topnav a, #nav li.sfhover {
	display: block;
}
#ppt_topnav li { /* all list items */
	float: left;
}
#ppt_topnav li:hover {
	position:static; /* help IE7 a bit */
}
#ppt_topnav li ul { /* second-level lists */
	position: absolute;
	background-color: #EFEFEF; /*bg color of drow down menus*/
	width: 120px;
	left: -999em; 
}
#ppt_topnav li ul a {
	width: 104px;
	padding: 5px 8px;
	font-size: 80%;	
}
#ppt_topnav li ul a:hover {
	background: #FFF; /*bg color of drop down menus when hovered over*/
	}
#ppt_topnav li:hover ul, #ppt_topnav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#ppt_topnav #searchsubmit-top {
	margin-top: -3px;
}
#ppt_topnav li.topnavright {
	margin-right: 0;
}
/* try to keep suckerfish drowpdowns above flash */
#ppt_topnav {
    z-index:2;
} 
#ppt_topnav ul {
    z-index:3;
}
#ppt_topnav ul li {
    z-index:4;
}
#ppt_topnav ul li ul {
    z-index:5;
}
#ppt_topnav ul li ul li {
    z-index:6;
}
#ppt_topnav a {
    z-index:7;
}
/* -----------  end styling of top nav and son of suckerfish dropdowns, phew... ---------- */




/* LINE 265 */

#header-masthead {
	height: 370px; /*height of masthead*/
	background-image: none;
}
#indexbio {
	border-bottom: 1px solid #CCCCCC;  /*line below bio*/
}
#indexbio h2, #indexbio p {
	margin-bottom: 10px; /*space below header, paragraphs in bio area*/
}
#biopic { /*floats, pads, and borders the biopic*/
	margin: 1px 50px 1px 0;
	float: right;
	border: 0px solid #666666;
}
.bio { /*floats and adds width and margins to bio text area*/
	margin: 40px 20px 40px 40px;
	float: left;
	width: 610px;  /*remove this line if no biopic, chane 20px to 40px 2 lines up too!*/
	display: inline;
}
#indexbio:after { /* self-clear the float */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #indexbio { /* for IE 5,6 */
	height: 1%;
	padding-bottom: 34px;
} 
*:first-child+html #indexbio { /* for IE7 */
	min-height: 1px;
	padding-bottom: 34px;
} 







/* LINE 310 */

/* post and meta styles */
#container {
	clear: both;
}
body.single #container {
	margin-bottom: 40px;
}
#content {
	margin: 40px 40px 0 40px;
}
h2.entry-title {
	margin: 0 0 3px 0;
}
body.search h3.entry-title, body.archive h3.entry-title {
	margin: 15px 0 3px 0;
}
.jh-single h2.entry-title {
	margin-bottom: 20px;
}
div.entry-date {
	color: #666;
	font-size:11px; /*font-size of post date entry*/
	margin: 0 0 20px 0; /*margin below post date*/
}
#content p {
	margin: 0 0 18px 0;
}
div.entry-meta {
	margin: 0 0 25px 0;
	font-size: 10px;
	text-transform: lowercase;
	clear: both;
}
.meta-inner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
	border-bottom:1px dotted #CCCCCC; /*dotted border below posts*/
}
body.home .meta-inner {
	line-height: 2.5em;
}
div.entry-content img {
	margin: 10px 0 15px 0;
}
div.entry-content ul {
	list-style: disc;
	margin-bottom: 18px;
}
div.entry-content ol {
	list-style: decimal;
	margin-bottom: 18px;
}
div.entry-content li {
	margin-left: 40px;
	line-height: 1.6em;
}
strong {
	font-weight:700;
}
em {
	font-style: italic;
}
body.archive #content h2.page-title,
body.search #content h2.page-title {
	font-size: 140%;
}
.forstupid {  /*he he he he*/
	font-style: italic;
	color: #999;
	font-size: 90%;
}
body.archive div.entry-meta,
body.search div.entry-meta {
	padding-bottom: 30px;
	border-bottom: 1px dotted #B9B9B9;
}

/* LINE 389 */

/* style the ajaxed inline comments */
body.home #comments {
	max-height: 180px;  /*height beyond which inline comment box scrolls*/
	overflow: auto;
	margin: 20px 0 10px 0;
	padding: 0 8px;
}
* html body.home #comments {
	height: 180px;  /* because IE6 doesn't support max-height */
}
body.home li.comment {
	clear: both;
}
body.home #comments p {
	text-transform: none;
	line-height: 1.6em;
}
body.home .meta-inner div#comments {
	line-height: 1.6em;
}
body.home #comments li {
	padding-bottom: 5px;
	border-bottom: 1px dotted #b5b5b5;
	padding-top: 5px;
}
body.home .comment-author {
	font-weight: 700;
	line-height: 1.6em;
	float: left;
	display: inline;
}

body.home .commentform h2 {
	font-size: 18px;
	text-transform: none;
	margin-top: 15px;
}
body.home span.required {
	color: #FF0000;  /*makes the little asterisks RED*/
}

/* LINE 432 */



/* style non-ajaxed-wp commments on pages other than main page */
#comments-list {
	clear: both;
}
#comments h3 {
	margin: 0 0 15px 0;
	font-size: 19px;
	padding-top: 30px;
}

div#comments li.comment p {
	margin: 0;
	
}
div.comment-meta {
	font-size: 90%;
	color: #B9B9B9;
	padding-bottom: 30px;
	border-bottom: 1px dotted #B9B9B9;
}
body.single div.comment-meta {
	margin-bottom: 30px;
}






/* LINE 465 */



div#nav-below {
	margin: 10px 0 25px 0;
	padding: 8px 0;
}
body.single div#nav-below {
	padding: 8px 0 12px 0;
	border-bottom: 1px dotted #B9B9B9;
	border-top: 1px dotted #B9B9B9;
}



div.inner_sidebar {
	width: 290px;
	margin: 0 auto;
}

#footer {
	font-size: 9px;
	padding: 25px 0 20px 0;
	color: #B5B5B5;
	
}
#footer a:link {
	text-decoration: underline;
	color: #B5B5B5;
}
#footer a:visited {
	text-decoration: underline;
	color: #B5B5B5;
}
#footer a:hover {
	text-decoration: none;
	color: #666;
}



/* LINE 507 */

.error404 {
	margin-bottom: 40px;
}
body.search div.entry-content img,
body.category div.entry-content img,
body.archive div.entry-content img,
body.home div.entry-content img,
body.single div.entry-content img {
	padding: 15px 0;
	text-align: center;
}
body.search div.entry-content img.wp-smiley,
body.category div.entry-content img.wp-smiley,
body.archive div.entry-content img.wp-smiley,
body.home div.entry-content img.wp-smiley,
body.single div.entry-content img.wp-smiley {
	padding: 0;
	display: inline;
	margin: 0;
	border: none;
}
div.entry-content embed {
	margin: 20px 0;
}

* html #wrapper {overflow:hidden;} /*help IE6 not jack things up*/

/* whoops, fix the image alignment classes */
img.aligncenter {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
img.alignright {
	margin: 0 0 10px 20px !important;
	display: inline !important;
	float: right !important;
}
img.alignleft {
	margin: 0 20px 10px 0 !important;
	display: inline !important;
	float:left !important;
}

/* legacy sandbox rules -- please don't disturb them in their peaceful slumber */
div#access div.skip-link{display:none;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}
.entry-title{clear:both;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1.5em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}
div#footer{text-align:center;}

/*styles sidebar-footer links */
#sidebar_footer a:link {
text-decoration: none; /* no underlining default */
color: #E78B00; /* color of links not yet visited */
}
#sidebar_footer a:visited {
text-decoration: none; /* no underlining default */
color: #E78B00; /* color of links already visited */
}
#sidebar_footer a:hover {
text-decoration: underline; /* underlining as hover default */
color: #E78B00; /* color of links when being hovered over */
}

/* =========================
   BNT static fixes (V7)
   ========================= */

/* Mobile/touch: enlarge 'Contact Us' button image for readability
   Note: many legacy themes lack viewport meta, so (max-width) media queries won't trigger on phones.
   We use (hover:none) and (pointer:coarse) to target touch devices reliably.
*/
@media (hover: none) and (pointer: coarse){
  body.wordpress img[src$="/images/gallery/contact.gif"],
  body.wordpress img[src$="images/gallery/contact.gif"]{
    width: 512px !important;
    max-width: 90vw !important;
    height: auto !important;
    display: block !important;
    margin: 18px auto !important;
  }
}

/* Also enlarge on narrow windows (desktop resizing) */
@media (max-width: 700px){
  body.wordpress img[src$="/images/gallery/contact.gif"],
  body.wordpress img[src$="images/gallery/contact.gif"]{
    width: 512px !important;
    max-width: 90vw !important;
    height: auto !important;
    display: block !important;
    margin: 18px auto !important;
  }
}

}

/* All-posts index layout (used on /blog/page/2/) */
.bnt-post-index-item{
  display: flex;
  gap: 14px;
  margin: 18px 0;
  align-items: flex-start;
}
.bnt-post-index-meta .entry-title{
  margin: 0 0 6px 0;
}
@media (max-width: 700px){
  .bnt-post-index-item{ gap: 10px; }
}


/* BNT mobile contact button */
@media (max-width: 640px) {
  body.wordpress img[src$="/images/gallery/contact.gif"],
  body.wordpress img[src$="images/gallery/contact.gif"] {
    width: min(90vw, 512px) !important; /* ~4x old 128px */
    height: auto !important;
    display: block !important;
    margin: 18px auto !important;
  }
  body.wordpress a img[src$="/images/gallery/contact.gif"],
  body.wordpress a img[src$="images/gallery/contact.gif"] {
    width: min(90vw, 512px) !important;
    height: auto !important;
  }
}