/*
Theme Name: Jessica Frost
Theme URI: http://www.jessicafrost.com/
Description: Custom CMS theme
Version: 1.0
Author: Helen Hou-Sandi
Author URI: http://helenhousandi.com/
*/

/**** ELEMENTS ****/
body {
	margin:0;
	padding:0;
	background:#3C0F61 url(images/header_bg.jpg) repeat scroll top left;
	color:#EDD6FF;
	font:13px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
a img {
	border:0;
}
hr, div.hr {
	background:#AAA;
	color:#AAA;
	border:0;
	height:1px;
	line-height:1px;
	margin:12px 0;
	clear:both;
}

/**** CLASSES ****/
.left, .alignleft {
	float:left;
	margin-right:20px;
	margin-bottom:5px;
}
.right, .alignright {
	float:right;
	margin-left:20px;
	margin-bottom:5px;
}
.centered, .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.clear {
	clear:both;
}
.wp-caption p.wp-caption-text {
	padding: 5px 10px;
	background: #F1D7FB;
	color: #51306F;
	text-align: center;
	font-style: italic;
	position: relative;
	top: -5px;
}

/**** LAYOUT DIVS ****/
#container {
	background:#000 url(images/content_bg.jpg) repeat scroll top left;
	border-bottom:5px solid #E9CCFF;
}
#header {
	width:960px;
	height:130px;
	margin:0 auto;
	overflow:hidden;
}
#header h1 {
	position:absolute;
	left:-999999px;
}
#wrapper {
	width:960px;
	margin:0 auto;
}

/**** MENU DIV ****/
#menu-bg {
	height:29px;
	background:#E9CCFF;
}
#menu-wrapper {
	width:960px;
	margin:0 auto;
}
#menu {
	height:50px;
	position:relative;
	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:1.0;
	float:left;
	margin-bottom:1em;
	margin-left:400px;
	margin-top:-29px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			8em; /* 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;
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		8px 10px;
	font-size:13px;
	text-decoration:none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			29px; /* 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:			8em; /* 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:			8em; /* match ul width */
	top:			0;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#E9CCFF;
}
.sf-menu li {
	background:		#51306F;
}
.sf-menu li li a {
	color:#3C0F61 !important;
	padding:8px 7px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		none;
	height:			29px;
	margin-bottom:	29px;
	position:		absolute;
	right:0;
}
.sf-navbar li {
	position:		static;
	margin-left:5px;
	background:#51306F;
	-webkit-background-clip: padding-box;
	border-right:1px solid #000;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.sf-navbar > li:hover {
	background:#70508F;
	-webkit-background-clip: padding-box;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:525px; /*IE6 soils itself without this, but i don't care about IE6...*/
}
.sf-navbar li li {
	position:		relative;
	background:none;
	border:0;
	margin:0;
}
.sf-navbar li li ul {
	width:8em;
}
.sf-navbar li li li {
	width:100%;
}
.sf-navbar ul li {
	width:auto;
	float:left;
	border:0;
}
.sf-navbar a, .sf-navbar a:visited {
	border:none;
}
.sf-navbar li.current, .sf-navbar li.current-menu-item, .sf-navbar li.current-menu-ancestor, .sf-navbar li.sfHover {
	background:#E9CCFF;
}
.sf-navbar li.current a, .sf-navbar li.current-menu-item a, .sf-navbar li.current-menu-ancestor a, .sf-navbar li.sfHover a {
	color:#3C0F61;
}
.sf-navbar li li a:hover {
	text-decoration:underline;
}
ul.sf-navbar .current-menu-ancestor ul,
ul.sf-navbar .current-menu-item ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			29px; /* match top ul list item height */
}
ul.sf-navbar .current-menu-ancestor ul ul {
	top: 			-999em;
}
.sf-navbar li li.current-menu-item > a {
	text-decoration:underline;
}

/**** CONTENT DIV ****/
#content {
	width:620px;
	float:left;
	margin:20px 0;
	overflow:auto;
	color:#EDEDED;
	font:14px/20px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#content h2 {
	font:40px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 10px 0;
}
#content h3 {
	font-size: 1.4em;
}
#content h4 {
	font-size: 1.1em;
}
#content a {
	color:#B49BCF;
	text-decoration:none;
	font-weight: bold;
}
#content a:hover {
	text-decoration:underline;
}
#content img {
	padding:4px;
	border:1px solid #F1D7FB;
}
#content a:hover img {
	border:1px solid #70508F;
}
#content p {
	margin-top: 0;
}
#content p.audioplayer_container, #content p.audioplayer_container {
	margin-top: 20px;
	margin-bottom: 0;
}
#content blockquote {
	margin: 25px 40px 25px 30px;
	padding-left: 10px;
	border-left: 2px solid #70508F;
}
#content a[href$=pdf] {
	background: url(images/pdf.png) no-repeat;
	padding-left: 16px;
}

/**** SIDEBAR ****/
#sidebar {
	float:right;
	width:300px;
	margin:20px 0;
	padding-top:210px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#2A2133 url(images/harp.jpg) top center no-repeat;
	color:#EDEDED;
}
#sidebar > img {
	padding:5px;
}
#sidebar .widget {
	margin-bottom:10px;
	padding:10px;
}
#sidebar .widget h3 {
	margin-top:0;
	font-size: 1.5em;
}

/**** FOOTER DIV ****/
#footer {
	width:960px;
	margin:10px auto;
	font-size:12px;
}
#footer a {
	color:#DBB3FD;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footer li {
	float:left;
	margin:0 25px 0 0;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
}
#footer li li {
	float:none;
	margin:0;
	text-transform:none;
	font-weight:normal;
	font-size:11px;
}
#footer li ul {
	margin-top:5px;
}
#footer li li.current_page_item a {
	text-decoration:underline;
}
#footer-info {
	text-align:right;
	font-size:13px;
	color:#DBB3FD;
}
#footer-info p {
	margin:0 0 5px 0;
}
#footer-info a {
	color:#FFF;
}

/* cForms */

/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */

.cform { 
	margin:10px 0 0 0; 
	width: 550px; 
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:5px 0 0 0; 
	border:none;
	background:none; 
}

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

.cform legend { 
	border-bottom:1px solid #BAC4D8;
	color:#BAC4D8;
	font:normal 1.6em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;;
	line-height:1em;
	padding:0pt 0pt 0.3em;
	text-transform:uppercase;
	margin:0;
}

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

ol.cf-ol li	{
	background:none!important; 
	margin:8px 0!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.1em;
}


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

ol.cf-ol li.textonly {
	padding:3px 0; 
	text-align:left;
	letter-spacing:1px;
	font-size:15px;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */
.cform label {
	font:normal 1.1em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	line-height:1.3em;
	color:#EDEDED;
	display:block;
	margin:12px 0pt 2px;
	text-align:left;
	width:70%;
}

label.cf-before {
	width:100px;
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/	
	margin:4px 5px 0 0; 
	vertical-align:top;
}

label.cf-after 	{
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/	
	margin:4px 0 0 6px;
	width:120px;
	text-align:left;	
	vertical-align:top;
}


label.cf-before span,
label.cf-after span {
	display:block;
}

label.cf-group-after {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:4px 0 0 2px;
	width:86px;
	text-align:left;
	vertical-align:top;
}
label.cf-group-after span {
	width:86px;
	display:block;
}

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

.cform input,
.cform textarea,
.cform select { 
	padding:4px 3px;
	background: #EEE; 
	border:1px solid #2A2133;
	color:#10141B;
	font:normal 1.1em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover,
.cform input:focus,
.cform textarea:focus,
.cform select:focus	{
	border:1px solid #70508F;
}

.cform textarea,
.cform input {
	width:400px; 
}
.cform select {
	width:408px; /* attempt to have equal length */
}  

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

.cform textarea {
	height: 6em;
	overflow:auto;
}

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

ol.cf-ol li.cf-box-title {
	font-size:15px;
	letter-spacing:2px;
	margin:15px 0pt 0pt !important;
}

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

.cform input.cf-box-a,
.cform input.cf-box-b 	{
	vertical-align:top;
	margin:2px 0 0 0; 
	width:16px;
	height:22px;
	border:none; 
	background:none;
}


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

ol.cf-ol li.cf-box-group {
	padding: 0 0 5px 0; 
} 

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

span.reqtxt,
span.emailreqtxt { 
	color:#EDEDED;
	font-size:0.8em;
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	vertical-align:top;
	text-align:left;
	margin-left:3px;
}

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

p.cf-sb {
	padding: 0!important;
	margin: 0;
	text-align:left;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{
	background:#EEE; 
	border:1px solid #E9CCFF;
	color:#000;
	font-size:14px;
	margin:5px 5px 0 0;
	width:auto;
	padding:5px;	 
}
.cform input.resetbutton {
	width: auto;
}
.cform input.backbutton {
	width: auto;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF !important;
	border:1px solid #DF7D7D;
	padding:5px!important;
	margin:5px 0!important;
}

ol.cf-ol li.cf_li_err label, ol.cf-ol li.cf_li_err span.reqtxt, ol.cf-ol li.cf_li_err span.emailreqtxt {
	color: #000;
}

ol.cf-ol li ul.cf_li_text_err {
	margin:0 0 0 5px;
	padding:0;
	color:#000;
}

ol.cf-ol ul.cf_li_text_err li {
	font-weight:bold; 
	font-size:1.1em;
	list-style:none!important;
	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.seccap {
	margin-top: 6px;
}
label.secq,
label.secq span {
	display:inline;
}
label.secq {
	vertical-align:middle;
}

input.secinput {
	width:45px;
	margin: 3px 0 0 10px;
	vertical-align:middle;
}

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

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

img.captcha-reset {
	vertical-align:top;
	background:	url(captcha_reset_black.gif) no-repeat;
	border:none!important;
	margin-left:3px;
	width:21px;
	height:21px;
}

img.imgcalendar {
	border:none!important;
	vertical-align: bottom;
}

/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */

.cform .cf_error {
	color:#000;
	border:1px solid #BAC4D8;
	padding:3px;
	width:400px;
}
.cform .cf_errortxt,
div.mailerr {
	color:#000;
}
div.mailerr {
	display:block;
}

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

div.cf_info {
	color:#000;
	display:none;
	padding:10px 15px!important;
	width:520px;
	line-height:1.3em;
	margin:10px 0;
}
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:white!important;
	text-decoration:underline!important;
}
div.success {
	background:#E9CCFF;
	color:#000;
	display:block;
	border: 1px solid #70508F;
}
div.failure {
	display:block;
	background:#FFDFDF !important;
	border:1px solid #DF7D7D;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/* 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:450px;
	margin:6px 0 10px!important;
	padding:0!important;	
	text-align:left!important;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: -7px; 
	margin-left:0;
}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: -7px; 
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html ol.cf-ol,
* html ol.cf-ol li{	
	display:inline-block; /*for IE6!!*/
}
*+html ol.cf-ol,
*+html ol.cf-ol li{	
	display:inline-block; /*for IE6!!*/
}
* html img.captcha	{
	margin-top:1px!important;
}
*+html img.captcha	{
	margin-top:1px!important;
}

/* jQuery Datepicker */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
	color: #000;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}