/*
Theme Name: Carla Stewart (based on Memoir)
Description: 2 Column customized for Carla Stewart by Jones House Creative
Author: Jones House Creative
*/


/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

/*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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body {
	line-height: 18px; 
	font-family: 'Neutra Text TF', Helvetica Neue, Arial, sans-serif; 
	font-size: 16px; 
	color: #432618/*#7c7c7c*/;  
}

a { text-decoration: none; color: #9D2727; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #000; letter-spacing: -1px; line-height: 1em; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 24px; }
strong { font-weight: normal; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
	blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image {
	float: left; 
	margin: 3px 8px 8px 0px;
	width:150px;
	height:150px; 
	border:3px solid #ffffff;
	box-shadow:0 0 7px #222222;
	-moz-box-shadow:0 0 7px #222222;
	-webkit-box-shadow:0 0 7px #222222;
}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
/*#main_bg img {
	min-height: 100%; 
	min-width: 1500px; 
	width: 100%; 
	height: auto; 
	position: fixed; 
	top:0;
}*/

html {
	background-image:url(images/bg-carlastewart.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#f2e2bf;
}

#container { text-align: left; margin: 0 auto; width: 1000px; position: relative; height: 100%; z-index: 100; }

	#menu {  }
	
#menu-top { background:url(images/menu-top.png) no-repeat; height: 32px; }
	
		#menu-content { text-align: center; position: relative; min-height:20px; background: url(images/bg-nav-ornament.png) top center no-repeat; height: 61px; padding: 26px 0 0; }
	
#logo {
	margin: 70px auto 0;
}

#logoWrap { text-align: center; }
	
		#menu-bottom { background:url(images/menu-bottom.png) no-repeat; height: 39px; }
	
	#content-top { background:url(images/content-top-bg.png) no-repeat; height:27px; }
	
	#content { background: rgba(243,235,216,0.5); }
	
		#main-area { float: left; width: 53%; padding-left: 75px; padding-right: 58px; padding-top: 50px;  }	
	
			.entry { margin-bottom:55px; }
			
	
				h1.title, h2.title, h3#comments, h3#reply-title span { font-size: 36px; margin-bottom: 4px; text-align: center; background:url(images/title-bg.png) no-repeat center bottom; padding-bottom: 19px; }
	
				h3#reply-title span { display: block; }
	
					h2.title a, h1.title, h3#comments { color: #971800; text-decoration: none; text-shadow: 1px 1px 0 #ffffff; text-transform: uppercase; }
	
					span.drop-caps { font-size: 48px; color: #9d2727; text-shadow: 1px 1px 1px #ffffff;float: left; margin-right:5px; margin-top:12px; display: block; line-height: 25px; }
	
div.post-thumbnail {
	height:210px;
	margin:0 20px 0 0; 
	padding-top:7px; 
	position:relative; 
	width:135px; 
	margin-right: 20px;
}		
	
					span.post-overlay { background:url(images/post-overlay.png) no-repeat;
display:block; height:136px; left:0px; position:absolute; top:7px; width:136px; }
					
	
				div.meta-info { float: left; margin: 40px auto 0; position: relative; }
	
					.shadow-left { background-image: url(images/shadow-left.png); height: 23px; width: 156px; float: left; margin-left: 3px; }
	
					.shadow-right { background-image: url(images/shadow-right.png); height: 23px; width: 156px; float: right; margin-left: -6px; }
	
					.postinfo { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #f1f1f1; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #9c9c9c; float: left; clear: both; margin-top: -44px; }
	
						.postinfo span { border: 1px solid #fff; color: #a4a4a4; font-size: 12px; font-style: italic; float: left; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: url(images/light-left.png) top left repeat-y; text-shadow: 1px 1px 0px #fff; display: block; }
	
							.postinfo span a { color: #666666; text-decoration: none; }
	
							.postinfo span span { border: none; padding: 7px 15px; background: url(images/light-right.png) top right repeat-y;}
			
			#custom-search { background: url(images/search-glow.png) no-repeat 0px 1px; margin-top: -16px; padding-top: 16px; }
	
				#search-form { background: url(images/search-form.png) no-repeat; width: 160; height: 31px; padding-left: 15px; margin-left:15px; margin-bottom:12px; }
	
					#search-form #searchinput { background: none; border: none; float: left; margin: 7px 27px 0 0px; width: 120px; font-size: 12px; color: #3a3a3a; text-shadow: 1px 1px 1px #ffffff; font-size: 11px; font-style: italic; }
						#search-form #searchsubmit { padding-top: 0px; margin-right: 9px; float: left;}
		
	#content-bottom { background:url(images/content-bottom-bg.png) no-repeat; height:66px; margin-bottom:5px; }
	
	.post ul, .comment-content ul { list-style-type: disc; padding: 10px 0px 10px 20px; }
		.post ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 10px 0px 10px 2px; }
			.post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }
			.post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol  { padding: 2px 0px 2px 35px; }
			
	#main-area { padding-top: 55px; }
	
	.fullwidth #content-top { background:url(images/content-top-bg-fullwidth.png) no-repeat; }
	.fullwidth #content { background:url(images/content-bg-fullwidth.png) repeat-y; }
	.fullwidth #content-bottom { background:url(images/content-bottom-bg-fullwidth.png) no-repeat; }
	.fullwidth #main-area { width: 712px; background: url(images/main-top-glow.png) no-repeat 243px 14px; }
	.fullwidth #main-top-glow { left: 240px; }
	
	a.readmore { background: url("images/respond.png") no-repeat scroll right bottom; display: block; font-size: 12px; height: 26px; line-height: 25px; padding-right: 14px; float: right; color: #fff; cursor: pointer; }
		a.readmore span { text-decoration: none; color: #e9e9e9; background: url("images/respond.png") no-repeat; display: block; height: 26px; padding-left: 14px; font-size: 12px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
	a.readmore span:hover { text-decoration: none; color: #3FF; }
		
/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/ 
/*------------------------------------------------*/

	ul#top-menu li { padding-bottom: 17px; display: inline-block; margin: 0 16px; font-family: 'Neutra Text TF', sans-serif; text-transform: uppercase; }
	
		ul#top-menu li a { text-decoration:none; }
		
ul#top-menu a strong {
	color:#44280d; 
	font-size:17px; 
	display: inline;
}

			ul#top-menu a span { color:#929292; display:block; font-size:10px; text-transform: uppercase; margin-top:7px; }
			ul#top-menu a span.sf-sub-indicator { display: inline; color: #F6E68B; font-size: 16px; }
				ul#top-menu li.current-menu-item > a strong, ul#top-menu li a:hover strong/*, ul#top-menu li.sfHover > a > strong */{ color: #a32215; }
				
			ul#top-menu li ul { background: url(images/dropdown-bottom.png) no-repeat bottom left; width: 181px; padding: 12px 0; text-align: center; z-index: 9999; }
				
			span.dropdown-top { background: url(images/dropdown-top.png) no-repeat; display: block; width: 181px; height: 14px; position: absolute; top: -14px; left: 0; }
					
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

div.avatar { position: relative; float: left; margin: 0 10px 0 0; }
	div.avatar span.overlay { display: block; position: absolute; top: 0; left: 0; width: 41px; height: 41px; background: url(images/avatar-overlay.png) no-repeat; }
span.fn, span.fn a { font-size: 24px; color: #131313; }
span.fn a:hover { text-decoration: none; }
.commentdate { font-size: 12px; text-transform: uppercase; color: #9d2727; }

.commentlist ul.children li { margin-left: 90px; }
.comment-body { padding: 10px 0; }

.reply-container { background: url("images/respond.png") no-repeat scroll right bottom; display: block; font-size: 12px; height: 26px; line-height: 25px; padding-right: 14px; float: right; }
	.reply-container a { background: url("images/respond.png") no-repeat; display: block; height: 26px; padding-left: 14px; color: #fff; font-size: 12px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); color: #FFFFFF; }
.reply-container a:hover { text-decoration: none; color: #eee; }

#commentform textarea#comment { width: 95%; }
#commentform input[type=text] { width: 40%; }
#commentform textarea#comment, #commentform input[type=text] { background: #626262; background: rgba(98,98,98,0.17); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.5); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.5); box-shadow: 0px 1px 0px rgba(255,255,255,0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: none; padding: 12px; color: #131313; font-size: 14px; font-style: italic; text-shadow: 1px 1px 1px #fff; font-family: Georgia, serif; }
#commentform p { padding-bottom: 0; }

li.comment #respond input[type=text] { width: 50% !important; }

li.comment #respond h3#comments { display: block; }

#commentform input#submit { float: right; }

#respond { padding: 60px 0 0; }
	.commentlist #respond { padding: 10px 0 30px; }
	
h3#comments { margin-bottom: 25px; }
#respond h3#comments { margin-bottom: 15px; }
		
/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
	
	p#copyright { float:right; font-size:14px; color:#999999; text-shadow: 1px 1px 1px #fff; padding: 16px 37px; font-style: italic; }	
		p#copyright a { font-style: normal; color:#767676;}
		

/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

#sidebar {float: right; width: 25%; background: rgba(159, 188, 199, 0.5); ) no-repeat left bottom; padding: 35px; color: #553925; }
	#sidebar a { color: #ffffff; }
	.widget { padding: 0; font-size:12px; }
		.widget h3.widgettitle { color:#432618; font-size:18px; text-transform: uppercase; text-align:center; padding-bottom:14px; }

		.widget ul li { background:url(images/sidebar-bullet.png) no-repeat 0px 7px; 
padding:0 0 6px 14px; }
			#sidebar .widget ul li a { color: #ffffff/*868686*/; font-size:12px; text-shadow:1px 1px 1px #333333;  }
	#sidebar a:hover { color: #3FF /*#9D2727*/ !important; }
.widget img {
	border:3px solid #ffffff;
	box-shadow:0 0 7px #222222;
	-webkit-box-shadow:0 0 7px #222222;
	-moz-box-shadow:0 0 7px #222222;
}
	
				
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }

	
/*------------------------------------------------*/
/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
/*------------------------------------------------*/

/*.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
.nav li { float:left; position:relative; }
.nav a { display:block; float: left; }
	.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; }
	.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; }
	.nav li:hover ul, .nav li li:hover ul { top: -999em; }
	.nav li li {	display: block;	padding: 0px; float: left; height: auto !important; }
	.nav li ul { width: 191px; z-index:1000; }
		.nav li li a:link, .nav li li a:visited {	display: block; height: auto; float: left; }
		.nav li:hover { visibility: inherit; } */
		
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height:	1.0; }
	.sf-menu ul { position:	absolute; top: -999em; width:10em; /* left offset of submenus need to match (see below) */ }
		.sf-menu ul li { width:	100%; }
		.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
		.sf-menu li { float: left; position: relative; }
			.sf-menu a { display: block; position: relative; }
			.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */	z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 176px; /* match ul width */ top: -9px; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: -9px; }

/*** adding sf-vertical in addition to sf-menu creates a vertical menu 
.sf-vertical, .sf-vertical li {	width:	10em; } ***/
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 11em; /* match ul width */ top: -9px; }
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }


/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 185px;	}
	#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
		#wp-calendar a:hover { text-decoration: underline; }
	#wp-calendar caption {	text-decoration: none; font: bold 13px Arial, Sans-Serif; }
	#wp-calendar td {	padding: 3px 5px; color: #9f9f9f; }
		#wp-calendar td#today { color: #ffffff; }
	#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
		#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
		#wp-calendar #next a { padding-right: 10px; text-align: right; }
		#wp-calendar #prev a { padding-left: 10px; text-align: left; }
		
/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.pagination { overflow: hidden; padding: 15px 12px 0px; }
.wp-pagenavi { position: relative; text-align: center; font-family: Georgia, serif; }
	.wp-pagenavi span.pages { border: none; color: #b7b7b7; }
	.wp-pagenavi span.current, .wp-pagenavi a { color: #868686; font-size: 30px; border: none !important; }
	.wp-pagenavi span.current, .wp-pagenavi a:hover { color: #9d2727; }
	.wp-pagenavi a, .wp-pagenavi span { padding: 3px 7px !important; }

a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }

.js #feat-content, .js div#from-blog div.entries {display: none;} 

.foursixeight { margin: 0px 0px 15px 84px;}

.nav li, .nav a { float: none; }
label.hidden { display: none; }
#container { z-index: 20; }                                                     
#menu { z-index: 100; }  

.postinfo span span span {background:transparent ; padding:0px; float:right;}

#comment-wrap .navigation { padding: 10px 0; }
	.nav-previous { float: left; }
	.nav-next { float: right; }
h3#reply-title small { display: block; }
	h3#reply-title small a { font-size: 12px; letter-spacing: 0px; }
	
#commentform input[type=text] { width: 40%; display: block; padding: 5px; }
#commentform textarea#comment { width: 91%; }
.commentlist #respond textarea#comment { width: 98% !important; }
.commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; }
.comment_navigation_top, .comment_navigation_bottom { padding: 10px 0; }

.footerWrapper {
	width:100%;
	height:385px;
	background-image: url(images/bg-carla-footer.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	margin:25px auto 0 auto;
}

.footerSections {
	width:900px;
	height:304px;
	margin:0 auto;
	padding-top:35px;
	position:relative;
}

.footerSections .widget {
	background:none;
	padding:56px 0 0 27px;
}

.footerSections .widget .textwidget {
	width:167px;
	position:absolute;
}

.oneFourthBooks {
	display: inline-block;
	width:222px;
	height:304px;
	background-image:url(images/bg-footer-books.png);
	background-repeat:no-repeat;
	zoom:1;
	*display:inline;
}

.oneFourthTogether {
	display: inline-block;
	width:222px;
	height:304px;
	background-image:url(images/bg-footer-together.png);
	background-repeat:no-repeat;
	zoom:1;
	*display:inline;
}

.oneFourthTogether .textwidget {
	padding-top:53px;
}

.oneFourthTwitter {
	display: inline-block;
	width:222px;
	height:304px;
	background-image:url(images/bg-footer-twitter.png);
	background-repeat:no-repeat;
	zoom:1;
	*display:inline;
}

.twitterWidget {
	width:186px;
	height:228px;
	padding:58px 0 0 18px;
	position:absolute;
	font-size:11px;
	overflow:hidden;
}

.twitterWidget li {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #666666;
}

.oneFourthNews {
	display: inline-block;
	width:222px;
	height:304px;
	background-image:url(images/bg-footer-news.png);
	background-repeat:no-repeat;
	zoom:1;
	*display:inline;
}

.seeMore a {
	width:150px;
	height:35px;
	margin-top:250px;
	float:right;
	background-image:url(images/seemore.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.thisWay a {
	width:150px;
	height:35px;
	margin-top:188px;
	margin-right:13px;
	float:right;
	background-image:url(images/this-way.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.socialIcons {
	width:225px;
	height:auto;
	padding:20px 0 15px 5px;
}

#sidebar .socialIcons h3 {
	text-align:center;
	color:#553925;
	text-transform:uppercase;
	font-size:18px;
}

.socialIcons img {
	width:50px;
	height:auto;
	margin-right:2px
}

.socialIcons ul li {
	display:inline;
}

.galleryEntry {
	float:left;
	width:400px;
	margin-left:20px;
	padding-top:32px;
	min-height:350px;
}

span.statcounter {
        display:none;
}

iframe#twitter-widget-0 .timeline {
	background-color:none !important;
}

/** FONTS **/
@font-face {
  font-family: 'Neutra Text TF';
  src: url('neutral-font.eot'); /* IE9 Compat Modes */
  src: url('neutral-font.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('neutral-font.woff') format('woff'), /* Modern Browsers */
       url('neutral-font.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('neutral-font.svg#957138bb5c2b51cc4cd36ba8ca46f707') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}