/*

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.jpg); /* default is invisible GIF */

background-color: #ffffff;   /* grey default background color */

font-family: Garamond, Palatino, serif; /* font-face blogwide */

font-size: 13px;	/* paragraph font-size */

color: #3D3D3D;   /* 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: 0px;     /*  change height of top bar */

background-color: #ffffff;  /* change  color of top bar area */

}





/* LINE 48 */



/*styles all links, blogwide */

a:link {

text-decoration: none;   /* no underlining default */

color: #BC3728;		/* color of links not yet visited */

}

a:visited {

text-decoration: none;     /* no underlining default */

color: #BC3728;		/* color of links already visited */

}

a:hover {

text-decoration: none;     /* underlining as hover default */

color: #BC3728;    /* color of links when being hovered over */

}

/*added by altmix */

a.biglink:link {

text-decoration: none;   /* no underlining default */

color: #849512;		/* color of links not yet visited */

font-size: 20px;	/* font size of big links */

}

a.biglink:visited {

text-decoration: none;     /* no underlining default */

color: #849512;		/* color of links already visited */

font-size: 20px;	/* font size of big links */

}

a.biglink:hover {

text-decoration: underline;     /* underlining as hover default */

color: #849512;    /* color of links when being hovered over */

font-size: 20px;	/* font size of big links */

}



/* 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: #787878;		/* color of links not yet visited */

}

#ppt_topnav a:visited {

text-decoration: none;     /* no underlining as default */

color: #787878;		/* color of links already visited */

}

#ppt_topnav a:hover {

text-decoration: none;     /* underlining as hover default */

color: #BC3728;    /* color of links when being hovered over */

}

#ppt_topnav li a {

font-size: 13px;   /* font size of top links */

}





/* LINE 85 */



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

#indexbio h2 {

color: #606060;  /* color of header */

font-size: 18px;  /* font size for header in bio area */

}

/* edit these to affect the personal gallery header */

#indexpersonal h2 {

color: #606060;  /* 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: #BC3728;   /* color of post titles */

font-size: 23px;	/* font size of post titles */

margin-bottom: 3px;	/* spacing below post titles */

text-decoration: none;	/* underline on, 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: #ededed;   /* bg color of footer-sidebar area */

padding: 10px 0 0px 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: #606060;  /* color of name of person commenting on mainpage */

font-size: 12px;

}

body.home #comments {

background-color: #E7F7EF;  /* bg color of mainpage commment area */

font-size: 12px;

}



#comments h3 {

	color: #606060;  /*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 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: #ededed; /*bg color of drow down menus*/

	width: 100px;

	left: -999em; 

}

#ppt_topnav li ul a {

	width: 84px;

	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: 250px; /*height of masthead*/

	background-image: none;

}

#indexbio {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	background-image: url(images/post-divider.jpg); /*dotted border below bio*/

	background-repeat: no-repeat;

	background-position: bottom;  /*line below bio*/

}

#indexbio h2, #indexbio p {

	margin-bottom: 10px; /*space below header, paragraphs in bio area*/

}

#indexpersonal h2, #indexpersonal p {

	margin-bottom: 3px; /*space below header, paragraphs in personal pages 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: 20px 40px 20px 40px;

float: left;

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: 15px;

} 

*:first-child+html #indexbio { /* for IE7 */

	min-height: 1px;

	padding-bottom: 15px;

} 















/* LINE 310 */



/* post and meta styles */

#container {

	clear: both;

}

body.single #container {

	margin-bottom: 40px;

}

#content {

	margin: 10px 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: 11px;

	text-transform: lowercase;

	clear: both;

}

.meta-inner {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 25px 0px;

	background-image: url(images/post-divider.jpg); /*dotted border below posts*/

	background-repeat: no-repeat;

	background-position: bottom;


}

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;

	background-image: url(images/post-divider.jpg); /*dotted border below archive search posts*/
	
	background-repeat: no-repeat;

	background-position: bottom;

}

#contentLeft {
        background-color: #ffffff;
	float: left;
        padding: 0px;
        margin: 20px 0px 0px 0;
	width: 370px;
}
#contentRight {
        background-color: #ffffff;
	float: right;
	width: 450px;
	padding: 0px;
}

/* 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: 0px;

	border-bottom: 1px dotted #b5b5b5;

	padding-top: 5px;

}

body.home .comment-author {

	font-weight: 100;

	line-height: 1.6em;

	float: left;

	display: inline;

}



body.home .commentform h2 {

	font-size: 18px;

	text-transform: none;

	margin-top: 0px;

}

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: 10px;

}



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: 13px;

	padding: 15px 0 15px 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: 0px 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;

}

p.clear { 
       clear: both;
       
}


/* 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;}