/*
Theme Name: Family Service Canada
Theme URI: http://www.dazil.com/
Description: Custom WordPress theme for Family Service Canada.
Version: 1.0
Author: dazil Internet Services Inc.
Author URI: http://www.dazil.com/
Tags: custom header, widgets

	This theme was designed and built by dazil Internet Services,
	whose blog you will find at http://www.dazil.com/

*/



body {
	margin:0;
	font:11px "Trebuchet MS", Helvetica, sans-serif;
	color:#615f5f;
	background:#aeb1b1;
}
img{border-style:none;}
a{
	color:#006e53;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% "Trebuchet MS", Helvetica, sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{
	width:810px;
	margin:25px auto 0;
	padding:0 14px 20px 26px;
	background:#fff;
}
#header{
	height:1%;
	padding:0 10px 29px 0;
	position:relative;
	z-index:10;
}
#header:after{
	content:"";
	display:block;
	clear:both;
}
#header .holder{
	height:1%;
	padding:25px 36px 17px 0;
	overflow:hidden;
}
#header .image{
	margin: 0;
	padding: 0;
	list-style: none;
}
#header .image li{
	float:left;
	padding:0 7px 7px 0;
}
#header .image a{
	float:left;
}
#header .image a img{
	display:block;
}
.header-holder{
	float:right;
	padding:24px 0 0;
	width:355px;
}
.logo{
	width:354px;
	margin:0 0 7px;
	display:block;
	background:url(images/logo.gif) no-repeat;
	height:85px;
	overflow:hidden;
	text-indent:-9999px;
}
.logo a{
	display:block;
	height:100%;
}
.header-holder strong{
	font-size:18px;
	line-height:21px;
	color:#3b3a98;
	font-weight:normal;
	display:block;
	text-align:right;
	padding:0 0 35px;
	letter-spacing:1px;
}
.bar{
	height:1%;
	padding:0 0 0 5px;
}
#header .bar:after{
	content:"";
	display:block;
	clear:both;
}
.bar .search{
	float:left;
}
.search input{
	border:1px solid #a8a6a6;
	background:#c1ebe0;
	width:138px;
	padding:2px 10px 0;
	font-weight:bold;
	font-style:italic;
	color:#615f5f;
	line-height:15px;
	text-transform:uppercase;
	height:15px;
	float:left;
	margin:0 7px 0 0;
}
.search .submit{
	float:left;
	background: url(images/btn-submit.gif) no-repeat;
}
.search .submit input{
	padding:0 0 3px;
	text-align:center;
	border:none;
	width:33px;
	font-style:normal;
	color:#fff;
	line-height:18px;
	text-transform:none;
	height:19px;
	background: url(images/btn-submit-r.gif) no-repeat 100% 0;
	margin:0;
	cursor:pointer;
}
.bar .add-nav {
	margin: 5px -40px 0 0 ;
	padding: 0;
	list-style: none;
	float:left;
	display:inline;
	font-size:12px;
	position:relative;
}
.add-nav li{
	float:left;
	font-weight:bold;
	padding:0 8px 0 22px;
}
.add-nav li a{
	text-decoration:none;
}
.add-nav li a:hover{
	text-decoration:underline;
}
#nav {
	margin: 0;
	padding:0;
	list-style: none;
	background:#66a898;
	width:100%;
}
#nav:after{
	content:"";
	display:block;
	clear:both;
}
#nav li{
	float:left;
	background: url(images/separator-nav.gif) no-repeat;
	position:relative;
}
#nav li a{
	color:#fbfcfd;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
	float:left;
	padding:5px 37px 5px 15px;
	line-height:21px;
	cursor:pointer;
}
#nav li a.post-item-2{  /* this needs to be page-item-n where n is the page id of the about page */
	width:99px;
	padding:5px 37px 5px 30px;
}
#nav li a.post-item-5{ /* this needs to be page-item-n where n is the page id of the events page */
	width:191px;
	padding:5px 27px 5px 15px;
}
#nav li a.post-item-8{ /* this needs to be page-item-n where n is the page id of the member page */
	width:171px;
}
#nav li a.post-item-11{ /* this needs to be page-item-n where n is the page id of the support page */
	width:127px;
	padding:5px 35px 5px 15px;
}
#nav li a span{
	background: url(images/bg-nav.gif) no-repeat 0 5px;
	padding:0 0 0 23px;
	display:block;
}
#nav li:first-child{
	background:none;
}
#nav li:hover ul,
#nav li.hover ul{
	display:block;
}
#nav li ul{
	margin: 0;
	padding: 3px 0 0 8px;
	list-style: none;
	background:#c1ebe0;
	position:absolute;
	top:31px;
	left:0;
	width:190px;
	display:none;
}
#nav li ul li{
	float:none;
	background:none;
	padding:0 0 15px;
}
#nav li ul li a{
	color:#717272;
	font-size:14px;
	padding:0;
	float:none;
}
#nav li ul li a:hover{
	color:#006e53;
}
#main{
	width:100%;
	position:relative;
	overflow:hidden;
}
#twocolumns{
	height:1%;
	overflow:hidden;
}
#twocolumns .aside{
	float:left;
	width:150px;
	padding:0 45px 0 0;
	overflow:hidden;
}
#main .border{
	margin:0 0 -9999px;
	background: url(images/bg-border.gif) repeat-y ;
	padding:0 0 9999px;
	width:1px;
	position:absolute;
	top:13px;
	left:166px;
}
#main #sidebar .border{
	left:624px;
}
#main h2{
	font-size:25px;
	margin:0 0 15px 0px;
	line-height:28px;
	position:relative;
}

#main h3{
	color:#006e53;
	margin:0 0 5px 0;
	padding:0;
}
	
x#main #twocolumns .aside h2{
	margin:0 0 3px 2px;
}
#twocolumns .aside p{
	font-size:14px;
	line-height:22px;
	margin:0 0 22px;
}
#twocolumns .aside p strong{
	font-weight:normal;
	color:#006e53;
}
#twocolumns .aside ul{
	margin: 0;
	padding: 0 0 0 4px;
	list-style: none;
	line-height:16px;
}
#content{
	height:1%;
	overflow:hidden;
margin:0 20px;
font-size:small;
}
#content .post{
	margin: 0;
	padding: 0 0 17px;
	list-style: none;
}
#content .post li{
	padding:0 0 7px;
}
.post p{
	margin:7px 0 10px 0;
	line-height:18px;
}
.post p em{
	font-style:italic;
	color:#006e53;
}
#sidebar{
	float:right;
	width:154px;
	padding:0 10px 0 50px;
}
#sidebar:after{
	content:"";
	display:block;
	clear:both;
}
#main #sidebar h2{
	margin:0 -20px 15px -2px;
}
#sidebar p{
	margin:0 0 13px;
	line-height:18px;
}
.login{
	background:#40927e;
	border:1px solid #4d9a87;
	padding:9px 6px 5px 8px; 
	margin:0 0 57px 0;
	position:relative;
	height:1%;
}
.login .row{
	overflow:hidden;
	height:1%;
	margin:0 0 11px;
	border:1px solid #a8a6a6;
	padding:1px 0;
}
.login input{
	border:1px solid #7ac9b5;
	background:#baf8e9;
	width:121px;
	padding:0 8px 4px;
	font-weight:bold;
	font-style:italic;
	color:#615f5f;
	line-height:16px;
	text-transform:uppercase;
	height:16px;
	float:left;
}
.login .submit{
	position:absolute;
	bottom:-11px;
	right:-7px;
	background: url(images/btn-submit.gif) no-repeat;
}
.login .submit input{
	padding:0 5px 3px 8px;
	border:none;
	width:48px;
	font-style:normal;
	color:#fff;
	line-height:18px;
	text-transform:none;
	height:19px;
	background: url(images/btn-submit-r.gif) no-repeat 100% 0;
	margin:0;
	cursor:pointer;
}
#footer{
	width:860px;
	margin:0 auto;
}
#footer ul{
	margin: 0;
	padding: 10px 0 4px;
	list-style: none;
	text-align:center;
}
#footer ul li{
	display:inline;
	background: url(images/separator-footer.gif) no-repeat 0 3px;
	padding:0 3px 0 8px;
}
#footer ul li a{
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li:first-child{
	background:none;
}
#footer p{
	margin:0;
	text-align:center;
	color:#006e53;
}
img.alignright {
	margin: 0 7px 2px 0;
}

img.alignleft {
	margin: 0 0 2px 7px;
}

.alignright {
	float: left;
}

.alignleft {
	float: right;
}

p.bio {
border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:25px;
}