/*
Theme Name: Tales From the Nursery
Version: 1.0
Description: Custom theme for Tales From the Nursery
Author: Brian & Darcy Zalewski

License Information :

All templates are free to use as long as you leave the credits unchanged.
You cannot claim these templates or modifications of these templates as yours.
You cannot redistribute these templates on your website.
You cannot modify this templates and distribute them.
*/

/* == Standard Styles == */

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}

/* Links */

a:link, a:active, a:visited{ 
	text-decoration: underline; 
	color: #ac6565; 
	}

a:hover { 
	color: #333;
	text-decoration: none;
	}
	
a img {
	border: 0;
	}

/* Headers */

h2, h3, h4, h5, h6 { 
	font-weight: normal; 
	margin: 0px 0 10px;
        }

h1 { 
	font-weight: normal; 
	font-size: 35px; 
	margin-bottom: 0px;  
	margin-left: 0px; 
	color: #469c7f; 
	
	}

h2 { 
	font-size: 28px; 
        color: #333; 
	}

h3 { 
	font-size: 18px; 
	color: #333; 
	}

h4, h5, h6 { 
	font-size: 20px; 
	}
	
	
/* Misc */

pre, blockquote {
	overflow: auto;
	padding: 0 10px;
	margin: 10px 20px 0px 20px;
	line-height: 1.7em;
	border-left: 5px solid #ccc;
	color: #4d4d4d;
	font-size: 12px;
	}

pre { 
	padding-top: 10px; 
	padding-bottom: 10px; 
	}

code { 
	color: #4d4d4d; 
	font-family: "Courier New", Consolas, Verdana, Sans-Serif; 
	overflow: auto;
	padding: 0 10px;
	margin: 10px 20px 0px 20px;
	line-height: 1.7em;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	display: block;
	}

ul, ol { 
	line-height: 1.6em; 
	}

ul { 
	list-style-image: none; 
	}

abbr, acronym { 
	font-style: normal; 
	border-bottom: 1px dotted #333333; 
	cursor: help; 
	}
	
/* == Main == */

body {
	background-color: #fff;
	background-image: url(images/wrapper.jpg);
	background-repeat: repeat-y;
	background-position: center 0;
	margin: 0;
	padding: 0;
	font: normal 76% 'Verdana', Arial, sans-serif;
	}

#mainEnvelope {
	width: 955px;
	margin: 0 auto;
	}
	
#mainContent {
	}
	
#wrapper {
	}

#content {
	float: left;
	width: 650px;
	clear: both;
	}
	
/* Header */

#header {
	background: url(images/header-ad.jpg) no-repeat 0 0 #f9e4e7;
	width: 952px;
	padding: 0;
	height: 300px;
	margin-left: 2px;
	position:relative;
	}
#header-title {
	height: 125px;
	width: 750px;
	margin-top: 25px;
	}
#header-ad {
	width: 728px;
	height: 94px;
	margin: 0 auto;
	padding-top: 7px;
	}
	
#search {
	position: relative;
	top: 17px;
	float: right;
	width: 170px;
	height: 20px;
	}
	
#search #searchform {
	margin: 0;
	padding: 0;
	width: 160px;
	height: 20px;
	font-size: 12px;
	}
	
#search #s {
	width: 150px;
	height: 20px;
	border: 1px solid #000;
	padding: 3px 5px;
	font: normal 14px 'Verdana', Arial, sans-serif;
	color: #999;
	background: white;
	float: left;
	}
	
#search #searchsubmit {
	position: relative;
	left: 40px;
	top: -1px;
	background: transparent;
	border: none;
	width: 22px;
	height: 22px;
	padding: 0;
	}
	
/* Sidebar */

#sidebarArea {
	width: 300px;
	float: right;
	text-align: center;
	}

#sidebar {
	padding-right: 5px;
	}

.sideAd {
	margin-top: 10px;
	}

.sideblock {
	margin-bottom: 20px;
	background: transparent;
	color: #333;
	text-align: left;
	}

.sideblock a, .sideblock a:link, .sideblock a:visited {
	color: #AC6565;
	}
	
.sideblock a:hover {
	color: #333;
	}

.sideblock ul {
	}
	
.sideblock ul li, #bottomContent ul li { 
	background: url(images/pink-bullet.png) no-repeat 0px 4px;
	padding-left: 15px;
	display: block;
	}	
	
.sideblock ul.pink li {
	background: url(images/pink-bullet.png) no-repeat 0px 4px;
	}
	
.sideblock ul.purple li {
	background: url(images/purple-bullet.png) no-repeat 0px 4px;
	}

.sideblock ul.red li {
	background: url(images/red-bullet.png) no-repeat 0px 4px;
	}

.sideblock h3 { 
	font-family: 'Cherry Cream Soda', Arial, serif;
	margin-top: 5px; 
	margin-right: 5px;
	font-size: 18px; 
	color: #A6296D; 
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #e866ac; 
	}
	
.eventBox, .sponsorBox, .hopsBox, .buttonBox, .cohostBox, .discountBox, .partOfBox, .sideAd {
	text-align: center;
}
.eventBox h3, .sponsorBox h3, .hopsBox h3, .buttonBox h3, .cohostBox h3, .discountBox h3, .partOfBox h3, .sideAd h3 {
	text-align: left;
}
.eventBox img {
	border: 1px solid #000;
}
.buttonBox img {
	margin-bottom: 5px;
}
.sponsorBox h3 {
	margin-bottom: 0;
}
.sponsorBox h4 {
	font-size: 10px;
	margin: 0 5px 10px 0;
	text-align: right;
	color: #999;
}
.sponsorBox h4 a {
	color: #999;
}

.sideAlert {
        font-size: 7pt;
}
	
/* Posts */

.post .titles {
	font-family: 'Cherry Cream Soda', Arial, serif;
	font-size: 22px;
	line-height: 30px;
	border-bottom: 2px solid #e866ac;
	min-height: 55px;
	color: #A6296D;
	}
	
.post .titles a:link, .post .titles a:visited, .post .titles a:active {
	text-decoration: none;
	color: #A6296D;
	}
		
.post .titles a:hover {
	text-decoration: underline;
	}
	
.postDate {
	clear: both;
	background-image: url(images/date.png);
	height: 49px;
	width: 46px;
	text-align: center;
	float: right;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	color: #fff;
	}
	
.postDate .postDay {
	font-size: 20px;
	color: #000;
	line-height: 15px;
	font-weight: bold;
	}

.post-wrapper {
	padding: 0px 20px 20px 20px;
	margin: 10px 0px 20px 0;
	background: transparent;
	}


.post {
	padding: 0px 0px 20px 0px;
	margin: 0px 10px;
	color: #4d4d4d;
	font-size: 13px;
	line-height: 1.8em;
  border: 0px; 
	}
	
.post h2 {
	font-family: 'Cherry Cream Soda', Arial, serif;
	}	

.post img { 
	border: 1px solid #666;
	}

#page .post img {
	border: 0;
	}	
.post .aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
	}
	
.post .wp-caption {
  padding: 3px;
  padding-top: 5px;
  background-color: #eee;
  border: 1px solid #333;
  margin-top: 10px;
  margin-bottom: 10px;
	}
	
.post ul {
	margin-left: 40px;
	}
	
.post p {
	margin: 10px 0;
	}
	
.metadata {
	clear: both;
	text-align: left;
	margin: 0 15px 0 20px;
	padding: 3px 0px;
	font-size: 11px;
  border-top: 1px solid #ccc;
	}

.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}	
.tags {
	}	
	
img#darcySig {
	border: 0;
	}
	
/* Comments */

/* Comments Styling */
	
ul.commentlist {
	padding: 0 40px 0 40px;
	margin: 0px 0px 20px 20px;
	color: #999;
	}
	
.comment-bottom {
	border-bottom: 1px dotted #666;
	}
	
.comment-top {
	}

#commentnumber {
	margin-left: 20px;
	font-size: 20px;
	border-bottom: 2px solid #E566AD;
	}

.commentlist li {
	list-style: none;
	color: #4d4d4d;
	padding: 10px	;
	}	

.gravatar-back {
	width: 60px;
	height: 77px;
	background: url(images/gravatar.png) no-repeat;}

.gravatar{
	float: left;
	padding: 5px;}
	
.commentlist h2 {
	font-size: 18px;
	margin: 0px 0 0 0px;
	}
	
.commentmetadata {
	height: 25px;
	text-align: right;
	color: #999;
	font-size: 10px;
	margin: 0;
	}
	
.commentlist h3 {
	font-size: 22px;
	margin-left: -20px;
	color: #666;
}

.comment-text{
	margin: 15px 0 0 65px;
	padding: 0px 10px;
	background: #f7f0f0;
	border: 1px solid #ccc;
	}
	
#commentbox {
	padding-left: 20px;
	margin: 0px; 
	width: 70%;}
	
#commentbox h3 {
	font-size: 22px;
	margin-left: 20px;
	color: #999;}

#commentform {
	margin: 1em 0 0 20px;
	background: transparent;
	}

#commentform textarea {
	background: #fff;
	border: 1px solid #d6d3d3;
	width: 500px;
	padding-left: 2px;
	}

#commentform #email, #commentform #author, #commentform #url {
	font-size: 1.1em;
	background: #f8f7f6;
	border: 1px solid #d6d3d3;
	}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
	font-size: 1.1em;
	background: #ffffff;
	border: 1px solid #d6d3d3;
	}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
	font-size: 1.1em;
	background: #ffffff;
	border: 1px solid #939793;
	}
#commentform input{
	margin-bottom: 3px;
	}
	
.nocomments {
	margin-left: 40px;
	}
	
.commentTwitterLink {
	background: url(images/twitterComments.png) no-repeat 0px 0px;
	display: block;
	padding-left: 25px;
	min-height: 20px;
	font-size: 12px;
	}
	
.commentTwitterField {
	margin: 10px;
	}

.bypostauthor {
	background-color: #F9E5E6;
	}
	
.commentCount {
	display: block;
	float: right;
	width: 75px;
	height: 65px;
	background: url(images/comments.png) no-repeat 0px 0px;
	text-align: center;
	font-size: 28px;
	padding-top: 7px;
	padding-left: 3px;
	font-weight: bold;
	}
a:link.commentCount, a:visited.commentCount, a:active.commentCount {
	text-decoration: none;
	color: #000;
	}
a:hover.commentCount {
	background: url(images/comments.png) no-repeat -81px 0px;
	}

.commentlist .children {
	margin-left: 30px;
	}
	
/* Other */

.aerissaAge ul li {
	background: url(images/aerissaHead.png) no-repeat 0px 0px;
	padding-left: 40px;
	min-height: 40px;
	}

.post .postEdit {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 5px;
	text-align: center;
	float: left;
	margin: 10px;
	}

.navigation {
	display: block;
	text-align: center;
	margin: 10px 0px 60px 0px;
	font-weight:lighter;
	clear:both;
	}
	
.nav-newer {
	float: right;
	margin-right: 60px;
	}

.nav-older {
	float: left;
	margin-left: 35px;
	}
	
#shareLinks {
	width: 610px;
	height: 70px;
	background: url(images/sharingBG.png) no-repeat 0px 0px #fff;
	padding: 6px;
	margin: 10px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	}
#shareLinksButtons {
	position: absolute;
	bottom: 15px;
	left: 7px;
	}
#shareLinksButtons div { display: inline; }
#shareLinksButtons .facebook { margin-right:-12px; }
	
/* Social Box */
#socialBox {
	color: #000;
	width: 270px;
	background: #F9F1C6;
	border-radius: 15px;
	-moz-border-radius: 15px;
	margin: 0 auto;
	border: solid 3px #e866ac;
	padding: 7px;
	text-align: center;
	}	

#socialBox #emailBox {
	margin-top: 10px;
	}	

#socialBox #emailBox p {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	}
	
#socialBox #emailBox input {
	border: 1px solid #E866AC;
	background-color: #F9E5E7;
	padding: 3px;
	margin-left: 5px;
	}
	
#socialBox #emailBox input:hover {
	background-color: #e866ac;
	}

#socialBox #FBBox {
	border-top: 1px solid #e866ac;
	border-bottom: 1px solid #e866ac;
	margin: 10px 0;
	}	

#socialBox #networkedBlogsBox {
	float: right;
	width: 125px;
	}

#socialBox #networkedBlogsBox #nbbutton a {
	display: block;
	width: 100px;
	margin: 0px auto;
	padding: 4px 8px;
	text-align: center;
	background-color: #3b5998;
	color: #fff;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	}
	
/* Follow Box */
#followHeader {
	text-align: left;
}
#followBox {
	color: #000;
	width: 270px;
	background: #F9F1C6;
	border-radius: 15px;
	-moz-border-radius: 15px;
	margin: 0 auto;
	border: solid 3px #e866ac;
	padding: 7px;
	text-align: left;
}
#followBox .followItem {
	height: 55px;
}
#followBox #twitterBox {
	background: url(images/icons/twitter-32x32.png) no-repeat 100% 10px;
	padding-top: 15px;
	height: 40px;
}
#followBox #rssBox {
	background: url(images/icons/rss-32x32.png) no-repeat 100% 10px;
	padding-top: 5px;
	height: 50px;
}
#followBox #emailBox {
	background: url(images/icons/email-32x32.png) no-repeat 100% 10px;
	padding-top: 13px;
	height: 42px;
}
#followBox #emailBox p {
	text-transform: uppercase;
	}
#followBox #emailBox input {
	border: 1px solid #E866AC;
	background-color: #F9E5E7;
	padding: 3px;
	margin-right: 3px;
	}
#followBox #emailBox input:hover {
	background-color: #e866ac;
	}
#followBox #FBBox {
	background: url(images/icons/facebook-32x32.png) no-repeat 100% 10px;
}
#followBox #networkedBlogsBox {
	background: url(images/icons/nb-32x32.png) no-repeat 100% 10px;
	padding-top: 10px;
	height: 45px;
}
#followBox #gfcBox {
	background: url(images/icons/google-32x32.png) no-repeat 100% 10px;
	padding-top: 10px;
	height: 45px;
}
	
	
/* Bottom Content */

#bottomContent {
	clear: both;
	}
	
#bottomContent #leftSection {
	float: left;
	width: 450px;
	text-align: center;
	margin: 10px;
	}
	
#bottomContent #rightSection {
	float: right;
	width: 450px;
	margin: 10px;
	}
	
#bottomContent h3 {
	font-family: 'Cherry Cream Soda', Arial, serif;
	font-size: 22px;
	border-bottom: 2px solid #e866ac;
	color: #A6296D;
	text-align: left;
	}

/* Footer */

#footer {
	border-top: 1px solid #ccc;
	font-size: 10px;
	color: #999;
	padding: 5px 10px;
	clear: both;
	width: 925px;
	height: 20px;
	margin: 0 auto;
	}
	
/* Menu */
.topMenu {
	background-color: #e966a8;
	width: 953px;
	height: 26px;
	margin-bottom: 20px;
	margin-left: 2px;
	}

ul.headerMenu {
	background-color: #e966a8;
	list-style: none;
}
ul.headerMenu li {
	background-color: #e966a8;
	float:left;
	height:26px;
	position:relative;
	z-index:10;
}
ul.headerMenu li a,
ul.headerMenu li a:visited {
	display:block;
	line-height:26px;
	height:26px;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	padding:0 8px;
	font-weight: bold;
}
ul.headerMenu li a:hover {
	background-color: #F7E4EA;
	color:#e966a8;
}
ul.headerMenu ul {
	position:absolute;
	top:25px;
	left:0;
	display:none;
	background-color: #e966a8;
	border:1px solid #000;
	border-top: 0;
	margin:0;
	list-style: none;
	opacity: 1;
}
ul.headerMenu li li {
	float:none;
	width:180px;
	height:auto;
}
ul.headerMenu li li a,
ul.headerMenu li li a:visited {
	height:auto;
	line-height:20px;
	padding:0 8px;
	width:164px;
	position:relative;
	color:#fff;
	font-weight: normal;
	border-bottom: 1px dotted #f7e4ea;
}
ul.headerMenu li li a:hover {
	background-color: #F7E4EA;
	color:#e966a8;
}
ul.headerMenu li:hover ul {
	display:block;
}
ul.headerMenu ul ul,
ul.headerMenu li:hover ul ul {
	top:3px;
	display:none;
	left:175px;
}
ul.headerMenu li li:hover ul {
	display:block;
}

input#submit {
	padding: 5px;
	}

/* Plugins */

#commentluv {
	margin-left: 35px;
	}
	
.commentTwitterField {
	margin-left: 40px;
	}
	
/* Featured */
#featuredWrapper { 
	color: #000;
	background: url(images/featuredBG.png) no-repeat 100% 100% #F9F1C6;
	border-radius: 15px;
	-moz-border-radius: 15px;
	border: solid 3px #e866ac;
	height: 302px;
	width: 580px;
	overflow: hidden;
	margin: 0 auto;
	}
#featured {
	z-index: 7 !important;
	}
#featured .post-wrapper {
	width: 580px;
	height: 234px;
	padding: 0;
	margin: 10px 0 0 0;
	}
#featured .featured-non-first {
	/*display: none;*/
	}
#featured .post {
	}
#featured .post .titles {
	min-height: 0;
	}
#featured-nav {
	width: 580px;
	text-align: left;
	vertical-align: bottom;
	height: 30px;
	padding: 20px 0 0 20px;
	}
#featured-nav a, #featured-nav a:visited {
	display: inline-block;
	background: #E966A8;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	}
#featured-nav a.activeSlide {
	background: #e966a8;
	width: 16px;
	height: 16px;
	border: 2px solid #000;
	}

/* Flickr Box */

#flickrBox a img {
  margin: 1px;
  border: 1px solid #000;
  }
  
/* Image Scroller */
#scrollImages div {
	vertical-align: middle;
	width: 275px;
	}
#scrollImages div img {
	margin-right: 5px;
	border: 1px solid black;
	}
#scrollImages {
	text-align: center;
	margin: 0 auto;
	height: 170px;
	width: 275px;
	}
#scrollImagesPager {
	width: 275px;
	vertical-align: bottom;
	height: 30px;
	text-align: center;
	}
#scrollImagesPager a, #scrollImagesPager a:visited {
	display: inline-block;
	background: #E966A8;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	}
#scrollImagesPager a.activeSlide {
	background: #F9F1C6;
	width: 6px;
	height: 6px;
	border: 2px solid #000;
	}
#scrollImages div.non-first {
	/*display: none;*/
	}

#stumbleBox {
	border: 2px solid black;
	padding: 10px;
	margin: 5px 25px;
	font-size: 18px;
	background-color: #F9F1C6;
	}
	
/* Gift Guide */
#giftGuide { margin: 10px; }
#ggTitleBack {
	background-color: #F2C7D1;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(/media/hg2011-bg.png);
	}
#ggTitle {
	height: 92px;
	background-image: url(/media/HG2011.png);
	background-repeat: no-repeat;
	padding-left: 140px;
	padding-top: 33px;
	}
#ggTitle h1 { 
	color: red;
	font-size: 40px;
	font-weight: bold;
	font-family: 'Chewy', cursive;
	text-shadow: 2px 2px 2px #AAA;
	}
.ggEntry {
	float: left;
	width: 190px;
	text-align: center;
	padding: 4px;
	height: 225px;
	border: 1px solid #36AC36;
	margin: 4px;
	}
.ggImage { }
.ggInfo { }
.ggBuy { 
	font-weight: bold;
	margin-top: 5px; 
	}	
#ggIndex {
	padding-top: 10px;
	}
#ggIndex a {
	width: 400px;
	display: block;
	height: 30px;
	border: 1px solid black;
	padding: 10px;
	font-size: 32px;
	padding-top: 10px;
	background-color: #F33;
	color: white;
	background-image: url(/media/ggSmBg.png);
	background-repeat: no-repeat;
	background-position: 100% -100px;
	text-decoration: none;
	}
#ggIndex a:hover {
	text-decoration: underline;
	}
#ggBack { margin-bottom:10px; }
#ggBack a {
	width: 627px;
	background-color: #F33;
	display: block;
	padding: 3px 3px 3px 0;
	color: white;
	font-weight: bold;
	text-align: right;
	}