/*
Theme Name: Tara Lilly
Theme URI: http://taralilly.com
Author: Patrick A. Carrell and Ian Williams
Author URI: http://patrickacarrell.com/
Description: Theme for Tara Lilly Design + Photography.
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

@font-face {
    font-family: 'im_fell_dw_pica_proitalic';
    src: url('fonts/fepiit27c-webfont.eot');
    src: url('fonts/fepiit27c-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fepiit27c-webfont.woff') format('woff'),
         url('fonts/fepiit27c-webfont.ttf') format('truetype'),
         url('fonts/fepiit27c-webfont.svg#im_fell_dw_pica_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'im_fell_dw_pica_proregular';
    src: url('fonts/fepirm27c-webfont.eot');
    src: url('fonts/fepirm27c-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fepirm27c-webfont.woff') format('woff'),
         url('fonts/fepirm27c-webfont.ttf') format('truetype'),
         url('fonts/fepirm27c-webfont.svg#im_fell_dw_pica_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* End Font-Face */

* { margin:0; padding:0; } 

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

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 400px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -400px; /* negative value of footer height */
	height: 400px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
/* End Sticky Footer */

body {
	font-family: 'Roboto Slab', Arial, sans-serif;
	font-weight: 400;
	background:url('images/bg.jpg') #F7F3F2;
	color: #81745f;
}
strong {
	font-weight:700;
}
em {
	font-style: italic;
}
#wrap {
	background: url('images/border_dots.jpg') 10px 10px repeat-x;
}
#main {
	width: 974px;
	margin: 0 auto;
}
#nav_left {
	display: block;
	width: 310px;
	float: left;
	padding: 40px 0px 0px;
}
.logo {
	padding:40px 60px 25px;
	float: none;
}
#nav_right {
	display: block;
	width: 310px;
	float: right;
	padding: 40px 0px 0px;
}
#nav_left li, #nav_right li {
	display: inline;
	text-transform: uppercase;
	font-family: 'Oldenburg', Times, Times New Roman, serif;
	position:relative;
}
#nav_left li a, #nav_right li a {
	padding: 0px;
	text-decoration: none;
	color: #81745f;
	display: block;
	width:100px;
	padding:50px 0px;
	float: left;
	overflow: hidden;
	text-align: center;
	background-image: url('images/sprite.png');
	background-repeat: no-repeat;
	background-position: 0px 115px;

}
#header a.home:hover {
	background-position: 10px 0px;
	text-indent: -999px;
}
#header a.blog:hover {
	background-position: -90px 0px;
	text-indent: -999px;
}
#header a.portfolio:hover {
	background-position: -205px 0px;
	text-indent: -999px;
}
#header a.hi:hover {
	background-position: -315px 0px;
	text-indent: -999px;
}
#header a.contact:hover {
	background-position: -435px 0px;
	text-indent: -999px;
}
#header a.proofs:hover {
	background-position: -545px 0px;
	text-indent: -999px;
}
#header ul li {
	position: relative;
	display: block;
	float: left;
}
#header ul ul {
	display: none;
	position: absolute;
	margin-top: 110px;
	background:pink;
	z-index:20;
}
#header ul li:hover ul {
	display: block;
}
#header ul ul a {
	padding: 10px;
	text-decoration: none;
	color: #81745f;
	display: block;
	border-bottom: 1px solid #fff;
}


#slider {
	height:548px;
	width:100%;
	clear: both;
	background: #eee;
	position:absolute;
	top: 160px;
	overflow: hidden;
}
#slider img {
	display: block;
	float: left;
}
#prev, #next {
	background-color: rgba(255, 255, 255, 0.7);
	display: block;
	height: 548px;
	width: 50%;
	top: 0;
	position: absolute;
}
#prev:hover, #next:hover {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.8);
}
#prev {
	left: -487px;
}
#next {
	right: -487px;
}
#pager {
	margin-left: -30px;
	position: absolute;
	left: 50%;
	bottom: 10px;
}
#pager a {
	border: 2px solid #fff;
	border-radius: 10px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
}
#pager a:hover {
	background-color: rgba(255, 255, 255, 0.5);
}
#pager a span {
	display: none;
}
#pager a.selected {
	background-color: #fff;
}



#buffer {
	height:548px;
	width: 974px;
	float: left;
}
#left {
	width:650px;
	float: left;
	margin:40px 0px;
}
#left h1 {
	font-family: 'Cookie', Times, Times New Roman, serif;
	font-size: 38px;
	background: url('images/recent.png') no-repeat bottom center;
	padding-bottom: 30px;
}
#recent a, #category a.cat-entry {
	width: 33.3%;
	height: 216px;
	box-sizing: border-box;
	float: left;
	padding:0px!important;
	margin-top: 10px;
	display: block;
	background: url('images/sm_border.png') no-repeat bottom center;
	color: #81745f;
	font-size: 20px;
	text-decoration: none;
	font-weight: 200px;
	position: relative;
	background: url('images/fav.png') no-repeat center rgba(256, 256, 256, .5);
}
#category a.cat-entry {
	height:300px;
	transition: background .5s;
}
#category a.cat-entry:hover {
	background: url('images/fav.png') no-repeat center rgba(256, 256, 256, .8);
}
#recent a img, #category a.cat-entry img {
	position: relative;
	z-index:50;
	width: 100%;
	height: auto;
}
#recent a span, #category a.cat-entry span {
	background:rgba(232, 150, 169, .8);
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	z-index: 100;
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
	transition: padding .5s;
}
#recent a:hover span, #category a.cat-entry:hover span {
	padding: 15px 10px;
}
#recent a span pre, #category a.cat-entry span pre {
	font-size: 12px;
}
#right {
	width: 290px;
	float: left;
	margin: 40px 0px 40px 30px;
}
#right #hello {
	text-align: center;
}
#right .content {
	width: 240px;
	margin:20px auto;
	text-align: left;
}
#right .content p {
	padding-bottom: 8px;
	font-size: 14px;
	line-height: 1.5em;
}
#right .content span {
	font-size: 16px;
}
#right #hello .hello_banner {
	margin-top: -40px;
}
#right #hello ul.social {
	background: url('images/sm_border.png') no-repeat top left;
	display: block;
	padding: 10px 20px;
	width:200px;
	margin: 0 auto;
}
#right #hello ul.social li {
	display: inline;
}
#right #hello ul.social li a {
	display: block;
	width:44px;
	height: 52px;
	margin:8px 2px;
	background: url('images/paint-social.png');
	overflow: hidden;
	text-indent: -999px;
	float: left;
}
#right #hello ul.social li a[href*="mailto"] {
	background-position: -6px 0px;
}
#right #hello ul.social li a[href*="pinterest"] {
	background-position: -58px 0px;
}
#right #hello ul.social li a[href*="instagram"] {
	background-position: -110px 0px;
}
#right #hello ul.social li a[href*="facebook"] {
	background-position: -160px 0px;
}
#right .catlist {
	text-align: justify;
	display: block;
	margin: 0px auto 60px;
	width:240px;
	clear: both;
	position: relative;
	top:60px;
}
#right .catlist li {
	display: inline;
	line-height:28px;
}
#right .categories {
	text-transform: uppercase;
}
#right .categories a {
	font-size: 14px;
	color: #ffa8bb;
	text-decoration: none;
	padding:4px;
	white-space: nowrap;
}
#right .categories a:hover, .current-cat a {
	background:#ffa8bb;
	color:#fff!important;
}
.page_right {
	display: none;
	padding-top:120px;
}
#nav-below {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0px;
}
#nav-below h3 {
	display: none;
}
#nav-below div {
	box-sizing: border-box;
	float: left;
	width: 50%;
}
#nav-below div.nav-next {
	text-align: right;
}
#nav-below div a {
	padding: 20px;
	background: rgba(232, 150, 169, .8);
	color:#fff;
	display: inline-block;
}
#nav-below div a:hover {
	background: rgba(232, 150, 169, 1);
}
@media all and (min-width: 1311px) {

	.page_right {
		display: block;
	}
	#main.full_main {
		width:1310px;
	}
	#header.full_main {
		width:974px;
		float: right;
	}
}
#full {
	width:900px;
	float: left;
	padding: 0px 40px 40px;
}
#full a, #left a {
	color: #E896A9;
	padding-bottom: 4px;
	text-decoration: none;
}
.entry {
	width: 100%;
	position: relative;
	font-size: 16px;
	line-height: 24px;

}
.entry .date {
	width:50px;
	height:51px;
	padding:10px;
	overflow: hidden;
	float: right;
	background: url('images/date.png') no-repeat center;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	position: absolute;
	top:0;
	right:0;
	line-height:14px;
	text-transform: uppercase;
} 
.entry .date span {
	display: block;
	margin: 0 auto;
	font-size:12px;
}
.entry .date span.d {
	font-size:22px;
	line-height: 16px;
}
.entry .entry_header {
	background: url('images/sm_border.png') repeat-x bottom left;
	padding:30px 0px;
	margin: 0px 0px 10px;
	width: 100%;
	display: block:
}
#left .entry .entry_header {
	background: none;
	padding: 0px;
}
.entry .entry_header h1 {
	font-size: 38px;
	font-family: 'Cookie', Times, Times New Roman, serif;
	line-height:42px;
}
.entry p, .entry ul {
	padding-bottom:16px;
}
.entry ul {
	list-style-type: circle;
	margin-left: 20px;
	color: #DC7282;
}
.entry li {
	color: #81745f;
}
.entry .alignleft {
	float: left;
	margin-right:10px;
}
.entry .alignright, .alignright {
	float: right;
	margin-left:10px;
}
.entry .aligncenter {
	float: none;
	margin:10px auto;
	display: block;
}
.entry_footer {
	margin:20px 0px;
	clear: both;
	line-height: 24px;
	background: url('images/comments_footer.png') no-repeat center;
	height: 30px;
}
footer.entry-meta {
	padding-bottom: 60px;
}

.comments {
	background: url('images/sm_border.png') repeat-x 0px 140px;
	padding:40px 0px;
	width:100%;
	clear: both;
}
.comments h2 {
	font-size: 38px;
	font-family: 'Cookie', Times, Times New Roman, serif;
}
.comments .comment_count {
	margin: 24px 0px ;
}
.comments form, form {
	padding:40px;
	clear: both;
	width: 100%;
}
.comments form label {
	width:80px;
	display: inline-block;
}
.comments form p {
	float: left;
	width:100%;
	padding-bottom:12px;
}
form p {
	float: left;
	padding-bottom:12px;
	clear: both;
}

.comments form input[type="text"], form input[type="text"], form input[type="email"] {
	margin-bottom:12px;
	padding:6px;
	border: 1px solid #DC7282;
	width:50%;
}
form input[type="text"], form input[type="email"] {
	width: 300px;
}
.comments form textarea, form textarea {
	width:100%;
	margin-bottom:12px;
	border: 1px solid #DC7282;

}
.comments form input[type="submit"], form input[type="submit"] {
	color: #fff;
	background:#ffa8bb;
	padding:8px;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 4px;
	clear: both;
}
.wpcf7-response-output {
	clear: both;
}
.comment {
	padding:20px;
	line-height:24px;
	clear: both;
}
.comment .avatar {
	float: left; 
	margin:0 20px 20px 0;
	border:1px solid #FFA8BB;
	background:#FFe4f2;
}
.comment.even {
	background: #DC7282;
	background: rgba(255,168,187,.1);
}
.comment span span {
	color: transparent;
}
.comment-content {
	margin:10px;
	display: block;
}
#respond {
	width: 100%;
}
#respond #reply-title {
	display: none;
}
.form-allowed-tags {
	display: none;
}
.photogallery {
	width:830px;
	display: block;
	margin: 0 auto;
}
.photogallery li {
	display: block;
	width:150px;
	height: 150px;
	overflow: hidden;
	float: left;
	margin:8px;
	position: relative;
}
.photogallery li span {
	display: table-cell;
	width: 130px;
	height: 90px;
	background: #DC7282;
	background: rgba(255,168,187,.4);
	color:#fff;
	text-align: center;
	position: relative;
	font-size: 26px;
	font-family: 'Cookie', Times, Times New Roman, serif;
	vertical-align: middle!important;
	padding:50px 10px 10px;
	cursor: inherit;
}
.photogallery li:hover span {
	position: absolute;
	top:0px;
	left: 0px;
	vertical-align: middle!important;

}
#footer {
	background:url('images/footer.jpg') #E896A9;
	color: #fff;
	font-weight: 200;
}
#footer .center {
	margin:0px auto;
	width:974px;
	padding-top:40px;
}
#footer .center .copyright {
	color: #DC7282;
}
#footer .center p {
	line-height: 24px;
}
#footer .center ul {
	float: right;
	clear: both;
	text-align: center;
}
#footer .center ul.nav {
	border-bottom: 1px solid #fff;
	padding-bottom:6px;
	margin-bottom:6px;
}
#footer .center ul.nav li {
	display: inline;
	padding: 0px 8px;
	margin: 4px 0px;
	border-left: 1px solid #fff;
	text-transform: uppercase;
}
#footer .center ul.nav li a {
	background: none;
}
#footer .center ul.nav li:first-child {
	border-left: 0px none transparent;
}
#footer .center ul.social li {
	display: inline;
}
#footer .center ul.social li a {
	display: block;
	width:42px;
	height: 42px;
	margin:8px 4px;
	background: url('images/social.png') no-repeat;
	overflow: hidden;
	text-indent: -999px;
	float: left;
}
#footer .center ul.social li a[href*="mailto"] {
	background-position: 0px 0px;
}
#footer .center ul.social li a[href*="pinterest"] {
	background-position: -50px 0px;
}
#footer .center ul.social li a[href*="instagram"] {
	background-position: -100px 0px;
}
#footer .center ul.social li a[href*="facebook"] {
	background-position: -150px 0px;
}
#footer .center li a {
	color: #fff;
	text-decoration: none;
}

.pp-insert-all {
	background:url('images/prettyPhoto/default/loader.gif') no-repeat center;
}
.pp-gallery-placeholder {
	display:none!important;
}