@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/

*/

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: #6d6d6d;
	font-family: 'GeoSlb712MdBT-Regular';
	font-weight: normal;
}

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

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

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

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

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

a{
	color: #995898;
	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: 1000px;
}

#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{
	background-position: top left;
}

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

/* 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 */
.push{
	height: 240px;
}

#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: 1000px;
}
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 */
#container{
	float: right;
	width: 685px;
}

#container1{
	float: right;
	width: 700px;
}

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

.title-block{
	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: 685px;
}

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

p.postDate{
	float: left;
}

.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: 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;
}

.postmetadata{
	background: url(images/divider.gif) top left 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: 25px 39px;
	text-align: center;
	width: 645px;
}

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

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

.pagination{
	clear: both;
	margin: 0;
	padding: 25px 39px;
	text-align: center;
	width: 645px;
}

/* 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{
	text-indent: -9999px;
	height: 45px;
	margin-bottom: 10px;
	width: 281px;
}

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

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

#sidebar ul ul li{
	line-height: 16px;
	padding: 0 0 8px 10px;

}

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

#sidebar ul.children{
	padding: 8px 0 0;
}

#sidebar ul.children li{
	padding: 0 0 8px;
}


#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;
}

/* Home & Archive Pages */
.postBlock{
	float: left;
	height: 350px;
	margin: 0 20px 25px 0;
	width: 340px;
}

.postBlock:nth-child(even){
	margin-right: 0;
}

.postBlock .postImg a img{
	border: 10px solid #d0d0d0;
	height: 180px;
	margin: 0 0 10px;
	padding: 0;
	width: 320px;
}

.postBlock .postImg a:hover img{
	border-color: #888;
}

.postBlock h2{
	color: #995898;
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 15px;
	padding: 0;
}

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

h2.pagetitle{
	font-size: 16px;
	margin: 0 0 15px;
	padding: 0;
}

/* Category Image Blocks */
h1.pageTitle{ color: #99ab3c; font-size: 36px; margin: 30px 0 30px; text-align: center; }

.catBlock{ 
	float: left;
	height: 190px;
	margin: 0 20px 25px 0;
	width: 320px;
}

.catBlock:nth-child(3n+2){ margin-right: 0; }

.catBlock img{
	border: 10px solid #d0d0d0;
	height: 170px;
	margin: 0;
	padding: 0;
	width: 300px;
}

.catBlock:hover img{
	border-color: #888;
}

h2.archiveTitle{ float: left; font-size: 22px; margin: 0 0 25px; text-align: left; width: 50%; }
p.homeLink{ float: right; text-align: right; width: 45%; }