/* PEACHKIT.COM - MAIN CSS FILE */


/* =BASIC */
html,body{
	height: 100%;
	margin: 0px;	
	padding: 0px;
	}
body{
	background-image:url(../img/page-sides-diagonal-bg-repeat-x.gif);
	background-repeat:repeat-x;
	}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 89%;
	color: #333;
	font-weight:normal;
	}
a {
	font-weight: bold;
	text-decoration: underline;
	color:#FE6600;
	}
a:link {
	color: #2984D6;
	font-weight:normal;
	}
a:visited {
	font-weight:normal;
	color:#5982A5;
	}
a:hover {
	color: #003399;
	}
ul li{
	list-style-image: url(../img/icon-list.gif);
	}

/* PAGE ELEMENTS */
.clear{
	clear: both;	
	}
.clr{
	clear: both;	
	}
.clrLeft{
	clear: left;
	}
.clrRight{
	clear: right;
	}
.currentPage{
	font-weight:bold;
	color:#0099FF;
	}
.currentPage a{
	font-weight:bold;
	color:#0099FF;
	}
.left{
	float:left;
	}
.right{
	float:right;
	}
.space{
	margin:0.5em;
	padding:0.5em;
	}
.bold{
	font-weight:bold;
	}
.bugFix{
	margin:0.5em;
	padding:0.5em;
	background-color:#FF0000;
	}
.hilight{
	background-color:#FFFFCC;
	}

/* LAYOUT */
#page{
	margin: 0px auto 0px auto;
	padding: 0px 3px 0px 3px;
	width: 778px;
	/*------------*/	
	border-right: 1px solid #9DCBDA;
	border-left: 1px solid #9DCBDA;
	background: #FFF;
	background-image:url(../img/header-bg-repeat-x.gif);
	background-repeat:repeat-x;
	}
#logo{
	padding: 0px;
	margin: 0 0 -25px 10px;
	}
#pageContent{
	margin: 0px 4px;
	padding: 0px 9px;
	min-height:550px;
	}
#pageFooter{
	padding: 10px 0px;
	margin: 3em auto 0px auto;
	color: #3c98b5;
	font-size:smaller;
	text-align: center;
	background-color:#f7fafb;
	border-top: 1px solid #dfe8ec;
	width:100%;
	bottom: -5px;
	}
#pageHeader{
	margin: 0px auto;
	padding: 0px 0px;
	}


/* ---------------------------------------------------------------- */



/* MAIN CONTAINER */
#mainContainer{
	width:100%;
	border-top: 1px solid #DFE8EC;
	min-height:200px;
	margin-top:0;
	}

/* MAIN CONTENT */

#blogViewBody{
	padding-left:10px;
	margin-top:12px;
	margin-right:15px;
	}
	
#mainContent{
	width:544px;
	margin-left:2px;
	}	
	#mainContent .blogPost{
		margin-left:12px;
		}
		#mainContent .blogPost .blogAuthored{
			font-size:.9em;
			font-weight:bold;
			color:#7CBBD0;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			#mainContent .blogPost .blogAuthored a{
				font-weight:bold;
				color:#7CBBD0;
				}
		#mainContent .blogPost h2{ /* good in IE, bad in FF */
			color:#4CB02D;
			font-family:Trebuchet MS;
			font-size:2em;
			
			margin-top:8px;
			margin-bottom:2px;
			line-height:1em;
			}
			#mainContent .blogPost h2 a{
				color:#4CB02D;
				font-weight:bold;
				text-decoration:none;
				}
				#mainContent .blogPost h2 a:hover{
					font-weight:bold;
					background-color:#F0FFF0;
					padding:0 4px;
					margin-left:-4px;
					}
		#mainContent .blogPost .blogFooter{
			float: left;
			border-top: 1px solid #dfe8ec;
			width:500px;
			background-color:#f7fafb;
			color:#4B507A;
			padding:8px;
			padding-right:0;
			margin-top:21px;
			margin-bottom:31px;
			}
			#mainContent .blogPost .blogFooter a{
				font-weight:bold;
				color:#9F71BA;
				}
			#mainContent .blogPost .blogFooter .postCat{
				width: 374px;
				float: left;
				}
			#mainContent .blogPost .blogFooter .commentButton{
				margin-right:10px;
				width: 110px;
				float: right;
				text-align: right;
				}
				#mainContent .blogPost .blogFooter .commentButton a{
					color:#FF6600;
					}
				#mainContent .blogPost .blogFooter .commentButton .Icon{
					margin-right:2px;
					vertical-align: bottom;
					}


/* ---------------------------------------------------------------- */


/* SIDE BAR */
.sideBar{
	float:right;
	width: 200px;
	height:auto;
	border-left: 1px solid #DFE8EC;
	background-color: #F7FAFB;
/*	horizontal dividers for sidebar elements */

	padding:0;
	padding-bottom:5px;
	}
.sideBar p{
	font-size:.85em;
	
	margin:4px 15px 17px 15px;
	margin-top:0;
	}

/* page titles */
.sideBar h2{
	font-family:Trebuchet MS;
	font-size:1.7em;
	color:#7CBBD0;
	
	margin-top:4px;
	margin-bottom:0;
	margin-left:15px;
	padding-left:20px;
	}

/* all list in sidebar will be the same */
.sideBar ul{
	margin-top:0;
	font-size:.85em;
	}
.sideBar li{
	font-family:Arial, Helvetica, sans-serif;
	
	margin-left:-5px;
	margin-bottom:2px;
	}

/* all links in sidebar is the same except for the Announcement links */
.sideBar a{
	color:#5881A6;
	}
.sideBar a:hover{
	color:#2984D6;
	}

.newComText{
	color:#FE2600;
	}
.itemAmount{
	font-size:.8em;
	}
.categoryAmount{
	color:#777;	
	font-size:.8em;
	}
h2.publicSiteLink{
	font-family:Trebuchet MS;
	font-size:0.9em;
	margin: 0.8em 0 0.5em -0.5em;
	}
h2.publicSiteLink a{
	color:#7CBBD0;
	}

/* Attached to icons on Category Page as well */
h2 .Icon{
	z-index:1000;
	margin-left:-20px;
	margin-right:-3px;
	padding-right:0px;
	}

/* ANNOUNCEMENT LINKS */
h6{
	font-size:1em;
	color:#666;
	word-spacing:-1px;
	margin-bottom:10px;
	margin-top:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
h6 .Icon{
	margin-right:5px;
	margin-left:10px;
	vertical-align:bottom;
	}
h6 a:link{
	color:#FE2600;
	font-weight:bold;
	padding-right:2px;
	}
h6 a:visited{
	font-weight:bold;
/*	color:#FE5000;
*/	color:#FE2600;
	padding-right:2px;
	}
h6 a:hover{
	background-color:#EAF4FF;
	padding:3px 2px 4px 0;
	}


/* ---------------------------------------------------------------- */

/* INFO BOX & INFO BAR NAV */

/* INFO BOX css is in blog.css > #infoBox */
#navList{
	white-space: nowrap;
	margin-left:1px;
	padding:0;
	margin-bottom:-10px;
	}
	
	
/* INFO BAR */
#infoBar{
	margin-top:-2px;
	margin-left:1px;
	}
#barBG{
	height:23px;
	width:745px;
	background-color:#F7FAFB;
	border:solid;
	border-width:2px 1px 0px 1px;
	border-top-color:#CAE2F7;
	border-right-color:#CAE2F7;
	border-left-color:#CAE2F7;
	
	margin-top:2px;
	margin-left:1px;
	}


#barBG .infoBarName{
	float:left;
	margin-right:18px;
	margin-left:10px;
	margin-top:2px;
	}
#barBG .infoBarName a{
	color:#70B0E9;
	font-weight:bold;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
	}
#barBG .infoBarName a:hover{
	color:#70B0E9;
	font-weight:bold;
	background-color:#FFF4F5;
	padding:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.infoBarDate {
	color:#70B0E9;
	font-weight:bold;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-right:10px;
	margin-top:2px;
	}




/* UTILITY LINKS - ADDRESS BOOK */
#toolSet{
	text-align:right;
	font-size:small;
	padding: 0px 10px 10px 0px;
	color:#0099FF;
	}
#toolSet a{
	color:#0099FF;
	text-decoration:none;
	
	padding:3px;
	margin:-3px;
	}
#toolSet a:hover{
	background-color:#FFF4F5;
	padding:3px;
	}


/* ---------------------------------------------------------------- */


/* TABLES */
table{
	border:1px solid #ddd;
	padding: 5px;
	background-color:#FFF;
	}
th{
	border-bottom:1px solid #ccc;
	font-weight:bold;
	background-color:#f3f3f3;
	}
td{
	border-bottom:1px solid #ccc;
	}
tr .altRow{
	background-color:#ddd;
	border-bottom:1px solid #ccc;
	}
tbody td{
	border:none;
	}


/* CALENDAR */
#calendarTable{
	width:178px;
	height:170px;
	text-align:center;

	padding:0 6px 4px 6px;
	margin:10px;
	border: #DFE8EC 1px solid;
	}
/* month & year */
#calendarMonth{
	font-weight:bold;
	font-size:1.25em;
	
	margin-top:4px;
	margin-bottom:2px;
	}
#calendarMonth a{
	font-weight:bold;
	}
#dayName{
	}
	
/* header bgcolor */
#calendarTable thead th{
	font-weight:bold;
	color:#BBB;
	font-size:.68em;
	border:none;
	background:#ffffff;
	padding:0;
	}
#calendarTable tfoot{
	}
/* footer - bumper */
#calendarTable tfoot td{
	border:none;
	background:#fff;
	}
/* link highlight */
#calendarTable td.active{
	background-color:#FFD9DD;
	}
#calendarTable td.active a{	
	color:#9F71BA;
	text-decoration:none;
	}
/* cell bgcolor */
#calendarTable td{
	color:#555;
	font-size:.7em;
	font-family:Arial, Helvetica, sans-serif;
	border:#fff 1px solid;

	background:#F7FAFB;
	}	
	

	
/* currently selected */
#calendarTable td.viewing{
	background:#4CB02D;
	}
#calendarTable td.viewing a{
	color:#FFFFFF;
	text-decoration:underline;
	}
#calendarTable h3 a{
	margin-left:15px;
	}
	
/* today's date */
#calendarTable td.today{
	color:#FFFFFF;
	background:#9F71BA;
	}
#calendarTable td.today a{
	text-decoration:underline;
	color:#FFFFFF;
	}
/* EVENTS LIST */
#eventTable{
	border:0px;
	width:auto;
	background-color:#F7FAFB;
	margin-left:2px;
	}
#eventTable td{
	font-size:.75em;
	color:#5881A6;
	}
#eventTable td a:hover{
	color:#2984D6;
	}


#eventTable a.d1{
	color:#000;
	text-decoration:underline;
	}
#eventTable a:hover.d1{
	text-decoration:underline;
	}
#eventTable a.d2{
	color:#222;
	text-decoration:underline;
	}
#eventTable a.d3{
	color:#444;
	}
#eventTable a.d4{
	color:#666;
	}
#eventTable a.d5{
	color:#888;
	}
#eventTable a.d6{
	color:#aaa;
	}
#eventTable a.d7{
	color:#ccc;
	}
#eventTable .d1{
	color:#000;
	}
#eventTable .d2{
	color:#333;
	}
#eventTable .d3{
	color:#666;
	}
#eventTable .d4{
	color:#888;
	}
#eventTable .d5{
	color:#aaa;
	}
#eventTable .d6{
	color:#bbb
	}
#eventTable .d7{
	color:#ddd;
	}


/* ---------------------------------------------------------------- */


/* UNIVERSAL ELEMENTS */
label {
	cursor: pointer;
	}
a img{
	border:none;
	}

/* TEXT FIELDS */
input, textarea, option:focus, #details{
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#333333;
	
	padding: 2px 4px 2px 4px;
	}

input:focus, select:focus, textarea:focus, option:focus, #details:focus{
	border: 1px solid #7CBBD0;
	border-bottom:2px solid #7CBBD0;
	}
select{
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#333333;
	}
body.mceContentBody{
	font-size:12pt;
	}

/* CONFIRMATION MESSAGE */
div.message{
	margin:8px;
	padding: .5em 2.2em;
	background:#DFFBE5 url(../img/icon-accept.gif) no-repeat 8px;
	border-top:1px solid #89C390;
	border-bottom:1px solid #89C390;
	}
div.error_message{
	margin:8px;
	padding: .5em 2.2em;
	background:#FFD9DD url(../img/icon-cancel.gif) no-repeat 8px;
	border-top:1px solid #FFB7BE;
	border-bottom:1px solid #FFB7BE;
	}






/* =COMMENTS */
#commentsSection{
	height:100%;
	color:#4B507A;
	margin-left:16px;
	}
.commentPost{	
	padding:6px 4px 15px 20px;
	}
div.nifty{
	background-color:#F8FDFD;
	margin-top:11px;
	}
#commentsSection h3{
	color:#FE7A22;
	margin-bottom:0;
	margin-left:10px;
	}
#commentForm{
	background-color:#F7FAFB;
	width:100%;
	padding-top:14px;
	padding-bottom:14px;
	}
.textField{
	text-align:center;
	margin-left:40px;
	}
.commentText{
	margin-top:6px;
	margin-right:18px;
	}
.commentBy .commentName a{
	color:#4CB04D;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	}
.commentBy .commentName a:hover{
	}
.commentBy{
	float:right;
	margin-top:-3px;
	margin-right:10px;
	}
.miniPhoto{
	background-image:url(../img/kids/kid-photo_default_small.png);
	background-repeat:no-repeat;
	height:56px;
	width:40px;
	margin-left:6px;
	}
.commentPost .blogAuthored{
	margin-top:17px;
	margin-bottom:-10px;
	font-size:.85em;
	color:#888;
	}
.commentHilight .miniPhoto{
	border-right: 1px solid #FF6600;
	border-bottom: 2px solid #FF6600;
	}
.commentHilight .commentName a{
	color:#FF6600;
	}


/* ---------------------- BUTTONS ---------------------- */

/* SMALL BUTTONS */
#buttonSmallest{
	background:url(../img/button-smallest.gif) no-repeat;
	width: 49px;
	height: 27px;
	
	font-size:1em;
	cursor:pointer;
	border:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	}
#buttonSmallest:hover{
	background:url(../img/button-smallest.gif) no-repeat 0 -28px;
	}
#buttonSmall{
	background:url(../img/button-save.gif) no-repeat;
	width: 68px;
	height: 27px;
	
	font-size:1em;
	cursor:pointer;
	border:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	}
#buttonSmall:hover{
	background:url(../img/button-save.gif) no-repeat 0 -28px;
	}

/* MEDIUM BUTTONS */
#buttonMedium{
	background:url(../img/button-save-draft.gif) no-repeat;
	width: 101px;
	height: 27px;
	
	font-size:1em;
	cursor:pointer;
	border:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	
	vertical-align:top;
	}
#buttonMedium:hover {
	background:url(../img/button-save-draft.gif) no-repeat 0 -28px;
	}

/* LARGE BUTTONS */
#buttonLarge{
	cursor:pointer;
	border:none;
	
	background:url(../img/button-create.gif) no-repeat;
	
	margin-left:3px;
	color:#444;
	font-weight:bold;
	font-size:1.7em;
	
	width: 115px;
	height: 44px;
	}
#buttonLarge:hover {
	background:url(../img/button-create.gif) no-repeat 0 -44px;
	}

.publishBtnWrap{
	color:#FF00FF;
	overflow:hidden;
	text-align:right;
	
	padding-right:15px;
	margin-top:5px;
	}


/* NEXT & PREVIOUS BUTTONS */
#nextButton{
	float:right;
	margin-top:4px;
	margin-right:6px;
	font-size:.95em;
	color:#999;
	}
#nextButton .Icon{
	vertical-align:bottom;
	margin-left:-2px;
	}
#previousButton{
	float:left;
	margin-top:4px;
	margin-left:5px;
	font-size:.95em;
	color:#999;
	}
#previousButton a{
	color:#FE6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	vertical-align:1px;
	}
#nextButton a{
	color:#FE6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	vertical-align:1px;
	}
#previousButton .Icon{
	vertical-align:bottom;
	margin-right:-2px;
	}
.pageNumber{
	margin-left:180px;
	}



/* TEMP */
.cancel a{
	color:#FF0000;
	padding: 0 0 0 1.25em;
	background:url(../img/icon-cancel.gif) no-repeat;
	margin-bottom:4px;
	text-decoration:none;
	}
.cancel a:hover{
	background-color:#FFD9DD;
	text-decoration:none;
	}
	
	
	
	
	
/* DELETE & CANCEL */
a.cancel {
	color:#FF0000;
	padding: 0 0 0 1.25em;
	background:url(../img/icon-cancel.gif) no-repeat;
	margin-bottom:4px;
	}
a:hover.cancel {
	background-color:#FFD9DD;
	}
.deleteLinkButton a{
	display:block;
	background:url(../img/button-save.gif) no-repeat;
	width: 68px;
	height: 18px;
	text-decoration:none;
		
	font-size:1em;
	cursor:pointer;
	border:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	padding-left:15px;
	}
.deleteLinkButton a:hover {
	background:url(../img/button-save.gif) no-repeat 0 -28px;
	}


/*.deleteLink a{
	padding-left:1.25em;
	background:url(../img/icon-cancel.gif) no-repeat;
	}
.deleteLink a{
	background:url(../img/icon-cancel.gif) no-repeat;
	background-position:left;
	
	padding:2px 10px 4px 18px;
	margin-left:2px;
	}*/
.deleteLink a{
	background:url(../img/icon-cancel.gif) no-repeat;
	background-position:left;
	padding-left:18px;
	}
.deleteLink a:hover{
	background-color:#FFE6E6;
	}
	
	

/* MESSAGE USER BUTTON */
.sendUser a{
	text-decoration:none;
	float:left;
	padding:4px 27px 4px 7px;
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	border-bottom: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	background:url(../img/icon-message-sent.gif) no-repeat;
	background-position:93%;
	
	margin-right:10px;
	margin-top:3px;
	margin-bottom:6px;
	}
.sendUser .sendMailLink{
	font-size:.8em;
	font-weight:bold;
	color:#FF6600;
	}


/* ---------------------- NOT ATTACHED ---------------------- */

/*
.highlight{
	font-weight:bold;
	background-color:#FFFFCC;
	}
.navListButton{
	padding-bottom:0;
	margin-bottom:0;
	}
*/

#demoBar{
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity:0.9;*/
	
	margin:0px;
	left:0px;
	top:0px;
	right:0px;
	padding:0.3em;
	background-color:#124D65;
	border-bottom:2px solid #6AA9C4;
	clear:both;
	font-size:90%;
	text-align:center;
	color:#60B3ED;
	}
#demoBar a{
	font-weight:bold;
	text-decoration:underline;
	color:#4CB02D;
	}
#debugBar{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity:0.5;
	
	position:absolute;
	margin:0px;
	top:0px;
	right:0px;
	padding:0.3em;
	background-color:#124D65;
	border-bottom:2px solid #6AA9C4;
	border-left:2px solid #6AA9C4;
	font-size:90%;
	text-align:center;
	color:#60B3ED;
	}