/*



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: 05-14-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: #000000;   /* grey default background color */
	font-family:  Times New Roman, Times, serif; /* font-face blogwide */
	font-size: 16px;	/* 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 {
	xdisplay: 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: #d50418;		/* color of links not yet visited */
}
a:visited {
	text-decoration: none;     /* no underlining default */
	color: #000000;		/* color of links already visited */
}
a:hover {
	text-decoration: underline;     /* underlining as hover default */
	color: #000000;    /* 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: #d50418;		/* 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: #000000;    /* color of links when being hovered over */
}
#ppt_topnav li a {
	font-size: 14px;
	color: #000000; /* font size of top links */
}
#ppt_topnav li a:visited {
	font-size: 14px;
	color: #d50418; /* font size of top links */
}
#ppt_topnav li a:hover {
	font-size: 14px;
	color: #000000; /* font size of top links */
}
#ppt_topnav li a:active {
	font-size: 14px;
	color: #000000; /* font size of top links */
}
/* LINE 85 */







/* edit these to affect the headers of the "bio" area */



#indexbio h2 {
	color: #d50418;  /* 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: #d50418;   /* 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" */
}
.subnavtitle {
	color: #d50418;   /* 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: #F0F0F0;   /* 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: #d50418;  /* color of name of person commenting on mainpage */
}
body.home #comments {
	background-color: #E3E3E3;  /* 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: 108px;  /*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: 108px;  /*height of logo*/
	width: 397px;   /* 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: 70px 20px 0 0;  /*padding to top and right of top links*/
}
#ppt_topnav li {
	margin-right: 20px; /* 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 {
	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 {
	border:#000000;
	height: 250px; /*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: 40px 50px 40px 0;
	float: right;
	border: 1px 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: 30px 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*/
/* 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;
}
#headerb {
	border:#000000;
}
.fader {
	height:  250px;
	width:   980px;
	overflow: hidden;
	padding: 0;
	margin:  0;
}
.fader img {
	top: 0;
	left: 0;
	height:  250px;
	width:   980px;
}