/************************************************************************
	
	Site:		Working Mums
	Author:		Wide Area Communications // Viral Ganatra
	File:		WM Magazine Stylesheet
	
	Created: 07-09-09
  	Last updated: 08-08-09
	

	Listing Order:
	==============

	1 - Content
	2 - RHS

************************************************************************/

/***********************************************************************
	1 - CONTENT
************************************************************************/

p,dt,dd				{ font:13px/18px Helvetica, Arial, sans-serif; color:#333; margin:0 0 10px 0; }
a           		{ text-decoration:none; color:#00A0C6; }
a:hover     		{ text-decoration:underline; }

#page {
	width:990px;
	overflow:hidden;
	border-top:solid 1px #7fcfe2;
	padding-top:10px;
}
#content {
	width:550px;
	float:left;
}
#sidebar {
	width:300px;
	float:left;
}
#sidebar {
	margin:0 10px;
}
#sky {
	float:left;
	width:120px;
}
.border-pink-550 {
	background:#ce12b0 url(/images/bg-border-pink-550.gif) no-repeat 0 0;
	padding:10px 10px 0 10px;
}
.border-pink-550-inner {
	background-color:#fff;
	padding:10px;
	min-height:968px;
	height:auto !important;
	height:968px;
}
.border-pink-550-bottom {
	background:url(/images/bg-border-pink-550-bottom.gif) no-repeat 0 0;
	height:22px;
	margin-top:-10px;
}

/* Magazine Homepage */

.sponsored-by-box {
	border-bottom:1px solid #EC9FE0;
	margin-bottom:10px;
	padding-bottom:8px;
}
h2.heading {
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#d010b1;
}
.logo-wm-magazine {
	float:left;
}
.sponsor-box {
	float:right;
}
.sponsor-box p {
	font-size:10px;
}
.sponsor-box img {
	display:block;
}
.more {
	margin-top:-10px;
}
.top-story {
	border-top:solid 1px #ec9fe0;
	border-bottom:solid 1px #ec9fe0;
	margin:8px 0 10px 0;
	padding-top:10px;
	width:510px;
	overflow:hidden;
}
.top-story h2 {
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#ce10af;
}
.top-story h3 {
	font-size:18px;
	color:#00a0c6;
	margin-bottom:8px;
}
.top-story .date {
	font-size:10px;
	color:#333;
}
.top-story img {
	display:block;
	float:right;
	border:solid 1px #00a0c6;
	margin:0 0 10px 10px;
}
.column-left,
.column-right {
	width:244px;
	float:left;
}
.column-right {
	float:right;
	margin-left:20px;
}
.module-wm {
	border-bottom:solid 1px #ec9fe0;
	width:244px;
	overflow:hidden;
	padding-bottom:10px;
	margin-bottom:10px;
}
.module-wm h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
.module-wm h2 a {
	color:#CE10AF;
}
.module-wm h3 {
	font:bold 12px Arial, Helvetica, sans-serif;
}
.module-wm p {
	font-size:12px;
}
.module-wm .info {
	margin-bottom:15px;
}
.module-wm img {
	display:block;
	float:left;
	border:solid 1px #00a0c6;
	margin:0 10px 10px 0;
}
.button-more {
	display:block;
	float:right;
	margin-top:-10px;
}
.button-more img {
	border:none;
	margin:0;
}
#wm-blogs h3 {
	margin-bottom:5px;
}
#wm-blogs p {
	margin-top:-5px;
}

#wm-blogs .button-more {
	margin-top:-3px;
}
#wm-offers-and-competitions img {
	width:60px;
}
#wm-offers-and-competitions .content {
	float:right;
	width:170px;
}
#wm-offers-and-competitions .button-more img {
	width:auto;
}
#wm-events,
#wm-hot-topics {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}
.offers-article .article-img {
	float:right;
}

/* Magazine Listing Page */


.story {
	border-top:solid 1px #00a0c6;
	background:url(/images/bg-story.png) repeat-x 0 0;
	padding:10px;
}
.story h3 {
	font-size:18px;
	margin-bottom:10px;
	color:#ce10af;
}
.story h3 a {
	color:#ce10af;
}
.story img,
.article .article-img,
.featured-answer .content img {
	float:right;
	margin:0 0 10px 10px;
	border:solid 1px #00a0c6;
}
.story .comments-no {
	font:bold 11px Arial, Helvetica, sans-serif;
}
.button {
	background:#00a0c6 url(/images/bg-button-corner.png) no-repeat bottom right;
	height:20px;
	display:inline-block;
}
.button a {
	display:block;
	text-align:right;
	margin-right:10px;
	padding-left:10px;
	color:#fff;
	font:bold 13px/20px Arial, Helvetica, sans-serif;	
}
.button a:hover {
	text-decoration:none;
}
.tags {
	background:url(/images/bg-grey-border.gif) repeat-x top left;
}
.tags p {
	background:url(/images/bg-grey-border.gif) repeat-x bottom left;
	padding:10px 0;
	font-size:11px;
	color:#333;
}
.related-articles p,
.related-articles h4 {
	font-size:11px;
	color:#333;
	margin:0;
}
.related-articles .related-heading {
	font-weight:bold;
}


/* Magazine Article Page */

h1 {
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#d010b1;
	margin-bottom:10px;
}
.author-date {
	font-size:11px;
}
.blogger-img {
	display:block;
	float:right;
	margin-right:10px;
}
.article-copy div {
	color:#333;
	font:13px/18px Helvetica,Arial,sans-serif;
	margin:0 0 10px 0;
}
.article ul,
.article ol {
	margin-bottom:10px;
	padding-left:25px;
}
.article li {
	color:#333;
	font:13px/18px Arial, Helvetica, sans-serif;
}
.article .related-articles {
	margin-bottom:10px;
}
.post-to a {
	padding-left:5px;
}
.post-to img {
	margin-right:5px;
}
#comments {
	border-top:solid 1px #00a0c6;
	background:url(/images/bg-story.png) repeat-x 0 0;
	padding-top:10px;
}
#comments img {
	display:block;
	margin-bottom:10px;
}
#comments input.button-submit-comment {
	float:none;
	margin:15px 0 10px 0;
}
#comments label {
	font-size:18px;
	color:#00a0c6;
	margin-bottom:8px;
	float:none;
}
#comments textarea {
	display:block;
	width:498px;
	height:100px;
	border:solid 1px #00a0c6;
	margin-bottom:10px;
	padding:5px;
}
#comments input#anonComment,
input#anonComment {
	float:left;
}
#comments .post-anon,
.post-anon  {
	font-size:11px;
	color:#333;
	float:left;
	margin:0 0 0 5px;
}
#comments .no-comments,
#comments .comments {
	margin-bottom:10px;
	padding-bottom:5px;
	background:url(/images/bg-grey-border.gif) repeat-x bottom left;
}
#comments .comment-author {
	font-weight:bold;
}


/* Blogs Listing */

h2.heading-margin {
	margin-bottom:10px;
}
.border-grey {
	background:url(/images/bg-grey-border.gif) repeat-x top left;
	padding-top:10px;
}
.border-grey {
	font:bold 11px Arial, Helvetica, sans-serif;
}

/* Offers & Competitions */

.article label {
	float:left;
	width:170px;
	color:#333;
	margin-bottom:10px;
}
.article input {
	width:220px;
	float:left;
	margin-bottom:10px;
	font:13px Arial, Helvetica, sans-serif;
	color:#333;
}
.article textarea {
	width:324px;
	height:64px;
	padding:3px;
	margin-bottom:10px;
	font:13px Arial, Helvetica, sans-serif;
	color:#333;
}
.article input.checkbox,
.article input.radio {
	width:auto;
	margin:2px 5px 10px 0;
}
.article input.button-submit {
	float:none;
	width:auto;
	margin-top:15px;
}

/* Q & A */

.featured-question {
	background:url(/images/q.png) no-repeat top left;
	padding-left:74px;
	min-height:64px;
	height:auto !important;
	height:64px;
}
.featured-question h2 {
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#ce10af;
	margin-bottom:5px;
}
.featured-answer {
	width:446px;
	float:right;
	margin-bottom:10px;
}
.featured-answer .header {
	background:url(/images/answer-top.png) no-repeat top left;
	padding-top:25px;
}
.featured-answer .content {
	width:424px;
	padding:4px 10px 0 10px;
	border-left:solid 1px #00a0c6;
	border-right:solid 1px #00a0c6;
	background:#fff url(/images/bg-featured-answer.png) repeat-x top left;
}
.featured-answer .content p {
	margin-bottom:0;
	padding-bottom:10px;
}
.featured-answer .content img {
	border:none;
	margin-bottom:3px;
}
.featured-answer .footer {
	background:url(/images/answer-bottom.png) no-repeat top left;
	height:7px;
}
.featured-answer h3 {
	font-size:18px;
	color:#00a0c6;
	margin-bottom:5px;
}
#q-and-a-tags p {
	background:none;
	border-bottom:solid 1px #eb9fdf;
}
.q-and-a .column-left h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#ce10af;
	margin-bottom:10px;
}
.question {
	margin-bottom:10px;
}
.question .q {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#00a0c6;
	float:left;
	width:18px;
}
.question .content {
	float:right;
	width:222px;
}
.question .content p {
	margin:0;
	line-height:normal;
	color:#00A0C6;
}
.question .answered-by {
	background:url(/images/bg-grey-border.gif) repeat-x bottom left;
	padding:5px 0;
}
.question .tags {
	background:none;
}
.question .answered-by p {
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
}
.question .tags p {
	padding:5px 0;
}
.q-and-a .column-right .button {
	display:block;
}
.ask-an-expert {
	margin-top:10px;
	border-top:solid 1px #00a0c6;
	background:#fff url(/images/bg-ask-an-expert.png) repeat-x top left;
	padding:10px;
}
.ask-an-expert h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#00a0c6;
}
.ask-an-expert form {
	margin:15px 0;
}
.ask-an-expert fieldset {
	width:222px;
	overflow:hidden;
}
.ask-an-expert label {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#333;
	margin-bottom:5px;
}
.ask-an-expert textarea {
	width:211px;
	height:188px;
	padding:5px;
	border:solid 1px #00a0c6;
	margin-bottom:10px;
}
.ask-an-expert .post-anon {
	font-weight:normal;
}
.ask-an-expert #anonComment {
	margin-top:1px;
}
.ask-an-expert .button-post {
	float:right;
	margin:5px 10px 0 0;
}
#q-and-a-article .featured-answer {
	float:none;
	width:auto;
}
#q-and-a-article .featured-answer h3 {
	color:#D010B1;
}
#q-and-a-article .featured-answer .header {
	background-image:url(/images/answer-top-article.png);
}
#q-and-a-article .featured-answer .content {
	width:488px;
}
#q-and-a-article .featured-answer .footer {
	background-image:url(/images/answer-bottom-article.png);
}
.grey-border {
	height:1px;
	margin-bottom:8px;
	background:url(/images/bg-grey-border.gif) repeat-x left top;
}
.button-sign-in,
.button-register {
	background:url(/images/bg-button-sign-in.png) no-repeat 0 0;
	height:20px;
	text-indent:-9999em;
	width:78px;
	display:block;
	float:left;
	margin-right:10px;
}
.button-register {
	background-image:url(/images/bg-button-register.png)
}
.button-sign-in:hover,
.button-register:hover {
	background-position:0 -40px;
}
#meet-the-experts {
	margin:10px 0 15px 0;
}


/***********************************************************************
	2 - RHS
************************************************************************/

#sidebar .rhs-module {
	margin-bottom:10px;
}
#sidebar .rhs-module h2 {
	font-size:18px;
	color:#333;
	margin-bottom:10px;
}
#sidebar .blue .header,
#sidebar .blue .footer {
	background:url(/images/rhs-module-blue-top.png) no-repeat 0 0;
	height:7px;
}
#sidebar .blue .content {
	border-left:solid 1px #00a0c6;
	border-right:solid 1px #00a0c6;
	padding:0 10px;
	background:#fff url(/images/bg-rhs-module-blue.png) repeat-x bottom left;
}
#sidebar .blue .footer {
	background:url(/images/rhs-module-blue-bottom.png) no-repeat 0 0;
}
#sidebar .pink .header,
#sidebar .pink .footer {
	background:url(/images/rhs-module-pink-top.png) no-repeat 0 0;
	height:7px;
}
#sidebar .pink .content {
	border-left:solid 1px #d010b1;
	border-right:solid 1px #d010b1;
	padding:0 10px;
	background:#fff url(/images/bg-rhs-module-pink.png) repeat-x bottom left;
}
#sidebar .pink .footer {
	background:url(/images/rhs-module-pink-bottom.png) no-repeat 0 0;
}
#sidebar #wm-offers-and-competitions-rhs {
	margin-bottom:0;
}
#wm-offers-and-competitions-rhs h2 a {
	color:#d010b1;	
}
#wm-offers-and-competitions-rhs h3 {
	font:bold 12px Arial, Helvetica, sans-serif;
}
#wm-offers-and-competitions-rhs img {
	display:block;
	border:solid 1px #d010b1;
	width:60px;
	float:left;
}
#wm-offers-and-competitions-rhs .module-content {
	width:205px;
	float:right;
}
#tag-cloud a {
	color:#00a0c6 !important;
}
#tag-cloud a:hover {
	text-decoration:underline !important;
}
#wm-poll p {
	font-weight:bold;
}
#wm-poll ol {
	list-style-type:none;
	margin:0;
	padding:0;
}
#wm-poll li {
	width:278px;
	overflow:hidden;
	padding-bottom:5px;
}
#wm-poll label {
	font-size:12px;
	color:#333;
}
#wm-poll input {
	margin-right:10px;
}
#wm-poll .button-vote-now {
	float:right;
	margin:0;
}
#sidebar #jobs-box .header {
	height:25px;
}
#sidebar #jobs-box .content {
	padding-top:10px;
	display:none;
}
#sidebar #jobs-box .active {
	display:block;
}
#jobs-box ul {
	list-style-type:none;
	width:300px;
	overflow:hidden;
}
#jobs-box li {
	float:left;
	font:bold 10px Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
}
#jobs-box li a {
	color:#fff;
	display:block;
	height:18px;
	padding-top:7px;
}
#jobs-box li a:hover,
#jobs-box .on a {
	text-decoration:none;
	color:#333;
	background:none !important;
}
#jobs-box p {
	margin:0;
	padding-bottom:10px;
}
#jobs-box .content a {
	font-weight:bold;
	font-size:12px;
}
#jobs-box #latest-jobs {
	width:89px;
	background:url(/images/bg-jobs-box-divider.png) no-repeat top right;
}
#jobs-box #featured-jobs {
	width:104px;
	background:url(/images/bg-jobs-box-divider.png) no-repeat top right;
}
#jobs-box #top-employers {
	width:107px;
}
#jobs-box #latest-jobs a {
	background:url(/images/bg-latest-jobs.png) no-repeat 0 0;
	width:87px;
}
#jobs-box #featured-jobs a {
	background:url(/images/bg-featured-jobs.png) no-repeat 0 0;
	width:103px;
}
#jobs-box #top-employers a {
	background:url(/images/bg-top-employers.png) no-repeat 0 0;
}
.top-employer-logo {
	float:left;
	margin:9px 11px;
	position:relative;
	overflow:hidden;
}
.top-employer-logo,
.top-employer-logo .logo-outer,
.top-employer-logo .logo-inner {
	width:116px;
	height:71px;
}
.top-employer-logo .logo-outer {
	display:table;
}
.top-employer-logo .logo-inner {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.top-employer-logo img {
	display:block;
	margin:0 auto;
}

/* Focus On */

.rhs-images {
	width:138px;
	float:right;
	clear:right;
	margin:0 0 10px 20px !important;
	padding-right:10px;
}
.rhs-images img {
	display:block;
	margin:10px auto;
}
.focus-on-copy h3 {
	clear:none;
}
.focus-on-copy .rhs-intro p {
	color:#00A0C6;
	font:bold 16px Arial, Helvetica, sans-serif;
	text-align:center;
}
.sponsor-image {
	float:right;
	padding:5px 0 10px 20px;
}
.focus-on-copy .sponsor-headline {
	float:left;
}
.focus-on-copy p {
	clear:left;
}
p.sponsor-date {
	float:left;
}