/*
Theme Name: Diana Elizabeth Photography
Theme URI: https://dianaelizabethblog.com/
Description: Custom Blog especially for Diana Elizabeth Photography
Version: 1.0
Author: Ribbons of Red
Author URI: http://ribbonsofred.com
Tags: Sophisticated, Feminine, Pink, Friendly, Fun, Cute
*/


*
{
padding:0px;
margin:0px;
}

::selection {
        background: #ffdcdf; /* Safari */
        }
::-moz-selection {
        background: #ffdcdf; /* Firefox */
}


/* --------------- BEGIN Background and Layout Set Up --------------- */

html {
background: url(images/bg_repeat.jpg);
}

body {
background: url(images/bg_top.jpg) top center repeat-x;
min-height: 630px;
} /* top header lace */

/* --------------- Standard Tags ------------------ */


h1, h1 a {
color: #434343;
font-size: 28px;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: .065em;
padding-bottom: 5px;
}

h1 a:hover {
color: #676767;
}

h1.star {
padding-bottom: 5px;
}

h2 {
color: #676767;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
text-transform: uppercase;
font-weight: lighter;
padding-bottom: 25px;
text-align: left;
}

h3 {
color: #E98C93;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
text-transform: uppercase;
font-weight: lighter;
padding-bottom: 35px;
text-align: center;
}

h4 {
color: #434343;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 23px;
text-transform: uppercase;
font-weight: lighter;
padding-bottom: 20px;
padding-top: 30px;
text-align: left;
}

blockquote {
	color: #E98C93;
	font-family: 'Lora', Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-weight: 400;
	font-style: italic;
	line-height: 1.4;
	margin: 20px 0px;
	padding: 20px;
	border-top: 1px solid #DDDDDD;
	border-top: 1px solid rgba(0, 0, 0, .08);
	border-bottom: 1px solid #DDDDDD;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	}
blockquote p {
	margin: 0px;
	padding: 0px;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

p {
color: #5d5d5d;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: .75em;
line-height: 1.8em;
letter-spacing: .002em;
text-align: left;
}

#left p {
padding-bottom: 23px;
}

img {
border: 0px;
}

a {
color: #e98c93;
text-decoration: none;
}

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

/* --------------- Start of Site and Header ------------------ */

#wrapper {
width: 1122px;
margin: 0 auto;
}

#topimage {
float:left;
}

#logo {
padding-bottom: 25px;
padding-left: 80px;
padding-top: 14px;
}

#introcopy {
width: 633px;
float: left;
padding-left: 13px;
}

#rustic {
padding-bottom: 16px;
}

p#introleft {
width: 290px;
color: #5d5d5d;
float: left;
padding-right: 20px;
line-height: 1.8em;
letter-spacing: .05em;
}

p#introright {
width: 290px;
color: #5d5d5d;
float: left;
line-height: 1.8em;
letter-spacing: .05em;
padding-top: 3.25em;
}

#video {
width: 466px;
float: left;
background: url(images/bg_video.png) no-repeat;
margin-top: 30px;

margin-left: 75px;
}

#newvideo {
padding-top: 63px;
margin-left: -1px;
}

#devideo {
padding-top: 63px;
padding-left: 22px;
padding-bottom: 28px;
}

#top {
float: left;
padding-top: 140px;
padding-bottom: 40px;
}

#getintouch {
float: left;
margin-top: 13px;
margin-bottom:10px;
display: block;
width: 119px;
height: 11px;
background: url("images/button_getintouch.png") no-repeat 0 0;
}

#getintouch:hover {
background-position: 0 -11px;
text-decoration: none;
}

#getintouch span {
display: none;
}

#booksession {
margin-left: 144px;
margin-top: -15px;
display: none;
width: 173px;
height: 30px;
background: url("images/button_booksession.jpg") no-repeat 0 0;
}

#booksession:hover {
background-position: 0 -30px;
text-decoration: none;
}

#booksession span {
display: none;
}

#credit {
color: #949494;
}


/* --------------- Start of Main Body ------------------ */


#container {
float:left;
width: 1122px;
margin: 0 auto;
background: url("images/bg_body_white.jpg") repeat-y; 
padding-bottom: 55px;
margin-top: -60px; /* -- Remove if Diana Illustration Gets Removed -- */
}

#container.full-width {
    background-image: url(images/bg_body_full.jpg);
    padding: 17px 70px 55px;
    position: relative;
    width: 982px;
}

#container.full-width #topimage {
    position: absolute;
    top: 0;
    left: 0;
}

#left {
float: left;
width: 602px;
padding-left: 70px;
margin-top: -6px;
text-align: center;
}

#container.full-width #left {
    float: none;
    padding: 0;
    width: auto;
}

#right {
float: left;
padding-left: 96px;
width: 327px;
padding-right: 25px;
padding-top: 45px;
}

#lace {
padding-bottom: 35px;
padding-top: 6px;
}

#container.full-width .blogpost {
    width: 602px;
}

.post-date {
position: absolute;
margin-left: -100px;
width: 72px;
height: 71px;
background: url("images/date.png") no-repeat;
padding-top: 22px;
}

.post-date p {
padding-top: 17px;
text-align: center;
color: #FFFFFF;
font-size: 1.1em;
text-transform: uppercase;
}

.catlist a {
color: #e4838b;
text-transform: uppercase;
font-size: .865em;
background: url("images/bg_link.jpg") repeat-x;
padding-top: 2px;
padding: 2px 3px 2px 3px;
letter-spacing: .1em;
}

.catlist a:hover {
color: #ce7179;
}

.blogfooter {
background: url("images/blogfooter.png") no-repeat;
width: 721px;
height: 52px;
margin-left: -57px;
text-align: right;
padding-bottom: 80px;
padding-top: 12px;
}

.blogfooter a {
margin-right: 22px;
color: #FFFFFF;
text-transform: uppercase;
font-size: .75em;
letter-spacing: .07em;
text-decoration: none;
}

.blogfooter a:hover {
text-decoration: none;
color: #e4838b;
}

/* --------------- Sidebar ------------------ */

.sidetitle {
padding-bottom: 5px;
}

#right p, #tweettweet li {
color: #5d5d5d;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: .7em;
line-height: 1.7em;
letter-spacing: .002em;
text-align: left;
}

.sideblurbs {
padding-bottom: 20px;
}

/* ----- The Photographer ----- */

#biopic {
float: left;
padding-right: 15px;
}

p#bio {
float: left;
width: 202px;
}

#folio {
margin-top: 15px;
display: block;
width: 164px;
height: 24px;
background: url("images/button_portfolio.jpg") no-repeat 0 0;
}

#newsession {
margin-top: 6px;
display: block;
width: 164px;
height: 24px;
background: url("images/new_booksession.jpg") no-repeat 0 0;
}

#folio:hover, #newsession:hover {
background-position: 0 -24px;
text-decoration: none;
}

#folio span, #newsession span {
display: none;
}

.twitter {
padding-top: 40px;
padding-bottom: 5px;
}

ul#twitter_update_list {
list-style-type: none;
}

.sidediv {
padding-top: 10px;
padding-bottom: 20px;
}

/* ----- Social Network ----- */

#social {
float: left;
padding-left: 10px;
padding-top: 20px;
padding-bottom: 20px;
}

#facebook {
padding-right: 7px;
float: left;
display: block;
width: 51px;
height: 51px;
background: url("images/social_fb.jpg") no-repeat 0 0;
}

#twitter {
padding-right: 7px;
float: left;
display: block;
width: 51px;
height: 51px;
background: url("images/social_twitter.jpg") no-repeat 0 0;
}

#pinterest {
padding-right: 7px;
float: left;
display: block;
width: 51px;
height: 51px;
background: url("images/social_pin.jpg") no-repeat 0 0;
}

#youtube {
padding-right: 7px;
float: left;
display: block;
width: 51px;
height: 51px;
background: url("images/social_youtube.jpg") no-repeat 0 0;
}

#rss {
float: left;
display: block;
width: 51px;
height: 51px;
background: url("images/social_rss.jpg") no-repeat 0 0;
}

#facebook:hover, #twitter:hover, #youtube:hover, #rss:hover, #pinterest:hover {
background-position: 0 -51px;
text-decoration: none;
}

#facebook span, #twitter span, #youtube span, #rss span, #pinterest span {
display: none;
}

/* ----- Video ----- */

#adorama {
padding-right: 7px;
}

/* ----- Cat and Arch ----- */

.categories {
float: left;
width: 120px;
padding-right: 15px;
}

.topcategories {
float: left;
}

#feat-photog {
display: block;
width: 144px;
height: 24px;
background: url("images/buttons-photography.jpg") no-repeat 0 0;
margin-bottom: 8px;
}

#feat-portraits {
display: block;
width: 144px;
height: 24px;
background: url("images/buttons-portraits.jpg") no-repeat 0 0;
margin-bottom: 8px;
}

#feat-workshops {
display: block;
width: 144px;
height: 24px;
background: url("images/buttons-workshops.jpg") no-repeat 0 0;
margin-bottom: 8px;
}

#feat-personal {
display: block;
width: 144px;
height: 24px;
background: url("images/buttons-personal.jpg") no-repeat 0 0;
margin-bottom: 8px;
}

#feat-photog:hover, #feat-portraits:hover, #feat-workshops:hover, #feat-personal:hover {
background-position: 0 -24px;
text-decoration: none;
}

#feat-photog span, #feat-portraits span, #feat-workshops span, #feat-personal span {
display: none;
}

.archives {
float: left;
padding-top: 30px;
padding-bottom: 20px;
}

/* --------------- Footer ------------------ */

#footer {
clear: both;
text-align: center;
padding-top: 35px;
padding-bottom: 100px;
}

#footer p {
padding-top: 13px;
text-align: center;
text-transform: uppercase;
font-size: .65em;
color: #686868;
line-height: 15px;
}

#returnhome {
margin-bottom: 40px;
margin-left: 439px;
text-align: center;
display: block;
width: 242px;
height: 49px;
background: url("images/returntohome.png") no-repeat 0 0;
}

#returnhome:hover {
background-position: 0 -49px;
text-decoration: none;
}

#returnhome span {
display: none;
}


/* --------------- Specific to WordPress --------------- */

#archiveform {
padding-top: 15px;
}

.month1 {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
text-transform: uppercase;
}

.year1 {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
text-transform: uppercase;
margin-top: -3px;
}

#LikePluginPagelet {
float: left;
}

ul.wpcategories {
list-style-type: none;
}

ul.wpcategories li {
font-size: .7em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #5d5d5d;
width: 120px;
padding-top: 2px;
padding-bottom: 2px;
}

ul.wpcategories li a {
font-family: Georgia, "Times New Roman", Times, serif;
margin-left: 5px;
color: #5d5d5d;
}

ul.wpcategories li a:hover, ul.wpcategories li a:hover span.count {
color: #E98C93;
}

ul.wpcategories li a span.count {
padding-right: 5px;
color: #5d5d5d;
}

#bottompostnav {
text-align: center;
padding-bottom: 80px;
}

#bottompostnav2 {
text-align: center;
padding-top: 30px;
padding-bottom: 80px;
}

#bottompostnav p {
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.5em;
color: #434343;
text-align: center;
}

#bottompostnav p a {
color: #434343;
font-size: 15px;
text-transform: uppercase;
}

#bottompostnav p a:hover {
color: #000000;
font-size: 15px;
text-transform: uppercase;
}

#older {
float: left;
margin-left: 25px;
}

#newer {
float: right;
margin-right: 25px;
}

/* --------------- Comments --------------- */

h3#reply-title {       /*This is the "LEAVE A REPLY" title made by WordPress*/
color: #434343;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 23px;
text-transform: uppercase;
font-weight: lighter;
padding-bottom: 20px;
padding-top: 30px;
text-align: left;
}

ol.commenters {
list-style: none outside none;
text-align: left;
}

ol.ecommenters li {
list-style: none outside none;
}

ol.commenters .approval {
font-style: oblique;
}

.fn {       /*This is for styling the commentors name*/
font-family: Georgia, "Times New Roman", Times, serif;
color: #3d3c3c;
font-size: 14px;
text-transform: capitalize;
font-style: normal;
}

div.comment-meta {      /*This is for styling the date people posted on*/
font-size: 12px;
padding-bottom: 15px;
}

.form-allowed-tags, .comment-form-comment label, .comment-notes, .says {       /*This is for things you probably want to hide!*/
display: none;
}

li.even     {       /*This allows you to alternate comments via CSS*/background: none;
padding: 20px 20px 10px 20px;
}

li.odd     {      /*This allows you to alternate comments via CSS*/
background: #f1f1f1;
padding: 20px 20px 10px 20px;
}

#commentform textarea#comment {
color: #5d5d5d;
font-size: 12px;
line-height: 1.60em;
letter-spacing: .06em;
border: 1px solid #D6D6D6;
font-family: Georgia, "Times New Roman", Times, serif;
height: 150px;
padding: 5px;
width: 450px;
margin-top: 20px;
}

input#author, input#email, input#url {
color: #5d5d5d;
font-size: 12px;
line-height: 1.60em;
letter-spacing: .06em;
border: 1px solid #D6D6D6;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 5px;
width: 275px;
}

input#author {
margin-left: 13px;
}

input#email {
margin-left: 13px;
}

input#url {
margin-left: 12px;
}

.comment-form-author label, .comment-form-email label, .comment-form-url label, .required {
color: #E98C93;
text-transform: capitalize;
}

p.comment-form-author, p.comment-form-email, p.comment-form-url {
padding-bottom: 5px;
}

#submit {
    background: url("images/postbutton.jpg") no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 24px;
    overflow: hidden;
    padding: 24px 0 0;
    width: 164px;
}

#submit:hover {
background-position: 0 -24px;
}


/* --------------- Search Bar --------------- */

#searcharea {
background: url("images/searchbar.jpg") no-repeat top left;
float: left;
width: 319px;
height: 58px;
margin-top: 8px;
margin-bottom: 58px;
}

#searchform input#s {
float: left;
height: 25px;
width: 220px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #5d5d5d;
font-size: 12px;
line-height: 1.60em;
letter-spacing: .06em;
border: none;
background: none;
margin-top: 17px;
margin-left: 22px;
}

#searchsubmit {
background: url("images/go.jpg") no-repeat scroll 0 0 transparent;
border: 0 none;
cursor: pointer;
height: 27px;
overflow: hidden;
padding: 27px 0 0;
width: 44px;
margin-left: 23px;
margin-top: 14px;
}

#searchsubmit:hover {
background-position: 0 -27px;
}


/* --------------- MailChimp --------------- */

#mctitle {
font-size: 14px;
}

#post_form_id {
float: left;
margin-left: -100px;
}



/* --------------- BULLETED LIST --------------- */
#left ol.commenters  {
   color: #5D5D5D;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.05em;
    letter-spacing: 0.002em;
    line-height: 1em;
    padding-bottom: 23px;
    text-align: left;
padding-left: 0px;
}

#left ul, #left ol {
text-align: left;
color: #5d5d5d;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: .75em;
line-height: 1.7em;
letter-spacing: .002em;
text-align: left;
padding-left: 30px;
padding-bottom: 23px;
}

#left ol li, #left ul li {
padding-bottom: 13px;
}

/* --------------- Blog to Blogsite Code --------------- */

.social {
float: left;
text-align: left;
width: 602px;
padding-bottom: 20px;
}

.face {
float: left;
}

#fruit {
margin-top: -10px;
padding-left: 10px;
}

/* -------- Navigation ----------- */

#bgnav {
float:left;
height: 71px;
width: 1122px;
margin: 0 auto;
background: url("images/bg_nav2.jpg") no-repeat; /* --- Change to bg nav if Illy gets removed --- */
padding-bottom: 15px;
padding-top: 25px;
text-align: center;
margin-top: -182px;  /* -- Remove if Diana Illustration Gets Removed -- */
}

#navigation li {
font-family: Georgia, "Times New Roman", Times, serif;
display: inline;
color: #5d5d5d;
text-transform: uppercase;
font-size: .8em;
letter-spacing: .009em;
}

#navigation li a {
color: #5d5d5d;
text-decoration: none;
}

#navigation li a:hover {
color: #e98c93;
text-decoration: none;
}

#navigation li a.nav-select  {
color: #e98c93;
text-decoration: none;
background: #fce7e8;
padding: 2px 4px 2px 4px;
}

#navigation li a.nav-select:hover  {
color: #e98c93;
text-decoration: none;
}

#illy {
float: left;
width: 466px;
margin-left: -89px;
margin-top: -25px;
}

/* --------------- Galleries ------------------ */

div.gallery {
    height: 480px;
    margin-bottom: 75px;
}

.gallery .slideshow {
    width: 982px;
}

.gallery .slideshow,
.gallery .slideshow ul,
.gallery .slideshow li {
    height: 440px;
    list-style:none;
    margin:0;
    padding:0;
    overflow: hidden;
}

.gallery .slideshow li {
    float: left;
    padding-left: 3px;
}

.gallery .slideshow li:first-child {
    padding-left: 0;
}

.gallery .jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 40px;
}

.gallery .jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    bottom: 0;
    width: 100%;
    background: url(images/gallery.track.png) no-repeat center center;
}

.gallery .jScrollIntervalTrack {
    position: absolute;
}

.gallery .jScrollPaneDrag {
    position: absolute;
    background: url(images/gallery.drag.png) no-repeat center center;
    cursor: pointer;
    overflow: hidden;
}

.gallery .jScrollPaneDragLeft {
    display: none;
}
.gallery .jScrollPaneDragRight {
    display: none;
}

.gallery .controls {
    color: #434343;
    float: right;
    font-size: 10px;
}

.gallery .controls a {
    color: #434343;
    font-size: 16px;
}

.gallery .controls a:hover {
    color: #232323;
}

a.btn-book-session {
    display: inline-block;
    width: 164px;
    height: 24px;
    background: url(images/booksession.png) no-repeat left top;
    margin-bottom: 100px;
}

a.btn-book-session:hover, a.btn-home-session:hover {
    background-position: left bottom;
}

a.btn-home-session {
    display: inline-block;
    width: 194px;
    height: 24px;
    background: url(images/heirloomhome.png) no-repeat left top;
    margin-bottom: 100px;
}

.ir {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
}