/* Design by Dazil Internet Services
   Created April 2009 
   Author: dazil.com */


/* 1-common elements ( body, universal selectors and such )
	i) universal selector / body
		a) body classes ( used to create extra column on home page & larger home page banner)
			aa) header selectors
				aaa) drop down selectors (or drop-down ceases to work on home page)
			bb) paragraph selector altered to create 3rd column
		b) div.clear (used to clear content under floated content)
	ii) universal selectors
	iii) form styling
   
   2-positioning ( divs & div specific selectors )
	i) wrapper
	ii) header
		a) main navigation (inline links found in secion 1)
			aa) drop-down menu nerd-ery
		b) access / skip to content
	iii) container
	iv) sidebar
		a) newsletter form
	v) content
		a) secondary navigation (appears only on home page)
   	vi) footer
    */
   
   
/* 1 -------- body &
				universal elements -------- */
				
/*--i universal selector & body --*/
	
* { margin: 0; padding: 0;}

body {
background: url(images/bg.jpg) #fff center top repeat-x;
text-align: center;
font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Franklin Gothic Book", Calibri, Helvetica, sans-serif;
color: #000;
font-size: x-small; /* for IE5 Win */
voice-family: "\"}\"";
voice-family: inherit;
font-size: small; /* for better browsers */
}


p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


	html>body { /* be nice to Opera */
	font-size: small;
	}
	
	/*--a body classes (includes selectors altered for larger home page banner --*/
	
	/* default setting for banner found on line 217 in section 2 ii */
	
	/* -- aa header elements -- */
	
	body.home_page #header {
	background: url(images/h_bg.jpg) center top no-repeat;
	height: 360px;
	margin: 0 0 -1px 0;
	position: relative;
	}

	body.home_page #header h1 {
	height: 190px;
	text-indent: -9999px;
	}
	
		body.home_page #header h1 a {
		display: block;
		position: relative;
		top: 15px;
		left: 40px;
		background: url(images/h1_home.gif) top left no-repeat;
		border: 0;
		width: 225px;
		height: 76px;
		}
		
					
					body.home_page #header ul {
	margin-top: 95px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 30px;
					}
					
					/* aaa-- drop-down elements -- */
					
					html > body.home_page #main_nav li:hover ul {
					margin: 0;
					left: auto;
					}
		
		body.home_page #content p {

		}
	
	/*--b div.clear--*/
	
	div.clear {
	clear: both;
	height: 0.4em;
	}

/*--ii universal selectors --*/

h1 {
font-family: "century schoolbook", "baskerville", georgia, "times new roman", serif;
font-size: 200%;
color: #8B5A52;
}

h2 {
font-family: "century schoolbook", "baskerville", georgia, "times new roman", serif;
font-size: 150%;
color: #8B5A52;
padding-top:10px;
}

h3 {
font-family: "century schoolbook", "baskerville", georgia, "times new roman", serif;
font-size: 120%;
color: #8B5A52;
}

p {
margin: 0.75em 0;
line-height: 150%;
}

a {
font-weight: bold;
color: #8B5A52;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

/*--iii form styling --*/

#content ol {
padding-left:20px;
}

#content h3 {
	border-top: 1px dashed;
	width:auto;
	margin-right:10px;
	padding-top: 20px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 18px;
}
#content .date {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #666666;
	padding-bottom: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content .post {
padding-bottom:20px;
}

#content form input.text {
background: url(images/form_bg.jpg) #fff center bottom repeat-x;
width: 50%;
border: solid 1px #666;
padding: 0.4em 0;
text-indent: 0.2em
}

#content form textarea {
background: url(images/form_bg.jpg) #fff center bottom repeat-x;
border: solid 1px #666;
}

#content ul {
margin:0 20px;
padding:0;
}

#content li {
padding:0px 0px 5px 0px;
}

/* 1 -------- posistioning
				divs & div specific selectors -------- */
				
/*--i wrapper --*/

#wrapper {
margin: 0 auto;
background: url(images/w_bg.jpg) center top repeat-y;
width: 980px;
position:relative;
}

/*--ii header--*/

#header {
z-index:2;
background: url(images/h_bg.jpg) center top no-repeat;
	position: relative;
height: 360px;
margin: 0 0 -1px 0;
}

	#header h1 {
	height: 190px;
	text-indent: -9999px;
	}
	
		body.default #header h1 a {
		display: block;
		position: relative;
		top: 15px;
		left: 40px;
		background: url(images/h1_home.gif) top left no-repeat;
		border: 0;
		width: 225px;
		height: 76px;
		}
		
				#support{
	position: absolute;
	top: 62px;
	color: #632921;
	right: 40px;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
		}
		
						#supportlink a{
	position: absolute;
	top: 250px;
	color: #FFFFFF;
	right: 40px;
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: none;
		}
		
								#supportlink a:hover{

		text-decoration: underline;

		}
		
		
		
		
	#header ul {
	float: left;
	display: inline;
	background: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*IE8*/
	filter: alpha(opacity=80); /*IE6-7*/
	opacity: .8; /*for all other browsers*/
	list-style: none;
	margin: 95px 30px 0 30px;
	}
		
		
	
	/*--a main navigation--*/
		
		#header li {
		float: left;
		display: inline;
		width: 130px;
		height:  50px;
		border-right: dashed 1px #782828;
		line-height: 50px;
		}
		
			#header li.last {
			width: 134px;
			border-right: none;
			}
			
			#header li a {
			display: block;
			font-family: "century schoolbook", "baskerville", georgia, "times new roman", serif;
			font-size: 120%;
			color: #782828;
			text-decoration: none;
			font-weight: normal;
			}
			
			#header li a:hover {
			background: #782828;
			color: #fff;
			}
			
				#header li a:hover {
				background: #782828;
				color: #fff;
				}
			
				/* aa--Drop Down Menu Trickery */

					#main_nav li ul {
					position: relative;
					left: -999em;
					margin: 0;
					padding: 0;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*IE8*/
					filter: alpha(opacity=80); /*IE6-7*/
					opacity: 1; /*for all other browsers*/
					}

						#main_nav li ul li {
						width: 230px;
						height: 4em;
						margin: 0;
						padding: 0;
						border-top: none;
						border-right: none;
						border-bottom: dashed 1px #782828;
						border-left: none;
						line-height: 4em;
						}
						
							#main_nav li ul li a {
							background: #782828;
							color: #fff;
							font-size: 100%;
							font-weight: bold;
							}
							
							#main_nav li ul li a:hover {
							background: #501B1B;
							color: #fff;
							}

						#main_nav li:hover ul {
						left: auto;
						}

						#main_nav li:hover ul, #main_nav li.sfhover ul {
						left: auto;
						}
			
	/*--b access / skip to content--*/
	
		div.skip-link {
		float: right;
		height: 15px;
		line-height: 15px;
		}
		
			div.skip-link a {
			display: block;
			padding: 0 15px 0 50px;
			color: #BBD4AA;
			text-decoration: none;
			}
			
			div.skip-link a:hover {
			color: #782828;
			}
			
			
	
/*--iii container--*/

/*--a two column layout--*/

#container {
float: left;
width: 625px;
}

/*--b column column layout--*/

#container_single_col {
	float: left;
	width: 98%;
	margin-left: 10px;
	background-color: #f6f6f6;
	background-image: url(http://dev.fosterhub.ca/wp-content/themes/sandbox/images/w_bg.jpg);
	background-repeat: repeat-y;
}

	#container_single_col p {
	padding-right: 25px;
	}
	
	#container_single_col #content {
	float: left;
	width: 600px;	
	}

/*--iv content--*/

#content {
padding: 20px 0 20px 30px;
text-align: left;
}

	/*--a secondary navigation (found on home page only)--*/
	
	#sec_nav {
	width: 275px;
	float:left;
	padding: 1em 0 0 0;
	}
	
		
	#stories {
	padding-top: 20px;
	}
	
				#stories ul {
	margin-left: 0px;
	padding-left: 0px;
	}
	
			#stories ul li {
	font-size: 14px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	}
	
		#stories ul li a {
	text-decoration: none;
	color: #4B4B4B;
	}
	
			#stories ul li a:hover {
	text-decoration: underline;
	}
h2 a {
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}
.floatleft {
	float: left;
}
	
		#sec_nav img {
		margin: 0 0 1em 0;
		border: none;
		}

		
		#sec_nav ul {
		list-style: none;
		margin:0;
		}
		
			#sec_nav li {
	width: 260px;
	height: 64px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
			}
.datefront {
	color: #666666;
	padding-top: 5px;
	font-size: 11px;
}
		
			#sec_nav a {
			display: block;
			width: 260px;
			height: 64px;
			text-indent: -999px;
			}
			
				#sec_nav a.forum {
				background: url(images/forum_button_sm.jpg) center top no-repeat;
				}
				
					#sec_nav a:hover.forum {
					background: url(images/forum_button_sm.jpg) center bottom no-repeat;
					}
					
				#sec_nav a.caregiver {
				background: url(images/caregiver_button_sm.jpg) center top no-repeat;
				}
				
					#sec_nav a:hover.caregiver {
					background: url(images/caregiver_button_sm.jpg) center bottom no-repeat;
					}
					
				#sec_nav a.parent {
				background: url(images/parent_button_sm.jpg) center top no-repeat;
				}
				
					#sec_nav a:hover.parent {
					background: url(images/parent_button_sm.jpg) center bottom no-repeat;
					}
					
				#sec_nav a.professional {
				background: url(images/professional_button_sm.jpg) center top no-repeat;
				}
				
					#sec_nav a:hover.professional {
					background: url(images/professional_button_sm.jpg) center bottom no-repeat;
					}

				#sec_nav a.notice {
				background: url(images/notice_button_sm.jpg) center top no-repeat;
				}
				
					#sec_nav a:hover.notice {
					background: url(images/notice_button_sm.jpg) center bottom no-repeat;
					}
	
	/*--b breadcrumb nav (found on sub pages)--*/
	
	#breadcrumb_nav {
	padding: 0 0 20px 0;
	}
	
		#breadcrumb_nav ul {
		display: inline;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 80%;
		}
		
			#breadcrumb_nav li {
			background: url(images/arrow.gif) left center no-repeat;
			display: inline;
			float: left;
			padding: 0 3px 0 17px;
			}
			
			#breadcrumb_nav li.home {
			background: none;
			padding: 0 3px 0 0;
			}

/*--v sidebar--*/

#primary.sidebar {
margin-left: 650px;
padding: 5px 15px;
text-align: left;
}

	#primary.sidebar h2 {
	text-align: center;
	margin-top:20px;
	}
	
	#primary.sidebar h3 {
	text-align: center;
	}
	
	#primary.sidebar ul {
	margin: 1em 2.5em;
	}
	
		#primary.sidebar li {
		margin: 0.6em 0 0.6em 0.6em;
		}

	#primary.sidebar ul {
	margin: 1em 2.5em;
	}
	
		#primary.sidebar .widget {
		margin: 0.6em 0 0.6em 0.6em;
		}

		#primary.sidebar li.eventsListWidget { list-style-type:none; }

		#primary.sidebar h3 { font-size:150%; margin-top:15px; }
	
		/* #primary.sidebar .when { display:none; } */

		#primary.sidebar .dig-in { text-align:center; padding-top:0; margin-top:0; }

		#primary.sidebar .dig-in a { color: #8B5A52;  text-decoration: underline; }
	
	/*--a newsletter form--*/
	
	div.newsletter_form {
	background: #F8FEF7;
	margin: 25px 10px 5px 10px;
	padding: 10px 10px 0 10px;
	border: solid 1px #E0E0E0;
	}
	
		div.newsletter_form form {
		margin: 1em 0;
		padding:0;
		}
		
		div.newsletter_form label {
		display: block;
		margin: 0 0 0.4em 0;
		}
		
		div.newsletter_form input.text {
		border: solid 1px #333;
		padding: 0.2em 0;
		width: 100%;
		margin-bottom: 0.4em;
		text-indent: 0.4em;
		}
#primary.sidebar .widget_black_studio_tinymce img{
	margin-left:3px;
	border:1px solid #E0E0E0;
	
}	
.safe-babies-sidebar .widget_black_studio_tinymce img {	
	margin-left:0px !important;
}
.safe-babies-sidebar .widget_black_studio_tinymce .textwidget {
	margin: 1em 2.5em;
	
}		


		
/*--vi footer--*/

#footer {
background: #F1F1F1;
margin: 0 10px;
padding: 2em 30px;
border-top: solid 1px #999;
color: #333;
font-size: 90%;
}

	#footer a {
	color: #000;
	text-decoration: underline;
	}
	
		#footer a:hover {
		text-decoration: none;
		}
	
	#footer ul {
	list-style: none;
	float: left;
	margin: 0 0 20px 0;
	}
	
		#footer li {
		float: left;
		width: 111px;
		border-right: solid 1px #333;
		}
		
			#footer li.last {
			border: none;
			}
		
		#footer li a {
		display: block;
		padding: 0.4em 0;
		color: #333;
		text-decoration: none;
		font-weight: normal;
		}
		
		#footer li a:hover {
		background: #D9D9D9;
		}