/*
Theme Name: Today's Economy Blog
Theme URI: http://blogs.sunlife.ca/todayseconomy/
Description: Theme for the Today's Economy blog.
Version: 1.0
Author: iStudio
Author URI: http://www.istudio.ca
*/

/* Column layout sizes vary different from the global site. */
div.three-column-layout #content-navigation {
	margin-top: 19px;
	width: 189px;
}
div.three-column-layout #content-body {
	margin-left: 221px;
	margin-top: 19px;
	width: 532px;
}
div.three-column-layout #content-sidebar {
	margin-top: 19px;
	width: 201px;
}

div.one-column-layout #content-body {
	margin: 19px;
	width: auto;
}

#banner {
	height: 119px !important;
	margin-top: 0 !important;
	min-height: 0;

}
	#banner h1 {
		margin: 0;
		min-height: 0;
		padding-top: 25px;
		white-space: nowrap;
	}

div.dashboard div.navigation a.hdr-graphic {
	_top: 0;
}	

#content input.text, #content textarea { border-color: #7f9db9; }
#content h2 { color: #5281ad; }
#content h2.main { color: #003946; margin-bottom: 16px; }

/* Breadcrumb is handled slightly differently than the global site. */
#breadcrumb ul li.blog { margin: 0; }
#breadcrumb ul li.blog a:link,
#breadcrumb ul li.blog a:visited,
#breadcrumb ul li.blog a:hover,
#breadcrumb ul li.blog a:active {
	margin: 0 10px 0 9px;
}

#breadcrumb #resize a:link,
#breadcrumb #resize a:visited,
#breadcrumb #resize a:hover,
#breadcrumb #resize a:active {
	margin: 0;
}

#breadcrumb #resize li#blog-print a {
	background-image:url(http://www.sunlife.com/static/global/images/icons/printer.gif);
	height:21px;
	width:22px;
}

#content-body h1 a {
	background-image: none;
	width: auto;
}


/* Feature boxes that appear on the left and right-hand sidebars. */

/* Enable bullets on feature boxes that have been tagged with a class of
  'bullets'. */
div.feature div.box.bullets ul li {
	background-image: url(http://www.sunlife.com/static/slfglobal/images/box_yellow.gif);
	padding-left: 16px;
}

/* Feature boxes for "Most popular posts" and "Most recent comments". */
#blog-popular-posts {
	display: inline;
	float: left;
	margin-bottom: 27px;
	width: 252px;
}
	#blog-popular-posts li { margin-bottom: 10px; }

#blog-recent-comments {
	display: inline;
	float: left;
	margin-left: 26px;
	margin-bottom: 27px;
	width: 253px;
}
	#blog-recent-comments li {
		border-bottom: 1px solid #ccc;
		margin-bottom: 7px;
		padding-bottom: 8px;
	}
		#blog-recent-comments li span.author {
			display: block;
			font-size: .91em;
			font-style: normal;
		}


/* @Todayseconomy on Twitter. */
#blog-twitter-feed li.twitter-item {
	border-bottom: 1px solid #ccc;
	margin-bottom: 14px;
	padding-bottom: 15px;
}
#blog-twitter-feed span.twitter-timestamp {
	color: #555;
	display: block;
	font-size: .91em;
}


/* "Search this blog" left-hand sidebar feature. */
#blog-search div.box {
	padding-left: 11px;
	padding-right: 11px;
}
	#blog-search label.hidden {
		display: none;
	}
	#blog-search #s {
		border: 1px solid #7f9db9;
		float: left;
		font-size: 12px;
		height: 18px;
		line-height: 18px;
		padding: 2px 0 0 6px;
		width: 93px;
	}
	#blog-search #searchsubmit {
		border: 0;
		cursor: pointer;
		float: left;
		height: 22px;
		margin-left: 12px;
		*padding-top: 22px;
		text-indent: -5000px;
		width: 52px;
	}
		.en div.feature #blogsearchform #searchsubmit {
			background: transparent url(images/ca_en_btn_search_52w_22h.gif) no-repeat left top;
		}
		.fr div.feature #blogsearchform #searchsubmit {
			background: transparent url(images/ca_fr_btn_search_52w_22h.gif) no-repeat left top;
		}


/* Advisor Match sidebar feature. */
#blog-advisor-match div.box {
	background: transparent url(images/ca_u_photo_slfadvisors_201w_130h.jpg) no-repeat left top;
	padding-top: 95px;
}

/* Share this feature. */
#sharethis_0,
#sharethis_1 {
	display: block;
}
#content-sidebar #sharethis_0,
#content-sidebar #sharethis_1 {
	margin: 0 -19px;
}
	#sharethis_0 a.stbutton,
	#sharethis_1 a.stbutton{
		background: transparent url(images/ca_en_btn_sharethis_201w_37h.gif) no-repeat left top !important;
		display: block;
		height: 37px;
		padding: 0;
		text-decoration: none;
		text-indent: -5000px;
		width: 201px;
	}

/* Poll sidebar feature. */
#blog-poll {
	margin-top: 25px;
}
	#blog-poll div.poll.row,
	#blog-poll div.pollbar {
		margin-bottom: 5px;
	}
		#blog-poll div.poll.row label {
			margin-left: 10px;
		}

		#blog-poll button {
			background: transparent no-repeat left top;
			border: 0;
			cursor: pointer;
			float: left;
			height: 22px;
			margin: 14px 0 10px 0;
			text-indent: -5000px;
			width: 74px;
		}
			.en #blog-poll button.submit { background-image: url(images/ca_en_btn_submit_73w_22h.gif); margin-right: 8px; }
			.fr #blog-poll button.submit { background-image: url(images/ca_fr_btn_submit_73w_22h.gif); margin-right: 8px; }

			.en #blog-poll button.results { background-image: url(images/ca_en_btn_results_73w_22h.gif); }
			.fr #blog-poll button.results { background-image: url(images/ca_fr_btn_results_73w_22h.gif); }


/* Blog posts listing. */
div.blog-post-listing,
div.blog-post-single {
	margin: 14px 10px 28px 10px;
}
	div.blog-post-listing div.blog-post {
		border-bottom: 1px solid #ccc;
		margin-bottom: 14px;
		padding-bottom: 1px;
	}

	div.blog-post h2 {
		margin: 0 0 2px 0;
	}
		div.blog-post h2 a {
			text-decoration: underline;
		}
		div.blog-post h2 a:hover,
		div.blog-post h2 a:active {
			text-decoration: none;
		}
	div.blog-post small.date {
		color: #555;
		display: block;
		margin-bottom: 1.5em;
	}

	div.blog-social {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		height: 60px;
		margin: 28px -10px 18px -10px;
		padding: 10px 32px 10px 9px;
		position: relative;
		width: auto;
	}
		div.blog-social #sharethis_0 {
			display: inline;
			float: left;
			margin-top: 11px;
			width: 137px;
		}
			div.blog-social #sharethis_0 a.stbutton {
				background-image: url(images/ca_u_btn_sharethis_137w_37h.gif) !important;
				height: 37px;
				width: 137px;
			}

		div.blog-social div.tweetmeme_button {
			display: inline;
			float: right;
			width: 50px;
		}

	div.blog-comments {
		margin-bottom: 50px;
		overflow: hidden;
		position: relative;
	}
		div.blog-comments * { vertical-align: middle; }
		div.blog-comments a.respond {
			float: left;
		}
		div.blog-comments a.comments {
			background: transparent url(images/ca_u_icon_quote_27w_21h.gif) no-repeat left top;
			float: left;
			height: auto !important;
			height: 21px;
			margin-left: 18px;
			min-height: 21px;
			padding-left: 35px;
		}

	div.blog-comments-list {
		background-color: #edf2f6;
		margin-bottom: 24px;
		padding: 18px 18px 1px 18px;
		width: auto;
	}
		div.blog-comments-list h2 {
			color: #5482AB;
		}

		div.blog-comments-list ol {
			list-style-type: none;
			margin: 0;
		}
			div.blog-comments-list ol li {
				background-color: #fff;
				border: 1px solid #8eadc9;
				margin: 0 0 17px 0;
				padding: 12px 12px 1px 12px;
			}

			div.blog-comments-list li span.author {
				display: block;
				font-style: normal;
				font-size: .91em;
				margin-bottom: 14px;
			}
				div.blog-comments-list span.author strong { color: #5281ad; font-size: 1.09em; }

#respond {
	margin: 0 0 28px 17px;
}
	#respond h2 { color: #5281ad; }

	#respond .form.row { clear: left; }
	#respond .form.row label {
		float: left;
		margin: 0 10px 14px 0;
		width: 92px;
	}
	#respond .form.row input.text,
	#respond .form.row textarea {
		float: left;
		margin-bottom: 14px;
	}
	#respond .form.row input.text { width: 340px; }
	#respond .form.row textarea { height: 124px; width: 442px; }

	#respond #captchaImgDiv { margin-bottom: 14px; }


/* Navigation buttons for blog posts listing. */
div.navigation {
	overflow: hidden;
	position: relative;
}
	div.navigation div.alignleft {
		display: inline;
		float: left;
		width: 123px;
	}
		div.navigation div.alignleft a {
			display: block;
			height: 27px;
			text-decoration: none;
			text-indent: -5000px;
			width: 123px;
		}
			.en div.navigation div.alignleft a { background: transparent url(images/ca_en_btn_olderposts_123w_27h.gif) no-repeat left top; }
			.fr div.navigation div.alignleft a { background: transparent url(images/ca_en_btn_olderposts_123w_27h.gif) no-repeat left top; }

	div.navigation div.alignright {
		display: inline;
		float: right;
	}
		div.navigation div.alignright a {
			display: block;
			height: 27px;
			text-decoration: none;
			text-indent: -5000px;
			width: 123px;
		}
			.en div.navigation div.alignright a { background: transparent url(images/ca_en_btn_newerposts_123w_27h.gif) no-repeat left top; }
			.fr div.navigation div.alignright a { background: transparent url(images/ca_en_btn_newerposts_123w_27h.gif) no-repeat left top; }


/* Forms (CAPTCHA) */
#si_contact_captcha_code { width: 65px !important; }

/* Contact Kevin form elements. */
#si_contact_name,
#si_contact_email,
#si_contact_subject,
#si_contact_message {
	width: 350px;
}
#si_contact_message { width: 342px; }


/* Basic image alignment. */
.alignleft {
	display: inline;
	float: left;
	margin: 0 14px 7px 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 0 0 7px 14px;
}
.aligncenter {
	margin: 0 auto 7px auto;
}
.wp-caption {
	text-align: center;
}
	.wp-caption img {
		display: block;
		margin: 0 auto 5px auto;
	}
.wp-caption-text { text-align: center; }