/*
Theme: WWP
Author: Bright Coconut
URI: <a href="http://brightcoconut.com">Bright Coconut</a>
Description: Custom theme for the awesome gals at Working With Power

colors from pdf:
gold: eec616
orange: fe5328
red: c60024
brown: ad8853
green: 589627
blue: 006478
*/

/* First, the Blueprint CSS imports... */
@import "blueprint/ie.css";
/*@import "blueprint/print.css";*/
@import "blueprint/screen.css";

/* @ CORE LAYOUT ELEMENTS  ------- */
body, #container, #footer { margin: 0; }
body { text-align: left; background: url(images/bg-page.gif) repeat-y left top;}
body.blog, body.single, body.archive, body.search { background: url(images/bg-blog.gif) repeat-y left top; }
#nav { float: left; display: inline; margin: 0; padding: 0.5em 0 0; width: 100%; }
	#nav ul { padding: 0 0 1em; }
	#nav li { display: inline; }
	#nav ul li a { background: url(images/nav-li-bg.gif) no-repeat 0 0.6em; }
		#nav ul li:first-child a { background: none; }

#content { background: url(images/title.gif) no-repeat 10px top; padding: 155px 0 0 10px; margin-right: 0; float: right; display: inline; clear: none;}
	body.blog #content, body.single #content, body.archive #content, body.search #content { background: url(images/title.gif) no-repeat 10px top; padding: 155px 0 0 10px; margin-right: 0; float: right; display: inline; clear: none;}
#sidebar, .right { float: left; clear: right; display: inline; margin-right: 0; }
.sidebar-2 { padding: 0 1.5em; }
.sidebar-2 h4 { padding: 25px 15px 0 0 !important; }
.right { padding: 155px 0 0; }
	#sidesubscribe { background: #FFF none repeat scroll 0 0; border: 1px solid #F4DAE0; margin: 10px 5px 0; padding: 10px 0 0; color: #000; }
	#sidesubscribe table { margin-bottom: 0; }
#footer { padding: 100px 0 0 210px; }
body.blog #footer { padding: 100px 300px 0 0; }
body.single #footer, body.archive #footer, body.search #footer { padding: 100px 0 0 400px; }

#box { margin: 0 0 0 80px; _margin: 0 0 0 80px; letter-spacing: -0.2px; clear:both;}
#one, #two, #three, #four { padding: 1em; float:left; display: inline; margin: 0 10px 10px 0; _margin: 0 10px 10px 0; width: 190px; height: 110px;}
#one { background-color: #fe5328; }
#two { background-color: #c60024; }
#three { background-color: #589627; }
#four { background-color: #006478; margin-bottom: 2em; }
#boxafter{clear:both;}

.postmeta { padding: 0 0 2em; border-top: #e6e6e6 1px solid; }
.archivemeta { margin-top: -15px; color: #777 !important; }

hr { margin: 0.5em auto 2em; _margin: 0.5em auto 2em; height:1px; }
hr.mid { margin: 3em auto; _margin: 3em auto; width: 50%; }

body.page .right {  }

	
/* @ WIDTHS ---------------------- */
#container { width: 950px; }
#content { width: 740px; }
body.archive #content, body.single #content, body.blog #content, #footer p, .comments, .comfieldbox { width: 550px; }
#sidebar, .right { width:190px; }
.comfieldleft, .commentmeta, .comfieldlabel, .comfieldinput { width:150px; }
.commenttext, .comfieldright, .comtext { width: 350px; }
.commentmeta, .comfieldlabel { padding-right: 40px; }

/* @ COLORS ---------------------- */
#nav a {  }
.comment-number, .commentauthor { color: #8090dd; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #589627;
}
#nav { background-color: #636469; }
#sidebar { background-color: #8090dd; }
.right, blockquote.test { background-color: #C5E5A4; }
.commentdate a { color: #808080; }
hr { color: #e6e6e6; background-color: #e6e6e6; }

/* @ FONTS ---------------------- */
body { font-family: "Trebuchet MS", "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6, .comment-number, .commentauthor { font-family: Georgia, Times, serif; }


/* @ TEXT STYLES ------------------ */
#content h1 { font-size: 2em; }
#content p, #content ul { font-size: 1.1em/1.5em; color: #453959; }
#container, #content, p, ul, .textwidget { text-align: left; }
#box a { color: #fff; font-size: 1.3em; }
	#box a:hover { text-decoration: none; border-bottom: 1px dotted #ffffff;}
#footer p {  }
	#footer p, #footer a { color: #ccc; }
	.cred { font-style: italic; }
.postmeta { font-size: 0.9em; }
.center { text-align: center; }
blockquote { border-left: 1px solid #326ea1; color: #555555; font-size: 1em;padding-left: 10px; padding-right: 10px;
margin: 0 30px 2em; _margin: 0 30px 2em; }
blockquote.test { padding: 1.5em; border-left: none;}
	.name { text-align: right; margin: 0; padding: 0; }
#sidebar { color: #fff; }

/*@ Headlines ---------------------*/

h1, h2, h3, h4, h5 { padding-bottom: 0.5em; color: #8090dd;}

h1, h1 a {
font: 2em Georgia, "Times New Roman", Times, serif;
text-decoration: none;
}
	body.single #content h1, h1a { font-size: 3em; padding: 0; }

h2, h2 a {
font: 1.8em Georgia, "Times New Roman", Times, serif;
text-decoration: none;
}
	body.blog h2, body.archive h2, body.category h2 { font-size: 1.2em; }
	body.home h1 { display: none; }

h3, h3 a, .npltopic {
font: 1.6em Georgia, "Times New Roman", Times, serif;
text-decoration: none;
}

h4, h4 a {
font: bold 1.4em Georgia, "Times New Roman", Times, serif;
text-decoration: none;
}
	h4.apply, h4.apply a { background-color: #f9ecef; padding-left: 0.5em; font-style: italic;}
	h4.applyhere, h4.applyhere a { background-color: #f9ecef; padding-left: 0.5em; margin: 1em 0; _margin: 1em 0; text-transform: uppercase; }

h5, h5 a {
font: bold 1.2em "Trebuchet MS", Helvetica, Arial, sans-serif;
color: #666366;
text-decoration: none;
}


/* @ LIST STYLES -------------- */
#nav ul, #sidebar ul, .right ul { list-style: none; font-family: Futura, "Trebuchet MS", Verdana, Arial, sans-serif; }
#nav ul li a { float: left; display: inline block; height: 15px; padding: 0.5em 0.7em 0; color: #e6e6e6; text-transform: uppercase; font: 0.9em Futura, "Trebuchet MS", Verdana, Arial, sans-serif; }
#nav ul li a:hover, #sidebar a:hover { color: #fe5328; text-decoration: none; }
li.head { font: small-caps 1.2em Georgia, "Times New Roman", Times, serif; padding: 0.5em 0;}
	#keynotes { padding-top: 1.25em; }
li.rss { list-style-image: url(images/feed.png); margin: 0 0 0 7px; 
margin: 0 0 0 7px;}

/* LINK STYLES -------------------- */
a { color: #589627; text-decoration: none; }
a:hover { color: #960254; }

#sidebar a { text-decoration: none; color: #FFFFFF; font-family: Futura, "Trebuchet MS", Verdana, Arial, sans-serif;}
#sidebar .head a { color: #FFFFFF; }

/* @ IMAGE STYLES ------------------ */
.alignleft { float: left; display: inline; clear: left; margin: 0 10px 1.5em 0; _margin: 0 10px 1.5em 0;}
.alignright { float:right; display: inline; clear: right; margin: 0 0 1.5em 10px; _margin: 0 0 1.5em 10px; }
.aligncenter { display: block; float: none; clear: both; margin: 0 auto 1.5em auto; _margin: 0 auto 1.5em auto; }
.alignnone { float: none; clear: both; margin: 0 auto 1.5em 0; _margin: 0 auto 1.5em 0; }
.frame { padding: 9px; border: 1px solid #e6e6e6; background: #eee; }
.logo { margin: 1em auto 0; }
.postmeta p img { top: 50%; float: none; margin: 0;}
.avatar { float: left; display: inline; padding: 0 5px 0 0; }

/* @ SIDEBAR STYLES ---------------- */
#sidebar table { width: 80%; padding-left: 15px; font-family: Futura, "Trebuchet MS", Verdana, Arial, sans-serif; }
#sidebar h4 { color: #e6e6e6; text-transform: uppercase; font: 0.9em Futura, "Trebuchet MS", Verdana, Arial, sans-serif; padding: 1em 0 0;  }
#sidebar .aligncenter { clear:both; display:block; float:none; margin:0 auto;}
ul.sidebar_list { list-style-type: none; text-align: center; }
li.cat-item { font-size: 11px; list-style-type: disc; }
#sidebar .quotescollection_randomquote, #sidebar p {font-size:11.5px;padding:0px 15px 0;width:160px;}
#sidebar h4 { padding: 25px 15px 0; margin-bottom: 5px; color: #e6e6e6; font-size: 14px; font-style: italic; font-weight: normal; line-height: 20px; }
#sidebar ul.menu { padding-top: 15px; }
#sidebar .source { text-align: right; }

/* @ SEARCH FORM ------------------ */
#search_form .search_input { width: 200px; padding: 2px; margin: 0 0 2em; }
.right form#search_form .search_input { width: 140px; }

/* @ SIGNUP ----------------- */
.signup { width: 350px; margin: 1em auto !important; text-align: center; }

/* @ RED BOX ---------------- */
.redbox { border: 1px solid #cc3366; background-color: #f9ecef; padding: 1em; margin: 1em 0;}
#content .redboxlist { list-style-type: none; }

/* @ RED TABLE ---------------- */
table.redtable { border: 2px solid #cc3366; padding: 0; margin-bottom: 1em; }
table.redtable td { border: 1px solid #cc3366; }
table.redtable td.redtabletitle { font-weight: bold; color: #fff; background-color: #cc3366; }
.rttitle { font: bold 1.4em Georgia, "Times New Roman", Times, serif; }
table.redtable td.subhead { background-color: #f4dae0; font-weight: bold;  }
table.redtable td.time { background-color: #f9ecef; text-align: right; }
table.redtable td.event { background-color: #f9ecef; }

/* @ Left and Right Text Columns ---- */
.leftcol { float:left;display: inline; margin-right:10px; _margin-right:10px; width: 220px; }
.rightcol { float:left;display: inline; margin-right:0px; width: 320px; }

/* @group @ COMMENT AREA */
.comments {  }
	h3#comment-header {  }
	ul#commentlist { list-style-type: none; margin: 0;}
	ul#commentlist li { padding: 1em 0; float: left;}
.commentmeta { float: left; }
	.commentauthor { font-size: 1.2em; }
	.commentdate { font-size: 0.9em; }
.commenttext { margin-right: 0; }
	.alternate {  }
.commentform { margin: 1em 0; }
	h3#respond {  }
.comfieldbox {  }
	.comfieldleft { float: left; }
		.comfieldlabel {  }
		.comfieldinput { margin: 0; padding: 0; }
	.comfieldright { margin: 0 0 0 40px; float: left; }
		.comfieldsubmit { padding-left:320px; }
.commentzen { display: none; }
	.comnotes {  }
.com {  }
.cominput { width: 140px; }
.comtext {  }
textarea { height: 156px; padding: 4px; width: 340px; }

.commentmeta, .commenttext, .comfieldlabel, .comfieldinput { margin-right:10px;}
.commenttext, .comfieldinput { margin-right: 0; }

ul#commentlist li, .commentform { border-top: 1px dotted #e6e6e6; }

fieldset { border: none; padding: 0; }

.trackbacks {  }
	h6#trackbacks {  }
	li.trackbacklist {  }
/* @end */

/* @group @ CFORMS */

@import "calendar.css";

.cform { 
	margin:10px auto 0 auto; 
	width: 600px; 
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:5px 0 15px 0; 
	/*border:1px solid #adadad; 
	border-left-color:#ececec; 
	border-top-color:#ececec; 
	background:#f7f7f7;*/ 
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	display: none;
	margin-left:10px;
	padding: 0 2px; 
	font:normal 20px Times;
	color:#666666;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important;
}

ol.cf-ol li	{
	background:none!important; 
	margin:5px 0!important;
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	background:#F0F0F0 !important;
	letter-spacing:1px;
	margin:10px 0pt !important;
	padding:5px 0pt;
	text-align:center;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	width:90px; 
	margin:4px 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:right;
	vertical-align:top;
}

.cform label span {
	width:90px; /* must be the same as above!*/
	display:block; 
}

label.cf-before {
	margin:4px 10px 0 0; 
}

label.cf-after 	{
	margin:4px 15px 0pt 6px;
	text-align:left;
	width:115px;
}

label.cf-after span {
	width:115px;
	display:block;
}

label.cf-group-after {
	margin:3px 4px 0 2px;
	width:72px;
	text-align:left;
}
label.cf-group-after span {
	width:72px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
	padding:3px;
	background: #f9f9f9; 
	border: 1px solid #888888; 
	vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#CEDDDF; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#F3F8F8; 
}

.cform textarea,
.cform input {
	width:300px; 
}
.cform select {
	width:158px; /* attempt to have equal length */
	padding:2px 0;
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
}

/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	font-weight:bold;
	letter-spacing:1px;
	padding:8px 0 0 100px; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

.cform input.cf-box-a,
.cform input.cf-box-b 	{ 
	margin:2px 0 0 0; 
	width:14px;
	height:22px;
	border:none!important;
	background:none!important; 
}

.cform input.cf-box-a 	{ 
	margin-left:100px; /* check with label 'width' incl. */
} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	margin:10px 0pt 0px !important;
	padding-left: 100px; 
} 

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	margin:3px 0 0 3px;
	font-size:0.9em;
	display: -moz-inline-box; 
	vertical-align:top;
}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	padding: 0!important;
	margin: 0;
}
.cform input.sendbutton	{ 
	width:100px;  
	padding:5px; 
	margin: 10px 0 0 310px;
	font-size:0.8em;
	background:url(../images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom:4px;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;
}

img.imgcalendar {
	border:none;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:380px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#ad2929!important;
	text-decoration:underline!important;
}
div.success {
	background:#F7F7F7 none repeat scroll 0% 50%;
	color:#444444;
	display:block;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	display: none;
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;  /*for ie6*/
}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
}

* html img.captcha {
	margin-bottom:1px!important;
}
*+html img.captcha {
	margin-bottom:1px!important;
}
/* @end */