@charset "utf-8";

/* CSS Document */

/*  

Theme Name: Sweet Shoppe Designs 10th Anniversary Theme

Description: This HTML5 WordPress theme was custom designed and coded, and is NOT freeware. Unauthorized use of this code or graphics is a violation of copyright.

Version: 1.0

Author: Genevieve Sass

Author URI: http://lilaccreative.com/



*/



/* Webfonts: 'MontagLight', 'STBold', 'STLight' */

body{

	margin: 0;

	font-family: 'Century Gothic', Helvetica, Arial, Sans-serif;

	font-size: 16px;

	line-height: 24px;

	text-align: left;

	vertical-align: top;

	background: #ffffff url(images/dots-top.png) top repeat-x;

	color: #444;

}



body, h1, h2, h3, h4, h5, h6, blockquote, p, form{

	margin: 0;

	padding: 0;

}

#sb-site{ background: #ffffff url(images/dots-top.png) top repeat-x; padding-top: 53px; }



h1, h2, h3, h4, h5, h6{ font-family: 'MontagLight'; font-weight: normal; }



.hdWrap{ background: url(images/dots-pk.png) center repeat-x; height: 33px; margin: 0 0 20px; padding: 0; width: 100%; }

.hdWrap:after{ clear: both; content: ''; display: table; }

.hdWrap h3{

	background: url(images/banner-long.png) center right no-repeat;

	box-sizing: border-box;

	color: #fff;

	float: left;

	font-size: 18px;

	height: 33px;

	line-height: 18px;

	margin: 0;

	padding: 8px 50px 4px 30px;

	text-align: center;

	width: auto;

}

.hdWrap.categorypage h3{ text-transform: lowercase; }

#indexSearch{

	background: #fff;

	float: right;

	height: 33px;

	box-sizing: border-box; 

	padding: 8px 15px;

	font-size: 14px;

	border: 1px solid #fecccd;

	width: 200px;	

}

#indexSearch input[type=text]{ border: none; outline: none; font-size: 14px; height: 16px; padding: 0; margin: 0; max-width: 150px; width: 100px !important; float: left; }

#indexSearch input[type=submit]{ float: right; background: url(images/search-button.jpg) top left no-repeat; height: 17px; margin: 0; padding: 0; width: 21px !important; text-indent: -9999px; } 



a:link, a:visited{

	text-decoration: none;

	color: #ed9999;

}



a:hover{

	color: #ffcccc;

}



ul, ul li{ list-style: none; }



p{

	padding: 0 0 20px;

}

p.small{ font-size: 11px; line-height: 14px;}

.clear{

	clear: both;

}



blockquote{

	margin: 15px 25px 0;

	padding: 0 0 0 25px;

}



span.st{ color: #ed9999; font-family: 'storyteller_scriptbold'; font-weight: normal; }



/* Clearing */

.socialIcons ul:after, #mainHd .menu:after, #maindHd .wrap:after, .block .postmeta::after{ clear: both; content: ''; display: block; }



/* Structure */

.wrap{

	margin: 0 auto 0 auto;

	text-align: left;

	max-width: 1400px;

	width: 100%;

}



/* Header */

.socialIcons{ float: left; margin: -25px 0 0; }

.socialIcons ul{ 

	background: url(images/banner.png) top right no-repeat; 

	height: 33px;

	list-style: none;

	margin: 0;

	padding: 2px 50px;

	width: auto;

}



.socialIcons ul li{ float: left; height: 29px; margin: 0 5px 0 0; padding: 0; width: 29px; }

.socialIcons ul li a{ background-position: top; display: block; height: 29px; margin: 0; padding: 0; text-indent: -9999px; width: 29px;  }

.socialIcons ul li a:hover{ background-position: bottom; }

.socialIcons ul li.linkFB a{ background-image: url(images/icon-fb.png); }

.socialIcons ul li.linkTwitter a{ background-image: url(images/icon-twitter.png); }

.socialIcons ul li.linkPin a{ background-image: url(images/icon-pin.png); }

.socialIcons ul li.linkIG a{ background-image: url(images/icon-ig.png); }



.newsletterSignup{ float: right; font-family: 'MontagLight'; font-weight: normal; margin-bottom: 15px; display: block; height: 90px;  }

.newsletterSignup p{ margin: 0; padding: 0 0 5px; }

.newsletterSignup input[type=text]#fakeField{ display: none; }



#mainHd{

	background: #f5f0ec url(images/stripe.png) bottom repeat-x;

	margin: 0 0 40px;

	padding-bottom: 30px;

}

#mainHd h1{ 

	background: url(images/logo.png) top left no-repeat;

	clear: both;

	float: left;

	height: 99px;

	margin: 40px 0 0;

	padding: 0;

	text-indent: -9999px;

	width: 418px;

}

#mainHd h1 a{ display: block; height: 99px; width: 418px; }



#mainHd .menu{ clear: right; float: right; font-family: 'MontagLight'; font-size: 18px; font-weight: normal; line-height: 18px; list-style: none; width: auto; }

#mainHd .menu li{ float: left; margin: 0 44px 0 0; }

#mainHd .menu li ul{ display: none; }

#mainHd .menu li:last-of-type{ margin: 0; }

#mainHd .menu li a{ color: #333; }

#mainHd .menu li a:hover{ color: #ed9999; }



.sb-toggle-left{ border: 1px solid #ffcccc; display: none; cursor: pointer; height: 26px; font-size: 18px; line-height: 20px; float:left; margin: 32px 0 0 0; padding: 10px 0 0 15px; text-transform: uppercase; width: 120px;}

.sb-toggle-left .navicon{ float: left; margin: 0 15px 0 0; }

.sb-toggle-left .navicon-line{ background: #ffcccc; display: block; height: 3px; margin: 0 auto 3px; width:20px; }

.sb-toggle-left:hover{ background: #fff; }



.sb-slidebar{ border-right: 1px solid #ccc; }

.sb-slidebar .menu{ clear: both; font-size: 24px; line-height: 24px; list-style: none; padding: 0; }

.sb-slidebar .menu li a{ display: block; padding: 5px 0 5px 15px; }



/* Footer */

#mainFoot{

	background: #f5f0ec url(images/stripe-tall.png) top repeat-x;

	clear: both;

	padding: 72px 0 30px 0;

	width: 100%;

}



#mainFoot .ftSb{

	float: left;

	height: auto;

	margin: 0;

	padding: 0;

	text-align: center;

	width: 33%;

}

#mainFoot .ftSb h3{ font-size: 24px; line-height: 24px; margin-bottom: 10px; }

#mainFoot .ftSb h3 span.st{ color: #ed9999; font-family: 'storyteller_scriptbold'; font-weight: normal; }

#mainFoot .ftSb .menu{ float: none; height: auto; width: 100%; }

#mainFoot .ftSb .menu li{ float: none; padding: 2px 0;}

#mainFoot .ftSb .menu li a{ color: #666; }

#mainFoot .ftSb .menu li a:hover{ color: #ef9999; }



#mainFoot .hdWrap h2{

	background: url(images/banner.png) top right no-repeat;

	box-sizing: border-box;

	color: #fff;

	font-size: 18px;

	height: 33px;

	line-height: 18px;

	margin: 0 auto;

	padding: 8px 0 4px;

	text-align: center;

	text-transform: lowercase;

	width: 512px;

}



#subFoot{ background: url(images/dots-bot.png) top repeat-x; font-size: 12px; line-height: 12px; text-align: center; padding: 110px 0 10px; position: relative; width: 100%; }

#subFoot .tagline{ 

	background: url(images/banner.png) top right no-repeat;

	box-sizing: border-box;

	color: #fff;

	font-size: 18px;

	font-family: 'MontagLight';

	height: 33px;

	line-height: 18px;

	margin: 0 0 0 -256px;

	padding: 8px 0 4px;

	text-align: center;

	text-transform: lowercase;

	width: 512px;

	position: absolute; 

	left: 50%; 

	top: 0;

}



/* Front Page */

.dkBg{ background: #333; }

.pkBg{ background: #ffcccc; }

.ltBg{ background: #f5f0ec; }

	.rslides li .saleButton{ height: 150px; position: absolute; right: 2.5%; bottom: 2.5%; width: 150px; }



.rslides_tabs { clear: both; display: table; margin: 15px auto 15px; width: auto; }

.rslides_tabs li{ float: left; height: 15px; margin: 10px 5px 0 0; padding: 0; text-indent: -9999px; width: 15px; }.rslides_tab li .saleButton img{ max-width: 186px; }

.rslides_tabs li a{ background: url(images/nav-dot.png) center no-repeat; display: block; height: 15px; width: 15px; }

.rslides_tabs li a:hover{ background-position: bottom center; }

#slider img{ height: auto; max-width: 1400px; width: 100%; }

.rslides_tabs li.rslides_here a{ background-position: top center; }



/* Blog Ticker */

#blogTicker{ padding: 20px 0 10px; }

#blogTicker h4{ font-size: 20px; line-height: 20px; color: #fff; float: left; margin: 0 40px 0 0; width: 400px; }

.tickercontainer { /* the outer div with the black border */

	float: right;

	width: 100%; 

	height: 27px; 

	margin: -20px 0 0 -400px; 

	padding: 0;

	overflow: hidden; 

}

.tickercontainer:after{ clear: both; content: ''; display: table; }

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */

position: relative;

margin: 0 0 0 400px;

overflow: hidden;

}

ul.newsticker { /* that's your list */

position: relative;

left: 110%;

font-size: 16px;

line-height: 20px;

list-style-type: none;

margin: 0;

padding: 0;



}

ul.newsticker li {

float: left; /* important: display inline gives incorrect results when you check for elem's width */

margin: 0;

padding: 0;

}

ul.newsticker a {

white-space: nowrap;

padding: 0;

color: #ffcccc;

margin: 0 50px 0 0;

} 

ul.newsticker span {

color: #fff;

font-size: 12px;

margin: 0 10px 0 0;

}



/* sbInspiration */

#sbInspiration{ background: #f5f0ec url(images/dots.png) 0 5px repeat-x; padding: 70px 0 0; margin: 0; }

#sbInspiration h2, #tuts h2{ font-size: 36px; line-height: 36px; float: left; margin-bottom: 30px; width: 60%; }

#sbInspiration a.button, #tuts a.button{ background: #333; color: #ffcccc; display: block; float: right; font-family: 'MontagLight'; font-size: 18px; padding: 10px 0 8px; text-align: center; text-transform: lowercase; width: 150px; }

#sbInspiration a.button:hover, #tuts a.button:hover{ background: #777; }

#sbInspiration p, #tuts p{ clear: both; color: #9c9c9c; font-size: 14px; line-height: 18px; }

#sbInspiration ul{ padding-left: 2%; }

#sbInspiration ul:after{ clear: both; content: ''; display: block; }

#sbInspiration ul li{ float: left; margin: 0 2% 40px 0; padding: 0; width: 23%; }

#sbInspiration ul li img{ border: 8px #fff solid; box-sizing: border-box; height: auto; width: 100%; }



#sbFaces{ clear: both; padding: 30px 0 0; position: relative; }

#sbFaces h3{ background: url(images/banner-home.png) top left no-repeat; box-sizing: border-box; color: #fff; font-size: 24px; height: 42px; left: 50%; line-height: 24px; margin: 0 0 0 -217px; padding-top: 8px; position: absolute; text-align: center; top: -21px; width: 434px; }

#sbFaces .face{ float: left; margin: 0 1% 15px 0; padding: 0; width: 9%; }

.face img{ border-radius: 50%; height: auto; width: 100%; }



#featDesigner{ background: url(images/stripe.png) top repeat-x; height: auto; margin: 0; padding: 28px 0 0; }

#designerInfo .wrap{ position: relative; }

#featDesignerSum{ color: #707070; float: right; font-size: 14px; line-height: 20px; padding: 50px 0; text-align: right; width: 60%; }

#featDesignerSum h3{ font-size: 24px; line-height: 24px; margin: 0 0 18px 0; }

#featDesignerSum h2{ color: #ed9999; font-family: 'Storyteller_scriptbold'; font-size: 36px; line-height: 36px; margin: 0 0 30px; }

#featDesignerSum a.button{ background: #ffcccc; color: #333; display: block; float: right; font-family: 'MontagLight'; font-size: 18px; padding: 10px 0 8px; text-align: center; text-transform: lowercase; width: 150px; }

#featDesignerSum a.button:hover{ background: #ed9999; }

#featDesignerProd{ bottom: -24px; left: 0; position: absolute; width: 35%; z-index: 99; }

#featDesignerProd img{ height: auto; width: 100%; }

#designerInfo{ clear: both; padding: 18px 0; z-index: 80; }

#designerInfo:after{ clear: both; content: ''; display: table; }

#designerInfo .bioImg{ float: right; margin: 0 0 0 15px; width: 10%; }

#designerInfo .bioImg img{ border: 1px solid #ffcccc; box-sizing: border-box; height: auto; width: 100%; }

.designerConnect{ color: #fff; float: right; font-size: 18px; padding-top: 1.5%; text-align: right; width: 47%; }

.designerConnect ul{

	float: right;

	height: 33px;

	list-style: none;

	margin: 15px 0 0;

	padding: 0 0 4px 40px;

	text-align: left;

	width: auto;

}

.designerConnect ul li{ float: left; list-style: none; }

.designerConnect ul li.icon{

	height: 29px;

	margin: 2px 5px 0 0;

	width: 29px;

}

.designerConnect ul li.icon a{ display: block; height: 29px; width: 29px; background-position: top; text-indent: -9999px; }

.designerConnect ul li.icon a:hover{ background-position: bottom; }

.designerConnect ul li.fbIcon a{ background-image: url(images/icon-fb.png); }

.designerConnect ul li.twitterIcon a{ background-image: url(images/icon-twitter.png); }

.designerConnect ul li.pinIcon a{ background-image: url(images/icon-pin.png); }

.designerConnect ul li.igIcon a{ background-image: url(images/icon-ig.png); }

.designerConnect ul li.rssIcon a{ background-image: url(images/icon-rss.png); }

.designerConnect ul li.mailIcon a{ background-image: url(images/icon-mail.png); }

.designerConnect ul li.icon.shopIcon{ width: 220px; margin-right: 0; } 

.designerConnect ul li.icon.shopIcon a{ background-image: none; background: #ffcccc; box-sizing: border-box; color: #333; text-indent: 0; font-family: 'MontagLight'; font-size: 18px; line-height: 18px; padding: 6px 0 5px; text-align: center; width: 220px; }

.designerConnect ul li.icon.shopIcon a:hover{ background-color: #fff; }





#tuts{ background: #f5f0ec url(images/stripe.png) top repeat-x; padding: 88px 0 40px; }

#tuts ul{ clear: both; padding: 0 0 0 4%; }

#tuts ul:after{ clear: both; content: ''; display: table; }

#tuts ul li{ float: left; margin: 0 3% 0 0; text-align: center; width: 30%; }

#tuts ul li a.imgLink{

	background: #fff;

	box-sizing: border-box; 

	border: 8px #fff solid;

  display: block;

  width: 100%;

  position: relative;

  height: 0;

  padding: 56.25% 0 0 0;

  overflow: hidden;

  margin-bottom: 10px;

}

#tuts ul li img{  

	position: absolute;

  display: block;

  max-width: 100%;

  max-height: 100%;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto; 

}



#freebies{ background-image:  url(images/dots-freebie.png); background-position: top left; background-repeat: repeat-x; clear: both; padding: 76px 0 30px; position: relative; }

#freebies h3{ background: url(images/banner-home.png) top left no-repeat; box-sizing: border-box; color: #fff; font-size: 24px; height: 42px; left: 50%; line-height: 24px; margin: 0 0 0 -217px; padding-top: 8px; position: absolute; text-align: center; top: 16px; width: 434px; }

#freebies p{ float: left; font-size: 16px; line-height: 24px; color: #707070; padding: 10px 0; width: 33%; text-align: justify; }

#freebies ul{ float: right; list-style: none; margin: 0; padding: 0; width: 66%; }

#freebies ul:after{ clear: both; content: ''; display: table; }

#freebies ul li{ box-sizing: border-box; float: left; height: auto; width: 20%; padding-left: 2%; }

#freebies ul li img{ box-sizing: border-box; border: 5px solid #fff; height: auto; width: 100%; }



/*Post Index */

#masonry{ box-sizing: border-box; padding-left: 3%; width: 100%; }

.block{ background: #f5f0ec url(images/stripe.png) bottom repeat-x; float: left; margin: 0 2% 2% 0; width: 22%; }

.featImg{ border: 10px solid #fff; margin: 15px; padding: 0; }

.featImg img{ height: auto; margin: 0 0 -5px; padding: 0; width: 100%; }

.block .block-content{ font-size: 14px; line-height: 20px; padding: 5px 15px 15px; text-align: center; }

.block h2{ font-size: 18px; line-height: 20px; padding: 0 0 10px; text-align: center; }

.block h2 a{ color: #333; }

.block .postmeta{ border-top: 1px solid #999; color: #999; font-size: 10px; line-height: 10px; padding: 10px 0; text-transform: uppercase; }

.block .postmeta:after{ clear: both; content: ''; display: table; }

.block .postmeta p.comm{ float: right; padding-bottom: 10px; text-align: right; width: 50%; }

.block .postmeta p.date{ float: left; padding-bottom: 10px; text-align: left; width: 50%; }



.load_more{ margin: 0 0 40px; }

.load_more a{ background: #333; color: #fff; display: block; font-family: 'MontagLight'; font-size: 18px; line-height: 18px; margin: 0 auto; padding: 10px 0 8px; text-align: center; width: 200px; }

.load_more a:hover{ background: #555; }



/* Single Post Content */

.page{ margin: 0 auto; }

#subscribeForm{ max-width: 300px; margin: 0 auto; }

#container{

	float: left;

	max-width: 950px;

	width: 70%;

}



.title-block{

	background: #f5f0ec url(images/dots.png) 0 10px repeat-x;

	margin: 0;

	padding: 22px 0 20px;

	width: 100%;

}

.title-block p.date, .title-block p.title{

	background: url(images/banner.png) top right no-repeat;

	box-sizing: border-box;

	color: #fff;

	float: left;

	font-family: 'MontagLight';

	font-size: 14px;

	margin: 0 0 15px;

	padding: 5px 50px 4px 20px;

	text-transform: lowercase;

	width: auto;

}

.title-block p.title{ font-family: 'Storyteller_scriptbold'; color: #ed9999; }

.title-block h2{

	color: #ed9999;

	clear: both; 

	font-size: 24px;

	line-height: 28px;

	padding: 15px 30px 5px;

}

.staff .title-block h2{ font-size: 34px; line-height: 38px;}

.post .postmeta{

	background: url(images/stripe.png) top repeat-x;

	box-shadow: border-box;

	color: #777;

	font-size: 12px;

	line-height: 16px;

	padding: 30px 0 0;

}

.staff .postmeta{

	background: url(images/stripe.png) top repeat-x;

	box-shadow: border-box;

	color: #777;

	display: block;

	font-size: 12px;

	line-height: 16px;

	padding: 30px 0 0;

	width: 100%;

}

.post .postmeta p.cat{ float: left; width: 50%; }

.post .postmeta p.comm{ float: right; text-align: right; width: 50%; }

.entry{

	clear: both;

	padding: 30px 20px;

}



.entry ol, .entry ul{

	list-style-position: inside;

	margin: 0 0 15px;

	padding: 0 35px;

}



.entry ol li, .entry ul li{

	margin: 0 0 5px;

}



.entry ul{

	list-style: disc;

}



.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{

	line-height: 24px;

	margin: 15px 0 10px;

}



.entry h1{

	font-size: 22px;

}



.entry h2{

	font-size: 20px;

}



.entry h3{

	font-size: 18px;

}



.entry h4{

	font-size: 16px;

}



.entry h5{

	font-size: 15px;

}



.entry h6{

	font-size: 14px;

}

.entry img{ height: auto; max-width: 100%; }

.postShare{ 

	background: url(images/dots.png) 0 15px repeat-x; 

	clear: both;

	padding-bottom: 10px;

}

.postShare:after{ clear: both; content: ''; display: block; }

.postShare p{

	background: url(images/banner.png) top left no-repeat;

	box-sizing: border-box;

	color: #fff;

	float: right;

	font-family: 'Storyteller_scriptbold';

	font-size: 18px;

	height: 33px;

	line-height: 18px;

	margin: 0;

	padding: 0 50px 4px;

	text-align: right;

	vertical-align: top;

}

.postShare p span{ display: inline-block; float: left; margin: 8px 8px 0 0; }

.postShare p img{ padding: 3px 0 0; margin: 0; }

#relatedPosts{ clear: both; }

#relatedPosts .hdWrap h3{

	background: url(images/banner-short.png) top right no-repeat;

	box-sizing: border-box;

	color: #fff;

	float: none;

	font-size: 18px;

	height: 33px;

	line-height: 18px;

	margin: 0 auto;

	padding: 8px 0 4px;

	text-align: center;

	width: 250px;

}

.hdWrap h2.pagetitle{

	background: url(images/banner.png) top right no-repeat;

	box-sizing: border-box;

	color: #fff;

	font-size: 18px;

	height: 33px;

	line-height: 18px;

	margin: 0 auto;

	padding: 8px 0 4px;

	text-align: center;

	text-transform: lowercase;

	width: 512px;

}



/* Staff Pages */

h1.mainTitle{ font-size: 36px; line-height: 40px; margin: 0 0 40px; text-align: center; }

#designersIndex, #sbIndex{ clear: both; margin-bottom: 40px; }

#designersIndex .articleWrap, #sbIndex .articleWrap{ padding-left: 2%; }

#designersIndex .block, #sbIndex .block{ width: 23%; }

#designersIndex .block .block-content h2 a, #sbIndex .block .block-content h2 a{ color: #ed9999; }

.staff .featImg{ float: left; max-width: 400px; margin: 0 4% 4% 0; }



#featLayouts .hdWrap{ background: url(images/dots-pk.png) center repeat-x; height: 42px; margin: 0 0 20px; padding: 0; width: 100%; }

#featLayouts .hdWrap h3{

	background: url(images/banner-long.png) top right no-repeat;

	box-sizing: border-box;

	color: #fff;

	float: left;

	font-size: 18px;

	height: 42px;

	line-height: 18px;

	margin: 0;

	max-width: 950px;

	padding: 15px 50px 4px 30px;

	text-align: center;

	width: auto;

}

.staff .postShare ul{

	background: url(images/banner.png) top left no-repeat;

	box-sizing: border-box;

	color: #fff;

	float: right;

	font-family: 'Storyteller_scriptbold';

	font-size: 18px;

	height: 33px;

	line-height: 18px;

	list-style: none;

	margin: 0 0 40px;

	padding: 0 30px 4px 40px;

	width: auto;

}

.staff .postShare ul:after{ clear: both; content: ''; display: table; }

.staff .postShare ul li{ float: left; list-style: none; }

.staff .postShare ul li.connect{ padding: 8px 10px 0 0; }

.staff .postShare ul li.icon{

	height: 29px;

	margin: 2px 5px 0 0;

	width: 29px;

}

.staff .postShare ul li.icon a{ display: block; height: 29px; width: 29px; background-position: top; text-indent: -9999px; }

.staff .postShare ul li.icon a:hover{ background-position: bottom; }

.staff .postShare ul li.fbIcon a{ background-image: url(images/icon-fb.png); }

.staff .postShare ul li.twitterIcon a{ background-image: url(images/icon-twitter.png); }

.staff .postShare ul li.pinIcon a{ background-image: url(images/icon-pin.png); }

.staff .postShare ul li.igIcon a{ background-image: url(images/icon-ig.png); }

.staff .postShare ul li.shopIcon a{ background-image: url(images/icon-shop.png); }

.staff .postShare ul li.rssIcon a{ background-image: url(images/icon-rss.png); }

.staff .postShare ul li.mailIcon a{ background-image: url(images/icon-mail.png); }



.staffSidebar .imgGal li img{

	border: 10px solid #fff;

	box-sizing: border-box;

	margin: 0 auto 15px 0;

	padding: 0;

	width: 100%;

}

#ctLayouts{

	padding-left: 5%;

}

#ctLayouts:after{ clear: both; content: ''; display: inline-table; }

#ctLayouts li{

	float: left;

	margin: 0 3% 3% 0;

	padding: 0;

	width: 30%;

}

#ctLayouts li img{ border: 1px solid #333; box-sizing: border-box; height: auto; width: 100%; }

#latestProd .button a, .button a{ background: #333; clear: both; color: #fff !important; display: block; font-family: 'MontagLight'; font-size: 18px; line-height: 18px; margin: 0 auto; padding: 5px 0 8px; text-align: center; width: 200px; }

.button a:hover{ background: #777; }

#featLayouts .button{ margin-bottom: 40px; }

.question:before{ color: #ed9999; content: 'Q:'; font-family: 'Storyteller_scriptbold'; float: left; font-size: 28px; display: block; margin: 0 15px 10px 0; }

.question{ font-family: 'MontagLight'; font-size: 18px; margin: 0 0 40px; padding: 0; }

.answer:before{ color: #ed9999; content: 'A:'; font-family: 'Storyteller_scriptbold'; font-size: 28px; display: block; float: left; margin: 0 15px 10px 0; }

.answer{ margin: 0 0 40px; }



/* Sidebar */

#sidebar{

	background: #f5f0ec url(images/stripe.png) bottom repeat-x;

	float: right;

	max-width: 390px;

	margin: 0 0 40px 2%;

	padding: 22px 0 44px;

	width: 28%;

}



#sidebar a{ color: #333; }

#sidebar a:hover{ color: #ef9999; }



#sidebar ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#sidebar ul li{

	box-sizing: border-box;

	padding: 10px 0 10px 0;

	width: 100%;

}



#sidebar ul li h2{

	background: url(images/banner.png) top right no-repeat;

	box-sizing: border-box;

	color: #ed9999;

	font-family: 'storyteller_scriptlight';

	font-size: 16px;

	margin: 0 0 15px;

	max-width: 450px;

	padding: 5px 0 4px 20px;

	text-transform: lowercase;

	width: 95%;

}



#sidebar ul ul, #sidebar ul li div, #sidebar ul label{

	padding: 0 25px 20px;

}

#sidebar ul ul li{ padding: 0 0 5px; }



#sidebar ul li div div{ padding: 0; }

a.sbi_photo{ border: 1px solid #999; }



table#wp-calendar{

	width: 100%;

}



/* Comments */

.comments-template{

	margin: 10px 0 0;

	padding: 10px 0 0;

}



.comments-template .commentlist{

	margin: 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template .commentlist li{

	background: url(images/stripe.png) bottom repeat-x;

	margin: 0;

	line-height: 18px;

	padding: 20px 20px 20px;

}

.comments-template .commentlist li:last-of-type{ background-image: none; }

.comments-template .commentlist li ul.children{ border-left: #f5f0ec solid 5px; }



.comments-template .commentlist article:last-of-type{ border: none; }

.comments-template .commentlist article:after{ clear: both; content: ''; display: table; }



.avatarBox{ float: left; margin: 0 3% 3% 0; width: 12%; }

.avatarBox img{ height: auto; width: 100%; }



.commentmetadata{ float: right; width: 85%; }

.commAuth{ float: left; font-size: 12px; width: 50%; }

.commDate{ float: right; font-size: 12px; text-align: right; width: 50%; }



.comments-template p.nocomments{

	padding: 0;

}



.reply{ float: right; }

.reply a{ background: #ffcccc; color: #333; display: block; font-family: 'MontagLight'; padding: 10px 10px 8px; text-align: center; width: 75px; }

.reply a:hover{ background: #ed9999; }



/* Comments Form */

#respondForm{

	background: #f5f0ec url(images/stripe.png) bottom repeat-x;

	margin: 0 0 40px;

	padding: 20px 0 40px;

}

#respond p{ padding: 0; }

#respond form{ box-sizing: border-box; padding: 20px 40px; width: 100%; }

#respond form .inputBoxes{ display: block; box-sizing: border-box; float: left; padding: 0 15px 0 0; width: 50%; }

#respond form .textBox{ display: block; box-sizing: border-box; float: left; margin: 0; width: 50%; }

#respond p.submitButton{ clear: both; }



/* General Form Elements */

/* General Form Styles */

.wpcf7-form{ max-width: 800px; margin: 0 auto; }

input[type=text], input[type=email], input[type=url], input[type=password]{

	background: #fff;

	border: 1px solid #ffcccc; 

	box-sizing: border-box;

	height: 40px;

	margin: 0 0 15px;

	padding: 10px 15px;

	width: 100%;

}

textarea{

	background: #fff;

	border: 1px solid #ffcccc;

	box-sizing: border-box;

	height: 150px;

	margin: 0 0 15px;

	padding: 10px 15px;

	width: 100%;

}

input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus{ outline: none; }

input[type=submit], button{

	background: #333;

	border: none;

	color: #ed9999;

	font-family: 'storyteller_scriptbold';

	font-size: 16px;

	line-height: 16px;

	padding: 10px 25px;

	text-transform: lowercase;

}

input[type=submit]:hover, button:hover{ background: #777; }

select{

	background: #fff;

	border: 1px solid #ffcccc; 

	box-sizing: border-box;

	height: 40px;

	margin: 0 0 15px;

	padding: 10px 15px;

	width: auto;

}

select:focus{ outline: none; }



/* WP Image-in-Post Alignment */

img.alignleft, div.alignleft {

float:left;

margin:0 0.5em 0.5em 0;

}



img.alignright, div.alignright {

float:right;

margin:0 0 0.5em 0.5em;

}



img.aligncenter, div.aligncenter {

display: block;

text-align:center;

margin:0 auto;

}



/* Responsive Slides */

.rslides {

  box-sizing: border-box;

  position: relative;

  list-style: none;

  width: 100%;

  padding: 0;

  margin: 0;

  z-index: 0;

  }



.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  z-index: 0;

  }



.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }



.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }