/*
Theme Name: WP ProPhoto
Theme URI: http://themeforest.net/user/contempoinc?ref=contempoinc
Description: The Professional Photographers Portfolio.
Version: 1.0
Author: Chris Robinson
Author URI: http://www.contempographicdesign.com
Tags: dark, premium, fixed width, two columns, photo, portfolio

*/

/** CSS - WP ProPhoto
==============================================================================*/

* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	list-style: none;
	}

/** Body
==============================================================================*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #878787;
background-color: #171717;
margin: 0 auto;
}

/** Misc
==============================================================================*/

.clear {
clear: both;
}

.right {
float: right;
}

.left {
float: left;
}

/** Lists
==============================================================================*/

#page ul, #page ol {
list-style-type: disc;
padding: 30px;
}

#page ul li {
list-style-type: disc;
}

#page ol li {
list-style-type: decimal;
}

/** Images
==============================================================================*/

img.photo, .video {
float: left;
margin: 0 15px 15px 0;
border: 1px solid #000000;
padding: 5px;
background-color: #efefef;
}

a img {
border: none;
display: block;
}

#page img {
margin: 0 15px 15px 0;
border: 1px solid #000000;
padding: 5px;
background-color: #efefef;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
margin: 0 0 15px 15px;
display: inline;
}

img.alignleft {
margin: 0 15px 15px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

/** Headings
==============================================================================*/

h1 {
font-size: 32px;
line-height: 36px;
color: #76969c;
margin: 0 0 30px 0;
padding: 0 0 15px 0;
font-weight: normal;
background: url(images/divider_dk.jpg) repeat-x bottom;
}

h2 {
font-size: 24px;
line-height: 28px;
color: #76969c;
margin: 0 0 8px 0;
padding: 0 0 6px 0;
font-weight: normal;
text-transform: uppercase;
background: url(images/divider_dk.jpg) repeat-x bottom;
}

h3 {
font-size: 20px;
line-height: 24px;
color: #de0101;
margin: 0 0 16px 0;
padding: 0 0 6px 0;
font-weight: normal;
text-transform: uppercase;
background: url(images/divider_dk.jpg) repeat-x bottom;
}

h4 {
font-size: 16px;
line-height: 20px;
color: #878779;
margin: 0 0 16px 0;
padding: 0 0 6px 0;
font-weight: normal;
text-transform: uppercase;
background: url(images/divider_dk.jpg) repeat-x bottom;
}

/** Paragraphs
==============================================================================*/

p {
margin: 0 0 20px 0;
}

/** Links
==============================================================================*/

a:link {
color: #76969c;
text-decoration: none;
}

a:visited {
color: #76969c;
text-decoration: none;
}

a:hover {
color: #5c7479;
text-decoration: none;
}

a:active {
color: #5c7479;
text-decoration: none;
}

/** Container
==============================================================================*/

#container {
width: 960px;
margin: 0 auto;
}

/** Logo
==============================================================================*/

#logo {
float: left;
width: 305px;
margin: 0 15px 0 0;
}

/** Tagline
==============================================================================*/

#tagline {
float: left;
margin: 0 0 15px 0;
padding: 15px 15px 48px 15px;
width: 275px;
background-color: #efefef;
}

#tagline p {
padding: 0 0 8px 0;
background: url(images/divider.jpg) repeat-x bottom;
}

/** Categories
==============================================================================*/

#categories li a {
display: block;
width: 100%;
padding: 2px 0 2px 0;
background: url(images/nav_arrow.jpg) no-repeat right;
border-bottom: 1px solid #d7d7d7;
}

li.current-cat a {
color: #de0101;
}

.children {
display: none;
}

/** Tooltip
==============================================================================*/

#tooltip{
position: absolute;
border: 1px solid #121212;
background: #2a2a2a;
padding: 2px 5px;
color: #717171;
display: none;
}

/** Navigation
==============================================================================*/

#nav {
float: left;
width: 625px;
margin: 0 0 15px 0;
background-color: #2a2a2a;
padding: 13px 0 13px 0;
}

#nav li {
float: right;
margin: 0 15px 0 0;
}

/** Next and Previous
==============================================================================*/

#postsnav {
float: left;
width: 945px;
height: 32px;
margin: 0 0 15px 0;
padding: 15px 0 0 0;
background: url(images/divider_dk.jpg) repeat-x top;
}

#previous a {
float: left;
display: block;
height: 32px;
width: 170px;
background: url(images/previous_btn.jpg) no-repeat 0 0;
}

#postsnav span {
display: none;
}

#previous a:hover {
background-position: 0 -32px;
}

#next a {
float: right;
display: block;
height: 32px;
width: 170px;
background: url(images/next_btn.jpg) no-repeat 0 0;
}

#next a:hover {
background-position: 0 -32px;
}


/** Page
==============================================================================*/

#page {
float: left;
width: 625px;
margin: 0 0 15px 0;
}

/** Footer
==============================================================================*/

#footer {
float: left;
width: 915px;
padding: 10px 15px 10px 15px;
background-color: #2a2a2a;
text-transform: uppercase;
font-size: 10px;
}

a#rss {
padding: 0 20px 0 0;
background: url(images/rss_icon.jpg) right 1px no-repeat;
}

#footer p {
margin: 0;
}