/*
Theme Name: Pobke Photography
Theme URI: http://www.ribbonsofred.com/
Description: Custom WordPress theme for Pobke Photography by Renee Swigert
Version: 1.0
Author: Ribbons of Red
Author URI: http://www.ribbonsofred.com/
*/

*
{
padding:0px;
margin:0px;
}

html {
background: url("style/images/pobke_bg.jpg") top left repeat #cdc5a8;
}

body {
background: none;
text-align: left;
}

/* ------------ Standard Tags --------------- */

img {
border: none;
}

a {
color: #e25b89;
text-decoration: none;
}

p a:hover, a:hover {
color: #52bebe;
text-decoration: none;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #515151;
font-size: 12px;
line-height: 1.7em;
padding-bottom: .9em;
}

h1, h2 {
color: #52BEBE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: lighter;
letter-spacing: 1px;
text-transform: uppercase;
padding-top: 50px;
padding-left: 40px;
}

h3 {
color: #52BEBE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: lighter;
text-transform: uppercase;
padding-top: 40px;
padding-left: 40px;
text-align: left;
}

#disclaimer {
color: #52BEBE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: lighter;
text-transform: uppercase;
padding-left: 40px;
text-align: left;
padding-top: 0px;
}


/* --------------- Wapper, Search, Old Blog Area --------------- */

#wrapper {
width: 1121px;
margin: 0 auto;
}

#header {
padding-top: 24px;
padding-bottom: 20px;
width: 981px;
height: 46px;
margin: 0 auto;
}

#search {
float: left;
width: 275px;
}

#oldblog {
float: right;
}

#blogbutton {
float: left;
display: block;
width: 187px;
height: 46px;
background: url("style/images/oldblog_button.png") no-repeat 0 0;
}

#blogbutton:hover { 
background-position: 0 -46px;
text-decoration: none;
}

#blogbutton span {
display: none;
}

#mentorbutton {
float: left;
display: block;
width: 187px;
height: 46px;
background: url("style/images/mentor_button.png") no-repeat 0 0;
}

#mentorbutton:hover { 
background-position: 0 -46px;
text-decoration: none;
}

#mentorbutton span {
display: none;
}

/* --------------- Banner, Logo, Twitter Area  --------------- */

#banner {
background: url("style/images/banner.jpg") top center no-repeat;
height: 323px;
margin: 0 auto;
}

#logo {
background: url("style/images/logo.png") top center no-repeat;
float: left;
cursor: pointer;
width: 283px;
height: 168px;
margin-top: 40px;
}

#twitter {
background: url("style/images/twitter.png") top center no-repeat;
float: right;
width: 290px;
height: 242px;
margin-top: 140px;
}

#twitter span, #twitter p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

#twitter a {
color: #749a18;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#twitter_update_list {
width: 169px;
margin: 0 auto;
padding-left: 30px;
padding-top: 56px;
font-size: 10.5px;
}

#twitter ul {
list-style: none;
}

/* --------------- BEGIN Navigation Area --------------- */

#navigation {
list-style: none;
padding: 0;
margin: 0 auto;
width: 980px;
height: 87px;
background: none;
position: relative;
margin-top: 72px;
margin-bottom: 30px;
}

#navigation span {
display: none;
position: absolute;
}

#navigation a {
display: block;
text-indent: -900%;
position: absolute;
outline: none;
}

#navigation a:hover {
background-position: left bottom;
}

#navigation a:hover span {
display: block;
}

#navigation .website {
width: 194px;
height: 87px;
background: url("style/images/nav_website.jpg") no-repeat;
left: 0px;
top: 0px;
}

#navigation .facebook {
width: 194px;
height: 87px;
background: url("style/images/nav_facebook.jpg") no-repeat;
left: 194px;
top: 0px;
}

#navigation .session {
width: 172px;
height: 87px;
background: url("style/images/nav_session.jpg") no-repeat;
left: 388px;
top: 0px;
}

#navigation .categories {
width: 180px;
height: 87px;
background: url("style/images/nav_categories.jpg") no-repeat;
left: 560px;
top: 0px;
}

#navigation .rss {
width: 240px;
height: 87px;
background: url("style/images/nav_rss.jpg") no-repeat;
left: 740px;
top: 0px;
}


/* --------------- Container and Main Body Area --------------- */

#container {
width: 980px;
margin: 0 auto;
background: url("style/images/bodyborder_top.jpg") top center no-repeat #FFFFFF;
}

#container p, .entry-content p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #515151;
line-height: 1.7em;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 10px;
text-align: left;
}

/* --------------- Previous and Next Posts --------------- */


#backnext {
width: 272px;
height: 94px;
margin-bottom: 30px;
margin: 0 auto;
padding-bottom: 40px;
}

#backnext2 {
width: 272px;
height: 94px;
margin-bottom: 30px;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 40px;
}

#prevbutton {
display: block;
width: 132px;
height: 94px;
background: url("style/images/post_prev.jpg") no-repeat 0 0;
cursor: pointer; 
/* hand-shaped cursor */ cursor:hand; 
}

#prevbutton:hover { 
background-position: 0 -94px;
text-decoration: none;
}

span#prevbutton {
text-indent: -1000em;
}

#nextbutton {
display: block;
width: 133px;
height: 94px;
background: url("style/images/post_next.jpg") no-repeat 0 0;
cursor: pointer; 
/* hand-shaped cursor */ cursor:hand; 
}

#nextbutton:hover { 
background-position: 0 -94px;
text-decoration: none;
}

span#nextbutton {
text-indent: -1000em;
}

#prev {
float: left;
}

#next {
float: right;
}

/* --------------- FOOTER and BACK TO TOP --------------- */

#footer {
background: url("style/images/footer_bg.jpg") top center no-repeat;
width: 980px;
height: 286px;
margin-top: 100px;
}

#footer p {
width: 390px;
font-size: 11px;
line-height: 1.5em;
padding: 18px 25px 0px 25px;
color: #676767;
text-align: left;
}

#footerTitle {
margin-top: 29px;
margin-left: 24px;
}

#polaroid {
float: left;
margin-left: -18px;
margin-top: -18px;
background: url("style/images/about_pobke.png") top center no-repeat;
width: 231px;
height: 204px;
position: relative;
}

#aboutcopy {
float: left;
}

#border {
float: left;
margin-top: 25px;
margin-right: 30px;
}

#booksession {
float: left;
}

#sessionbutton {
display: block;
margin-top: 63px;
width: 256px;
height: 136px;
background: url("style/images/booksession.jpg") no-repeat 0 0;
}

#sessionbutton:hover { 
background-position: 0 -136px;
text-decoration: none;
}

#sessionbutton span {
display: none;
}

#backtotop {
width: 980px;
margin: 0 auto;
text-align: right;
height: 62px;
background: url("style/images/bodyborder_bottom.jpg") bottom center no-repeat #FFFFFF;
margin-bottom: 20px;
}

#backtotop img {
padding-right: 38px;
padding-top: 2px
}

#credits {
clear: both;
background: none;
text-align: left;
width: 980px;
margin: 0 auto;
padding-bottom: 30px;
}

#credits p {
padding-left: 38px;
font-size: 11px;
color: #aa2753;
}

#credits a {
color: #aa2753;
}

#credits a:hover {
color: #2d9090;
text-decoration: none;
}

#siteby {
padding-right: 5px;
vertical-align: middle;
}


/* --------------- WordPress Theme Specific --------------- */

.datetime {
margin-top: -9px;
text-transform: uppercase;
font-size: 10px;
letter-spacing: .03em;
}

.entry-meta {
clear: both;
}

.entry-content {
text-align: center;
width: 980px;
}

li.categories {
list-style: none;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #515151;
line-height: 1.7em;
text-align: left;
}

.categories ul {
list-style: none;
padding-bottom: 20px;
}

li#searcharea {
list-style: none;
padding-top: 9px;
}

#searcharea input#box {
padding: 7px;
border: 1px solid #a6aa93;
vertical-align: middle;
margin-top: 5px;
float: left;
}

.button-replace { 
background: url(http://www.pobkephotography.com/blog/wp-content/themes/pobke/style/images/go.jpg) no-repeat; 
display:block; 
border:0; 
overflow: hidden; 
cursor: pointer; 
float: right;
/* hand-shaped cursor */ cursor:hand; 
/* for IE 5.x */ width:38px; height:39px; padding:39px 0 0; }

.button-replace:hover { 
background-position: 0 -39px;
}

.form-label, .form-submit, .form-option  {
padding-left: 40px;
font-size: 12px;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #e25b89;
padding-bottom: 3px;
padding-top: 17px;
}

.form-textarea {
padding-top: 0px;
padding-left: 40px;
}

.fnn {
font-size: 12px;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.7em;
padding-left: 25px;
text-align: left;
padding-right: 5px;
}

#comments-list ol {
list-style: none;
border-top: 1px dashed #878787;
border-bottom: 1px dashed #878787;
border-left: 1px dashed #878787;
border-right: 1px dashed #878787;
height: 164px;
overflow: auto;
width: 870px;
margin-left: 40px;
padding-top: 24px;
margin-top: 15px;
}

.comment-meta {
padding-left: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #515151;
font-size: 12px;
line-height: 1.7em;
padding-bottom: 0.9em;
}

.unapproved {
padding-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #e25b89;
font-size: 12px;
line-height: 1.7em;
padding-bottom: 0.9em;
font-style: italic; 
}

#comments-list li p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #515151;
padding-left: 25px;
padding-right: 40px;
padding-bottom: 14px;
text-align: left;
font-size: 10px;
}

textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #515151;
text-align: left;
font-size: 12px;
padding: 4px;
width: 500px;
line-height: 1.6em;
border: 1px solid #C3C3C3;
}

#author, #email, #url {
border: 1px solid #C3C3C3;
color: #515151;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
height: 16px;
line-height: 1.6em;
margin-left: 40px;
padding-bottom: 4px;
padding-left: 4px;
padding-top: 4px;
text-align: left;
width: 502px;
}

ul#customCat {
padding-left: 40px;
padding-bottom: 40px;
text-align: left;
list-style: none;
color: #515151;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}

.button-replace-post { 
background: url(http://www.pobkephotography.com/blog/wp-content/themes/pobke/style/images/submitcomment.jpg) no-repeat; 
display:block; 
border:0; 
overflow:hidden; 
cursor: pointer; 
/* hand-shaped cursor */ cursor:hand; 
/* for IE 5.x */ width:92px; height:94px; padding:94px 0 0; }

.button-replace-post:hover { 
background-position: 0 -94px;
}

li.pobkecomment div.authorcomment span {
color: #E25B89;
}

#comments-list li.pobkecomment p {
color: #E25B89;
}