/*

THEME NAME: ProPhoto MODIFIED

DESCRIPTION: A theme for professional photographers. Modified by Steve Pollak  Display gorgeous 900px wide images, a pro bio area, and a custom masthead.  

VERSION: 1.2

*/

@import url("reset.css");

/*  ----------------------  */

/*  ----------------------  */

/*  ----BEGIN EDITING-----  */

/*  -------BELOW----------  */

/*  ----------------------  */



/* LINE 25 */



/* general styles for all blog */

body {
background-image: url(images/body-bg.jpg); 
background-color: #ffffff;   
font-family: Georgia, Times, serif;
font-size: 11px;	/* paragraph font-size */
color: #000;   /* paragraph text-color blogwide */
line-height: 1.5em;  /* spacing between lines in paragraphs */
margin-top:50px;
}

ul { list-style: none inside; }



/*styles all links, blogwide */

a:link {

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

color: #42322b;		/* color of links not yet visited */

}

a:visited {
text-decoration: none;     /* no underlining default */
color: #42322b;		/* color of links already visited */
}

a:hover {
text-decoration: underline;     /* underlining as hover default */
color: #42322b;    /* color of links when being hovered over */
}


/* TOOLBOX */
.floatleft{ float:left;	margin-right: 8px;}
.floatright { float:right; margin-left:8px;}
.clear { clear:both; }
/* END TOOLBOX */

/* Nav links */

			ul.menu li.nav-home a{ 
				width: 92px;
				}
			ul.menu li.categories a{ 
				width: 143px;
				
				}
			ul.menu li.nav-portfolio a{ 
				width: 133px;
				}
			ul.menu li.nav-information a{ 
				width: 160px;
				}

			ul.menu li.nav-store a{ 
				width: 84px;
				}

			ul.menu li.nav-contact a{ 
				width: 117px;
				}

/******STYLES FOR DROPDOWN MENUS**********/
ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; height:25px;}
ul.menu li {position:relative; float:left; margin-right:1px;}
ul.menu ul {position:absolute; top:53px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border-top:none; margin:0px;}

ul.menu ul li a {display:block; padding:6px 6px 0px 6px; background:url(images/body-bg.jpg) repeat-x;border-bottom:1px dotted #99cccc;font:Georgia, "Times New Roman", Times, serif; font-size:10px;z-index:10;}
ul.menu ul li a:hover {z-index:10;}
ul.menu ul ul {left:148px;}
ul.menu .menulink {min-height:57px;text-indent:-9999px;}
ul.menu .menulink:hover, ul.menu .menuhover {}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;}
ul.menu .topline {border-top:1px dotted #99cccc;}


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

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

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

padding-top: 3px;	/* spacing above post titles */

text-decoration: none;	/* underline off, change to "underline" */

text-transform:uppercase;

letter-spacing:3px;

}


h4 {
font-weight:bold;

}

.entry-title, #indexbio h2, {

	font-family:Georgia, Times, serif;

}

/* BLOG HEADLINE AND DATE STYLES */
#titleinfo{
   float:left;
   width:100%;
   background:#fff;
   overflow:hidden;
   position:relative;
}


#titlewrapper{
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

.column {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#center {
}

#left {
	width: 90px;          /* LC width */
}

#right {
  width: 91px;          /* RC width */
}

/* END OF HEADLINE AND DATE STYLES */





/* edit these to change background color and/or 

padding of "sidebar" area at bottom of page */

div#sidebar_footer {
background-color: #84aac3;   /* bg color of footer-sidebar area */
padding: 20px 0 10px 0;	   /* top, right, bottom, left padding */
color:#000;
}



/* LINE 115 */



/* the color of commenters on main page, and bg of comment area */

body.home .comment-author {

color: #42322b;  /* color of name of person commenting on mainpage */

}

body.home #comments {

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

}



#comments h3 {

	color: #42322b;  /*color of lower headlines in single post pages*/

}



/*  ----------------------  */

/*  ----------------------  */

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

/*  --------HERE----------  */

/*  ----------------------  */

/*  ----------------------  */











/* LINE 140 */





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



#wrapper {

	width: 983px;  /*width of blog - change only if advanced user*/ 
	margin: 0 auto;
	background-color: #FFFFFF;	/*background color of body of blog*/ 
	background:url(images/content-bgNEW.jpg) repeat-y;
}

#inner-wrap {
	width: 901px;  /*width of blog - change only if advanced user*/ 
	margin: 0px auto;
	background-color: #FFFFFF;	/*background color of body of blog*/ 
}

#header {
	background:url(images/header-bgNEW.jpg) no-repeat;
	height: 541px; 
	padding-bottom:10px; 
}

#header-masthead {
	width: 953px;
	margin: 0px auto;
	position:relative;
	height: 240px; /*height of masthead*/
}

.rotating-img{
width: 953px;
margin-top:210px
}

/*  
#header-masthead {
	position:absolute;
	left:50%;
	margin-left:-478px;
	top:260px;
	height: 240px; 
}
*/


#nav-above {
	display: none;
}


#topnav {
width: 953px;
margin: 0px auto;
position:relative;
top:-89px;
height: 25px;
}

#topnav-list {
float:left;
background-image: url(images/body-bg.jpg);
}

#topnav-list li {
	float: left; 
}

#search {
float:right;
padding:0px;
margin:0px;
position:relative; /*important*/
right:29px;
width:187px; /*follow your image's size*/
height:55px;/*follow your image's size*/
}

#search form { display:inline ; }


.searchbox { 
background-color:transparent; /*important*/
border:0px;
position:absolute; /*important*/
top:19px;
right:56px;
width:103px;
height:12px;
font-size:10px;
}

.searchbutton{
border:0px;
background-color:transparent; /*important*/
position:absolute; /*important*/
top:11px;
left:139px;
width:71px;
height:30px;
}

.searchbutton:link{
}

.searchbutton:visited{
}

.searchbutton:hover{

}

.searchbuttonActive{
border:0px;
background-color:transparent; /*important*/
position:absolute; /*important*/
top:11px;
left:139px;
width:71px;
height:30px;
background-image:url(images/search-hover.png);
}


#bio {
	background:url(images/bio-bgNEW.jpg) no-repeat;
	height: 404px;
}

#welcome-message {
float:left;
width: 550px;
margin: 0px 0px 0px 45px;
padding:0px;
}

.welcome-image {
margin: -36px 20px 0px -20px;
float:left;
}

.Christine-sig {
float:right;
margin:-20px 150px 0px 0px;
}

#welcome-message p {
	font-family:"Century Gothic",Helvetica,Arial,sans-serif;
line-height: 2.5em;
letter-spacing:1px;
margin-bottom:1.5em;
text-align:justify;
}

#social-wrapper {
float:right;
padding:0px;
margin:0px;
position:relative; /*important*/
top:98px;
margin-right:39px;
width:267px; /*follow your image's size*/
height:210px;/*follow your image's size*/

}

#social-wrapper form { display:inline ; }

.emailbox { 
background-color:transparent; /*important*/
border:0px;
position:absolute; /*important*/
top:11px;
left:58px;
width:155px;
height:12px;
font-size:10px;
}

.emailbutton {
border: 0px;
background-color:transparent; /*important*/
position:absolute; /*important*/
top:32px;
left:57px;
width:152px;
height:34px;
}

.emailbutton:hover {

}

.emailbuttonActive {
border: 0px;
background-color:transparent; /*important*/
position:absolute; /*important*/
top:32px;
left:57px;
width:152px;
height:34px;
background-image:url(images/emailbutton-hover.png);
}


.facebookbutton{
border: 0px;
background-color:transparent; /*important*/
position:absolute; /*important*/
top:98px;
left:8px;
width:253px;
height:107px;
}

.facebookbutton:hover{
background-image:url(images/facebook-on.png);
}

/* LINE 190 */



/* style top navigation links + son of suckerfish dropdown menus */

#nav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

}

#nav li.sfhover {

	display: block;

}



/* -----------  end styling of top nav and son of suckerfish dropdowns, phew... ---------- */



#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 0px 40px 50px;

	float: left;

	border: 1px solid #666666;

}

.bio { /*floats and adds width and margins to bio text area*/

	margin: 40px 50px 40px 10px;

	float: right;

	width: 620px;  /*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 10px 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 {

	font-size:10px; /*font-size of post date entry*/

	margin: 0 0 20px 0; /*margin below post date*/

	text-transform:uppercase;
	letter-spacing:2px;

}

#content p {

	margin: 0 0 18px 0;

}

div.entry-meta {

	margin: 0 0 25px 0;

	font-size: 10px;
	
	letter-spacing:1.3px;
	
	text-transform: uppercase;
	
	font-weight:bold;

	clear: both;

}

div.entry-meta a {
text-decoration:underline;
}

.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 p {
/* color:#5B3E1D; */
font-family:"Century Gothic",Helvetica,Arial,sans-serif;
font-size:13px;
line-height:1.5em;
margin-bottom:13px;
}


div.entry-content img {
	margin: 10px 0 15px 0;
}

div.entry-content ul {
	list-style: disc;
	margin-bottom: 18px;
	font-size:1.2em;
}

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%;

}

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;

}

.comment-author {
	font-size: 15px;
	margin-bottom:12px;
}

div#comments li.comment p {
	font-size: 15px;
	margin: 0px 0px 12px 0px;
	line-height:28px;

}

div.comment-meta {

	font-size: 13px;

	color: #B9B9B9;

	padding-bottom: 30px;

	border-bottom: 1px dotted #B9B9B9;

}

body.single div.comment-meta {

	margin-bottom: 30px;

}













/* LINE 465 */


div.nav-previous a, div.nav-next a{
text-transform:none;
text-decoration:none;
font-size:1.1em;
}

div.nav-previous a:hover, div.nav-next a:hover{
text-transform:none;
text-decoration:underline;
font-size:1.1em;
}



div#nav-below {
text-transform:none;
text-decoration:none;
margin: 10px 0 0px 0;
padding: 0px 0;
position:relative;
}

.nav-wrapper {
position:absolute;
left:45%;
text-align:center;
margin:0 auto;
font-size: 14px;
line-height: 25px;
}


.nav-wrapper a:hover div.nav-previous, .nav-wrapper a:hover div.nav-next { text-decoration: underline; }

.meta-nav a{
text-transform:none;
text-decoration:none;
font-size:1.2em;
}

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;
	min-height:99px;
	background:url(images/footer-bgNEW.jpg) no-repeat;
	letter-spacing:1.3px;
	text-transform: uppercase;
	font-weight:bold;
}

#footer a:link {

	text-decoration: underline;

	color: #B5B5B5;

}

#footer a:visited {

	text-decoration: underline;

	color: #B5B5B5;

}

#footer a:hover {

	text-decoration: none;

	color: #666;

}


#footer-text {
position:relative;
top:75px;
padding-bottom:20px;
}




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


.entry-title{clear:both;}

div#nav-above{width:100%;height:1em;}

div#nav-above{margin-bottom:1em;}

.alignleft, .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;}


/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
        margin-bottom:20px;
	width:720px;
	clear:both; 
	display: block !important;
        margin-left:100px;
}


/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:150px;
border:2px solid #000;	
margin:0px 20px 20px 0px; 
	width:216px;
	text-align:center;
}

div.entry-content img.portfolio-thumb {
	margin: 0px;
        padding: 0px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-left:-2px;
	width:220px;
	text-align:center;
	cursor:pointer;
	background-color:#fff;
        border-top:2px solid #000;
	color:#000;
        padding:0px 0px 5px 0px;
}

.ngg-album-compact h4 a:link{
	color:#000;
}

.ngg-album-compact h4 a:hover{
	color:#000;
}

.ngg-album-compact h4 a:visited{
	color:#000;
}



.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}


.centeredtable {
        margin:0 auto;
}




/*** Drawer styles ***/

	.drawer_content h3.widgettitle {
	color:#ffffff;
}

	
	
	.tab {
		font-family:Arial, Helvetica, sans-serif;
		font-size:;
		background:#e5b223;
		position:absolute;
		right:-24px;
		width:24px;
		text-align:center;
		color:#ffffff;
		padding:9px 0;
		opacity:0.85;
		-moz-border-radius-topright:10px;
		-moz-border-radius-bottomright:10px;
		-webkit-border-top-right-radius:10px;
		-webkit-border-bottom-right-radius:10px;	
	}
		.tab span {
			display:block;
			height:12px;
			padding:1px 0;
			line-height:12px;
			text-transform:uppercase;
			font-size:12px;
		}
	.drawer {
		padding:0;
		z-index:5000;
		position:fixed;
		top:0px;
	}
	.drawer_content {
		opacity:0.85;
		padding:20px;
		background:#e5b223;
		overflow:hidden;
	}
	.drawer li.widget {
		margin-bottom:35px;
	}
	/* drawer-specific settings */
			#tab_1 {
			top:20px;
			
			
		}
		#drawer_1 {
			left:-340px;
		}
		#drawer_content_1 {
			width:300px;
			
		}
		#drawer_content_1 .widgettitle {
			
		}
		#drawer_content_1, #drawer_content_1 p {
			
		}
		#drawer_content_1 a,
		#drawer_content_1 a:link,
		#drawer_content_1 a:hover,
		#drawer_content_1 a:visited {
			
		}
		* html #drawer_1 {
			position: absolute; 
			top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); 
			left:-340px;
		}
			#tab_2 {
			top:155px;
			
			
		}
		#drawer_2 {
			left:-210px;
		}
		#drawer_content_2 {
			width:170px;
			
		}
		#drawer_content_2 .widgettitle {
			
		}
		#drawer_content_2, #drawer_content_2 p {
			
		}
		#drawer_content_2 a,
		#drawer_content_2 a:link,
		#drawer_content_2 a:hover,
		#drawer_content_2 a:visited {
			
		}
		* html #drawer_2 {
			position: absolute; 
			top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); 
			left:-210px;
		}
		
		
		/* sliding twitter widget */
		.p3-twitter-slider .controls {
			float:left;
			display:inline;
			padding-top:1px;
			padding-right:8px;
			width:15px;
		}
		.p3-twitter-slider .controls a {
			display:none;
			margin-bottom:4px;
			cursor:pointer;
			width:15px;
			height:15px;
			overflow:hidden;
			text-indent:-999em;
		}
		.p3-twitter-slider .controls .next {
			background-image:url(http://prophoto.s3.amazonaws.com/img/sliding-twitter-btn-next.png);
		}
		.p3-twitter-slider .controls .prev {
			background-image:url(http://prophoto.s3.amazonaws.com/img/sliding-twitter-btn-prev.png);
		}
		.p3-twitter-slider .controls .disabled {
			background-position: 0 -15px;
			cursor:default;
		}
		.p3-twitter-slider .viewer {
			float:left;
			display:inline;
			overflow:hidden;
			position:relative;	
		}
		.p3-twitter-slider {
			position:relative;
		}
		.has-img .badge-inner {
			position:absolute;
		}
		.p3-twitter-slider ul {
			position:absolute;
			top:0px;
			left:0px;
		}
		.p3-twitter-slider li {
			line-height:1.1em;
			overflow:hidden;
			margin-bottom:5px !important;
			#margin-bottom:4px !important;
			margin-left:0 !important;
		}
		.p3-twitter-slider .follow-me, 
		.p3-twitter-slider .follow-me a {
			font-size:10px;
			font-style:italic;
			margin-top:.5em;
			text-align:right;
		}
		.p3-twitter-slider .follow-me {
			margin:0;
			padding:0;
		}
		.twitter-time {
			white-space:nowrap;
		}
		.p3-twitter-slider a {
			font-size:inherit !important;
			font-family:inherit !important;
		}
h3.widgettitle {
	line-height:1em;
	margin-bottom:0.35em;
}
.twitter-interactive-badge {
	height:350px;
}
.js-info {
	display:none;
}
.twitter-follow-link {
	margin-top:4px;
}
.twitter-follow-link a {
	font-size:10px;
	text-decoration:none;
	line-height:1em;
}
div.p3-fanbox-follow {
	font-size:9px !important;
	margin-top:-6px !important;
	padding-left:0 !important;
}
.p3-twitter-html p {
	font-size:.8em;
	text-align:right;
	font-style:italic;
}
.p3-twitter-html p a {
	font-style:italic;
}
.p3-twitter-html li {
	font-size:.9em;
	line-height:1.2em;
	margin-bottom:.75em;
	margin-left:0 !important;
}
.twitter-interactive-badge-wrap {
	width:290px;
	height:350px;
}
.twitter-simple-badge-wrap {
	width:176px;
	min-height:176px;
}
.twitter-simple-badge-wrap a {
	font-size:10px;
	text-align:center;
	display:block;
	line-height:1em;
	margin-top:3px;
}