/*
Theme Name: Financia Literacy for Youth
Theme URI: http://www.financeforyouth.ca/
Version: 2.0
Author: Tony H. S. Chu
*/

/*
* Body
*******************************************/
body {
	background: white url('img/toptrim.gif') repeat-x center top;
}
.content h1 {
	color: #78A22F;
}
.content h2, 
.content h3, 
.content h4, 
.content h5, 
.content h6 {
	color: #0054a4;
}
.content .posttitle {
	margin-top: 1em;
}
.content p, .content ul {
	font-size: 1.2em;
}
#sitewrapper {
	min-width: 950px;
}
/*
* Header
*******************************************/
#header {
	background: url('img/sitetitle.gif') no-repeat left top;
}
#titleblock {
	position: relative;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 85px;
	height: 75px;
}
#sitetitle {
	float: left;
	width: 510px;
	height: 52px;
	margin-left: 85px;
}
#sitetitle a {
	display: block;
	width: 510px;
	height: 52px;
}
#sitetitle span {
	position: absolute;
	top: -99999px;
}
.promotion {
	float: right;
	margin: 0;
	padding: 0;
	overflow: none;
	width: 350px;
	height: 43px;
	padding-top: 9px;
	text-align: right;
}
.hasnav #header h1#sitetitle {
	margin-bottom: 0;
}

/*
* Navigation
********************************************/
#mainnav {
	clear: both;
	display: block;
	height: 47px;
	margin: 0 0 0 94px;
	padding: 0;
}
#mainnav a {
	color: #0054A4;
	text-decoration: none;
}
#mainnav li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

li#whoweare {

}
li#program {

}
li#community {

}


#mainnav li div {
	margin: 0;
	padding: 0 8px 0;
	color: #aaa;
	border-left: 1px solid #ddd;
}

#mainnav li strong {
	display: block;
	font-size: 140%;
	margin: 4px 0 0;
	font-weight: normal;
	padding-left: 12px;
	background: url("http://www.financeforyouth.ca/navarrow_lite.gif") no-repeat center left;
}

#mainnav span.sectionintro {
	padding: 0 14px;
	font-weight: bold;
	color: #656565;
	display: none;
}

#whoweare span.sectionintro {
	padding-left: 13px;
}

#program span.sectionintro {
	padding-left: 31px;
}

#community span.sectionintro {
	padding-left: 17px;
}

#mainnav span.minorlinks {
	font-size: 80%;
	display: block;
	padding: 0 0 6px;
}

.minorlinks a {
	font-size: 110%;
	text-decoration: none;
	font-weight: bold;
}

#mainnav a:hover {
	color: rgb(120, 162, 47);
	text-decoration: none;
}

#mainnav a.current {
	color: rgb(120, 162, 47);
	text-decoration: none;
}
/*
* Content 
********************************************/
.hasnav .pagetitle {
	margin-top: 20px;
}
a {
	color:#0054A4;
	text-decoration:none;
}
.pageflow {
	overflow: hidden;
}
/* Begin Images */
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;
	}
	
.wp-caption.alignleft {
	margin: 0 16px 10px 0;
}
.wp-caption.alignright {
	margin: 0 0 10px 16px;
}
.wp-caption {
	background-color: #f0f0f0;
}
.wp-caption img {
	margin: 5px;
}
.wp-caption-text {
	margin: 0 5px 5px;
}
/* End Images */

/*
* Comments 
********************************************/
#comments {
	border-top: 5px solid #78a22f;
	margin-top: 1em;
	padding-top: 1em;
}
.comment-body {
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #0054A4;
}
.commentlist {
	margin-right: 0;
	padding-right: 0;
}
/*
* Sidebar 
********************************************/
.feature {
	background: url('img/featurebg.gif') no-repeat bottom center;
	padding-bottom: 25px;
	color: #999;
	font-weight: bold;
	margin-top: 50px;
}
.feature .featurecap {
	display: block;
	background: url('img/featuretop.gif') no-repeat top center;
}
.feature .widget {
	padding: 0 20px;
}
.feature h1 {
	display: none;
}

.sidebar .widget {
	margin-top:  50px;
	padding-bottom: 14px;
	background: url('img/floatbottom.gif') repeat-x bottom;
}
.sidebar h1 {
	color: #78A22F;
}
.sidebar h2, 
.sidebar h3, 
.sidebar h4, 
.sidebar h5, 
.sidebar h6 {
	color: #0054a4;
}


/*
* Footer 
********************************************/
#footerwrap {
	background: url('img/footerground-bg.gif') repeat-x bottom;
	
}
#footer {
	padding: 113px 0 0;
	height: 287px;
	background: url('img/footermain.gif') no-repeat center top;
	margin: 0 auto;
	text-align: left;
	clear:both;
	position: relative;
}

#footer a:hover {
	color: rgb(120, 162, 47);
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { 
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-weight: normal;
	color: rgb(84, 85, 85);
	font-size: 140%;
	text-align: left;
	margin: 0 0 0.3em;
}

div.footerbox .widget {
	border-right: 1px solid #ddd;
	overflow: hidden;
}

div.footerbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.footerbox li {
	margin: 0;
	padding: 0;
}

div.footerbox ul li a {
	margin: 0;
	padding: 0 0 1px 10px;
	background: url("img/smallarrow.gif") no-repeat center left;
}

div.footerbox ul li li a {
	margin-left: 18px;
}

div#contact {
	padding-top: 40px;
}
#contact .widget {
	border: none;
	margin-right: 12px;
}

div#contact h2 {
	font-size: 150%;
	font-weight: bold;
	font-family: Arial, san-serif;
	display: none;
}

div#contact h2, div#contact p {
	text-align: center;
	margin: 12px 17px;
}


div.footerquote {
	clear:both;
	text-align: center;
	position: absolute;
	width: 950px;
	bottom: 0;
}

div.footerquote p {
	font-size: 130%;
	color: #979696;
	margin: 35px 0 0 0;
	padding-bottom: 18px;
}

div.footerquote span.quoteby {
	font-size: 70%;
}

p#copyright {
	clear: both;
	color: #f1efef;
	font-weight: bold;
	height: 20px;
	position: absolute;
	bottom: 40px;
	left: 140px;
}

/* Misc */
#flyblogtitle {
	font-size: 1.2em;
	font-weight: bold;
	padding: 2.5em 0 0 42px;
	background: url("img/updates-icon.jpg") no-repeat 0 1em;
	color: #77a240;
}
#bloglisting {
	margin-top: 3em;
}

#bloglisting h2.posttitle {
	font-size: 1.5em;
}

.box {
	border: 3px solid #0054a4;
	background-color: #eefaff;
	display: block;
}

#mc_embed_signup label {
	float: left;
	width: 100px;
}
#mc_embed_signup input {
	float: right;
	width: 120px;	
}
.mc-field-group {
	clear: both;
}
.input-group {
	clear: both;
}
#mc_embed_signup .input-group input {
	width: auto;
	float: left;
}
#mc_embed_signup .input-group label {
	width: auto;
	float: none;
}
.input-group li {
	float: left;
	width: 110px;
}