/*   
	Theme Name: Commission to Promote Sustainable Child Welfare March 2010
	Theme URI: http://www.cascodesign.ca/
	Description: Commission to Promote Sustainable Child Welfare
	Version: 1
	Author: Donna Vitan,
	Author URI: http://www.cascodesign.ca/ 
*/
/****************************** GLOBAL *****/
body, html { height:100%;}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#e7e4e1 url('images/bg.jpg') no-repeat top center;
	color:#333;}
* {
	margin:0;
	padding:0;}
/****************************** GLOBAL TYPOGRAPHY *****/
h1, h2, h3, h4, h5 { font-weight:bold;line-height:1.2em;}
h1 {	font-size:1.8em; color:#dd6328;}
h2 {	font-size:1.8em; font-weight:normal; color:#dd6328;}
h3 {	font-size:1.5em; font-weight:normal; color:#666;}
h4 {	font-size:1.4em;}
h5 { font-size:1.3em;}
/****************************** GLOBAL ELEMENTS *****/
a { text-decoration:none;}
a:link { color:#006699;}
a:visited { color:#004f77;}
a:hover { color:#dd6328; text-decoration:underline;}
.alignright { float:right;}
.alignleft { float:left;}
.aligncenter { text-align:center;}
a[href$='.pdf']:after {
	content: url(images/file_acrobat.gif);
	margin-left: 3px;}
/****************************** PRIMARY LAYOUT *****/
#wrap {
	width:960px;
	height:100%;
	margin:0 auto;
	display:block;
	font-size:1.2em;}
/****************************** HEADER *****/
#header {
	width:960px;
	height:200px;
	margin:0 auto;
	padding:0;
	display:block;
	position:relative;
	background:url('images/nav-bottom.gif') no-repeat bottom center;}
#branding {
	width:960px;
	height:150px;
	display:block;}
.brand-logo {
	width:360px;
	height:95px;
	display:block;
	background:url('images/logo.gif') no-repeat;
	position:absolute;
	top:30px;
	left:30px;}
.pre-nav {
	margin:95px 30px 0 0;
	display:block;
	float:right;
	position:relative;
	text-align:right;
	list-style:none;
	list-style-image:none;}
.pre-nav li {display:inline;margin-left:10px;}
.pre-nav a:link {margin-left:10px;}
.pre-nav a:visited {}
.pre-nav a:hover {text-decoration:none;}
/****************************** NAVIGATION *****/
#navigation a:link {color:#FFDF66;}
#navigation a:visited {color:#FFDF66;}
#navigation a:hover {color:#FFF; text-decoration:none;}
#navigation {
	margin:0 auto;
	padding:0;
	width:940px;
	height:30px;
	display:block;
	background:url('images/bg-nav.gif') top left repeat-x;
	list-style:none;
	list-style-image:none;
	text-align:center;
	font-weight:bold;}
#navigation li {
	display:inline;}
#navigation li a {
	padding:0 4px;
	height:30px;
	font-size:.9em;
	line-height:30px;
	display:inline-block;
	position:relative;
	overflow:hidden;}
#navigation li a:hover img {
	position:absolute;
	top:-30px;
	left:0;}
#navigation li a.nav-active img {
	position:absolute;
	top:-60px;
	left:0;}
.nav-home {width:41px;}
.nav-about {width:44px;}
.nav-news {width:122px;}
.nav-progress {width:65px;}
.nav-have {width:104px;}
.nav-gallery {width:51px;}
.nav-resources {width:76px;}
.nav-contact {width:56px;}
/****************************** SIDEBAR MENU *****/
#sidebar {
	padding:0 20px 0 50px;
	width:220px;
	min-height:200px;
	display:block;
	float:left;}
/****************************** Sidebar Navigation *****/
.sidebar-nav {
	width:220px;
	margin:0;
	padding:0 0 1.5em 0;
	list-style:none;
	list-style-image: url('images/bullet-triangle.gif');
	font-weight:bold;}
.sidebar-nav li { margin-bottom:3px; border-bottom:1px dashed #009aad;}
.sidebar-nav ul {list-style:disc;list-style-image:none;}
.sidebar-nav li { border:none;}
.sidebar-nav a:hover {text-decoration:none;}
/****************************** Sidebar Links *****/
.sidebar-links {
	margin:0 0 1.5em 1.5em;
	padding:0;}
/****************************** Sidebar Blogroll *****/
.sidebar-blogroll {
	margin:0 0 1.5em;
	padding:0;
	list-style:none;}
.sidebar-blogroll ul {
	margin:0 0 1.5em 1.5em;
	padding:0;
	list-style-type:disc;}
/****************************** CONTENT *****/
#contain {
	width:960px;
	margin:0 auto;
	display:block;
	background:#EEE url('images/bg-content.gif') top center repeat-y;}	
/****************************** Primary Column *****/
#primary-home{
	width:700px;
	min-height:250px;
	margin:20px auto 15px;
	display:block;}
#primary {
	width:620px;
	min-height:250px;
	margin-bottom:15px;
	display:block;
	float:left;}
/****************************** Posts *****/
.post, .page {
	width:620px;
	margin:0 0 10px;
	display:block;
	float:left;
	color:#333;}
.post h2 a:link,
.post h2 a:visited,
.page h2 a:link,
.page h2 a:visited  {color:#009aad;}
.post h2 a:hover,
.page h2 a:hover {color:#dd6328;}
.entry {	width:600px;}
#primary-home .post .entry,#primary-home .post .entry {width:700px;}
/****************************** FOOTER *****/
#footer {
	width:860px;
	margin:20px auto 0;
	padding:15px 35px;
	color:#FFF;
	display:block;
	clear:left;
	background:#413933;
	border:5px solid #66594d;
	border-top:none;
	line-height:125%;
	font-size:.9em;
	text-align:center;}
#footer a:link,
#footer a:visited {color:#ffcb05;}
#footer a:hover {color:#FFF;}
#footer a.btn:link,
#footer a.btn:visited {color:#FFF;}
#footer p {
	margin-bottom:5px;}
/****************************** Footer Menu *****/
#nav-footer {
	width:860px;
	margin:5px 0 0;
	padding:0;
	display:block;
	list-style:none;
	color:#666;}
#nav-footer li {
	margin-right:10px;
	display:inline;
	line-height:130%;
	height:20px;}
.copyright {	
	margin:10px 0 0;
	width:800px;
	height:20px;
	display:block;}
/********************************************** Page Navigation */
.nav-pager {
	margin:.5em 0;
	clear:left;}
/****************************** IMAGES *****/
img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto; 
	background:#FFF;
	padding:3px;}
img.alignright {
	margin:0 0 10px 15px;
	display:inline;
	background:#FFF;
	padding:3px;}
img.alignleft {
	margin:0 15px 10px 0;
	display:inline;
	background:#FFF;
	padding:3px;}
.clear {
	clear:both;}
/****************************** Message Announcement  *****/
.announcement {
	margin:0 0 1em;
	padding:10px 20px;
	display:block;
	border:1px solid #dd6328;
	background:#fdf8f5;}
.announcement h1,
.announcement h2,
.announcement h3 {
	color:#dd6328;}
/****************************** Author  *****/
.author {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	font-weight:normal;
	font-style:italic;
	color:#666;}
/****************************** Blogroll  *****/
.xoxo {
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-image: none;}
.xoxo li {
	margin:0 0 2px;}
.linkcat {
	margin-bottom:15px;}
/****************************** Btn Btns Buttons  *****/
.btn:link, .btn:visited, input.btn, .nav-pager a:link, .nav-pager a:visited, .tec-nav a:link, .tec-nav a:visited {
	margin:0;
	padding:3px 8px;
	display:inline-block;
	background:#4D671D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top:2px solid #6B8F28;
	border-left:2px solid #6B8F28;
	border-bottom:2px solid #3F5418;
	border-right:2px solid #3F5418;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;}
.btn:hover, input.btn:hover, .nav-pager a:hover, .tec-nav a:hover { 
	background:#3F5418;
	border-top:2px solid #304012;
	border-left:2px solid #304012;
	border-bottom:2px solid #4D671D;
	border-right:2px solid #4D671D;
	color:#DDFF99;
	text-decoration:none;}
.time{
	margin-bottom:.3em;
	font-size:.9em;
	color:#666;}
/****************************** Home Page Customization  *****/
/****************************** Graph  *****/
.graph {
	padding:0 20px 0 50px;
	width:220px;
	min-height:200px;
	display:block;
	float:left;}
.graph h4 {
	margin:1em 0 .2em;}
img.infographic { border:1px solid #e7e4e1;}
/****************************** Recent News  *****/
.recent-news {
	margin:0 20px 0 50px;
	width:220px;
	min-height:200px;
	display:block;
	float:left;}
.recent-news h4 {
	margin:.5em 0 .2em;}
.recent-news-block{
	min-height:150px;
	display:block;}
/****************************** Upcoming Events  *****/
.upcoming-events {
	margin:0 20px 0 0;
	min-height:150px;
	width:280px;
	display:block;
	float:left;}
.upcoming-events p {
	margin-bottom: .2em;}
.events-list { /* Home page only */ 
	list-style:none;
	list-style-image:none;
	margin:1em 0 0;
	padding:0;}
.events-list li {
	margin:0 0 5px;
	padding:5px 8px;
	min-height:60px;
	display:block;
	background:#d9f0f3;
	border-left:2px solid #009aad;
	font-size:.9em;}
/****************************** Show All Events Page *****/
.dbem_events_list {
	margin:0 20px 0 0;
	min-height:150px;
	width:280px;
	display:block;
	float:left;}
.dbem_events_list p {
	margin-bottom: .2em;}
.dbem_events_list ul {
	list-style:none;
	list-style-image:none;
	margin:1em 0 0;
	padding:0;}
.dbem_events_list li {
	margin:0 0 5px;
	padding:5px 8px;
	display:block;
	background:#d9f0f3;
	border-left:2px solid #009aad;
	font-size:.9em;}
/****************************** Recent Submission Gallery  *****/
.recent-submission-gallery {
	width:300px;
	min-height:150px;
	display:block;
	float:left;}
.recent-submission-gallery h4 {
	margin:1em 0 .3em;}	
/****************************** Submission Gallery  *****/
.submission-gallery {
	margin:0;
	padding:0;
	min-height:150px;
	display:block;
	list-style:none;
	list-style-image:none;}
.submission-gallery li {
	margin:0 10px 5px 0;
	width:300px;
	display:block;
	float:left;}
.submission-gallery li p {
	margin-bottom:.3em;}
.submission-gallery h4 {
	margin:1em 0 .3em;}	
/****************************** The Events Calendar  *****/
.event-meta strong { width:80px; display:inline-block; color:#666; } /* Shows in single.php */
/****************************** News and Events Show Recent Only  *****/
.recent {
	margin:10px 0;
	padding:5px 8px 2px;
	display:block;
	background:#F3F2F0;
	border-left:2px solid #BCB5AD;}