/*
Theme Name: Canada HR Centre
Theme URI: Canada Human Resources Centre
Description: Developed by <a href="http://www.canadahrcentre.com/" title="Canada Human Resources Centre"Canada Human Resources Centre</a>. 
Version: 1.1
Author: Canada Human Resources Centre
*/
* { margin: 0; padding: 0; }

body { background: url('img/bg.png') top repeat-x; color: #000; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; }
a img { border: 0 none ; }
a {  color: #7f6c54; text-decoration: none; }
a:hover { text-decoration: underline; }

.alignleft { float: left; font-size: 12px; }
.alignright { float: right; font-size: 12px; }


/*------------ [ HEADER ] ------------*/
#header { color: #fff; width: 1000px; margin: 0 auto; height: 180px; overflow: hidden; line-height: 38px; }

#top { height: 46px; line-height: 46px; background: no-repeat url('img/leaf.png') center center; }

#middle { width: 475px; height: 97px; position: relative; margin: 0 auto; }
#middle .logo { position: absolute; top: 6px; left: 0;  }

#bottom { height: 36px; overflow: hidden; }
#bottom #searchform { float: right; overflow: hidden; }
#bottom #searchform input { font-size: 10px; }
#bottom #searchform #b { background: #7f6c54; color: #fff; border: 0 none; width: 58px; padding: 3px 5px; text-transform: uppercase; } 
#bottom #searchform #s { background: #f0f0f0; border: 0 none; padding: 4px 3px; width: 150px; }


/*------------ [ CONTENT ] ------------*/
#content { width: 1000px; overflow: hidden; margin: 20px auto;  font-size: 12px; }

#posts { position: relative; margin: 0 auto; width: 560px;  }


#posts .post { padding: 0 20px 18px; }
#posts .post h2 {
	font-size: 16px;
	padding-bottom: 5px;
	font-weight: normal;
}
#posts .post h3 { padding: 5px 0px; }
#posts .post p { line-height: 18px; margin: 10px 0; }
#posts .post strong { color: #828282; }
#posts .post a { color: #828282; text-decoration: none; }
#posts .post a:hover { text-decoration: underline; }


/*------------ [ SIDEBARS ] ------------*/
#content #left-col { width: 220px; float: left;
	padding-bottom: 0px;
	background: #EFEFEF;
	overflow: hidden;
 }
#content #right-col {
	width: 220px;
	float: right;
	padding-bottom: 0px;
	background: #EFEFEF;
	overflow: hidden;
}

.sidebar .widget { background: #bfbfbf no-repeat url('img/sidebar.png') top center;  padding: 0px 2px 0px 8px;}
.sidebar .widget img{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
}
.sidebar .widget h3 { color: #fff; font-size: 14px; font-weight: normal; padding: 7px 0; }
.sidebar .widget .textwidget { padding-top: 10px; }
.sidebar .widget ul { border-bottom: 1px solid #DFDFDF; padding-top: 5px; }
.sidebar .widget ul li { list-style-type: none; border-bottom: 1px solid #DFDFDF;  line-height: 28px; }
.sidebar .widget ul li a { padding-left: 1px; color: #000; }
.sidebar .widget ul ul { padding: 0; margin: 0; border-bottom: 0 none; }

/*--------------------- [ FOOTER ] ------------------*/
#footer { background: #7f6c54; color: #fff; font-size: 12px; font-weight: normal; text-align: center; padding: 8px 0; }
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { text-decoration: none; }


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

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

img.alignleft {
	padding: 0px;
	margin: 0 7px 2px 0;
	display: inline;
	}
/* ------------- [ SUCKERFISH 3-LEVLE DROPDOWN MENU ] ------------ */
#nav, #nav ul { list-style: none; width: 980px; width: 790px; float: left; margin-left: -15px;  }
#nav li { float: left; }
#nav li a { line-height: 36px; display: block; color: #fff; text-decoration: none; padding: 0 15px;  }
#nav li a:hover { color: #fff; font-weight: italics}
#nav li:hover{ /* IE7 Fix */ position: static; } 
#nav li ul { margin:0; position: absolute; width: 200px; background: #000; left: -999em; z-index: 999; }
#nav li ul li { width: 200px;} 
#nav li ul li a { color: #fff; background-image: none; } 
#nav li ul ul { /* third-and-above-level lists */ margin: -36px 0 0 200px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav .current_page_item { underline }
/* ------------- CSS added by Harrison ------------ */
.postmeta{}
.postmeta2{}
#posts .blogpost { padding: 0 20px 18px; }
#posts .blogpost h2 { font-size: 16px; padding-bottom: 5px; }
#posts .blogpost h3 { padding: 5px 0px; }
#posts .blogpost p { line-height: 18px; margin: 10px 0; }
#posts .blogpost strong { color: #828282; }
#posts .blogpost a { color: #7F6C54; text-decoration: none; }
#posts .blogpost a:hover { text-decoration: underline; }
#posts .blogpost h1 a {	color: #000000;	text-decoration: none; font-size: 20px;	text-transform: capitalize;}
#posts .blogpost h1 a:hover {text-decoration: underline; color: #7F6C54;}
#posts .blogpost h1{font-size: 20px; text-transform: capitalize;}
.author-box {
	background:none repeat scroll 0 0 #F4F4F4;
	margin:0 0 40px;
	padding:10px;
	overflow: hidden;
}
.author-box img {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #CCCCCC; float:left; margin:0 10px 0 0; padding:4px;}
#posts .blogpost .author-box b a:link{color: #000000;}
#posts .blogpost  .author-box p{
	margin: 5px 0px;
	padding: 0px;
}
/* ------------- CSS added by Harrison - comments ------------ */
.commentlist li ul li,.commentlist cite a,.commentlist cite,#subscribe-form p,.rssform p {
	font-size:12px
}

.commentlist li,.commentlist cite a,.commentlist cite,.headline,#subbutton2,#subbutton {
	font-weight:bold
}

.commentlist li .avatar,.thread-alt,#posts .blogpost .avatar,#posts .blogpost .author-box .avatar {
	background:#fff
}

.commentlist li .avatar,#subbutton2,#subbutton,#posts .blogpost .avatar {
	float:right
}

.commentlist li .avatar,#posts .blogpost .avatar,#posts .blogpost .author-box .avatar {
	border:1px solid #eee
}

.commentlist li .avatar,#posts .blogpost .avatar {
	margin:0 5px 0 10px
}

.commentlist li .avatar,#commentform input,#commentform textarea,#right-col #slideshow-wrapper,#posts .blogpost .avatar,#posts .blogpost .author-box .avatar {
	padding:2px
}

.commentlist li .avatar,#imgnext,#imgprev,#right-col #slideshow-wrapper,#creditfooter {
	display:none
}

.commentlist cite a,.commentlist cite {
	font-style:normal
}

.commentlist p,.commentmetadata,#text-10 h3 {
	font-weight:normal
}

.commentlist p {
	text-transform:none;
	margin:10px 5px 10px 0
}

#commentform input,#subbox3,#subbox4,#subbox5 {
	width:170px
}

#commentform input {
	margin:5px 5px 1px 0
}

#commentform {
	margin:5px 10px 0 0
}

#commentform,#subbox3,#subbox4,#subbox5,#subbox {
	display:inline
}

#commentform textarea {
	width:98%
}

#respond:after {
	content:".";
	height:0;
	visibility:hidden
}

#respond:after,.commentmetadata,.navigation,#subscribe-form,#subscribe,.rssform {
	display:block
}

#respond:after,#subscribe-form p {
	clear:both
}

#commentform p {
	margin:5px 0 5px 0
}

#commentform #submit,.alt,.commentlist,.commentlist ol,.children,.nocomments,.commentmetadata,.thread-alt,.thread-even,.depth-1,.alt,.even,p.date,.dots,#subscribe-form,#subscribe,.rssform,.newsbg,#text-10 {
	margin:0
}

#commentform #submit,#subscribe-form,#subscribe,#posts .blogpost .author-box .avatar {
	float:left
}

.alt,.commentlist ol {
	padding:10px
}

.commentlist,.commentlist p,.children,.nocomments,.thread-alt,.thread-even,.depth-1,.alt,.even,p.date,#subscribe-form,#subscribe,.rssform,#text-10 {
	padding:0
}

.commentlist li {
	margin:15px 0 10px;
	padding:10px 5px 10px 10px;
	list-style:none
}

.commentlist li ul li {
	margin-right:-5px;
	margin-left:10px
}

.nocomments,.navigation,#subscribe-form p {
	text-align:center
}

.commentmetadata,p.date {
	font-size:10px
}

.navigation,#translation_bar {
	margin-top:10px
}

.navigation {
	margin-bottom:40px
}

.thread-even {
	background:#eee
}

.depth-1 {
	border:1px dotted #bbb
}

.alt,.even {
	border-top:1px dotted #bbb;
	border-bottom:1px dotted #bbb;
	border-left:1px dotted #bbb
}

#right-col #slideshow-wrapper {
	margin:5px auto
}

#right-col #slideshow-wrapper,#subscribe-form,#subscribe,.rssform {
	overflow:hidden
}

#translation_bar,.sidebar .widget .feedburnerFeedBlock ul li {
	margin-bottom:5px
}

#right-col .linkhover {
	background:url(none)
}

p.date {
	color:#333
}

.sidebar .widget .feedburnerFeedBlock ul li,#subscribe-form p,.rssform p {
	line-height:120%
}

.sidebar .widget .feedburnerFeedBlock ul li {
	padding-bottom:5px
}

.dots {
	padding:0 0 10px;
	border-bottom:1px dotted #ccc
}

#subscribe-form {
	width:210px
}

#subscribe-form p,.rssform p {
	padding-bottom:15px
}

#subbox3,#subbox4,#subbox5,#subbox {
	font:11px arial,tahoma,verdana normal;
	background:none repeat scroll 0 0 #f9f9f9 !important;
	border:1px solid #7f6c54;
	color:#222;
	padding:4px 5px 4px 3px
}

#subbox3,#subbox4,#subbox5,#subbutton2,#subbox,#subbutton {
	-moz-border-radius:5px 5px 5px 5px
}

#subbox3,#subbox4,#subbox5 {
	margin:0 0 6px 16px
}

#subbutton2,#subbutton {
	background:#7f6c54;
	font-size:11px;
	border:1px solid #000
}

#subbutton2,#subbutton,#text-10 h3 {
	color:#fff
}

#subbutton2 {
	margin:0 15px 10px 0;
	padding:3px 3px 2px
}

#subscribe {
	width:204px
}

#subbox {
	width:152px;
	margin:0 0 6px 0
}

#subbutton {
	margin:0 2px 10px 0;
	padding:4px 3px 3px
}

.rssform {
	width:205px;
	background:url(img/rssfeedicon.png) no-repeat left top
}

.newsbg {
	height:190px;
	width:220px;
	padding:0 0 0 -10px;
	background:#efefef url(img/newsicon.jpg) no-repeat left bottom
}

#text-10 h3 {
	font-size:14px;
	padding:7px 0 7px 10px
}

#posts .blogpost .author-box .avatar {
	margin:0 10px 0 0
}
/************************************************
*	CollapsiblePanel							*
************************************************/

.CollapsiblePanel {
	margin: 0px;
	padding: 0px 0px 5px 10px;

}
#posts .post .CollapsiblePanel h2 {
	padding-bottom: 5px;
	color: #800000;
	font: bold 16px Arial, Helvetica, sans-serif;
}

.CollapsiblePanelTab {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 5px 0px 0px;
	padding: 4px 4px 4px 0px;
	cursor: pointer;
	color: #800000;
}
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #CCCCCC;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {

}


.CollapsiblePanelClosed .CollapsiblePanelTab {
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background: #F8F8F8;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	color: #FFFFFF;
}