/*
Theme Name: GoHave1
Version: 1.0
Theme URI: http://gohave1.com/
Author: Fjord Interactive
Author URI: http://www.fjordinteractive.com/
Description: A theme for the Canadian Breast Cancer Foundation's GoHave1 initiative.

Design by Jacqueline Jung
Development by Brad Touesnard

License Information:

All files in this theme is released for free under Creative Commons License. You can redistribute it and/or modify it under the terms of the Attribution-NonCommercial-ShareAlike as published by the Creative Commons License, version 2.0 of the License.

This theme is distributed in the hope that it will be useful, but comes as is, without any warranty and/or without any implied warranty. Users of said theme should realize that they cannot and will not hold YUSOP.NET reliable or responsible for any purpose what so ever. See the Creative Commons License (Attribution-NonCommercial-ShareAlike 2.0) for more details at http://creativecommons.org/licenses/by-nc-sa/2.0/.
*/

/* Elements */

body {
	font-family:Verdana,Arial,sans-serif;
	color: #887d75;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	font-size: 0.75em;
}

a {
	color: #887d75;
	text-decoration: underline;
}

a:hover {
	color: #695d54;
	text-decoration: underline;
}

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1 {
	font-size: 1.35em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

hr {
	border: none 0;
	border-top: 1px dashed #C5C5C5;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

blockquote {
	margin-left: 20px;
	border-left: 20px solid #eee;
	padding-left: 10px;
	font-size: 0.9em;
	clear: left;
}

ul {
	margin:0;
	padding:0;
	list-style: none;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 1.0em;
	font-size: 0.9em;
}

code {
	font-family: Courier New, Courier, Monospace;
	font-size: 1em;
	color: #666666;
}

acronym, abbr {
	cursor: help;
}

input, textarea {
	position: relative;
	padding: 0.2em;
	color: #695d54;
	font-weight: normal;
	font-size: 11px;
	background-color: #f7f6f5;
	font-family: Arial,Verdana,sans-serif;
}

input:focus, textarea:focus {
	background-color: #fff;
}

.sIFR-alternate {
	display: none;
}

div.profile-photo {
	float: right;
	margin: 0 0 10px 10px;
}

/* Header */

#main {
	position: relative;
	margin: 10px auto 0 auto;
	width: 986px;
}

#wrapper {
	overflow: hidden;
}

#header {
	position: relative;
	height: 108px;
	background: url(images/header/bg.gif) no-repeat;
	color: #fff;
	margin-bottom: 5px;
}

#header h1.title {
	position: relative;
	top: 10px;
	width: 325px;
	height: 98px;
	margin: 0;
}

#header h1.title a {
	width: 325px;
	height: 98px;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
}

#header object {
	position: relative;
	top: 10px;
}

/* Navigation */

#nav {
	float: left;
	width: 325px;
	background: #f1a2c2 url(images/nav/bg.gif) no-repeat;
}

#nav div.video {
	background-color: #000;
}

#links {
	width: 221px;
	margin: 50px 0 0 17px;
}

#links li.category a {
	display: block;
	width: 221px;
	height: 22px;
	background: url(images/nav/nav.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

#links li a.active,
#links li.category a:hover {
	background-position: -221px 0px;
}

#links li.common-fears a {
	background-position: 0px -22px;
}

#links li.common-fears a.active,
#links li.common-fears a:hover {
	background-position: -221px -22px;
}

#links li.myths-and-facts a {
	background-position: 0px -44px;
}

#links li.myths-and-facts a.active,
#links li.myths-and-facts a:hover {
	background-position: -221px -44px;
}

#links li.what-happens a {
	background-position: 0px -66px;
}

#links li.what-happens a.active,
#links li.what-happens a:hover {
	background-position: -221px -66px;
}

#links li.where-2-have-1 a {
	background-position: 0px -88px;
}

#links li.where-2-have-1 a.active,
#links li.where-2-have-1 a:hover {
	background-position: -221px -88px;
}

#links li.mobile-mammograms a {
	background-position: 0px -110px;
}

#links li.mobile-mammograms a.active,
#links li.mobile-mammograms a:hover {
	background-position: -221px -110px;
}

#links li.getting-your-results a {
	background-position: 0px -132px;
}

#links li.getting-your-results a.active,
#links li.getting-your-results a:hover {
	background-position: -221px -132px;
}

#links li.helpful-resources a {
	background-position: 0px -154px;
}

#links li.helpful-resources a.active,
#links li.helpful-resources a:hover {
	background-position: -221px -154px;
}

#links li.your-stories a {
	background-position: 0px -176px;
}

#links li.your-stories a.active,
#links li.your-stories a:hover {
	background-position: -221px -176px;
}

#download {
	margin-top: 16px;
	padding: 0 0 10px 0;
	background-color: #e69db9;
	height: 89px;
}

#download h2 {
	height: 31px;
	background: #e69db9 url(images/nav/download.gif) no-repeat;
	overflow: hidden;
	text-indent: -5000px;
	margin: 0;
}

#download ul {
	overflow: hidden;
	font-size: 0.8em;
	font-weight: bold;
}

#download ul li {
	margin: 10px 0 0 10px;
	float: left;
	width: 147px;
}

#download ul li a {
	display: block;
	height: 13px;
	padding: 6px 0 0 30px;
	color: #fff;
	text-decoration: none;
	background: url(images/nav/pdf.gif) no-repeat;
}

#download ul li a:hover {
	background-image: url(images/nav/pdf-on.gif);
}

#download ul li.top a span.txt {
	white-space: nowrap;
	display: block;
	padding-bottom: 6px;
	border-bottom: 1px solid #fff;
}

#download ul li a span span {
	font-size: 0.8em;
	border: 0;
	font-weight: normal;
}

#video_promo {
	display: block;
	width: 325px;
	height: 246px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(images/nav/video.jpg) no-repeat;
}

/* Content Area */

#content {
	float: right;
	width: 656px;	
}

#main.home #content {
	float: none;
	width: auto;
}

#posts {
	float: left;
	width: 430px;
	padding: 28px 0 0 38px;
}

#posts h2 {
	margin: 0 0 0.5em 0;
	text-transform: uppercase;
}

#posts h3 {
	margin: 1em 0 0;
}

#posts div.post ul {
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}

#posts div.post div.faq {
	margin-top: 4em;
}

#posts div.post div.faq ol {
	padding-left: 2em;
	margin-left: 0;
}

#posts div.post div.faq ol li h4 {
	font-size: 1.0em;
}

#posts div.post ul li {
	margin: 1em 0;
}

#posts div.post table {
	margin: 1em 0;
	border-spacing: 0;
}

#posts div.post table td {
	padding: 0.5em 0.5em 3em 0.5em;
	font-size: 0.9em;
	vertical-align: top;
	border-right: 4px solid #fff;
}

#posts div.post table thead td {
	padding: 0.5em;
	background-color: #f1a2c2;
	color: #fff;
	font-weight: bold;
}

#posts div.author {
	font-weight: bold;
	font-size: 0.9em;
}

#posts div.author span.location {
	display: block;
}

#posts div.entry-content p.quote {
	padding: 0 60px;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 1.2em;
	background: url(images/quote.gif) no-repeat;
}

a.show_hide {
	display: block;
	width: 121px;
	height: 12px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(images/button/show_full_article.gif);
	float: right;
}

a.show_hide:hover {
	background-position: 0px -12px;
}

a.read-more {
	display: block;
	width: 73px;
	height: 10px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(images/button/read_more_onwhite.gif);
}

a.read-more:hover {
	background-position: 0px -10px;
}

a.read-more-green {
	background: url(images/button/read_more_ongreen.gif);
}

a.shown {
	width: 110px;
	background: url(images/button/hide_full_article.gif);
}

p.show_hide_button {
	overflow: hidden;
}

/* Comments */

#comments-title {
	position: relative;
	width: 430px;
	height: 36px;
	background: url(images/comments.gif);
}

#comments-title div.sort {
	position: absolute;
	bottom: 6px;
	right: 10px;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
}

#comments-title div.sort a {
	color: #fff;
}

#comments-title h3 {
	text-indent: -5000px;
	overflow: hidden;
	margin: 0;
}

#comments-wrapper {
	border: 1px solid #f4c1d8;
	border-top-width: 0;
	padding-top: 2px;
}

ul.comments p.meta {
	font-size: 0.9em;
	font-weight: bold;
	color: #695d54;
	margin: 0 0 1em 0;
}

ul.comments li {
	padding: 10px 20px;
	margin: 2px;
	border: 1px solid #fceff5;
	overflow: hidden;
}

ul.comments li.first-child {
	margin-top: 0;
}

ul.comments li.odd {
	background-color: #f7f6f5;
	border: 1px solid #f9deea;
}

ul.comments li.moderator {
	background-color: #fdeaf0;
}

ul.comments div.avatar {
	float: left;
	margin: 0 12px 6px 0;
	width: 100px;
	height: 100px;
}

ul.comments a.show_hide {
	width: 139px;
	background: url(images/button/show_full_comment.png);
}

ul.comments a.show_hide:hover {
	background-position: 0px -12px;
}

ul.comments a.shown {
	width: 93px;
	background: url(images/button/hide_full_comment.png);
}

#view_all_comments {
	text-align: center;
	padding: 0.5em 0;
	display: none;
}

#view_all_comments a {
	padding-right: 14px;
	font-size: 0.8em;
	font-weight: bold;
	color: #a1a901;
	text-decoration: none;
	background: url(images/arrow-down.gif) no-repeat top right;
}

#view_all_comments a.shown {
	background: url(images/arrow-up.gif) no-repeat top right;
}

#commentform {
	position: relative;
	padding: 18px;
	margin: 2px;
	background-color: #f3bdd5;
	color: #695d54;
	font-size: 0.9em;
	font-weight: bold;
	overflow: hidden;
}

#commentform h3 {
	margin: 0 0 20px 0;
	width: 197px;
	height: 15px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(images/add_your_comment.gif);
}

#commentform a.guidelines {
	position: absolute;
	top: 22px;
	right: 28px;
	font-size: 0.8em;
	font-weight: bold;
}

#commentform input,
#commentform textarea {
	width: 264px;
	padding: 3px;
}

#commentform div.field-req,
#commentform p.required {
	color: #fff;
}

#commentform input.button {
	display: block;
	width: 92px;
	height: 26px;
	padding: 0;
	background: url(images/button/submit.png);
	position: relative;
	left: 290px;
}

#commentform input.button:hover {
	background-position: 0px -26px;
}

#subscribe {
	background-color: transparent;
}

#commentform p.subscribe-to-comments {
	padding: 0 0 5px 110px;
}

#commentform div.subscribe-email {
	padding: 0 0 20px 110px;
}

#commentform div.subscribe-email label {
	width: 75px;
}

#commentform div.subscribe-email input {
	width: 180px;
}

#commentform div.popup-error h3 {
	margin: 0;
	width: 71px;
	height: 25px;
	background: url(images/popup/oops.png);
}

#commentform div.popup-success h3 {
	margin: 0;
	width: 144px;
	height: 20px;
	background: url(images/popup/thankyou.png);
}

#commentform div.popup-post {
	top: 16px;
	left: 16px;
}

div.field {
	overflow: hidden;
	margin-bottom: 0.5em;
}

div.field div.field-req {
	float: left;
	width: 10px;
}

div.field input,
div.field textarea {
	border: 1px solid #f3bdd5;
	float: left;
}

div.field label {
	width: 100px;
	float: left;
}

div.field span.field-note {
	font-size: 0.8em;
	font-weight: normal;
	display: block;
}

div.submit-cancel {
	clear: both;
	overflow: hidden;
}

/* Sidebar */

#sidebar {
	position: relative;
	padding: 28px 0 0 10px;
	float: right;
	width: 169px;
}

#sidebar a {
	color: #abb400;
	text-decoration: none;
}

#sidebar a:hover,
#sidebar a.active {
	color: #695d54;
}

#sidebar a.send-friend-button {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 166px;
	height: 34px;
	background: url(images/sidebar/send_friend.gif) no-repeat;
}

#sidebar a.send-friend-button:hover {
	background-position: 0px -34px;
}

#sidebar a.notify-me-button {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 151px;
	height: 21px;
	margin: 20px 0 0 15px;
	background: url(images/sidebar/notify_me.gif) no-repeat;
}

#sidebar a.notify-me-button:hover {
	background-position: 0px -21px;
}

#sidebar div.block {
	position: relative;
	left: 19px;
	padding: 15px;
	width: 120px;
	background-color: #f9fcf4;
}

#sidebar div.block h3 {
	margin: 0 0 1em 0;
}

#sidebar div.block ul {
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}

#sidebar div.block ul li a {
	padding-left: 16px;
	display: block;
	width: 110px;
	min-height: 13px;
}

#sidebar div.block ul li a:hover,
#sidebar div.block ul li a.active {
	background: url(images/sidebar/bullet.gif) no-repeat top left;
}

#sidebar div.block ul.bullets {
	color: #abb400;
	font-size: 0.9em;
}

#sidebar div.block ul li {
	margin-bottom: 1.5em;
}

#sidebar div.stories {
	padding-left: 8px;
	width: 130px;
}

#sidebar div.faq ul,
#sidebar div.stories ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar div.faq ul li div.content a {
	display: inline;
}

#sidebar h2.title {
	position: relative;
	left: 19px;
	width: 150px;
	height: 14px;
	margin: 20px 0 0 0;
	color: #fff;
	text-transform: uppercase;
	background: url(images/sidebar/title.gif) no-repeat;
	padding: 7px 3px 3px 3px;
	font-size: 0.8em;
}

#sidebar h2.title span.title {
	display: block;
	width: 144px;
	text-align: center;
}

#sidebar ul.questions h3 {
	font-weight: normal;
}

#sidebar div.profile-photo {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	float: none;
}

/* Footer */

#footer {
	height: 101px;
	border: 1px solid #ef92b8;
	border-bottom-width: 12px;
	margin: 2em 0;
}

#footer a {
	display: block;
	height: 100px;
	text-indent: -5000px;
	overflow: hidden;
	float: left;
	margin-left: 50px;
}

#footer a.cbcfbc {
	width: 257px;
	background: url(images/footer/cbcfbc.gif) no-repeat;
}

#footer a.bccancer {
	width: 376px;
	background: url(images/footer/bccancer.gif) no-repeat;
}

#footer a.bcgov {
	width: 118px;
	background: url(images/footer/bcgov.gif) no-repeat;
}

#footer a:hover {
	background-position: 0px -100px;
}

/* wp-email plugin */

.wp-email P {
	text-align: left;
}
.wp-email-loading {
	display: none;
	text-align: center;
	height: 16px;
}
.wp-email-image {
	border: 0px;
}

/* Popups */

div.popup {
	position: absolute;
	top: 0;
	left: 0;
	width: 434px;
	height: 395px;
	background: url(images/popup/bg.png) no-repeat;
	color: #fff;
	z-index: 100;
}

div.popup-small {
	width: 333px;
	height: 301px;
	background-image: url(images/popup/bg-sm.png);	
}

div.popup-notify {
	width: 434px;
	height: 202px;
	background-image: url(images/popup/bg-notify.png);	
}

div.popup-post {
	width: 392px;
	height: 340px;
	background-image: url(images/popup/bg-error.png);	
}

div.popup h3 {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 300px;
	height: 24px;
	text-indent: -5000px;
	overflow: hidden;
}

div.popup div.content {
	position: absolute;
	top: 74px;
	left: 20px;
	width: 390px;
	height: 295px;
	overflow: auto;
}

div.popup-small div.content {
	width: 279px;
	height: 199px;
	padding-right: 10px;
}

div.popup-notify div.content {
	top: 60px;
	width: 374px;
	height: 120px;
	padding-right: 10px;
}

div.popup-post div.content {
	width: 348px;
	height: 199px;
}

div.popup-small div.content h4 {
	font-size: 1.0em;
}

div.popup div.content p.first,
div.popup div.content h4.first {
	margin-top: 0;
}

div.popup a.close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 71px;
	height: 25px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(images/popup/close.png) no-repeat;
}

div.popup a.close:hover {
	background-position: 0px -25px;
}

div.popup input,
div.popup textarea {
	background-color: #e9e9e9;
}

div.popup input:focus,
div.popup textarea:focus {
	background-color: #fff;
}

div.popup a {
	color: #e0d2c7;
}

div.popup a:hover {
	color: #fff;
}

#posting-guidelines h3 {
	background: url(images/popup/posting_guidelines.png) no-repeat;
	width: 207px;
	height: 17px;
}

#subscribe-info h3 {
	background: url(images/popup/subscribe_comments.png) no-repeat;
	width: 267px;
	height: 17px;
	margin-top: 2em;
}

#send-friend {
	font-size: 0.9em;
}

#send-friend div.field {
	float: left;
	height: auto;
	clear: both;
	width: 370px;
}

#send-friend h3 {
	background: url(images/popup/send_friend.png) no-repeat;
	width: 222px;
	height: 17px;
}

#send-friend input,
#send-friend textarea {
	width: 250px;
}

#send-friend textarea {
	height: 33px;
}

#send-friend p.required,
#send-friend div.field-req {
	color: #e5ec5b;
}

#send-friend p.error {
	margin-top: 0px;
	font-weight: bold;
	padding: 10px;
	border: 1px solid white;
}

#send-friend input.button {
	display: block;
	width: 107px;
	height: 34px;
	padding: 0;
	background: url(images/popup/send.png);
	float: right;
}

#send-friend input.button:hover {
	background-position: 0px -34px;
}

#send-friend img.verify {
	float: left;
	border-bottom: 4px solid white;
	border-top: 1px solid white;
}

#send-friend input.verify {
	width: 100px;
	margin-right: 10px;
}

#send-friend a.cancel {
	float: right;
	margin: 10px 10px 0 0;
}

#send-friend div.submit-cancel {
	padding-top: 15px;
	width: 370px;
}

#send-friend div.wp-email-loading {
	float: left;
}

#notify-me {
	font-size: 0.9em;
}

#notify-me h3 {
	background: url(images/popup/notify_me.png) no-repeat;
	width: 104px;
	height: 17px;
}

#notify-me input {
	width: 260px;
}

#notify-me p {
	margin-top: 0;
}

#notify-me input.button {
	display: block;
	width: 92px;
	height: 26px;
	padding: 0;
	background: url(images/popup/submit.png);
	float: right;
}

#notify-me input.button:hover {
	background-position: 0px -26px;
}

#notify-me div.submit-cancel {
	padding-top: 15px;
}

#notify-me a.cancel {
	float: right;
	margin: 5px 10px 0 0;
}

/* Home Page */

#home-features {
	overflow: hidden;
	margin-top: 1em;
}

#home-features div.feature {
	width: 312px;
	float: left;
	border-right: 1px solid #cdc9c4;
	padding: 0 12px;
}

#home-features div.first {
	padding-left: 0;
}

#home-features div.last {
	padding-right: 0;
	border: 0;
}

#home-features div.feature h3 {
	background: url(images/home/feature_title.gif) no-repeat;
	height: 12px;
	padding: 12px;
	margin-top: 0;
	color: #fff;
}

#home-features div.feature h4 {
	font-size: 1.0em;
}

#home-features div.feature h5 {
	font-size: 0.9em;
}

#home-features div.feature div.content {
	padding-left: 15px;
	font-size: 0.9em;
}

#home-features div.feature-expert h4 {
	margin-bottom: 0.5em;
}

#home-features div.feature-expert h5 {
	margin-top: 0;
}

/* Stories */

#stories {
	width: 413px;
}

#stories li.story {
	border-bottom: 1px solid #d7d4d0;
	padding-bottom: 10px;
}

#stories li.story h3 {
	position: relative;
	height: 12px;
	background: url(images/story_title.gif) no-repeat;
	color: #fff;
	padding: 12px;
}

#stories li.story h3 a {
	color: #fff;
	text-decoration: none;
}

#stories li.story h3 span.title {
	display: block;
	width: 300px;
}

#stories li.story span.author {
	position: absolute;
	top: 6px;
	left: 321px;
	text-align: right;
	width: 80px;
	color: #fff;
	font-size: 0.8em;
	display: block;
}

#stories li.story span.author span.location {
	font-weight: normal;
	font-size: 0.9em;
	display: block;
}

#stories li.story div.content {
	overflow: hidden;
	padding-left: 14px;
}

#stories li.story div.content div.profile-photo {
	margin-top: 0.5em;
}

#stories li.story div.content a.read-more {
	margin-left: 180px;
}