@charset "utf-8";
/* CSS Document */
/*  
Theme Name: The Sweet Shoppe Blog
Description: This HTML5 WordPress theme was custom designed and coded for Sweet Shoppe Designs, 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/

*/
/* disable common ligatures, usually on by default */


body{
	background: #fff url(images/hdbg.gif) top center repeat-x;
	color: #4b4b4b;
	font-family: "Century Gothic", Helvetica, Arial, Sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
}

html, body {
	height: 100%;
}

body, h1, h2, h3, h4, h5, h6, blockquote, form{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6{
	color: #17a5b9;
	font-family: 'GeoSlb712MdBT-Regular';
	font-weight: normal;
}

h1{
	font-size: 26px;
	padding: 0 0 10px 0;
}

h2.pagetitle{
	text-align: center;
	font-size: 12px;
	margin: 25px;
}

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

p{
	margin: 0;
	padding: 0 0 10px;
}

p.more{
	clear: both;
	text-align: right;
}

a{
	color: #99ab3c;
	text-decoration: none;
}

a:hover{
	color: #17a5b9;
}

.clear{
	clear: both;
}


blockquote{
	margin: 15px 25px 0;
	padding: 0 0 0 25px;
}

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

#mainHd{
	height: 162px;
	margin-bottom: 20px;
}

h1#logo{
	background: url(images/sweetShoppeLogo.png) top left no-repeat;
	float: left;
	height: 77px;
	margin: 50px 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 325px;
}

h1#logo a{
	display: block;
	height: 77px;
	margin: 0;
	padding: 0;
	width: 325px;
}

/* mainNav styling */
#mainNav{
	float: right;
	font-family: 'GeoSlb712MdBT-Regular'; 
	font-size: 14px;
	height: 43px;
	margin: 90px 0 0;
}

#mainNav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainNav ul li{
	float: left;
	height: 43px;
	margin: 0 15px 0 0;
	padding: 0;
}

#mainNav ul li a{
	color: #4a4a4a;
	display: block;
	font-weight: normal;
	text-transform: lowercase;
	height: 26px;
	padding-top: 17px;
}

#mainNav ul li a:hover{
	color: #6f6f6f;
}

li#shoppeLink a{
	background: url(images/navIcon1.png) bottom left no-repeat;
	padding-left: 30px;
}

li#forumLink a{
	background: url(images/navIcon2.png) bottom left no-repeat;
	padding-left: 27px;
}

li#galleryLink a{
	background: url(images/navIcon3.png) bottom left no-repeat;
	padding-left: 27px;
}

li#blogLink a{
	background: url(images/navIcon4.png) bottom left no-repeat;
	padding-left: 31px;
}

li#tutorialsLink a{
	background: url(images/navIcon5.png) bottom left no-repeat;
	padding-left: 29px;
}

li#staffLink a{
	background: url(images/navIcon6.png) bottom left no-repeat;
	padding-left: 32px;
}

li#chatLink a{
	background: url(images/navIcon7.png) bottom left no-repeat;
	padding-left: 36px;
}

li#shoppeLink a:hover, li#forumLink a:hover, li#galleryLink a:hover, li#blogLink a:hover, li#tutorialsLink a:hover, li#staffLink a:hover, li#chatLink a:hover, #shoppe li#shoppeLink a, #blog li#blogLink a, #tutorials li#tutorialsLink a, #staff li#staffLink a{
	background-position: top left;
}

/* Main Content */
#mainContent{
	float: right;
	width: 730px;
}

/* subFt Styling */
#subFt{
	background: url(images/subFtBg.gif) top left repeat-y;
	clear: both;
	margin: 15px auto;
	width: 1000px;
}

#subFtBot{
	background: url(images/subFtBot.gif) bottom left no-repeat;
	margin: 0;
	padding: 0;
	width: 1000px;
}

#subFtTop{
	background: url(images/subFtTop.gif) top left no-repeat;
	margin: 0;
	padding: 20px 4px;
	width: 992px;

}

#subFt ul{
	margin: auto;
}

#ftCol1, #ftCol2{
	border-right: 1px solid #b8b8b8;
	float: left;
	margin: 0;
	padding: 5px 25px 10px;
	width: 280px;
}

#ftCol3{
	float: left;
	margin: 0;
	padding: 5px 25px 10px;
	width: 280px;
}

#subFt a{
	color: #868686;
}

#subFt li{
	margin-bottom: 5px;
}

#ftCol1 h3{
	color: #f16882;
	font-size: 18px;
	line-height: 18px;
	margin: 5px 0;
}

#ftCol1 a:hover{
	color: #f16882;
}

#ftCol2 h3{
	color: #1c91a1;
	font-size: 18px;
	line-height: 18px;
	margin: 5px 0;
}

#ftCol2 a:hover{
	color: #1c91a1;
}

#ftCol3 h3{
	color: #7c467b;
	font-size: 18px;
	line-height: 18px;
	margin: 5px 0;
}

#ftCol3 a:hover{
	color: #7c467b;
}

#facebookLink{
	background: url(images/facebookIcon.png) top left no-repeat;
	height: 20px;
	padding-left: 25px;
}

#twitterLink{
	background: url(images/twitterIcon.png) top left no-repeat;
	height: 20px;
	padding-left: 25px;

}

#emailLink{
	background: url(images/emailIcon.png) top left no-repeat;
	height: 20px;
	padding-left: 25px;

}

#pinterestLink{
	background: url(images/pinterestIcon.png) top left no-repeat;
	height: 20px;
	padding-left: 25px;
}

#instagramLink{
	background: url(https://www.sweetshoppecommunity.com/forum/images/2011skin/instagramIcon.png) top left no-repeat;
	height: 20px;
	padding-left: 25px;
}


/* mainFt Styling */
#mainFt{
	background: url(images/ftbg.jpg) top center repeat-x;
	clear: both;
	color: #6c6c6c;
	font-size: 11px; 
	padding-top: 15px;
	width: 100%;
}

#mainFt #ftWrap{
	margin: 0 auto;
	width: 1030px;
}
p.copyright{
	float: left;
	margin: 0 200px 0 0;
	padding: 5px 0 10px;
}

p.tagline{
	background: url(images/tagline.png) top left no-repeat;
	float: left;
	height: 37px;
	margin: 0 200px 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 267px;
}

p.lc{
	float: right;
	margin: 0;
	padding: 5px 0 10px;
	text-align: right;
}

p.lc a{
	color: #4b4b4b;
}

p.lc a:hover{
	color: #292929;
}

/* Post Content */
#pageContainer{
	width: 1030px;
}

#pageContainer .post .title-block h2{
	width: 1030px;
}

#container{
	float: right;
	width: 730px;
}

.post{
	padding: 10px 0 30px 0;
}

.title-block{
	 -moz-font-feature-settings: "liga=0";
	 -moz-font-feature-settings: "liga" 0;
	margin-bottom: 15px;
}

.post .title-block h2{
	border-bottom: 1px solid #ccc;
	color: #99ab3c;
	font-size: 24px;
	margin: 0 0 5px;
	padding: 0 0 5px;
	width: 730px;
}

.title-block p{
	color: #797979;
	line-height: 12px;
	font-size: 12px;
}

p.postDate{
	float: left;
	margin: 0;
	padding: 0;
}

.postSocial{
	float: right;
}

.fb-like{
	float: left;
	padding-top: 2px;
}

.tweet{
	float: left;
	padding-top: 2px;
	width: 85px;
}

.pinThis{
	float: left;
}

.entry{
	clear: both;
	line-height: 18px;
}

.entry p{
	text-align: justify;
}

.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, .entry ul li{
	list-style: disc;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	color: #ac6dcd;
	line-height: 10px;
	margin: 8px 0 8px;
}

.entry h1{
	font-size: 24px;
	line-height: 0px;
	color: #15a4b8;
}

.entry h2{
	font-size: 14px;
	font-style:italic;
	line-height: 15px;
	color: #99ab3c;
	padding: 3px 0px;
	
}

.entry h3{
	font-size: 12px;
	font-style:italic;
	color: #000000;
}

.entry h4{
	font-size: 25px;
	line-height: 22px;
	color: #15a4b8;
}

.entry h5{
	font-size: 18px;
	line-height: 18px;
	color: #ac6dcd;
	font-style:bold;
}

.entry h6{
	font-size: 15px;
	
}

.postmetadata{
	background: url(images/divider.gif) top center no-repeat;
	color: #888;
	font-size: 12px;
	margin: 0 0 25px 0;
	padding-top: 25px;
}

.postmetadata .metaCat{
	float: left;
	text-align: left;
	width: 285px;
}

.postmetadata .commCount{
	float: right;
	text-align: right;
	width: 285px;
}

.navigation{
	clear: both;
	margin: 0;
	padding: 0 0 20px;
	width: 730px;
}

p.prev{
	float: left;
	padding: 0;
}

p.next{
	float: right;
	padding: 0;
}

.pagination{
	clear: both;
	margin: 0;
	padding: 0 0 20px;
	text-align: center;
	width: 730px;
}

/* Sidebar */
#sidebar{
	float: left;
	width: 281px;
	margin: 0;
	display: inline;
}

#sidebar a{
	color: #777777;
}

#sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

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

#sidebar ul li h2{
	height: 45px;
	margin-bottom: 15px;
	text-indent: -9999px;
	width: 281px;
}

h2#categories{
	background: url(images/blogCategoriesHd.gif) top left no-repeat;
}

h2#designerHd{
	background: url(images/blogDesignersHd.gif) top left no-repeat;
}

h2#sugarBabesHd{
	background: url(images/blogSugarBabesHd.gif) top left no-repeat;
}

h2#hybridBabesHd{
	background: url(images/blogHybridBabesHd.gif) top left no-repeat;
}

#text-3 h2{
	background: url(images/blogFanHd.gif) top left no-repeat;
}

#archives-2 h2{
	background: url(images/blogArchivesHd.gif) top left no-repeat;
}

#sidebar ul ul li{
	padding: 0 0 0 10px;

}

#sidebar ul.children, #sidebar ul.children li{
	margin-left: 15px;
	padding: 0;
	list-style-position: inside;
	list-style: disc;
}

#sidebar ul div.textwidget{
	padding: 0 20px;
}

#sidebar li#search{
	margin: 0;
	width: 281px;
}

#search input#s{
	background: #fff;
	border: solid 1px #6c6c6c;
	float: left;
	height: 14px;
	line-height: 14px;
	margin: 0 3px 0 0;
	outline: none;
	padding: 3px 5px;
	width: 188px;
}

#search input#searchsubmit{
	background: #aeaeae;
	border: solid 1px #6c6c6c;
	color: #fff;
	display: block;
	float: right;
	height: 22px;
	line-height: 14px;
	margin: 0;
	outline: none;
	padding: 3px 0;
	text-align: center;
	width: 70px;
}

#search input#searchsubmit:hover{
	background: #6c6c6c;
}

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 article{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-size: 16px;
	margin-bottom: 15px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: "Century Gothic", Helvetica, Arial, Sans-serif;
	font-size: 12px;
}

#commentform p{
	margin-bottom: 10px;
}

#commentform p label{
	color: #9c9c9c;
	font-size: 12px;
}

#commentform input{
	background: #fff;
	border: solid 1px #6c6c6c;
	height: 14px;
	line-height: 14px;
	margin: 0 3px 0 0;
	outline: none;
	padding: 3px 5px;
	width: 250px;
}

#commentform textarea{
	background: #fff;
	border: solid 1px #6c6c6c;
	height: 150px;
	line-height: 14px;
	margin: 0 3px 0 0;
	outline: none;
	padding: 3px 5px;
	width: 400px;
}

#commentform input#submit{
	background: #aeaeae;
	border: solid 1px #6c6c6c;
	color: #fff;
	display: block;
	height: 22px;
	line-height: 14px;
	margin: 0;
	outline: none;
	padding: 3px 0;
	text-align: center;
	width: 125px;
}

#commentform input#submit:hover{
	background: #6c6c6c;
}

/* 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.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}

/* Homepage Styling */
#topContent{
	height: 450px;
	margin: 0 0 20px;
	width: 1000px;
}

#welcome{
	float: right;
	height: 450px;
	line-height: 24px;
	margin: 0;
	text-align: justify;
	width: 265px;
}

#welcome h2{
	border-bottom: 1px solid #ccc;
	color: #ee6e7d;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.imageSlider{
	float: left;
	height: 450px;
	width: 685px;
}

#midContent{
	background: url(images/galleryScrollBg.jpg) top left no-repeat;
	height: 255px;
	margin: 0 0 20px;
	padding: 23px 15px;
	width: 970px;
}

#midContent #desc{
	float: left;
	font-size: 12px;
	height: 245px;
	line-height: 18px;
	margin-right: 15px;
	text-align: justify;
	width: 170px;
}

#midContent #desc h2{
	border-bottom: 1px #cecece solid;
	color: #7c397c;
	font-size: 18px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#midContent .carousel ul li{
	border: 9px solid #cecece;
	float: left;
	height: 230px;
	margin: 5px 0 0 12px;
	width: 230px;
}

#midContent .carousel ul li a img{
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}

.slides{
	position: relative;
}

.slides .prev{
	background: url(images/prev.png) top left no-repeat;
	border: none;
	display: block;
	height: 26px;
	left: 185px;
	position: absolute;
	text-indent: -9999px;
	top: 120px;
	width: 26px;
	z-index: 99;
}

.slides .next{
	background: url(images/next.png) top left no-repeat;
	border: none;
	display: block;
	height: 26px;
	right: -5px;
	position: absolute;
	text-indent: -9999px;
	top: 120px;
	width: 26px;
	z-index: 99;
}

#bottomContent{
	margin: 0 0 20px;
	height: 500px;
	width: 1000px;
}

#featDesigner, #recBlog{
	float: left;
	height: 330px;
	width: 491px;
}

#freebies, #tuts{
	float: left;
	height: 230px;
	width: 491px;
}

#featDesigner, #freebies{
	margin-right: 18px;
}

#featDesigner article, #recBlog article, #freebies article, #tuts article{
	padding: 20px 10px 0;
}

#featDesigner article img, #recBlog article img, #freebies article img, #tuts article img{
	float: left;
	height: 150px;
	margin: 0 25px 0 0;
	width: 150px;
}

#featDesigner article .excerpt, #recBlog article .excerpt, #freebies article .excerpt, #tuts article .excerpt{
	float: right;
	margin: 0;
	text-align: justify;
	width: 285px;
}

#featDesigner article p.more, #recBlog article p.more, #freebies article p.more, #tuts article p.more{
	margin-top: 15px;
}

#featDesigner h2, #recBlog h2, #freebies h2, #tuts h2{
	height: 44px;
	width: 491px;
	text-indent: -9999px;
}

#featDesigner h2{
	background: url(images/homeFeatDeshd.gif) top left no-repeat;
}

#featDesigner h3, #recBlog h3{
	font-size: 18px;
	margin-bottom: 15px;
}

#featDesigner a{
	color: #1ca8b9;
}

#featDesigner a:hover{
	color: #048d9e;
}

#recBlog h2{
	background: url(images/homeBloghd.gif) top left no-repeat;
}

#recBlog a{
	color: #9fb14e;
}

#recBlog a:hover{
	color: #7b8e25;
}

#freebies h2{
	background: url(images/homeFreebieshd.gif) top left no-repeat;
}

#freebies a{
	color: #f38935;
}

#freebies a:hover{
	color: #d86b14;
}

#tuts h2{
	background: url(images/homeTuthd.gif) top left no-repeat;
}

#tuts a{
	color: #f64943;
}

#tuts a:hover{
	color: #cf201a;
}

/* Contact Form */
#contactForm, #subscribeForm{
	margin: 20px auto;
	width: 500px;
}

#contactForm input, #subscribeForm input{
	background: #fff;
	border: 1px solid #ccc;
	height: 14px;
	margin: 5px 0 15px;
	padding: 5px;
	width: 300px;
}

#contactForm textarea, #subscribeForm textarea{
	background: #fff;
	border: 1px solid #ccc;
	height: 250px;
	margin: 5px 0 15px;
	padding: 5px;
	width: 490px;
}

#contactForm select, #subscribeForm select{
	margin: 5px 0 15px;
}

#contactForm input.wpcf7-submit, #subscribeForm input.subscribeSubmit{
	background: #aeaeae;
	border: solid 1px #6c6c6c;
	color: #fff;
	display: block;
	height: 22px;
	line-height: 14px;
	margin: 0;
	outline: none;
	padding: 3px 0;
	text-align: center;
	width: 70px;
}

#contactForm input.wpcf7-submit:hover, #subscribeForm input.subscribeSubmit:hover{
	background: #6c6c6c;
}

#subscribeForm p.select{
	margin: 0;
	padding: 0 0 5px;
}

#subscribeForm p.select input{
	margin: 0;
	padding: 0;
	width: 20px;
}

/* Staff Page Styling */
#staff #pageContainer{
	padding-left: 25px;
}

.staffBlockContainer{
	padding-left: 35px;
}

.staffBlock{
	float: left;
	height: 275px;
	margin: 0 25px 25px 0;
	width: 200px;
}

.staffBlock h3{
	color: #888888;
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 5px;
	text-align: center;
}

.staffImg{
	background: url(images/staffphoto-frame.png) top left no-repeat;
	height: 170px;
	margin: 0 0 10px;
	padding: 15px;
	width: 170px;
}

#staff #pageContainer h2#staffPageTitle{
	border: none;
	color: #f38935;
	font-size: 28px;
	margin: 0 0 30px;
	text-align:center;
	width: 1000px;
}

#staff #pageContainer h2{
	border-bottom: 1px solid #ccc;
	color: #99ab3c;
	font-size: 24px;
	margin: 0 0 15px;
	padding: 0 0 5px;
	width: 950px;
}