/*
Theme Name: Womens Nook
Theme URI: http: //www.grafx.com.au
Description: Theme designed and customised by GrafX for WomensNook.com based on theme: WPS Ella by Clive Ray [http: //www.themevibes.com]
Version: 1.0 
Author: GrafX Design Division Pty Ltd
*/

/* main css */
body {
	margin: 0 auto; padding: 10px 0; background: #E5E5E5; 
	color: #000000; font: 85% Verdana, Arial, Helvetica, sans-serif; line-height: 1.6; text-align: center;
}

p {
	margin: 0; padding: 0 0 1.2em 0;
}
#page {
	background: #FFFFFF; width: 855px; _width: 855px; margin: 0 auto; text-align: left;
}

#topcontent {
	background: #FFFFFF/* url('images/bg_roundtop.gif') no-repeat top left*/; line-height: 5px; height: 5px;
}

#headerimg 	{ 
	margin: 7px 9px 0; height: 192px; width: 740px; 
} 

#content {
	width: 565px; float: left; overflow: auto; 
	margin: 0; margin-top: 10px; padding: 7px 0 0 0; background: transparent url('images/new-bg-content-top.gif') no-repeat top center;
}
#content .inner {
	margin: 0; padding: 0 2.0em; overflow: auto !important; 
}
#content ul {
	margin: 10px;
}
#content a {
	color: #2D2D21; text-decoration: underline;
}

.navigation {
	margin: 0; padding: 7px 0 0 0 !important; background: #FFFFFF url('images/new-bg-content-bottom.gif') no-repeat top center;
}
.navigation div {
	margin: 0; padding: 1.0em 1.0em 0 1.0em; background: #FFFFFF;
}



#content a:hover{
	color: #625667;
}

.widecolumn .entry p {
	font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
}

.widecolumn {
	line-height: 1.6em;
}

.narrowcolumn .postmetadata {
	text-align: center;
}

.alt {
	background-color: #F8F8F8; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;
}

small {
	font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em;
}

h1, h2, h3 {
	font-family: 'Times', Verdana, Arial, Sans-Serif; font-weight: bold;
}

h1 {
	font-size: 4em; text-align: center; color: #625667 !important;
}

#headerimg .description {
	font-size: 1.2em; text-align: center;
}

h2 {
	font-size: 1.6em;
}

h2.pagetitle {
	font-size: 1.6em;
}

h3 {
	font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none; color: #000000;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #625667;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {
	text-decoration: none;
}

.entry p a:visited {
	color: #625667;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Verdana, Arial, Sans-Serif;
}

.commentlist li {
	font-weight: bold;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold; font-style: normal; font-size: 1.1em;
}

.commentlist p {
	font-weight: normal; line-height: 1.5em; text-transform: none;
}

#commentform p {
	font-family: Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

small, .nocomments, .postmetadata, blockquote, strike {
	color: #777777;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps {
	font-size: 0.9em; letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
	color: #000000; 
}

a:hover {
	color: #625667; text-decoration: underline;
}


/* End Typography & Colors */







/* Begin Structure */
body {
	margin: 0; padding: 0; 
}

#headerimg {
	margin: 0; height: 200px; width: 100%;
}

.narrowcolumn {
	float: left; padding: 0 0 20px 45px; margin: 0; width: 450px;
}

.widecolumn {
	padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px;
}


.post {
	margin: 0; border-left: 10px solid #FFFFFF; border-right: 10px solid #FFFFFF; padding-bottom: 1.5em; color: #000000;
	background: #F0EBD7 /*url('images/bg_post.gif') repeat-x top left*/;
}
.post li {
	margin-left: 25px;
}
.post h1 a {
	color: #000000 !important; background: none !important;
}
#content .post .inner {
	color: #000000;
}
#content .post .inner * {
	color: #000000;
}
#content .post .inner a {
	color: #000000; margin-left: 0.2em 1.0em 1.0em 0 !important; 
}
.inner h1, .wp-caption, .wp-caption-text {
	margin: 0; padding: 0;
}
.post .inner {
	padding: 10px;
}
.post .comment {
	float: right;
	/*///////////////////////////*/ 
	display: none !important; 
	/*///////////////////////////*/ 
}
.post .comment a:link, .post .comment a:visited {
	color: #625667 !important; font: bold 14px arial;
}
.comment a:hover {
	text-decoration: underline !important; color: #625667;
}
.more-link a:link {
	color: #000000; text-decoration: underline !important;
}
.more-link a:hover {
	color: #625667; text-decoration: underline !important;
}
.post img {
	margin: 0 5px;
}

.widecolumn .postmetadata {
	margin: 30px 0;
}

.widecolumn .smallattachment {
	text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center; margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px; margin: 0;
}

h2 {
	margin: 30px 0 0;
}

h2.pagetitle {
	margin-top: 30px; text-align: center;
}

h3 {
	padding: 0; margin: 30px 0 0;
}

h3.comments {
	padding: 0; margin: 40px auto 20px ;
}

/* End Headers */



/* Begin Images */
p img {
	padding: 0; max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block; margin-left: auto; margin-right: auto;
	border: 1px solid #CCCCCC; background: #EEEEEE;
}

img.alignright {
	padding: 4px; margin: 0 0 2px 7px; display: inline; float: right;
	border: 1px solid #CCCCCC; background: #EEEEEE;
}

img.alignleft {
	padding: 4px; margin: 0 7px 2px 0; display: inline; float: left; 
	border: 1px solid #CCCCCC; background: #EEEEEE;
}

/* End Images */



#sidebar li#patrice-ryan a {
	font-weight: bold;
	font: bold 16px Arial,Helvetica,sans-serif;
	color: #625667;
	text-decoration: none !important;
}



/* Begin Form Elements */
#emailform {
	width: 240px; margin: 0; padding: 0;
	font-size: 11px; text-align: left;
}
#emailform label {
	display: block;
}
#emailform input#s {
	display: inline; width: 150px; _width: 150px;
	border: 1px solid #A49E8E; padding: 2px; background: #FFFFFF url('images/bg-search.gif') repeat-x top left; 
	text-align: left; font-family: verdana, sans-serif; font-size: 11px; 
}
#searchform {
	clear:right;
	font-size:11px;
	margin:10px 0;
	padding:5px 0;
}
#searchform label {
	display: block; font-weight: bold;
	font: bold 16px Arial,Helvetica,sans-serif;
	color: #625667;
}
#searchform input#s {
	display: inline; width: 150px; _width: 150px;
	border: 1px solid #A49E8E; padding: 2px; background: #FFFFFF url('images/bg-search.gif') repeat-x top left; 
	text-align: left; font-family: verdana, sans-serif; font-size: 11px; 
}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align: center;
}

select {
	width: 130px;
}

#commentform input, #comments-form input {
	width: 170px; padding: 2px; margin: 5px 5px 1px 0;
	color: #000000 !important;
}

#commentform textarea, #comments-form textarea {
	width: 100%; padding: 2px;
	color: #000000 !important;
}

#commentform #submit, #comments-form #sub {
	margin: 0; float: right;
	color: #000000 !important;
}

/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0; padding: 10px;
}

.commentlist {
	padding: 0; text-align: justify;
}

.commentlist li {
	margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;
}

.commentlist p {
	margin: 0 5px 10px 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center; margin: 0; padding: 0;
}

.commentmetadata {
	margin: 0; display: block;
}

/* End Comments */



/* Begin Calendar */
/*////////////////////////////
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}

#wp-calendar a {
	text-decoration: none;
}

#wp-calendar caption {
	font: bold 1.3em Verdana, Arial, Sans-Serif; text-align: center;
}

#wp-calendar th {
	font-style: normal; text-transform: capitalize;
}
////////////////////////////*/

#calendar-wrap {
	margin: 0; padding: 0 0 20px 0;
	
}

#wp-calendar {
	font-size: 0.9em; empty-cells: show; margin: 0; width: 100%;
	background: #EFECE0; 
}

#wp-calendar * {
	border: 1px solid #F0EBD7; border-collapse: collapse;
}


#wp-calendar a {
	display: block;
	text-decoration: underline !important;
}
#wp-calendar #next a {
	padding-right: 10px; text-align: right !important;
	text-decoration: none !important;
}

#wp-calendar #prev a {
	padding-left: 10px; text-align: left !important;
	text-decoration: none !important;
}

#wp-calendar caption {
	text-align: center; padding: 5px; background: #625667;
	font-size: 1em; font-weight: bold;
}

#wp-calendar thead {
	padding: 0 10px 0 0; text-align: center;
}

#wp-calendar tfoot {
	padding: 0 10px 0 0; text-align: center;
}

#wp-calendar tbody {
	padding: 0 10px 0 0; text-align: center;
}

#wp-calendar td {
	padding: 5px auto; text-align: center;
}

#wp-calendar th {
	padding: 5px auto; text-align: center;
}

#wp-calendar td.pad: hover {
}

/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999999;
}

blockquote {
	margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #DDDDDD;
}

blockquote cite {
	margin: 5px 0 0; display: block;
}

.center {
	text-align: center;
}

hr {
	display: none;
}

a img {
	border: none;
}



#top {
	position: relative; top: 0; left: 0;
	text-align: center; width: 855px;
	margin: auto; background: #FFFFFF;
}
#header {
	width: 825px; height: 170px; overflow: auto; 
	margin: 0 auto; padding: 0; background: #FFFFFF /*EAE3C6  00CCCB url('images/bg_innerheader.gif') repeat-y top left*/;
	font-size: 11px; text-align: center;
}
#header .date {
	color: #666;
}
#top p {
	float: right; width: 200px; margin: 0; padding: 0 10px 0 0; 
	color: #FFFFFF; font-weight: bold; text-align: right; 
}
#top-menu {
	width: 825px; height: 24px; overflow: auto; 
	margin: auto; padding: 0;
	text-align: center;
}
#top ul {
	/*position: relative; width: 825px;*/ width: 790px; height: 24px; overflow: hidden;
	margin: auto; border: 0; padding: 0; background: #FFFFFF;
	list-style: none; /*text-align: center;*/
}
#top li {
	position: relative; z-index: 100; float: left; margin: 0; padding: 0 6px 0 0;
}
#top li a {
	_float: left; display: block; height: 15px; width: auto; overflow: hidden;
	padding: 8px 8px 3px 8px; background: #E1D7AF !important;
	color: #000000; font-size: 9px; font-weight: bold; text-decoration: none; text-transform: uppercase; line-height: 1.2;
}
#top li a:hover {
	background: #625667 !important;
	color: #FFFFFF;
}
#top li#home a {
	_padding: 11px 16px 9px 16px; 
}


#top li.current-cat {

}
#top li.current-cat a {
	background: #625667 !important;
	color: #FFFFFF;
}
#top li.current-cat a:hover {
	color: #FFFFFF;
}


#top li:hover a, #top li.sfhover a, #top li.current a {
	/* for top level highlight of sub-levels */
	background-image: url('images/new-bg-nav-item-current.gif');
	color: #FFFFFF;
}
#top li:hover a:hover, #top li.sfhover a:hover {
	background-image: url('images/new-bg-nav-item-current.gif');
	color: #FFFFFF;
}


#top li:hover a, #top li.sfhover a, #top li.current a {
	/* for top level highlight of sub-levels */
	background-image: url('images/new-bg-nav-item-current.gif');
	color: #FFFFFF;
}
#top li:hover a:hover, #top li.sfhover a:hover {
	background-image: url('images/new-bg-nav-item-current.gif');
	color: #FFFFFF;
}


/* Second Level */
#top ul li ul {
	_display: none; 
	position: absolute; left: -999em; z-index: 1000; width: 170px; height: auto; 
	margin: -2px 0 0 -5px !important; border: none; border-top: 5px solid #FFFFFF; padding: 0 !important; background: #FFFFFF;
}
#top ul li ul li {
	float: none; margin: 0 !important; padding: 0 !important; background: none !important;
}
#top ul li ul li a {
	margin: 0; border: 5px solid #FFFFFF; border-top: 0; padding: 6px 3px 3px 8px; background: #E1D7AF !important;
	color: #000000; font-weight: bold; text-decoration: none !important; text-align: left;
}
#top ul li ul li a:hover {
	/* background: #1D9CE5 !important; */ background: #625667 !important;
	color: #FFFFFF !important;
}
#top li:hover ul li a, #top li.sfhover ul li a {
	color: #000000 !important;
}
#top li:hover ul li a:hover, #top li.sfhover ul li a:hover {
	color: # !important;
}

/* Third Level */
#top ul ul ul {
	display: none; 
	margin-left: -4px !important; background: transparent url('../images/bg-nav-bottom-layer.gif') no-repeat bottom left;
}
#top ul li ul li ul li a {
	border-left: 1px solid #DDDDDD;
}
#top li:hover ul li:hover, #top li.sfhover ul li:hover {
	color: #4FCEFF; background-position: 0px -70px;
}
#top li:hover ul li ul li a:hover, #top li.sfhover ul li ul li a:hover {
	color: #4FCEFF; background-position: -1px -70px;
}

/* Fourth Level */
#top ul ul ul ul {
	display: none;
}

/* General Nav Styles */
#top ul li:hover ul ul, #top ul li:hover ul ul ul, #top ul li.sfhover ul ul, #top ul li.sfhover ul ul ul {
	left: -999em;
}
#top ul li:hover ul, #top ul li.sfhover ul {
	left: auto; margin-left: -5px;
}
#top ul li li:hover ul, #top ul li li li:hover ul, #top ul li li.sfhover ul, #top ul li li li.sfhover ul { /* lists nested under hovered list items */
	left: 160px;
}
#top li:hover, #top li.sfhover {
	position: static; /* Fix for IE7 stickiness */
}





#head {
	background: #FFFFFF; overflow: auto !important; 
	/* padding-top: 205px; _padding-top: 225px; */ margin: 0 auto; width: 855px; text-align: left;
	color: #000000;
}
#head .inner {
	background: #FFFFFF; overflow: auto !important;
	margin: 0; margin-left: 10px; _margin-left: 5px; padding: 10px 45px 5px 25px;
}
#head .bottom {
	width: auto !important; height: 5px; overflow: hidden; clear: both; 
	margin-left: 10px; background: #FFFFFF;
}
#head a {
	color: #333333;
}
#head a:hover{
	text-decoration: none;
}
#head h1, #content h1 {
	font: 22px 'Times', Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 5px 0; width: 80%; padding: 0 0 5px 0; text-align: left;
}
#head h1 {
	padding: 0.8em 0 5px 0;
}
#head h1 a {
	text-decoration: none; color: #000000;
}
#content h1 a {
	text-decoration: none; color: #000000 !important;
}
#head h1 a:hover, #content h1 a:hover {
	text-decoration: none; color: #625667;
}
#head h2 {
	font: 18px Arial, Helvetica, sans-serif; margin: 0; width: 80%; padding: 0 0 5px 0;
}
#head h2, #content h2 {
	font: 18px 'Times', Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 5px 0; width: 80%; padding: 0 0 5px 0; text-align: left;
}
#head h2 a, #content h2 a {
	text-decoration: none; color: #FFFFFF;
}
#head h2 a:hover, , #content h2 a:hover {
	text-decoration: none;
}

#head .comment {
	background: url('images/icon_comment.gif') no-repeat center left;
	width: 89px; height: 28px; padding-top: 6px; text-align: center;
	/*///////////////////////////*/ 
	display: none !important; 
	/*///////////////////////////*/ 
}
#head .comment a:link, .comment a:visited {
	text-decoration: none !important; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333333;
}
#head .comment a:hover {
	text-decoration: underline !important;
}
#footer {
	width: 855px; margin: 0 auto; padding: 20px 0 1.5em 0; background: transparent url('images/bg_bottom.gif') no-repeat top left;
	font-size: 9px; text-align: left;
}
#footer p {
	padding-right: 1.0em; padding-left: 1.0em;
}
#footer a {
	color: #000000; text-decoration: underline;
}
#footer a:hover {
	color: #958047; text-decoration: underline;
}
#sidebar {
	background: #F0EBD7 /*url('images/bg_side.gif') repeat-x top left*/;
	border-top: 10px solid #FFFFFF; border-right: 10px solid #FFFFFF; width: 280px; float: right;
}

#sidebar h2 {
	margin: 0 0 5px 0; padding: 0; color: #625667;
	font: bold 16px Arial, Helvetica, sans-serif;
}

#sidebar .inner {
	padding: 1.0em 1.0em; background: url('images/new-bg-sidetop.gif') no-repeat top left;
}
#sidebar .bottom{
	height: 8px; background: url('images/new-bg-sidebottom.gif') no-repeat top left;
}

#sidebar ul {
	margin: 0; padding: 0; list-style: none;
}
#sidebar ul ul {
	margin: 0; padding: 0 0 1.8em 0; list-style: none;
}
#sidebar ul ol {
	margin: 0; padding: 0 0 1.5em 0;
}
#sidebar ul li {
	width: auto; list-style-type: none; list-style-image: none; margin: 0 auto; padding-bottom: 0.1em !important;
	font-size: 12px; color: #999999;
}
#sidebar li ul li a {
	color: #625667; text-decoration: underline;
}
#sidebar li ul li a:hover {
	color: #958047; text-decoration: underline;
}
#sidebar ul ul ul {
	padding: 0 !important;
}
#sidebar ul ul ul li {
	margin: 0 0 0 2.0em; list-style-type: square;
}

#sidebar li a {
	color: #666666; font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#sidebar li a:hover, #sidebar li.current_page_item a {
	/*background: url('images/bg_nav.gif') repeat-x center left;*/ color: #625667;
	text-decoration: underline;
}
#sidebar td a {
	padding: 0;
}
#sidebar td a:hover {
	background: none;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0 0; padding: 0;
}





#bottomnav {

}
#bottomnav ul li {
	list-style-type: none;
}



#content div.archive-header {
	display: block; margin: 0 10px 0 10px !important; padding: 10px 0 1.5em 2.0em; background: #F0EBD7;
}
#content .archive-header h1 {
	text-transform: uppercase; color: #000000 !important;
}



textarea#comment {
	width: 485px;
}
#page #content .post .inner .wp-caption {
	display: none !important;
}


.imgtfe {
	margin: 0.8em 1.5em 1.0em -0.4em; border: 1px solid #FFFFFF; padding: 2px; background: #CCCCCC;
}

#head .inner .imgtfe {
	margin: 0 1.5em 1.0em 0 !important
}

#submitsearch {
	position: relative; top: 4px !important; margin-top: 4px !important; 
}



#head .inner .wp-caption {
	float: left; margin: 0.6em 1.5em 1.0em 0; border: 1px solid #CCCCCC; padding: 0.5em 0.3em; background: #EEEEEE;
	text-align: center;
}
#head .inner .wp-caption a {
	margin: 0; padding: 0; 
}
#head .inner .wp-caption a img {
	margin: 0 0 -; padding: 0; border: 1px solid #CCCCCC; padding: 1px; background: #FFFFFF;
}


.inner {
	overflow: auto;
}

#user-widget {
	float: right; width: 130px; 
	margin: 0 0 1.0em 1.0em; border: 1px solid #CCCCCC; padding: 10px;
	font-size: 9px; color: #999999;
}
#user-widget ul {
	margin: 0; padding: 0; list-style: none;
}
#user-widget li {
	margin: 0; padding: 0 0 3px 0; list-style: none;
}
#user-widget a {
	text-decoration: none;
}
#user-widget img {
	margin-right: 10px;
}


#head .inner a:hover {
	color: #625667; 
}



#print-mast {
	display: none !important;
}



ul.topics li a {
	font-weight: bold !important;
}
ul.topics li li a {
	font-weight: normal !important;
}



#comments .post {
	border: none !important;
}


/* Let's remove that Wordpress Stats Smiley Face ! */
img#wpstats {
     width:     0px;
     height:    0px;
     padding:   0px;
     border:    none;
     overflow:  hidden
}


#sidebar #mc_signup_container {
	padding-top; 1em;
}
#sidebar #mailchimp-widget .mc_custom_border_hdr {
	border: none; padding: 0; background: transparent;
}
#sidebar #mailchimp-widget #mc_signup_form {
	border: none; padding: 5px 0; background: transparent; 
}
#sidebar #mc_signup_form .mc_var_label, #sidebar #mc_signup_form .mc_input {
	margin-left: 0 !important;
}


li#twittercard, li div#twittercard, #twittercard #name_bar, #twittercard #tweet, #twittercard #tweet_data {
	height: auto; width: auto; 
}
#tweet_data {
	padding-top: 8px;
}
#t_time a {
	color: #999999 !important;
}