/*
 * Theme Name: Workplace Mental Health Promotion
 * Description: Custom theme for WMHP
 * Author: MediaDoc, Inc.
 * Author URI: http://www.media-doc.com
 * Template: thematic
 */

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('layout.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/*****************************/
/* CUSTOMIZATION STARTS HERE */

body, input, textarea {
  font:15px Calibri, Arial, Helvetica, sans-serif;
  line-height:22px;
  color:#333;
}
p, ul, ol, dd, pre {
  margin-bottom:22px;
}
pre, code {
  font:14px Monaco, monospace;
  line-height:22px;
}
blockquote {
  color:#666;
  font-style:italic;
}
table {
  border:1px solid #ccc;
  border-width:1px 1px 0 1px;
  font-size:1em;
  margin:0 0 22px 0;
  text-align:left;
}
table ul {
  margin-left:15px;
}
caption {
  text-align:left;
  font-size:0.8em;
}
tr {
  border-bottom:1px solid #ccc;
}
th, td {
  padding: .7em .9em;
}
hr {
  background-color:#ccc;
  border:0;
  color:#ccc;
  height:1px;
  margin-bottom:22px;
}
a:link {
  color:#004B91;
}
a:visited {
  color:#743399;
}
a:active, a:hover {
  color: #FF4B33;
}
small {
  font-size:0.8em;
}
/* =Header -------------------------------------------------------------- */
#header {
  z-index:2;
  background-image:url('images/background_grad.png');
}
#branding {
  background-image:url('images/header-wmhp.png');
  background-repeat:no-repeat;
  padding:88px 0 61px 0;
}
#blog-title {
  display:none;
  font-family:Arial,sans-serif;
  font-size:34px;
  font-weight:bold;
  line-height:40px;
}
#blog-title a {
  color:#000;
  text-decoration:none;
}
#blog-title a:active, blog-title a:hover {
  color: #FF4B33;
}
#blog-description {
  display:none;
  color:#666;
  font-size:13px;
  font-style:italic;
}
/* =Menu -------------------------------------------------------------- */
.skip-link {
  display:none;
}
#access {
  background:#1b554e url('images/nav-bg.png') repeat-x 0 0;
  margin:0 auto;
  width:960px;
  height:40px;
  font-size:13px;
  overflow:visible;
  z-index:100;
}
.menu {
  width:600px;
  float:left;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin:0;
  padding:0;
  list-style:none;
}
.sf-menu {
  line-height:1.25;
}
.sf-menu ul {
  position:absolute;
  top:-999em;
  width:10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
  width:100%;
}
.sf-menu li:hover {
  visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:left;
  position:relative;
}
.sf-menu a {
  display:block;
  position:relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  left:0;
  top:1.25em; /* match top ul list item height */
  z-index:99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
  top:-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
  left:10em; /* match ul width */
  top:0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
  top:-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
  left:10em; /* match ul width */
  top:0;
}
/*** THEMATIC SKIN ***/
.sf-menu {
  font-size:1.3em;
  float:left;
}
.sf-menu a {
  padding:9px 13px;
  text-decoration:none;
  border-right:1px solid #fff;
}
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {
  border-bottom-color:#fff;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
  color:#fff;
}
.sf-menu li li li {
  background: #9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  outline:0;
  text-decoration:underline;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  top:40px; /* overriding essential styles */
}
.sf-menu ul ul {
  margin-top:0;
}
.sf-menu ul ul li {
  background-color:#fff;
}
.sf-menu ul a {
  border-bottom:none;
}
.sf-menu ul a:hover {
  color: #FF4B33;
}
/* =Content -------------------------------------------------------------- */
#main {
  background-image:url('images/background_grad.png');
  clear:both;
  padding:0;
}
#quick-tools {
  float:right;
  margin-right:15px;
  background:#fff url('images/icon_tab.gif') no-repeat 0 0;
  width:256px;
  height:51px;
}
#quick-tools ul {
  list-style-type:none;
  margin:10px 0 0 15px;
  padding:0;
}
#quick-tools li {
  display:inline;
  margin-left:3px;
}
.page-title {
  font-size:13px;
  line-height:18px;
  padding:0 0 44px 0;
}
.attachment .page-title {
  font-style:italic;
}
.page-title a {
  color:#666;
  text-decoration:none;
}
.page-title a:active, .page-title a:hover {
  color: #FF4B33;
}
.page-title span {
  font-style:italic;
}
.page-title .meta-nav {
  font-style:normal;
}
.hentry {
  width:670px;
  padding:0 0 22px 0;
}
.single .hentry {
  padding:0;
}
.home #content .sticky {
  border:1px solid #ccc;
  margin:0 0 66px 0;
  padding:22px 20px 0 20px;
}
.entry-title {
  font-family:Arial,sans-serif;
  font-size:26px;
  font-weight:bold;
  line-height:26px;
  padding:0 0 7px 0;
}
.entry-title a {
  color:#000;
  text-decoration:none;
}
.entry-title a:active, .entry-title a:hover {
  color: #FF4B33;
}
.entry-meta {
  color:#666;
  font-size:13px;
  font-style:italic;
  line-height:18px;
}
.entry-meta .author {
}
.entry-meta .n {
  font-size:11px;
  font-style:normal;
  letter-spacing:0.05em;
  text-transform:uppercase;
}
.entry-meta a {
  color:#666;
  text-decoration:none;
}
.entry-meta a:active, .entry-meta a:hover {
  color: #FF4B33;
}
.entry-meta abbr {
  border:none;
  cursor:text;
  font-size:11px;
  font-style:normal;
  letter-spacing:0.05em;
  text-transform:uppercase;
}
h1.page-title {
  font-family:Arial,sans-serif;
  font-size:24px;
  padding:0px 0 24px 0;
}
.entry-content {
  padding:22px 0 0 0;
}
.entry-content h1, .entry-content h2 {
  font-family:Arial,sans-serif;
  font-size:24px;
  padding:0px 0 24px 0;
}
.entry-content h3 {
  font-size:17px;
  font-style:italic;
  padding:22px 0 14px 0;
}
.entry-content h4 {
  font-size:11px;
  font-family:Arial,sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0.05em;
}
.entry-content table {
  margin-left:1px;
}
.entry-content embed {
  margin:0 0 22px 0;
}
.entry-utility {
  color:#666;
  font-size:13px;
  line-height:18px;
  margin:0 0 44px 0;
}
.entry-utility a {
  color:#666;
  font-style:italic;
  text-decoration:none;
}
.entry-utility a:active, .entry-utility a:hover {
  color: #FF4B33;
}
.page-link {
  font-size:13px;
  font-weight:bold;
  line-height:18px;
  margin:0 0 22px 0;
  padding:22px 0 0 0;
  word-spacing:0.5em;
}
.page-link a {
  border:1px solid #ccc;
  color:#666;
  font-weight:normal;
  padding:0.5em 0.75em;
  text-decoration:none;
}
.page-link a:active, .page-link a:hover {
  color: #FF4B33;
}
ul#links-page, ul#archives-page {
  list-style:none;
  margin-left:0;
  overflow:hidden;
}
li.content-column {
  float:left;
  margin-right:20px;
  width:45%;
}
.gallery {
  padding:0 0 22px 0;
}
.wp-caption-text, .gallery-caption {
  color:#666;
  font-size:13px;
  line-height:18px;
}
#author-info {
  margin:0 0 44px 0;
  overflow:hidden;
}
#author-info .avatar {
  float:left;
  margin:.3em 1em 0 0;
}
/* =Container (defined in layouts) ------------------------------------------- */
#wrapper {
  background:#fff url('images/background.png') repeat-x 0 0;
}
#container {
  background-color:#fff;
}
/* =Attachments -------------------------------------------------------------- */
.attachment-jpeg #container, .attachment-png #container {
  width:100%;
}
.attachment-jpeg #content, .attachment-png #content {
  width:930px;
}
.attachment-jpeg #comments, .attachment-png #comments {
  width:540px;
  overflow:hidden;
}
.attachment-jpeg .main-aside, .attachment-png .main-aside {
  display:none;
}
/* =Navigation -------------------------------------------------------------- */
.navigation {
  color:#666;
  font-size:13px;
  line-height:18px;
  margin:0px 0 22px 0;
  overflow:hidden;
}
.navigation a {
  color:#666;
  font-style:italic;
  text-decoration:none;
}
.navigation a:active, .navigation a:hover {
  color: #FF4B33;
}
.navigation .meta-nav {
  font-style:normal;
}
.nav-previous {
	float: left;
	width:50%;
}
.nav-next {
	float: right;
	width:50%;
	text-align:right;
}
#nav-above,#nav-below {
	width: 100%;
}
#nav-above {
  display:none;
}
.paged #nav-above {
  display:block;
  padding:0 0 44px 0;
}
/* =Comments -------------------------------------------------------------- */
#comments {
  padding:22px 0 0 0;
}
#comments, comments input, comments textarea {
  font-size:13px;
  line-height:18px;
}
#comments code {
  font-size:12px;
  line-height:18px;
}
#comments h3 {
  font-family:Arial,sans-serif;
  font-size:15px;
  font-weight:bold;
  line-height:22px;
  padding:0 0 18px 0;
}
#comments-list {
  padding:0 0 18px 0;
}
#comments-list ol, comments-list ul {
  list-style:none;
  margin:0;
}
#comments-list ol {
  border:1px solid #ccc;
  border-bottom:none;
  margin:0 0 18px 0;
}
#comments-list li {
  background:#fafafa;
  border-bottom:1px solid #ccc;
  padding:18px 1.5em 0 1.5em;
  position:relative;
}
#comments-list li.alt {
  background:#fff;
}
#comments-list li.bypostauthor {
  background:#FFFFCC;
}
#comments-list ul li {
  border:1px solid #ccc;
  margin:0 0 18px 0;
}
#comments-list li .avatar {
  position:absolute;
  top:22px;
  left:1.5em;
  width:36px;
  height:36px;
}
#comments-list .comment-author {
  font-weight:bold;
  padding:9px 0 0 46px;
}
#comments-list .comment-meta {
  color:#666;
  font-size:11px;
  padding:0 0 9px 46px;
}
#comments-list .comment-meta a {
  color:#666;
  font-style:italic;
  text-decoration:none;
}
#comments-list .comment-meta a:active, comments-list .comment-meta a:hover {
  color: #FF4B33;
}
.comment-reply-link {
  font-size:11px;
  padding:0 0 18px 0;
  text-align:right;
}
.comment-reply-link a {
  color:#666;
  font-style:italic;
  text-decoration:none;
}
.comment-reply-link a:active, .comment-reply-link a:hover {
  color: #FF4B33;
}
.comment-navigation {
  font-weight:bold;
  padding:0 0 18px 0;
  margin-right:0.5em;
}
.comment-navigation a {
  border:1px solid #ccc;
  color:#666;
  font-weight:normal;
  padding:0.5em 0.75em;
  text-decoration:none;
}
.comment-navigation a:active, .comment-navigation a:hover {
  color: #FF4B33;
}
.comment-navigation a, .comment-navigation span {
  margin-right:0.5em;
}
#trackbacks-list .comment-content {
  position:absolute;
  left:-9000px;
}
#respond {
  background:#fff;
  margin-bottom:22px;
  overflow:hidden;
  padding:18px 0 0 0;
  position:relative;
}
#comments-list #respond {
  border-bottom:1px solid #ccc;
  margin:0 0 18px 0;
  padding:18px 1.5em;
}
#comments-list ul #respond {
  border:1px solid #ccc;
  margin:0;
}
#cancel-comment-reply {
  font-size:11px;
  position:absolute;
  top:18px;
  right:1.5em;
}
#cancel-comment-reply a {
  color:#666;
}
#respond .required {
  color:#FF4B33;
  font-weight:bold;
}
.form-section label {
  font-size:11px;
}
.form-section input {
  margin:0 0 18px 0;
  width:98%;
}
.form-section textarea {
  width:99%;
}
#form-allowed-tags p {
  color:#666;
  font-size:11px;
  margin:0;
}
#form-allowed-tags span {
  font-style:italic;
}
#form-allowed-tags code {
  font-size:11px;
  line-height:normal;
}
.form-submit {
  padding:18px 0 0 0;
  text-align:right;
}
.subscribe-to-comments {
  color:#666;
  float:left;
  font-size:11px;
  margin:0;
  padding:18px 0 0 0;
}
.solo-subscribe-to-comments {
  color:#666;
  font-size:11px;
  padding:18px 0 0 0;
}
.comment_license {
  color:#666;
  clear:both;
  font-size:11px;
  margin:0;
  padding:18px 0 0 0;
}
/* =Asides, Sidebars & Widget-Ready Areas -------------------------------------------------------------- */
.aside, .aside input {
  font-size:13px;
  line-height:18px;
  margin-bottom:6px;
}
.aside p, .aside ul, .aside ol, .aside dd, .aside pre {
  margin-bottom:18px;
}
.aside pre, .aside code {
  font-size:12px;
  line-height:18px;
}
.aside .current_page_item a {
  color: #FF4B33;
}
.aside .current_page_item .page_item a {
  color:#666;
}
.aside .current_page_item .page_item a:hover, .aside .current_page_item .page_item a:active {
  color: #FF4B33;
}
.aside {
  color:#666;
}
.aside a {
  color:#666;
}
.aside a:active, .aside a:hover {
  color: #FF4B33;
}
.aside h3 {
  font-size:15px;
  font-style:italic;
  line-height:22px;
}
.aside h3 a {
  text-decoration:none;
}
.aside caption {
  font-size:11px;
  font-family:Arial,sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0.05em;
}
.aside ul {
  list-style:none;
  margin-left:0;
}
.aside ul ul {
  list-style:disc;
  margin:0 0 22px 20px;
}
.aside ul ul ul {
  margin-bottom:0;
}
.aside form, .aside table {
  margin-bottom:22px;
}
.aside table {
  border:none;
}
.aside thead {
  border:1px solid #ccc;
}
.aside tbody {
  border:1px solid #ccc;
}
.aside th, .aside td {
  border-right:1px solid #ccc;
  padding:.25em .8em;
}
.aside tfoot tr {
  border:none;
}
.aside tfoot td {
  border-color:transparent;
}
.widget_tag_cloud {
  margin:0 0 22px 0;
}
/* Main Asides */
.main-aside {
  width:253px;
}
.main-aside ul {
  padding:0 20px;
}
.main-aside h3 {
}
.main-aside ul ul {
  padding:0;
}
#primary {
  padding:0;
  margin-bottom:22px;
}
#secondary {
  background-color:silver;
}
/* Content Asides */
#content {
  margin:0 0 0 256px;
  border-left:1px solid #e8e8e8;
  padding-left:19px;
  overflow:hidden;
  width:675px;
}
#content .aside {
  border:1px solid #ccc;
  margin:0 0 22px 0;
  padding:18px 0 0 0;
}
#content .aside ul {
  padding:0 20px;
}
#content .aside h3 {
  font-family:Georgia,serif;
  font-weight:normal;
  font-size:17px;
  font-style:italic;
  padding:0 0 7px 0;
  text-transform:none;
}
#content .aside ul ul {
  padding:0;
}
/* Footer Asides */
#subsidiary {
  background-color:navy;
  padding:33px 0 0 0;
}
/* =Footer -------------------------------------------------------------- */
#footer {
  background:#1b554e url('images/footer-bg.png') repeat-x 0 0;
}
#siteinfo {
  padding:8px 0;
  font-family:Calibri,Arial,Helvetica,sans-serif;
  text-align:center;
  color:#eee;
  font-size:0.9em;
}
#siteinfo p {
  line-height:16px;
  margin-bottom:0px;
}
#siteinfo p.links {
  font-size:1.2em;
  margin-bottom:5px;
}
#siteinfo p.links a {
  text-decoration:none;
}
#siteinfo p.links a:active, #siteinfo p.links a:hover {
  text-decoration:underline;
}
#siteinfo p.last-updated {
  color:#d7a903;
}
#siteinfo a {
  color:#eee;
}
#siteinfo a:active, siteinfo a:hover {
  color:#eee;
}
/* =PageNavi -------------------------------------------------------------- */
/* Using !important to override PageNavi CSS */
.wp-pagenavi {
  margin:0 0 0 -.5em;
  padding:0.5em 0;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
  border:1px solid #ccc !important;
  color:#666!important;
  font-style:normal;
  margin:0 .375em !important;
  padding:0.5em 0.25em !important;
}
.wp-pagenavi a:visited {
  border:1px solid #ccc !important;
  color:#666 !important;
}
.wp-pagenavi a:hover {
  border:1px solid #ccc !important;
  color:#FF4B33 !important;
}
.wp-pagenavi a:active {
  border:1px solid #ccc !important;
  color:#FF4B33 !important;
}
.wp-pagenavi span.pages {
  border:none !important;
  color:#666 !important;
  margin:0 !important;
  padding:0 !important;
}
.wp-pagenavi span.current {
  border:none !important;
  color:#666 !important;
  font-weight:normal !important;
  margin:0 !important;
  padding:0 !important;
}
.wp-pagenavi span.extend {
  background-color:#fff;
  border:1px solid #000000;
  color:#000000;
  margin:2px;
  padding:2px 4px;
}
/* Breadcrumbs */
#breadcrumbs {
  margin:10px 0;
}
/* Search */
#search {
  margin-top:3px;
  font-size:1.3em;
  color:#fff;
  float:right;
}
#s {
  margin-left:5px;
  color:#111;
}
.searchicon {
  vertical-align:bottom;
  margin-right:10px;
}
/* --- */
#content_nav ul {
  width:256px;
  margin:0px;
  padding:0px;
}
#content_nav a {
  font-size:1.2em;
}
#content_nav li {
  width:256px;
  background-color:#387e74;
  margin:0;
  line-height:1.5em;
  vertical-align:top;
  border-bottom:1px solid #fff;
}
#content_nav li a {
  display:block;
  padding:8px 10px 8px 32px;
  text-decoration:none;
  background:#387e74 url('images/arrow.png') no-repeat 10px 11px;
  color:#fff;
}
#content_nav li ul {
  list-style-type:none;
}
#content_nav li ul li {
  background-color:#afcbc7;
  margin-bottom:0px;
  border-bottom:0 none;
}
#content_nav li ul li a {
  display:block;
  background-image:none;
  background-color:#fff;
  color:#666;
  padding-left:8px;
  font-size:1.1em;
  line-height:1.1em;
  margin-left:22px;
  border-bottom:1px solid #e8e8e8;
}
#content_nav li ul li ul li a {
  display:block;
  background-image:none;
  background-color:#fff;
  color:#666;
  padding-left:20px;
  font-size:1.1em;
  line-height:1.1em;
  margin-left:22px;
  border-bottom:1px solid #e8e8e8;
  font-style:italic;
}
li.page-item-50 a {
  background:url("images/arrow_down.gif") no-repeat scroll 10px 20px #fff !important;
  padding-left:30px !important;
}
li.page-item-50 li>a {
  background-image:none !important;
}
#sponsors {
  text-align:center;
}
#sponsors img {
  margin-bottom:20px;
}
#footnotes {
  display:none;
  font-size:0.8em;
  line-height:1.1em;
}
#footnotes p {
  margin:0 0 1em 0;
}

/* Special DIVs */
div.info {
  margin-bottom:20px;
  width:575px;
  background:#fff url('images/notices_info.png') no-repeat top left;
  border:1px solid #e8e8e8;
  padding:10px 10px 10px 80px;
  min-height:60px;
}
div.tool {
  margin-bottom:20px;
  width:575px;
  background:#fff url('images/notices_tool.png') no-repeat top left;
  border:1px solid #e8e8e8;
  padding:10px 10px 10px 80px;
  min-height:60px;
}
div.case_study {
  margin-bottom:20px;
	/* ntran, June 21, 2010:  modified width (i.e., 575px - 80px) to fix issue with text cutting off  */
	width: 495px; /* original - 575px; */
  background:#fff url('images/notices_doc.png') no-repeat top left;
  border:1px solid #e8e8e8;
  padding:10px 10px 10px 80px;
  min-height:60px;
}
div.info p, div.tool p, div.resource p {
  margin-bottom:10px;
}
div.info ul, div.tool ul, div.resource ul {
  margin-left:15px;
  margin-bottom:10px;
}
div.boxed {
  margin-bottom:20px;
  padding:10px;
  border:1px solid #ccc;
}
div.boxed p {
  margin-top:10px;
  margin-bottom:10px;
}
div.floatright {
  width:280px;
  float:right;
  margin-left:15px;
}
div.page_nav {
  text-align:center;
}
a.prev {
  padding-left:20px;
  background:#fff url('images/nav_prev.png') no-repeat center left;
}
a.next {
  padding-right:20px;
  background:#fff url('images/nav_next.png') no-repeat center right;
}
h2.ref_link {
  font-size:1em;
  font-weight:bold;
  margin-top:20px;
  background:url('images/play.png') no-repeat scroll 0px 3px #fff !important;
  padding-left:25px;
}