/*
Theme Name: blueChair2
Theme URI: http://www.synergytap.com/bluechair
Description: Theme for Children's Book store
Version: 1.0
Author: Jed Koops
Author URI: http://www.jkoops.com/
Tags: blue, fixed-width, three-columns

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/



/* Begin Styles */
#addressInfo { text-align:center; position:relative;top:25px;left:20px;clear:both;font-size:13px; }
label,.formSpacer {  float:left; text-align:right; width:120px; display:block; margin-top:4px; margin-right:3px;}
.textInput { margin-bottom:10px; margin-top:10px;}
.small { font-size:10px; }
.title { font-size:20px; margin-bottom:5px;}
.subtitle { font-size:16px; margin-bottom:4px; }
.center { text-align:center; }
.right { text-align:right;}
.frontSpacer { position:relative; top:464px; left:148px; z-index:1; width:754px; height:69px; background-image:url(images/2/contentbg.gif);
	margin-bottom:329px;}
#calendarGraphic { float:right; width:200px; height:85px; background-image:url(graphics/calendar_hdr3.jpg);
				background-position: -400px -2px; margin-top:1px; margin-right:21px;
				border-left:1px solid #2f6db4;
}
#upcoming { color:#2f6db4; background-color:#fbffb8; border:1px solid #2f6db4;
				margin-left:20px; margin-right:20px;
				padding:5px; padding-bottom:30px; padding-top:30px;
}
#topPar { background-color:#ff9933; padding:5px; margin-left:20px; margin-right:20px;
				border:1px solid #2f6db4; margin-top:3px;
}
#mainMessage ul { margin-left:50px; line-height:18px;}
#leftCol { width:430px; margin-left:20px; margin-top:5px; padding-right:2px; background:transparent; padding-bottom:3px;
}
#rightCol { float:right; margin-right:20px;margin-top:5px; width:240px;  background:transparent;}
#fiveBack { margin-bottom:10px; padding:10px; padding-top:0;
				border: 1px solid rgb(220, 112, 80); background-color: rgb(153, 204, 255);
}
#fiveBack div.sideTitle { padding:3px; margin-left:0px; margin-right:0px;
				margin-top:-1px; border-bottom: 1px solid rgb(220, 112, 80); text-align:center;
}
#attentionTeachers { margin-bottom:10px; padding:10px; padding-top:0;
				border: 1px solid rgb(220, 112, 80); color:#0066ff;
				background-color: rgb(102, 255, 51);
}
#attentionTeachers div.sideTitle { padding:3px; margin-left:0px; margin-right:0px;
				margin-top:-1px; border-bottom: 1px solid rgb(220, 112, 80); text-align:center;
}
#celebrateBirthday, #extraSection { margin-bottom:10px; padding:10px; padding-top:0;
				border: 1px solid rgb(220, 112, 80); color: rgb(214, 82, 7);
				background-color: rgb(255, 204, 255); text-align:center;
}
strong { font-weight:bold; color:black;}
#contactInfo { margin-bottom:10px; padding:10px; padding-top:0;
	border: 1px solid rgb(220, 112, 80); background-color: rgb(102, 255, 102);
}
#contactInfo div.sideTitle { padding:3px; margin-left:0px; margin-right:0px;
	margin-top:-1px; border-bottom: 1px solid rgb(220, 112, 80); margin-bottom:10px;
	color: rgb(214, 82, 7); text-align:center;
}
.sideTitle { font-size:18px; font-weight:bold; margin-bottom:20px;}
#storyTime { border: 1px solid rgb(220, 112, 80); margin-bottom:10px; padding:10px; padding-top:0;
	background-color: rgb(204, 255, 255); color:#0099ff;
	font-size:18px;	
}
#storyTime div.sideTitle { padding:3px; margin-left:0px; margin-right:0px; text-align:center;
	margin-top:-1px; border-bottom: 1px solid rgb(220, 112, 80); margin-bottom:6px; font-size:18px; 
}
#storyTime img { margin-top:4px; }
#storyTime div.desc { margin-bottom:8px; }
#storyTime div, #storyTime strong { font-size:14px; color:#0099ff; }
#fundRaiser { border: 1px solid rgb(220, 112, 80); margin-bottom:10px; padding:10px; padding-top:0;
	background-color: rgb(255, 255, 102); color: #0000ff;
}
#fundRaiser div.sideTitle { padding:3px; margin-left:0px; margin-right:0px; text-align:center;
	margin-top:-1px; border-bottom: 1px solid rgb(220, 112, 80); margin-bottom:6px;
}
#thisMonth { border:1px solid rgb(208, 198, 140); margin-bottom:30px; margin-left:5px; margin-right:2px;
	padding:10px;  background-color:#e9e1c9; padding-top:0; font-size:16px;
}
#thisMonth div { margin-bottom:6px; text-indent:-2em; margin-left:2em;}
#thisMonthTitle { border-bottom:1px solid rgb(208, 198, 140); padding:3px; margin-left:0px; margin-right:0px;
	margin-top:-1px; margin-bottom:0; text-indent:0; display:block; font-size:20px; 
}
#thisMonth ul { list-style: circle; margin-left:50px; margin-bottom:15px;}
#thisMonth div { margin-bottom:10px;}
.monthImage { float:right;  margin-bottom:10px;}
#storeHours { margin-top:5px;}
#newPictureBooks { border: 1px solid rgb(208, 198, 140); margin-bottom:10px; margin-left:5px; margin-right:2px;
	padding:10px;
	background-color: rgb(153, 153, 204);
}
#newPictureBooks div { margin-bottom:8px; font-size:18px;}
#newPictureBooks .title { font-size:24px; }
#facebook .title { text-align:center; border-bottom:2px solid rgb(91, 131, 10); margin-left:20px; margin-right:20px;}
#contactIcon { float:right; width:200px; height:80px; background-image:url(images/contactheadericon.gif);
	background-position: 0px 0px;
	border: 1px solid #2f6db4; position:relative; top:-11px; left:12px;
}
#contactHeader { padding:10px; color:#2f6db4; background-color:#fbffb8; margin-left:20px; margin-right:20px;
	margin-bottom:10px; height: 60px; 
	border: 1px solid #2f6db4;
}
#eventsIcon { float:right; width:200px; height:67px; background-image:url(images/calendar_hdr3.jpg);
	background-position: -400px -2px;  position:relative; top:-11px; left:12px;
	border: 1px solid #2f6db4;
}
#eventsHeader { padding:10px;  color:#2f6db4; background-color:#fbffb8; margin-left:20px; margin-right:20px;
	margin-bottom:5px; height: 37px; padding-bottom:20px;
	border: 1px solid #2f6db4;
}
#eventsHeader .title { font-size:24px; }
#eventsDiv { padding:10px; padding-top:10px; margin-left:20px; margin-right:20px;
	border: 1px solid rgb(220, 112, 80); background-color: rgb(153, 204, 255);
	padding-bottom:10px; 
}
#eventsDiv div { clear:both; margin-bottom:6px;}
.small { font-size:10px; }
#eventsDiv ul { list-style: circle; margin-left:50px; margin-bottom:15px;}
#picksIcon { float:right; width:200px; height:80px; background-image:url(images/picksheadericon.gif);
	background-position: 0px 0px; margin:0px; position:relative; top:-31px; left:11px;
					border: 1px solid #2f6db4;
}
#picksHeader { padding:10px; color:#2f6db4; background-color:#fbffb8; margin-left:20px; margin-right:20px;
	margin-bottom:2px; height: 40px; padding-top:30px;
	border: 1px solid #2f6db4;
}
#picksList { margin-top:0px; margin-left:10px; text-align:right; }
#picksList div {padding-top:40px; padding-right:40px; background-repeat:no-repeat; }
#picksList div img { float:right; position:relative; left:33px; top:-31px; margin-left:-33px;}
#picksList div span { margin-left:90px; }
#picks-shaelyn {  float:left; margin-left:0px; background-image:url(images/picks-shaelyn.gif); width:278px; height:55px; }
#picks-teresa { background-image:url(images/picks-teresa.gif); 
    width:280px; margin-left:319px;
    height:55px;
}
#picks-laurie { float:left; margin-left:0px; background-image:url(images/picks-laurie.gif); 
    width:278px;
    height:55px;
}
#picks-evelyn {  background-image:url(images/picks-evelyn.gif); 
    width:280px;margin-left:319px;
    height:55px;
}
#picks-dana { float:left;margin-left:0px; background-image:url(images/picks-dana.gif); 
    width:278px;
    height:55px;
}
#picks-daniel {  background-image:url(images/picks-daniel.gif); 
    width:280px;margin-left:319px;
    height:55px;
}
#picks-xander { float:left;margin-left:0px; background-image:url(images/picks-xander.gif); 
    width:278px; line-height:10px;
    height:55px;
}
#picks-doug { background-image:url(images/picks-doug.gif); 
    width:280px;margin-left:319px;
    height:55px;
}
#picks-zach { float:left;margin-left:0px; background-image:url(images/picks-zach.gif); 
    width:278px;
    height:55px;
}
#picks-maya { background-image:url(images/picks-maya.gif); 
    width:280px;margin-left:319px;
    height:55px;
}
#picks-linnea {  float:left;margin-left:0px; background-image:url(images/picks-linnea.gif); 
    width:278px;
    height:55px;
}
#picks-linnea img { margin-top:-4px;}
#blogIcon { float:right; width:200px; height:80px; background-image:url(images/blogheadericon.gif);
	background-position: 0px 0px; position:relative; top:-31px; left:11px;
	border: 1px solid #2f6db4;
}
#blogHeader { padding:10px;color:#2f6db4; background-color:#fbffb8; margin-left:20px; margin-right:20px;
	margin-bottom:2px; height: 40px; padding-top:30px;
	border: 1px solid #2f6db4; 
}
#blogHeader .title {  font-weight:bold;}
#blogDiv div { margin-bottom:6px; line-height:15px;}
#blogDiv { padding:10px;  padding-left:40px; margin-left:20px; margin-right:20px;
	border: 1px solid #2f6db4; background-color: rgb(153, 204, 255);
	padding-bottom:30px; 
}
.postInfo { text-indent:-2em; color:#666; font-weight:bold;}
.signOff { color:#2f6db4; font-weight:bold; margin-top:14px;}
#blogHeader a:visited, #blogHeader a:link, #blogHeader a:active, #blogHeader a:hover { color:white; font-weight:bold; text-decoration:none; }
#blogHeader a:hover { color:black; }
.entry BLOCKQUOTE { background-image: URL('/images/quote.gif');
    background-position: 0px 1px;
    background-repeat: no-repeat;
    background-color: #f0f0aa;
    color: #333355;
    padding: 20px 20px 10px 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
/* BLOG styling */
#content {
	background: #fff;
	padding: 25px 25px 15px 25px;
	clear: both;
	overflow: hidden;
}
.post {
	padding: 0px;
	clear: both;
	overflow: hidden;
	padding-bottom: 1em;
	margin-bottom: 0;
	border-bottom: 1px dotted #333;
}
.post .date {
	height: 50px;
	width: 45px;
	background: url(/images/icalendar.gif) no-repeat;
	font: normal 22px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	padding: 0px 2px 0 0;
	line-height: 100%;
	float: left;
	margin-left:25px;
}
.post .date span {
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 7px;
}
.post .title {
	float: left;
	margin-left: 10px;
	width: 540px;
}
.postdata {
	font-size: 90%;
	color: #999999;
}
.postdata a, .postdata a:visited {
	color: #999999;
	text-decoration: none;
}
.postdata a:hover {
	color: #0088CC;
	text-decoration: none;
}
.postdata .category{
	float: left;
}
.postdata .comments{
	float: right;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat left center;
	padding-left: 12px;
	float: right;
}
.entry {
	padding: 5px 22px 5px;
	clear: both;
	font-size: 14px;
	line-height: 1.4em;
	width:580px;
	margin-left:20px;
}

/* post title */
h2.posttitle {
	color: #000;
	margin: 3px 0 2px;
	padding-bottom: 4px;
	font-size: 24px;
	border-bottom: dotted 1px #CCCCCC;
}
h2.posttitle a, h2.posttitle a:visited {
	color: #000;
	text-decoration: none;
}
h2.posttitle a:hover {
	color: #0088CC;
	text-decoration: none;
}
.tags {
	float: right;
	color: #aaa;
}
.tags a{font-weight: bold;color: #000;}
.tags a:hover{color:#0088CC ;text-decoration: none;}

/* next & previous page navigation */
.page-nav {
	clear: both;
	background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top;
}
.page-nav a, .page-nav a:visited {
	color: #000;
	text-decoration: none;
}
.page-nav a:hover {
	color: #fff;
	text-decoration: none;
}
.previous-entries a {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(images/navigation-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	background: url(images/navigation-right.gif) no-repeat right center;
}

/* next & previous post navigation */
.post-nav {
	clear: both;
	padding-bottom: 35px;
	margin-top: -15px;
	font-size: 95%;
}
.post-nav a, .post-nav a:visited {
	color: #999999;
	text-decoration: none;
}
.post-nav a:hover {
	color: #000000;
	text-decoration: none;
}
.post-nav .previous a {
	float: left;
	padding-left: 20px;
	background: url(images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
	float: right;
	padding-right: 20px;
	text-align: right;
	background: url(images/post-nav-next.gif) no-repeat right center;
}

/* ------------------------------------- comment area  */
h3#comments {
	background: url(images/comments.gif) no-repeat;
	padding-left: 22px;
	font: normal 140%/120% Arial, Helvetica, sans-serif;
	clear: both;
}
h3#respond {
	background: url(images/respond.gif) no-repeat;
	padding-left: 22px;
	font: normal 140%/120% Arial, Helvetica, sans-serif;
	margin: 20px 0px 0px;
	clear: both;
}
/* commentform */
#commentform {
	margin-top: 10px;
	background-color:white;
	margin-left:30px;
	width:590px;
}
#commentform label {
	font-weight: bold;
	color:#666;
	font-size: 100%;
	padding-left: 5px;
}
#commentform small {
	color: #999999;
	font-size: 90%;
}
#commentform input {
	font: 110% Arial, Helvetica, sans-serif;
	width: 220px;
	padding: 5px 3px 3px 7px;
	background: url(images/form-field-bg.gif) no-repeat;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #e6e6e6;
}
#commentform textarea {
	font: 110% Arial, Helvetica, sans-serif;
	width: 480px;
	height: 140px;
	background:url(images/form-field-bg.gif) no-repeat;
	border: solid 1px #e6e6e6;
	padding: 5px 3px 3px 7px;
}
#commentform #submit {
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	color: #333;
	background: #f7f7f7;
	border: 1px solid #bbb;
	cursor: pointer;
	width: 135px;
	height: 25px;
	padding-bottom: 6px;
	margin-left: 355px;
}
#commentform #submit:hover {
	background: #ddd;
	
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 1px #3b9acc;
}

/* comment list */
.commentlist {
	margin: 10px 0px;
	padding-left: 45px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: #F4F4F4;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	color: #0088CC;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #0088CC;
}
img.avatar {
  float: right;
  margin: 5px;
  }
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
.commentlist small a, .commentlist small a:visited{
	color: #999999;
}

/* SIDEBAR: Authors & Archives styling (from 'Modern Notepad' theme) */
.box {
	width:223px;
	background:url(images/box-back.gif) 0 0 repeat-y;
	margin-bottom:8px;
}
.box a:hover { text-decoration:none; border-bottom:0;}

.popular h3 {
	color:#eda33a;
}

.authors h3,.blogroll h3 {
	color:#3771DA;
}

.archive h3 {
	color:#8fafc6;
}

.box .header {
	background:url(images/box-header.gif) 0 0 no-repeat;
	height:34px;
	padding:16px 20px 0;
}

.box ul {
	padding:0 5px 24px 5px;
	background:url(images/box-footer.gif) 0 100% no-repeat;
}

.box ul li {
	padding:9px 15px 1px 15px;
	font-size:.92em;
	background:url(images/box-li-bottom.gif) 0 100% repeat-x;
}

.box ul li a {
	display:block;
	padding:1px 0 11px;
	background-position:100% 0;
	background-repeat:no-repeat;
}

.box li a {
	background-image:url(images/cat.gif);
}

.popular li a {
	background-image:url(images/popular.gif);
}

.blogroll li a {
	background-image:url(images/blogroll.gif);
}

.archive li a {
	background-image:url(images/archive.gif);
}

.categories .children li a {
	background-image:url(images/cat-sub.gif);
}

.box ul li a:hover {
	text-decoration:underline;
}

.box li a:hover {
	background-image:url(images/cat-hover.gif);
	color:#f21e1e;
}

.popular li a:hover {
	background-image:url(images/popular-hover.gif);
	color:#eda33a;
}

.blogroll li a:hover {
	background-image:url(images/blogroll-hover.gif);
	color:#78ab5f;
}

.archive li a:hover {
	background-image:url(images/archive-hover.gif);
	color:#8fafc6;
}

.categories .children li a:hover {
	background-image:url(images/cat-sub-hover.gif);
	color:#f21e1e;
}

.box ul ul {
	padding:0;
	background:none;
}

.box li li {
	background:none;
	font-size:1em;
	padding:0 0 0 15px;
}


.box .footer {
	padding:0 5px;
    height:24px;
	background:url(images/box-footer.gif) 0 100% no-repeat;
}

.box .tags,
.box .textwidget,
#sidesearch,
#calendar_wrap {
    padding:12px 18px;
}



.box input.text {
    border:1px solid #8A8A8A;
    width:140px;
    background:#fff;
    font-size:.92em;
}

.box input.button {
    background:#F6F6F6;
    color:#8A8A8A;
    font-weight:bold;
    border:0;
    font-size:.92em;
    border:1px solid #8A8A8A;
}

.box .tags,
.box .textwidget {
    line-height:1.4;
}

.box .textwidget {
    font-size:.92em;
}

#calendar_wrap,
.box .textwidget {
    padding-bottom:36px;
    background:url(images/box-footer.gif) 0 100% no-repeat;
}

#recentcomments li {
    background:none;
    padding-left:0;
}

#wp-calendar {
    width:190px;
    font-size:.92em;
}
#wp-calendar caption {
    padding:4px 0;
    text-align:right;
    font-weight:bold;
    color:#F21E1E;
}
#wp-calendar th,
#wp-calendar td {
    padding:2px;
    text-align:center;
}
#wp-calendar thead th {
    color:#4189C1;
    font-weight:bold;
}
#wp-calendar #prev {
    text-align:left;
    padding-top:4px;
}
#wp-calendar #next {
    text-align:right;
    padding-top:4px;
}


/* Comments
 *******************************/
#leavecomment {
    padding-top:1em;
}


.comments-list .avatar {
    margin-bottom:4px;
}
#content ul.comments-list {
	margin:0;
}
.comments-list li {
    padding:12px;
    line-height:1.2;
	list-style:none;
	background:url(img/post-delim.gif) 0 100% repeat-x;
	margin-bottom:12px;
}

.comments-list li.graybox {
    background-color:#f5f5f5;
}

.comments-list cite {
    font-weight:bold;
    font-style:normal;
}

.comments-list small {
    font-size:.83em;
}

.comments-list .comment {
    margin-top:8px;
}

#commentform input.text,
#commentform textarea {
    border:1px solid #646464;
    border-bottom-color:#eee;
    border-right-color:#eee;
    padding:2px;
}

#commentform input.text {
    width:200px;
}

#commentform input.button {
	width:115px;
    color:#fff;
    font-weight:bold;
    text-align:center;
    height:21px;
	padding-bottom:2px;
    background:transparent url(img/button-back.gif) 0 0 no-repeat;
    border:0;
    color:#fff;
	font-size:.92em;
    vertical-align:middle;
}

#commentform textarea {
    width:500px;
}

#storeIcon { float:right; width:219px; height:67px; background-image:url(images/shoppingcartlarge.gif);
	background-position: 0px -10px; margin-top:1px; margin-right:21px; margin-left:20px;
	border: 1px solid #2f6db4; position:relative; top:-22px; left:32px;
}
#storeHeader { padding:10px; color:#2f6db4; background-color:#fbffb8;  margin-left:20px; margin-right:20px;
	margin-bottom:2px; height: 37px; padding-top:20px;
	border: 1px solid #2f6db4;
}
#calendarGraphic { float:right; width:200px; height:85px; background-image:url(images/calendar_hdr3.jpg);
	background-position: -400px -2px; margin-top:1px; margin-right:21px;
	border-left:1px solid #2f6db4;
}
.alignleft { float:left; }
.alignright { float:right; }
.newsline { margin-top:5px; }
.newsline p { display:inline; }
#subpage-content #formDiv  {
	margin-bottom:0;
	margin-left:20px;
	margin-right:20px;
	padding:10px 10px 25px;
}
#friendswrap div {
	float:left;
	margin-top:50px;
	text-align:center;
	width:190px;
}
#friendswrap a:hover { border:none;}