/*

Theme Name: PhotoPressPro Platinum

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_platinum_settings">PhotoPressPro Platinum Control Panel</a>, and visit our <a href="http://photopresspro.com/support/">support page</a> for help.

Version: 1.1

Author: Luke Weese

Author URI: http://photopresspro.com/

*/

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

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

	All background images, colors, and fonts are configured in the
	PhotoPressPro Platinum 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:32px;
}
h2 { /* This is the main header on every page, and the title for the comment section. */
	font-size:18px; 
}
h3 { /* This is the post title on archive and category pages, and the subheader everywhere else. */
	font-size:16px; 
}
h4 { /* This is used wherever you post it.. */
	font-size:14px; 
}
h5 { /* This is used wherever you post it.. */
	font-size:12px; 
}
h6 { /* This is used wherever you post it.. */
	font-size:11px; 
}

#sidebar ul { /* The font settings for the header menu. */
	font-size: 13px;
}

/* Content text settings. */
#content {font-size: 14px;}
#content .timestamp a {font-weight:normal;}

/* Various element text. */
blockquote {font-size:11px;}
blockquote p {font-weight:bold;}
code{font-size:11px; }

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

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

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

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 */
#respond input#submit {color:#333; background-color:#fff;}
#respond input,#respond textarea {font:94%; border:1px solid #ccc;}
.commentbar { font-style:italic; }
.wp-comments ul { list-style:none; }

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

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

#sidebar #wp-calendar a {
	font-weight:bold;
}
#wp-calendar #next a {
	background: none;
}
#wp-calendar #prev a {
	background: none;
}

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


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

.post {
margin:0 0 8px;
}

/*
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 {
padding:0;
}

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

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

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

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

#content h1, h2, h3, h4, h5, h6 {
padding:12px 0 10px;
clear:both;
}

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

body {
line-height:16px; padding:0;
}

/* Content line heights. */
#content { line-height:18px;}

/* Footer line heights. */
#footer {line-height:18px; }

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

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


/* 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 {
padding:0 12px;
overflow:hidden; /* avoid a clearing div */
}

/* Custom Image Header div. */
#headerimg {
	margin: 0;
	height: 250px;
	width: 984px;
}
#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 18px 12px 0;
	height: 252px;
	width: 180px;	
}


/* Sidebar */

#sidebar {
width:984px;
}

/* Content */

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

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

#content #postnav {
/*padding:5px; margin:5px 0 18px;*/
overflow:hidden; /* Avoid a clearing div at the bottom of this. */
}

#content #postnav p {
margin:0;
padding:0 0 10px 0;
float:left;
}

#content #postnav p.right {
float:right;
}


/* Footer */

#footer {clear:both; margin:0 auto; text-align:center; font-size:9px; padding-top:8px;}

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


/* Comments */

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

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

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

#respond input,#respond textarea {padding:5px;}

#respond textarea#comment {width:680px;}

/* threaded comment replies */
.commentlist #respond textarea#comment {width:640px;}
.children #respond textarea#comment {width:500px;}

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

.wp-comments {width:710px; margin:0 auto; }

img.avatar {float:left; margin:0 10px 10px 0;}



/* Tags */

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

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

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

#content dl {margin:8px 8px 16px;}

#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;}

#flash_header {margin:0;}


/* 2.7 comment support */

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

.navigation {margin-left:5px; margin-right:5px;}

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

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

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


/* Rolling Menu Styles */

#sidebar {
	display: block;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -12px;
	z-index: 10;
	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: 10;
}

#sidebar li {
	min-height: 20px; /* 20 + padding-top 5 = 25 */
	position: relative;
	text-align: center;
	padding: 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: 12px;
}

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

#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:0 6px;
}
#sidebar ul div, #sidebar ul form#searchform {
	margin:0;
	min-width: 160px;
}
#sidebar ul form#searchform {
	min-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:14px;
}

#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 img, img.attachment-thumbnail {padding:2px;}
#content dl.gallery-item {margin-left:auto;margin-right:auto;}

/* Bottom styling */

.bottom p {margin:4px 0;}

.bottom {
	padding: 14px 20px 0;
}

#foot_left, #foot_center, #foot_right {
width:300px; float:left; margin-right:10px;} /*span-8*/
#foot_right {margin-right:0;} /*span-8 last*/
#foot_primary {overflow:hidden; padding-bottom:20px;} /* avoid a clearer div */

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

/*  We're 2.5-compatible! :shame: */
img.centered, img.aligncenter {
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:960px;}
.wp-caption-text {max-width:960px;}

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

.about li {
list-style:none;
}

#ppp_about {
padding:0 10px;
}

#content p.subtitle {
/*font-size:80%;*/

margin-top:-4px;
margin-bottom:16px;
}

#content p.subtitle {font-size: 12px;}