/*

Theme Name: PhotoPressPro

Theme URI: http://photopresspro.com/

Description: The premier WordPress blog theme for professional photographers. Customize your theme with the <a href="themes.php?page=ppp_settings">PhotoPressPro Control Panel</a>, and visit our <a href="http://photopresspro.com/support/">support page</a> for help.

Version: 1.3

Author: Luke Weese

Author URI: http://photopresspro.com/

*/

/* ************************************************************* 

	Customize your PhotoPressPro Theme through the Control Panel,
	located in the Themes sub-menu.

	All background images, colors, and fonts are configured in the
	PhotoPressPro Control Panel, and applied in header.php as inline CSS.
	
	In other words, any customizations you attempt in this file may
	not stick, and may cause weird rendering issues, especially with fonts.

	Visit http://photopresspro.com/support/ for help.

**************************************************************** */


/* CSSRESET v1.0 | 20080212 */

html, body, div, 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSSRESET v1.0 | 20080212 */



body {
font-size: 62.5%; /* Resets 1em to 10px */
}

/* Just a little resettin', not too much. */
*{margin:0; padding:0;}


/* **********
	Fonts
   ********** */

body {
}
h1, h2, h3 {
}
#footer, .bottom, .bottom li {
}

h1 { /* This is the top header for the Custom Image Header, but you must disable flashfader in header.php. */
	font-size:3.2em;
}
h2 { /* This is the main header on every page, and the title for the comment section. */
	font-weight:bold;
	font-size:1.8em; 
}
h3 { /* This is the post title on archive and category pages, and the subheader everywhere else. */
	font-weight:bold;
	font-size:1.6em; 
}
h4 { /* This is used wherever you post it.. */
	font-weight:bold;
	font-size:1.4em; 
}
h5 { /* This is used wherever you post it.. */
	font-weight:bold;
	font-size:1.2em; 
}
h6 { /* This is used wherever you post it.. */
	font-weight:bold;
}

#sidebar ul { /* The font settings for the header menu. */
	font-weight: bold;
	font-size: 1.2em;
}

/* Content text settings. */
#content {font-size: 1.2em;}
#content p {font-size: 1.2em;}
#content .timestamp {font-size:1.2em;}
#content .timestamp p {font-size:1em;}
#content .timestamp a {font-weight:normal;}

/* Various element text. */
blockquote {font-size:0.9em;}
blockquote p {font-weight:bold;}
/*#content ul,ol,dl {font-size:0.9em;}*/
code{font-size:1.1em; }

/* Footer text . */
#footer {
	font-size: 1.1em;
	font-weight: normal;
}
#footer a {font-weight:bold;}
#footer a:hover {text-decoration:underline;}
#footer span, #footer span a {font-weight:normal;}

/* Make the bio text a bit more readable than the footer's .9em*/
.bottom .right p {
	font-size:1.3em;
}

.bottom li  {
	font-style: normal;
}
.bottom li a span {font-weight: bold;}
/* Fix rogue titles for footer widgets. */
.bottom li .LargeMenu  {
	list-style:none;
}

/* Link decorations  */
a {font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
a[rel~="tag"] { text-decoration:none;} /* Special decoration for tag links in posts. */

.bottom .searchbox input{font:120%;/*"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif*/}

/* Hide the unsightly hr on the top of the inline comment form. */
.commentform hr { display: none;}

/* **********
	Colors
   ********** */


body {
	/* The main site background, behind the content pane.
	   Upload an image called "bg.gif" into the images directory for a tiled background. */
	background:#ccc url(images/bg.gif) top left repeat;

	/* The main text color. */
	color:#404040; 
}
#outer_wrap,#wrap {
	/* The content pane background. */
	background:#efefef; 
}

h1, h2, h3, h4, .bottom .LargeMenu { /* Headers */
	color:#4088b8; 
}
#slogan { /* Only if you disable flashfader and enable Custom Image Header in the Control Panel  */
	color:#808080;
}

/* Comments */
#commentsection input#submit {color:#333; background-color:#fff;}
#commentsection input,#commentsection textarea {font:94% ;
/*"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif*/
 border:1px solid #ccc;}
.commentbar { font-style:italic; }
ul.commentlist { list-style:none; }

code{background-color:#f4f4f4; color:#555; border:1px solid #ccc;}
blockquote {border:1px solid #dadada;}

/* Links */
a {color:#4088b8;}
a[rel~="tag"] { border-bottom:1px dotted #4088b8; } /* Special decoration for tag links in posts. */

/* Define the consecutive colors for our drop-down menu, known in WP as the sidebar. */
#sidebar {
	color: #FFFFFF;
}
#sidebar ul{
	background: #000000;
	background: #333333;
}
#sidebar ul ul {
	background: #000000;
	background: #333333;
}
#sidebar ul li {
	background: #000000;
	background: #333333;
}
#sidebar h2 {
	color: #FFFFFF;
}
#sidebar a {
	color: #FFFFFF;
}
#sidebar ul li:hover {
	background: #333333;
	background: #666666;
}
#sidebar ul li ul {
}
#sidebar ul li ul li {
	background: #333333;
	background: #666666;
}
#sidebar ul li ul li:hover {
	background: #666666;
	background: #999999;
}
#sidebar ul li ul ul li{
	background: #666666;
	background: #999999;
}
#sidebar ul li ul ul li:hover {
	background: #BBBBBB;
}
#sidebar #wp-calendar a {
	font-weight:bold;
	background: #000000;
}
#wp-calendar #next a {
	background: none;
}
#wp-calendar #prev a {
	background: none;
}

/* Edit the colors for the site footer.  */
#footer {color:#808080;}
#footer a {color:#555;}
.bottom {
	color: #555;
}

/* Edit the border and hover colors for the footer blocks. */
.bottom ul ul {
	border-top: 1px dashed #BCBAAC;
}
.bottom li li {
	border-bottom: 1px dashed #BCBAAC;
}
.bottom .LargeMenu  {
	border-bottom: none;
}

.bottom li {
}
.bottom li a:hover {
	color: #555;
}
.bottom li li:hover {
	background: #dadada;
}


/* **********
	Images
   ********** */

.post {margin:0 0 15px; padding:0 0 6px;}

/*
Letter-spacing, line-height and other boring stuff you probably don't want to mess with, but won't hurt much if you do.
*/

body {
line-height:1.3em;
padding:0;
}

h1 { /* This is the top header for the Custom Image Header, but you must disable flashfader in header.php. */
 line-height:.8em; letter-spacing:-2px; margin:10px 0 5px 25px; /* Change the position */
}

h1 a:hover {text-decoration:none;}
#slogan {font-size:1.5em; font-weight:bold; letter-spacing:-1px; line-height:1.2em; margin:15px 0 20px 35px;}

h2{ /* This is the main header on every page, and the title for the comment section. */
text-align:left;
letter-spacing:-1px; 
}

h3 { /* This is the post title on archive and category pages, and the subheader everywhere else. */
}

#content h1, h2, h3, h4, h5, h6 { /* This is the top header for the Custom Image Header, but you must disable flashfader in header.php. */
margin:10px 0 8px; padding:1px 2px 2px 8px;
}

#content h1, .contenttext h2, .contenttext h3, .contenttext h4, .contenttext h5, .contenttext h6 {
margin-left:0;
padding-left:0;
}

/* Content line heights. */
#content { line-height:1.5em;}

/* Footer line heights. */
#footer {line-height:1.6em; }

/* Make the bio text a bit more readable than the footer's 1.6em*/
.bottom .right {
line-height:1.8em; 
}

/* Image link decorations - a light border is sometimes nice. */
a img {border:0;}




/* ************************************************************* 

CAREFUL! Editing below this point may cause unexpected problems.

Edit ONLY if you know what you're doing! Please?

**************************************************************** */


body {
line-height:1.3em; padding:0;
}

/* Main wrap */
#outer_outer {margin:0 auto; 
width:998px;
}

/* Main wrap */
#outer_outer {background:transparent url(images/gradient.png) repeat-y scroll 0%;}
* html #outer_outer { background-image: none; } /* IE6 no like transparent png? no gradient for you! */

#outer_wrap {margin:0 auto; 
width:984px;
}

#wrap {margin:0 auto; 
width:958px;
}

/* Custom Image Header div.
   By default, this div is commented out in header.php. Uncomment it and comment out flash_header div to use Custom Image Header. */
#headerimg {
	margin: 0;
	height: 250px;
	width: 984px;
	background: #FFFFFF url(images/ppp_header.jpg) no-repeat bottom center;
}
#headerimg h1 {
	margin: 0 auto;
}


#biopic {
	display:block;
	float:left; /* float:right if you want, but you may have to adjust the margin. */
	margin: 0 12px 2px 4px;
	height: 252px;
	width: 180px;	
	background: #FFFFFF;
}


/* Sidebar */

#sidebar {
width:984px;
}

/* Content */

#content {
float:right; 
text-align:left;
margin:36px 0 10px; 
width:958px;
}

.contenttext {
margin:0 auto; 
width:936px;
}

#content p {margin:0 0 15px 0;}

#content .timestamp {margin:0 0 15px 11px;}

#content #postnav {padding:5px; margin:5px 0 18px;}

#content #postnav p {margin:0; padding-left:5px;}

#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}


/* Footer */

#footer {clear:both; margin:0 auto; padding:8px 0; text-align:right; text-align:center}

#footer p {margin:0; padding:0;}


/* Comments */

#content div.comment {margin-bottom:15px;}

#content div.comment p {margin:0 0 4px 10px;}

#commentsection p {margin:0 0 8px 10px;}

#commentsection input,#commentsection textarea {padding:5px; width:330px;}

#commentsection textarea#comment {width:700px;}

#commentsection input#submit {width:75px;}



/* Tags */

blockquote {margin:20px 10px; padding:8px;}

blockquote p {padding:2px 0; margin:0;}

#content ul,#content ol,#content dl {margin:2px 0 16px 35px;}

#content ul li,#content ol li {margin:0 0 3px;}

#content ul ul,#content ol ol {margin:4px 0 4px 35px;}

code{margin:5px 0 15px 0; padding:5px 5px 5px 7px;}

#flash_header {
margin:0;
}


/* 2.7 comment support */

#content ul.commentlist {margin:0;}

#content ul.commentlist {padding-left:10px;}

#content ul.commentlist p {margin:0;padding:2px 0;}

#content ul.commentlist li.comment {margin:10px 0 5px;}


/* Rolling Menu Styles */

#sidebar {
	display: block;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -13px;
	z-index: 5;
	position: absolute;
	/* this will be overridden by flashfader or custom image header settings in header.php */
	top:0px;
}

#sidebar ul {
	min-height: 24px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 1000;
}

#sidebar li {
/*	display: inline;*/
	/* You can "float: left" if you want, but you may have to adjust margin and padding. */
	/* Option now handled in PPP Control Panel. */
/*	float: right;*/
	min-height: 20px; /* 20 + padding-top 5 = 25 */
	position: relative;
	text-align: center;
	padding: 4px 18px 0 18px;
	margin: 0px 0px 0px 0px;
	min-width: 6px;
}

#sidebar li.menu_separator {
	padding-left:0; 
	padding-right:0; 
	margin-left:0; 
	margin-right:0;
}

#sidebar li.menu_separator img {
}

#sidebar h2 {
	padding: 0px;
	margin: 0px;
	font-size: 1em;
}

#sidebar li ul {
	width: 160px;
	height: auto;
	top: 100%;
	left: 0px;
	font-weight: normal;
	font-size: 1em;
}

#sidebar li.LargeMenu ul {
	width: 200px;
	height: auto;
	top: 100%;
	left: 0px;
}


#sidebar li ul li {
	text-align: left;
	width: 118px;	
	height: auto;
	min-height: auto;
	display: block;
}

#sidebar li.LargeMenu ul li {
	text-align: left;
	width: 198px;	
	height: auto;
	min-height: auto;
	display: block;
	min-height: 20px;
}

/* Make li's out of div's and form's */
#sidebar ul div {
	padding:6px;
}
#sidebar ul div, #sidebar ul form#searchform {
	margin:0;
	width: 198px;	
}


#sidebar a {
	text-decoration: none;
}

#sidebar li li ul {
	top: 0;
    left: 0;
}
/* Make li's out of div's and form's */
#sidebar ul div, #sidebar ul form#searchform {
	top: 100%;
    left: 0;
}

#sidebar li li:hover ul {
	left: 152px;
}
/* Make li's out of div's and form's */
#sidebar li li:hover ul div, #sidebar li li:hover ul form#searchform {
	left: 152px;
}

/* initialy hide all sub sidemenus */
#sidebar ul ul,
#sidebar ul li:hover ul ul,
#sidebar ul ul li:hover ul ul,
#sidebar ul ul ul li:hover ul ul,
#sidebar ul ul ul ul li:hover ul ul {
	position: absolute;
	display:none;
}

/* display them on hover */
#sidebar li:hover ul,
#sidebar ul li:hover ul,
#sidebar ul ul li:hover ul,
#sidebar ul ul ul li:hover ul,
#sidebar ul ul ul ul li:hover ul,
#sidebar ul ul ul ul ul li:hover ul {
 	 display: block;
}


/* Do the same with divs and forms to handle all WP widgets */
/* initialy hide all sub sidemenus */
#sidebar ul div,
#sidebar ul form#searchform,
#sidebar ul li:hover div,
#sidebar ul li:hover form#searchform,
#sidebar ul ul li:hover div,
#sidebar ul ul li:hover form#searchform,
#sidebar ul ul ul li:hover div,
#sidebar ul ul ul li:hover form#searchform,
#sidebar ul ul ul ul li:hover div,
#sidebar ul ul ul ul li:hover form#searchform {
	position: absolute;
	display:none;
}

/* display them on hover */
#sidebar li:hover div,
#sidebar li:hover form#searchform,
#sidebar ul li:hover div,
#sidebar ul li:hover form#searchform,
#sidebar ul ul li:hover div,
#sidebar ul ul li:hover form#searchform,
#sidebar ul ul ul li:hover div,
#sidebar ul ul ul li:hover form#searchform,
#sidebar ul ul ul ul li:hover div,
#sidebar ul ul ul ul li:hover form#searchform,
#sidebar ul ul ul ul ul li:hover div,
#sidebar ul ul ul ul ul li:hover form#searchform {
 	 display: block;
}



/* Transparency effects for the cool browsers on the block. */
#sidebar ul{
	-moz-opacity:0.88; /* for mozilla */
	opacity: 0.88; /* for safari */
	khtml-opacity: 0.88 /* for konquerer and older safari */
}
#feeds li {
	background: url(images/feed.png) top left no-repeat;
	padding-left: 18px;
}

/* Pretty up the calendar widget. */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	margin: 8px auto 0;
	font-size:1.4em;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

/* End Menu (sidebar) */

/* Float fix */


.contenttext {overflow:hidden;}

* html .contenttext {height:1px; overflow:visible;}

* html .contenttext p {overflow:hidden; width:99%;}


.timestamp {clear:both;}

/* Dropdown searchform & searchbox. */

/* Searchform */

.bottom #searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}
.bottom #searchform #s {
	width: 115px;
	padding: 2px;
	border:none;
	}
	
.bottom #searchsubmit {
	padding: 1px;
	}

.bottom .searchbox {}

.bottom .searchbox label {display:none;}

.bottom .searchbox input {}


/* Searchbox  for the footer */

.bottom #searchform {
	margin: 4px 0;
	}
.bottom #searchform #s {border: 1px solid #BCBAAC;}

/* Searchbox */
.bottom .searchbox input{}
.bottom .searchbox input#submit {width:36px;}

/* Various classes */

.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}

.textright {text-align:right;}

.textcenter {text-align:center;}

.hide {display:none;}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

/****************Image Gallery *********************/
.imgleft {float:left;}
.imgright {float:right;}
.gallery {text-align:center; }
.gallery .gallery-icon {margin-bottom:15px;}
.gallery .gallery-icon {float:left;}
.gallery .gallery-icon {width:33%;}
.gallery img, img.attachment-thumbnail {padding:2px;}

/* Bottom styling */

.bottom p {margin:4px 0;}

.bottom {
	padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}
.left {float: left;}
.right {float: right;}

/* left footer sub-section */
.bottom .left_left,.bottom .left_right {width: 49%;}
.left_left {float: left;}
.left_right {float: right;}

/* block list */
.bottom ul ul {
	margin: 4px 0 -5px;
	padding: 0;
	width: 100%;
}
.bottom li {
	list-style: none;
	padding-top:5px;
}
.bottom li li {
	list-style: none;
	padding: 4px 3%;
}
.bottom li a {
	text-decoration: none;
}

/* Various fixes */
#sidebar ul.MenuLeft {display:inline; float:left;}
#sidebar li.head_left {display:inline; float:left;}
.head_search {display:inline;}
.head_search input {margin:0 0; padding:0 0; border:none; height:14px; font-size:90%;}
#sidebar form.head_search span { float:left; padding-right:4px; }
#sidebar .rsswidget img {display:none;}
img.avatar {float:right;}

/*  We're 2.5-compatible! :shame: */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 4px 14px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 24px 4px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
text-align:center;
}
/* Fix for captioned images. WP hard-codes a width according to the given size. Smack it down. */
.wp-caption {max-width:936px;}
.wp-caption-text {max-width:936px;}

.wp-smiley { display:inline !important; border:none !important; }