/*
Theme Name: Women of Joy - WOJ 2010
Theme URI: http://woj.me
Description: A Theme for the Women of Joy Events, a part of Phil Waldrep Ministries.
Version: 1
Author: Phil Waldrep Ministries
Author URI: http://www.philwaldrep.org
Tags: custom header, fixed width, two columns

Copyright notice:
To the extent that it is protected, the works constituting this website are copyrighted, however you may request permission to use them, and we will do our best to grant all requests.

*/

* {margin: 0; padding: 0}
a {cursor: pointer}
body #content #body a img {border: 0 !important; text-decoration: none;}

/* basic typography */

body {color: white; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; background-color: #82184a; background-image: url(images/background.png); background-repeat: repeat-x;}
body ul, body ol, body p, body h2, body h3, body h4, body h5, body h6 {margin-bottom: .5em}
body h1 {margin-bottom: .5em}


/* content specific */

		/* be super careful with these. gravity forms gets moody. To work around this, FORMS.CSS is hacked to match stronger, by adding body #content #body before every wrapper class. */
		#content ul, #content ol {margin-left: 2em; list-style-position: outside} 
		#content li:first-child {margin-top: .5em}

#body .navigation { display: block; text-align: center; position: relative; top: -25px}

div.post {padding-top: 1.5em;}
#body div.post:first-child {padding-top: 0}

#body a.registernow {width: 165px; height: 165px; background-position: 0 0; background: url(images/btn-registernow.gif); text-indent: 99999px; display: inline-block; }
#body a.registernow:hover {background-position: 0 -165px}

.alignleft {float: left}
.alignright {float: right}

div.post img.alignleft {padding-right: 7px}
div.post img.alignright {padding-left: 7px}

h4.faq {font-weight: normal}
.faq a:before {content: '\203A\00A0';}
.indent {padding-left: 1em;}

h4.accordianfaq {font-weight: normal}
.accordianfaq a:before {content: '\203A\00A0';}


/* search specific */

#searchform {margin: .5em 0}
#searchform label.screen-reader-text { display: none}

#sidebar #s { width: 130px; font-size: 1em; }
#sidebar #searchsubmit { cursor: pointer; width: 70px; font-size: 1em; padding: 2px; border: 1px solid #a40955; background-color: transparent}
#sidebar #searchsubmit:hover { background-color: white;}

#content #s {border: 1px solid black; font-size: 1em; }
#content #searchsubmit {cursor: pointer; font-size: 1em; padding: 2px; border: 1px solid #a40955; background-color: transparent; }
#content #searchsubmit:hover {background-color: #a40955; border: 1px solid black; color: white}

/* sidebar specific */

#sidebar h2 { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 1.2em; margin-top: 1em; margin-bottom: .3em;}
#sidebar h3 { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 1.1em; margin-top: 1em; margin-bottom: .3em;}
#sidebar h4 { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 1em; margin-top: 1em; margin-bottom: .3em;}
#sidebar p {margin-bottom: .7em}

#sidebar ul li {padding-left: 1em; text-indent: -1em; list-style: none; margin-top: 1em}

#sidebar ul ul, #sidebar ol, #sidebar ol ul {margin-left: 1.2em; color: black;} 
#sidebar ul ul li {list-style: none; margin-top: .2em}
#sidebar ul ul ul li {list-style: circle outside; padding-bottom: .3em} 
#sidebar ul ul ul ul li {list-style: circle outside; padding-bottom: .05em} 
#sidebar ul ul ul ul ul li {list-style: disc outside;}
#sidebar ol li {list-style: decimal outside;}
#sidebar ol ol li {list-style: lower-roman outside;}

#sidebar ul ul li:first-child, #sidebar ol li:first-child {margin-top: .3em}
#sidebar ul ul ul li:first-child, #sidebar ul ol li:first-child {margin-top: .3em}
/* #sidebar ul ul li, #sidebar ol li {padding-left: 2em; text-indent: -2em;} */

/* gravity forms */

#content #body div.gform_wrapper form {background-color: #eee; padding: 10px;}
#content #body div.gform_wrapper form label.gfield_label {font-size: .8em; line-height: 1.1;}
#content #body div.gform_wrapper form input {font-size: 1em; line-height: 1.1}
#content #body div.gform_wrapper form input.button {cursor: pointer; color: black; padding: 3px; background-color: white; border: 1px solid #a40955;}
#content #body div.gform_wrapper form input.button:hover {cursor: pointer; color: white; padding: 3px; background-color: #a40955; border: 1px solid black;}

/* prices */

#content-sidebar-wrap #content #body div.prices {margin: 0 auto; padding-bottom: 30px;}
#content-sidebar-wrap #content #body div.prices h3 {font-size: .9em; margin: 10px 0 10px 0;padding: 3px; font-weight: bold; margin-bottom: 3px; background-color: #a40955; color: white; text-align: center;}
#content-sidebar-wrap #content #body div.prices>ul {padding-left: 0; margin: 0 auto;}
#content-sidebar-wrap #content #body div.prices li.block { display: table; list-style-type: none; border-bottom: 1px dashed #a40955;  margin: 0 auto;}
#content-sidebar-wrap #content #body div.prices li.block ul { margin: .3em 0 .3em 0; padding-left: 0; }
#content-sidebar-wrap #content #body div.prices li.block ul li {list-style-type: none; display: table-cell; padding: 0 5px; text-align: center; border-right: 1px dashed #a40955; vertical-align: middle; }
#content-sidebar-wrap #content #body div.prices li.block ul li.label { width: 225px !important; }
#content-sidebar-wrap #content #body div.prices li.block ul li.price { width: 150px !important; }
#content-sidebar-wrap #content #body div.prices h4 {text-align: center; margin: 10px 0 10px 0; font-weight: normal; font-size: .85em}

#content-sidebar-wrap #content #body div.prices li.block ul li.price { display: none } /* assume earlybird */
#content-sidebar-wrap #content #body div.prices li.block ul li.ebdprice { display: table-cell;  }

#content-sidebar-wrap #content #body div.prices.noebd li.block ul li.price { display: table-cell } /* override if not */
#content-sidebar-wrap #content #body div.prices.noebd .ebdprice { display: none !important;  }

#content-sidebar-wrap #content #body div.prices li.block ul li.admission.price { display: table-cell } /* always show */


/* schedule */

#content-sidebar-wrap #content #body div.schedule {margin: 0 auto; padding-bottom: 30px;}
#content-sidebar-wrap #content #body div.schedule h3 {margin-bottom: 3px}
#content-sidebar-wrap #content #body div.schedule>ul {padding-left: 0}
#content-sidebar-wrap #content #body div.schedule>ul li.block { display: table; border-bottom: 1px dashed #eee; margin: 0 auto; }
#content-sidebar-wrap #content #body div.schedule>ul li.block ul { margin-top: .3em; margin-bottom: .3em; padding-left: 0; }
#content-sidebar-wrap #content #body div.schedule>ul li.block ul li.time { display: table-cell; text-align: center; padding-right: 5px; width: 100px; vertical-align: middle; }
#content-sidebar-wrap #content #body div.schedule>ul li.block ul li.event { display: table-cell; text-align: center; padding-left: 5px; width: 405px; vertical-align: middle; }
#content-sidebar-wrap #content #body div.schedule>ul li.block span.dim {font-size: 0.8em; font-variant: small-caps;}

/* structure setup */

* {margin: 0; padding: 0; border: 0}
	#wrap {margin: 00px auto; width: 920px; position: relative; }
	
	#header-top {padding: 25px 0 0 25px; position: relative; height: 45px}
	#header {position: relative; height: 170px}
	#toolbar {position: relative; height: 30px}
	#content-sidebar-wrap {position: relative; }
		#sidebar-wrap {position: relative; float: right; width: 240px; z-index: 3;}
			#sidebar {width: 220px; padding: 3px 10px 10px 10px; z-index: 3;}
		#content {width: 680px; position: relative}
			#content-top {position: relative; height: 39px}
			#body {padding: 0 20px 3px 20px; position: relative;} /* min-height: 181px --  min-height = 330 sidebar-bottom - 39 content-top - 110 content-bottom */
			#content-bottom {position: relative; height: 110px; clear: right}
		#sidebar-fill {position: absolute; top: 0; right: 0; bottom: 330px; width: 240px; z-index: 1}
		#sidebar-bottom {position: absolute; bottom: 0; right: 0; width: 240px; height: 330px; z-index: 2; }
	#reflection {position: relative; height: 175px}
	
/* backgrounds and buttons */

#header-top {color: #f0f0f0; background: #6d0a3a no-repeat; font: .9em Verdana, "Lucida Grande", Lucida, sans-serif;
}
	#header-top a {cursor: pointer; padding: 3px; font-size: .9em; text-decoration: none; color: #e9d589;}
	#header-top a:hover {background-color: #bc286f; color: #ffea97;}

#header {color: #fff; background-repeat: no-repeat;}

#toolbar {  background: #bdd947 url(images/toolbar.png) repeat-x; background-position: 0 -60px;}
	#toolbar ul { display: table; margin: 0; padding: 0;}
		#toolbar li { display: block; float: left; list-style: none; margin: 0; text-indent: 0; padding: 0; }
			#toolbar li a { display: table-cell; vertical-align: middle; height: 30px; background: #bdd947 url(images/toolbar-btn.png) no-repeat; padding: 0 10px; background-position:-180px -60px; color: #a40955; text-decoration: none; font-variant: small-caps; font-family: Verdana, "Lucida Grande", Lucida, sans-serif;}
			#toolbar li a strong {letter-spacing: 0}
			#toolbar li a:hover {background-position:-180px -30px; color: white}
			#toolbar li a.current {background-position:-180px 0px; color: white;}
			
			#toolbar li.home a {background-position: 0 -60px; text-indent: -3000px; width: 160px;}
			#toolbar li.home a:hover {background-position: 0 -30px;}
			#toolbar li.home a.current {background-position: 0 0px;}
			
			#toolbar li.close a {background-position: -531px -60px; width: 3px; padding: 0; }
			#toolbar li.close a:hover {background-position: -531px -30px}
			#toolbar li.close a.current {background-position: -531px 0}

 	#sidebar {color: black; background-image: url(images/sidebar-screen.gif); } 
		#sidebar a {color: #a40955; text-decoration: none}
		#sidebar a:hover {color: #cb0b69; text-decoration: underline}

	#content {color: black; background-color: white;}
		#content-top {background-image: url(images/content-top.png)}
		#body {background-image: url(images/content-body.png); background-repeat: repeat-y;}
			#body a {color: #a40955}
			#body a:hover {color: #cb0b69}
		#content-bottom { background: url(images/content-bot.png) no-repeat;}

 	#sidebar-fill {background: #b7d430 url(images/sidebar.png) repeat-y;}