/*  
Theme Name: WOTS
Theme URI: http://www.timeforcake.com/
Description: WOTS is a Wordpress theme developed specifically for the Women of the Summit website.
Version: 1.0
Author: timeforcake creative media inc. 
Author URI: http://www.timeforcake.com/

*/

/*

main style sheet containing styles universal to all pages

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
Navigation
Headers
Text Treatments
Images
--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #BECE90;
	font-family: "Courier New", Courier, monospace;
	font-size: .8em;
	margin: 0 auto;
	text-align: center;
}

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: #95f9f2;
	outline: none;
}

a:hover {color: #333;}

a.external {
	background-image: url(/images/backgrounds/external-link.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 0 16px 0 0;
}

/*---------------

PAGE STRUCTURE

---------------*/

#top-outer-wrapper {
	background: url(images/backgrounds/top-outer-wrapper.gif) transparent repeat-x left top;
	float: left;
	height: 250px;
	width: 100%;
}

#top-wrapper {
	background: url(images/backgrounds/top-wrapper.gif) transparent no-repeat left top;
	float: left;
	height: 250px;
	width: 100%;
}


#top {
	float: left;
	width: 760px;
}

#content-container {
	background: url(images/backgrounds/content-container.gif) #959977 repeat-y left top;
	float: left;
	width: 100%;
}

#content, #content-wide {
	color: #E9F4C8;
	float: left;
	font-size: 14px;
	padding: 0;
	text-align: justify;
	padding: 0 24px 20px 48px;
	width: 403px;
}

#content.content-wide {width: 664px;}

.post {
	border-bottom: 1px dashed #CBCFA8;
	margin: 0 0 20px 0;
}

#sidebar {
	color: #E2FEFC;
	float: left;
	font-size: 12px;
	padding: 0 48px 20px 24px;
	text-align: justify;
	width: 213px;
}

.speaker { /*--for speakers in sidebar--*/
	border-bottom: 1px dashed #DAF0F4;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

#footer-wrapper {
	background: url(images/backgrounds/footer-wrapper.gif) #959977 no-repeat left top;
	float: left;
	height: 180px;
	width: 100%;
}


#footer {
	float: left;
	padding: 20px 0 0 0;
	width: 760px;
}

/*---------------

HEADERS

---------------*/

h2#logo {	
	background: url(images/headers/h2-logo.gif) transparent no-repeat left top;
	float: left;
	height: 192px;
	text-indent: -9999px;
	width: 551px;
}

#content h1, h2.img-replace {	
	float: left;
	height: 88px;
	text-indent: -9999px;
	width: 403px;
}

#content.content-wide h1 {
	width: 664px;
}

/*h2 on homepage*/
.goals {background: url(images/headers/h1s/goals.gif) transparent no-repeat left top;}

/*background images for h1s*/
#join-us {background: url(images/headers/h1s/join-us.gif) transparent no-repeat left top;}
#newsletter-header {background: url(images/headers/h1s/newsletters.gif) transparent no-repeat left top;}
#newsletter-header {background: url(images/headers/h1s/newsletters.gif) transparent no-repeat left top;}
#announcements-header {background: url(images/headers/h1s/announcements.gif) transparent no-repeat left top;}
#speakers-header {background: url(images/headers/h1s/speakers.gif) transparent no-repeat left top;}
#past-speakers-header {background: url(images/headers/h1s/past-speakers.gif) transparent no-repeat left top;}

/* 

key to header ids
------------------
about id = 2
members id = 5
featured id = 6
newsletter id = 7
contact id = 8
signup id = 20
------------------*/

#header-2 {background: url(images/headers/h1s/about.gif) transparent no-repeat left top;}
#header-5 {background: url(images/headers/h1s/members.gif) transparent no-repeat left top;}
#header-6 {background: url(images/headers/h1s/featured.gif) transparent no-repeat left top;}
#header-8 {background: url(images/headers/h1s/contact.gif) transparent no-repeat left top;}
#header-20 {background: url(images/headers/h1s/signup.gif) transparent no-repeat left top;}

#content h2, #content h3 {
	border-bottom: 1px solid #e9f4c8;
	font-size: 18px;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
}

#content h3 {
	font-size: 16px;
	margin: 0 0 5px 0;
	padding: 0 0 3px 10px;
}

.upcoming-speaker h2 {}

#sidebar h3 {	
	float: left;
	height: 95px;
	text-indent: -9999px;
	width: 213px;
}

#announcements {background: url(images/headers/announcements.gif) transparent no-repeat left top;}
#speakers {background: url(images/headers/speakers.gif) transparent no-repeat left top;}
#past-speakers {background: url(images/headers/past-speakers.gif) transparent no-repeat left top;}

.announcement h4 {
	border-bottom: 1px dashed #DAF0F4;
	font-size: 13px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	text-align: left;
	text-decoration: none;
	width: 213px;
}

.speaker h4 {
	border-bottom: 1px dashed #DAF0F4;
	font-size: 13px;
	margin: 0 0 10px 0;
	text-decoration: none;
	width: 213px;
}

.speaker h4 a {text-decoration: none;}

/*---------------

NAVIGATION

---------------*/

a#member-sign-up {
	background: url(images/backgrounds/member-signup-button.gif) transparent no-repeat left top;
	color: #373927;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	padding: 7px 0 0 0;
	position: relative;
	top: 31px;
	left: -9px;
	text-align: center;
	text-decoration: none;
	width: 199px;
}

a#member-sign-up:hover {background: #E8ECCC;}

#top ul {
	float: left;
	height: 58px;
	width: 760px;
}

#top ul li, #top ul li a {
	list-style-type: none;
	float: left;
	height: 48px;	
	text-indent: -9999px;
}

/* 

key to page ids
------------------
home id = 9
about id = 2
members id = 5
featured id = 6
newsletter id = 7
contact id = 8
signup id = 20
speakers id = 17
------------------*/

.page-item-9, .page-item-9 a {background: url(images/nav/home.gif) transparent no-repeat left top; width: 68px;}
.page-item-2, .page-item-2 a {background: url(images/nav/about.gif) transparent no-repeat left top; width: 119px;}
.page-item-5, .page-item-5 a {background: url(images/nav/members.gif) transparent no-repeat left top; width: 147px;}
.page-item-6, .page-item-6 a {background: url(images/nav/featured.gif) transparent no-repeat left top; width: 198px;}
.page-item-7, .page-item-7 a {background: url(images/nav/newsletter.gif) transparent no-repeat left top; width: 124px;}
.page-item-8, .page-item-8 a {background: url(images/nav/contact.gif) transparent no-repeat left top; width: 103px;}
.page-item-17, .page-item-17 a {background: url(images/nav/speakers.gif) transparent no-repeat left top; width: 124px;}

#top ul li a:hover {background-position: 0 -48px;}
#top li.current_page_item a {display: none;}
#top li.current_page_item {background-position: 0 -48px;}

/*---------------

TEXT-TREATMENT

---------------*/

#content p {padding: 0 0 20px 0;}

#content ul {
	line-height: 110%;
	list-style-type: disc;
	padding: 0 0 20px 20px;
	text-align: left;
}

#content li {
        padding-bottom: 11px;
}

.read-more {text-align: right;}

#sidebar p {padding: 0 0 20px 0;}

#sidebar .speaker p {
	line-height: 140%;
	padding: 0;
	text-align: left;
}

#footer p {
	color: #F7FFE1;
	font-size: 14px;
	line-height: 20px;
	padding: 50px 0 0 125px;
	text-align: left;
}

#footer a {color: #F7FFE1;}