/*

Theme Name: Photo Graphic

Theme URI: http://www.press75.com/

Description: A photography centric theme by Press75.com. Detailed usage instructions for this theme can be found at <a href="http://www.press75.com/docs/photo-graphic/">http://www.press75.com/docs/photo-graphic/</a>.

Version: 1.0

Author: Jason Schuller

Author URI: http://www.press75.com/



This theme was designed and built by Jason Schuller,

whose portfolio you will find at www.jasonschuller.com



The CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC:

*/



body       { color: #e0e5e7; font: bold 12px/1.5 "Book Antiqua"; background: #919191 url("images/bg2_2.jpg") no-repeat fixed center top; margin: 0; padding: 0; width: auto; height: auto }



h1    { color: #f9787d; font-size: 36px; font-weight: normal; margin: 35px 0 15px; padding: 0 }



h1 a:link, h1 a:active, h1 a:visited {

color: #4A4A4A;

}



h1 a:hover {

color: #999999;

}



a:link, a:visited    { color: #f9787d; font-weight: bold; text-decoration: none }



a:hover {

color: #4A4A4A;

}



h2   { color: #ccc; font-size: 18px; font-weight: bold; margin: 0 0 2px; padding: 0 }



h2 a:link, h2 a:active, h2 a:visited {

color: #4A4A4A;

}



h2 a:hover {

text-decoration: underline;

}



h3    { color: #f9787d; font-size: 15px; font-weight: bold; margin: 0; padding: 0 }



h4  { color: #ccc; font-size: 12px; font-weight: bold; margin: 0; padding: 0 }



img {

border: 0;

}



p {

margin: 0 0 10px 0;

}


small {
padding: 0 0 0 5px;
}



#wrapper {

width: 940px;

margin: 0px auto;

overflow: hidden;

}



/** header styles **/

#headwrap {

background: url("images/content-bg1.png");

float: left;

width: 940px;

height: 320px;

margin-bottom: 20px;

}



#tagline    { color: #f9787d; font-size: 26px; font-weight: bold; background: transparent; margin-top: 25px; margin-left: 540px; padding: 2px 0 0 10px; width: 300px; height: 24px; float: left }



#tagline p {

margin: 6px 0 0 10px;

}



#menu     { color: #f9787d; font-size: 12px; background: url("images/content-bg1.png"); text-align: right; padding-left: 1px; margin-top: 1px; width: 940px; height: 26px; float: left }



#logo  { margin-left: 160px; width: 940px; height: 100px; float: left }



#textlogo {

float: left;

width: 460px;

height: 118px;

}



#textlogo h1 {

font-size: 36px;

margin: 35px 0 0 0;

}



#logo img {

margin: 10px 0 0 0;

}



#topad {

float: left;

width: 480px;

height: 118px;

text-align: right;

}



#topad img {

margin: 30px 0 0 0;

}



/** gallery styles **/

#contentwrap   { background: url("images/divider.png") no-repeat left top; padding: 20px 0 0; width: 940px; float: left }


.index_splash {

background: url("images/content-bg1.png");

width: 620px;

height: 140px;

float: left;

margin: 0 20px 20px 0;
}

.index_splash h2   { background: url("images/content-bg1.png") repeat-x 50% bottom; color: #f9787d; margin: 2px 5px 5px; padding-bottom: 5px }

.index_splash p {

margin: 5px 5px 0px 5px;
}


#maincontent {

width: 640px;

float: left;

}

#maincontent1 {

width: 940px;

float: none;

}



#pagenavi {

width: 640px;

float: left;

margin: 0 0 20px 0;

font-size: 12px;

}



#pagenavi a:link, #pagenavi a:visited  { background: url("images/content-bg1.png"); display: block; padding: 3px 5px 5px }



#pagenavi a:hover  { background: url("images/content-bg-alt.png") }



#newer {

margin: 0 20px 0 0;

}



.galleryitem  { background: url("images/content-bg1.png"); margin: 0 20px 20px 0; width: 300px; height: 325px; float: left }



.galleryitem h3   { color: #f9787d; font-weight: normal; margin: 0; padding: 5px 5px 0 }



* + html .galleryitem h3 {

padding: 2px 5px 0 5px;

}



.galleryitem p {

background: url("images/content-bg1.png") repeat-x 50% top;

margin: 0px 5px 0 5px;

padding-top: 2px;
}

p.small {
font-size: 9px;
margin: 0 5px 0 5px;
}



.commentsnumber  { background: url("images/comments.png") no-repeat left top; text-align: center; margin: 40px 5px 5px 0; padding: 4px 0 0; width: 32px; height: 30px; float: right }



.commentsnumber a:link, .commentsnumber a:visited  { color: #ccc }



.commentsnumber a:hover {

color: #757575;

}



/** single post styles **/

.post_image  { background: url("images/content-bg1.png"); text-align: center; margin: 0 20px 20px 0; width: 620px; float: left }



.postcontent  { background: url("images/content-bg1.png"); margin: 0 20px 0 0; padding: 8px 8px 20px; width: 604px; float: left }

.postcontent1   { background: url("images/content-bg1.png"); margin: 0 20px 0 0; padding: 8px 8px 20px; width: 920px; float: none }



.postcontent h2    { color: #f9787d; font-size: 26px; font-family: "Book Antiqua"; margin-top: 10px; margin-bottom: 20px }
.postcontent1 h2   { color: #f9787d; font-size: 26px; font-family: "Book Antiqua"; margin-top: 10px; margin-bottom: 20px }



.postcontent ul {

margin: 0 0 8px 0;

padding: 0;

list-style: none;

}



.postcontent li  { background: url("images/bullet.png") no-repeat left top; margin: 8px 0 0; padding: 0 0 0 20px }

.postcontent ol li {
background: none;
padding: 0;
margin: 8px 0 0 -20px;
}



#single {

margin: 0 0 25px 0;

}



.thumbnail {

float: right;

margin: 0 0 15px 15px;

}



.postdets   { color: #ccc; font-size: 11px; line-height: 1.1em; margin: 0 0 15px }



.postdets a:link, .postdets a:visited {

color: #4A4A4A;
font-weight: normal;

}



.postdets a:hover {

text-decoration: underline;

}



/** page styles **/

#page {

margin: 0 0 20px 0;

}



/** sidebar styles **/

#sidebar {

width: 300px;

float: left;

}



.widgetblock  { background: url("images/content-bg1.png"); margin: 0 0 20px; padding: 6px 8px 8px; width: 284px; float: left }



.widgetblock h3  { background: url("images/content-bg1.png") no-repeat 50% bottom; margin: 0 0 8px; padding: 0 0 5px }



#searchwrap  { background: url("images/search-bg.png") no-repeat left top; margin: 0; width: 284px; float: right }



#searchwrap input{

vertical-align: middle;

background: none;

color: #000000;

font-family: arial,helvetica,verdana,sans-serif;

}



#s{

font-size: 14px;

border: none;

padding: 4px 4px;

margin-right: 3px;

width: 245px;

}


/** sidebar ads **/

#sidebar .p75_sidebar_ads {

padding-top: 9px;

padding-left: 9px;

}



#sidebar .p75_sidebar_ads img.sidebar_ad {

width: 125px;

height: 125px;

float: left;

margin: 8px;

}


/** tag cloud **/
#tag_cloud {
margin: 20px 0 0 0;
float: left;
width: 100%;
}

#sidebar #tag_cloud a  { background: url("content-bg1.png"); margin: 0 1px 1px 0; padding: 3px 5px 5px; float: left }

#sidebar #tag_cloud a:hover  { background: url("images/content-bg-alt.png") }

/** featured content **/
#sidebar .cat_posts ul {
list-style: none;
margin: 0;
padding: 0;
}

#sidebar .cat_posts ul li  { background: url("images/content-bg1.png") no-repeat left bottom; margin-bottom: 8px; padding-bottom: 8px; width: 284px; float: left; clear: both }

#sidebar .cat_posts ul li.last {
border: 0;
padding: 0;
margin: 0;
}

#sidebar .cat_posts ul li img.thumbnail {
float: left;
margin: 2px 8px 0 0;
}

#sidebar .cat_posts ul li a.post_title {

}



/** footer styles **/

#footer  { background: url("images/divider.png") no-repeat left top; text-align: center; margin: 10px 0 0; padding: 45px 0 50px; width: 940px; float: left }



#footer a:link, #footer a:visited {

color: #4A4A4A;
font-weight: normal;

}



#footer a:hover {

text-decoration: underline;

}



#footer p  { color: #999; margin: 0 }



#footer h3   { color: #f9787d; margin: 0 0 4px; padding: 0 }



* + html #footer {

margin: 30px 0 0 0;

}

/** menu styles **/
.sf-menu,.sf-menu *     { color: #f9787d; font-size: 12px; text-align: left; list-style: none; margin: 0; padding: 0 }



.sf-menu {

line-height: 1.0;

float: center;

}



.sf-menu ul {

position: absolute;

top: -999em;

width: 150px;

}



.sf-menu ul li {

width: 100%;

}



.sf-menu li:hover  { background: url("images/content-bg-alt.png"); visibility: inherit }



.sf-menu li  { background: url("images/content-bg1.png"); margin: 0 0 0 2px; position: relative; float: left }



.sf-menu a  { color: #f9787d; text-decoration: none; display: block; padding: 6px 19px 8px; position: relative }



* + html .sf-menu a {

padding: 7px 10px 7px 10px;

}



.sf-menu li:hover ul,.sf-menu li.sfHover ul {

left: 0;

top: 26px;

z-index: 99;

}



.sf-menu a,.sf-menu a:visited   { color: #f9787d }



.sf-menu li li  { background: url("images/content-bg.png"); margin: 1px 1px 0 0 }



.sf-menu li li li  { background: url("images/content-bg.png"); margin: 1px 1px 0 -1px; top: -1px; left: -270px }



.sf-menu a.sf-with-ul {

min-width: 1px;

}



.sf-sub-indicator {

position: absolute;

display: block;

right: .75em;

top: 1.05em;

width: 10px;

height: 10px;

text-indent: -999em;

overflow: hidden;

}



ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {

top:-999em;

}



ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {

left:10em;

top:0;

}



.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {

background-position:-10px 0;

}

/** comment styles **/

#comments  { color: #ccc; margin: 0 0 20px; width: 604px; float: left }

#reply_form  { background: url("images/content-bg.png"); margin: 20px 0 0; padding: 8px; width: 604px; float: left }



* + html #comments {

margin: 0 0 -10px 0;

}



#comments h3 {

font-size: 16px;

font-weight: normal;

margin: 5px 0 0 0;

padding: 0;

}



#comments p {

margin: 5px 0 5px 0;

}



.comment-author {

font-weight: normal;

}



.comment-meta {

font-size: 10px;

font-weight: normal;

margin: 0 0 10px 0;

}



.avatar {

float: right;

display: inline;

margin: 0 0 15px 15px;

}



#comment {

width: 510px;

font: 12px arial,helvetica,verdana,sans-serif;

}



h2.commh2  { color: #ccc !important; font-size: 1.4em !important; padding: 0 0 5px }



ol.commentlist {

margin: 0 0 20px 0;

padding: 0;

list-style: none;

}



ol.commentlist p {

margin-bottom: 10px;

}



ol.commentlist a:link, ol.commentlist a:visited {

color: #4A4A4A;

}



ol.commentlist a:hover {

color: #4A4A4A;

text-decoration: underline;

}



ol.commentlist cite {

font-style: normal;

font-weight: bold;

margin: 0;

padding: 0;

}



ol.commentlist li.alt   { color: #ccc; background: url("images/content-bg.png"); margin: 20px 0 0; padding: 8px 8px 0; width: 604px; float: left }



ol.commentlist li  { color: #4a4a4a; background: url("images/content-bg.png"); margin: 20px 0 0; padding: 8px 8px 0; width: 604px; float: left }



ol.commentlist li div.reply   { color: #ccc; font-size: 9px; background: url("images/content-bg.png"); text-align: center; cursor: pointer; margin: 10px 0; padding: 4px 10px 5px; width: 36px }



ol.commentlist li div.reply:hover  { background: url("images/content-bg-alt.png") }



ol.commentlist li div.reply a {

color: #4A4A4A;

text-decoration: none;



}



ol.commentlist li ul.children { 

list-style: none; 

margin: 0;

padding: 0;

text-indent: 0; 

}



ol.commentlist li ul.children li  { background: url("images/content-bg.png") repeat-x left top; margin: 10px 0 0; padding: 10px 0 0; width: 604px; float: left }



ol.commentlist li ul.children li.alt  { background: url("images/content-bg.png") repeat-x left top; margin: 10px 0 0; padding: 10px 0 0; width: 604px; float: left }



ol.commentlist li ul.children li.depth-2 { margin:0; }

ol.commentlist li ul.children li.depth-3 { margin:0; }

ol.commentlist li ul.children li.depth-4 { margin:0; }

ol.commentlist li ul.children li.depth-5 { margin:0; }



input#submit  { background: url("images/submit.png"); cursor: pointer; margin: 0 0 -20px; padding: 0; width: 120px; height: 30px; border: none }



* + html input#submit {

margin: 0 0 10px 0;

}



input#submit:hover  { background: url("images/submit.png") 0 -30px }





#comment  { background: url("images/text-area.png") no-repeat left top; padding: 5px; width: 604px; height: 215px; border: none }

* + html #comment {
width: 594px;
}



#author  { background: url("images/fields-name.png") no-repeat left top; padding: 7px 125px 3px 5px; width: 154px; height: 20px; border: none }



#email  { background: url("images/fields-email.png") no-repeat left top; padding: 7px 125px 3px 5px; width: 154px; height: 20px; border: none }



#url  { background: url("images/fields-web.png") no-repeat left top; padding: 7px 125px 3px 5px; width: 154px; height: 20px; border: none }



#respond {

padding: 0 15px 10px 0;

}



.fieldset {

list-style: none;

margin: 0;

padding: 0;

}



.fieldset li {

margin: 0 0 10px 0;

padding: 0;

}


/** wordpress specific styles **/

.wp-caption img {

margin-bottom: 5px;

padding:5px;

background-color:#4A4A4A;

}



.wp-caption-text {

color:#4A4A4A;

text-align:center;

padding-top: 5px;

padding-bottom: 5px;

width: auto;

font-weight: bold;



}



code {

font: 1.1em 'Courier New', Courier, Fixed;

}



img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}



img.alignright {

padding: 5px;

margin: 0 0 2px 10px;

display: inline;

}



img.alignleft {

padding: 5px;

margin: 0 10px 2px 0;

display: inline;

}



.alignright {

float: right;

margin-left: 15px;

}



.alignleft {

float: left;

margin-right: 15px;

}



#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 {

text-align: center;

width: 100%;

}



#wp-calendar td {

padding: 3px 0;

text-align: center;

}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

background-color: #fff; }



acronym, abbr, span.caps {

cursor: help;

}



acronym, abbr {

border-bottom: 1px dashed #999;

}



blockquote {

margin: 15px 30px 0 10px;

padding-left: 20px;

border-left: 5px solid #ddd;

}



blockquote cite {

margin: 5px 0 0;

display: block;

}



.center {

text-align: center;

}



.hidden {

display: none;

}



hr {

display: none;

}



a img {

border: none;

}



.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}



.wp-caption  { background: url("images/content-bg.png"); text-align: center; margin-bottom: 5px; padding: 10px 5px 0 }



.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}



.wp-caption p.wp-caption-text  { color: #ccc; font-size: 11px; line-height: 17px; background: transparent; margin: 0; padding: 4px 4px 5px }