/* element definitions */
body { padding: 0; margin: 0; clear: none; background: #F2F5F9; color: #000; text-align: center;
	font-family: Verdana, Arial, Lucida, Helvetica, sans-serif; font-size: 12px; }
h1 { margin: 0; font-size: 20px; font-weight: bold; }
h2 { font-size: 15px; font-weight: bold; }
h3 { font-size: 15px; font-weight: normal; }
em em { font-stretch: normal; }
a:link, a:visited { color: #335980; text-decoration: none; }
a:link:hover, a:visited:hover { text-decoration: underline; }
acronym, abbr, .titled { cursor: help; border-bottom: 1px dashed #6782A0; }
a acronym, a abbr, a .titled, a.titled { border-bottom: none; font-style: normal; }
textarea { display: block; }
ol li { margin: 1em 0; }
table { border: 1px dotted #000; width: 100%; }
td { margin: 0; padding: 5px; font-size: 12px; }
thead td { border-bottom: 1px solid #000; background: #D7E2EE; font-style: italic; }
tbody tr#new_row td { border-top: 1px dotted #000; }
img { border: 0; }
blockquote { margin: 1em 0; padding: 0 0 0 5px; border-left: 5px solid #D7E2EE; }
blockquote p { margin: 0; }

/* positioned div id definitions */
#wrapper { margin: 0 auto; padding: 0; width: 802px; text-align: center; background-color: #FFF; }
#header { position: relative; float: left; margin: 0; padding: 0; clear: both; width: 800px; height: 75px;
	color: #FFF; background: #6782A0; text-align: left;
	border-left: solid 1px #3D6B98; border-right: solid 1px #3D6B98; }
#nav { position: relative; float: left; margin: 0; padding: 0; clear: both; width: 800px; height: 23px;
	color: #335980; background: url(/images/includes/nav_bkg.gif) no-repeat #D7E2EE; text-align: left;
	border: solid 1px #3D6B98; }
#content { position: relative; float: left; padding: 0; margin: 0; width: 800px;
	text-align: left; background: url(/images/left_bkg.gif) left repeat-y #FFF;
	border-left: solid 1px #3D6B98; border-right: solid 1px #3D6B98; }
#footer { position: relative; float: left; margin: 0; padding: 10px 0; clear: none; width: 800px;
	text-align: left; background: #FFF; border: 1px solid #3D6B98; border-bottom: none; }
	
#content #left_col { position: relative; float: left; margin: 0; padding: 0 0 10px;
	clear: none; width: 175px; background: #D7E2EE; }
#content #right_col { position: relative; float: right; margin: 0; padding: 0 0 10px; clear: none; width: 250px;
	color: #30502F; background: url(/images/includes/right_col_bkg.gif) bottom repeat-x #9CAA8E; }
#content #center_col { position: relative; float: left; margin-left: 10px; padding: 10px 0;
	clear: none; width: 355px; background: #FFF; }
#content #center_col.two_column { width: 605px; }

/* header header styling */	
#header h1 { font-size: 42pt; margin: 0; padding: 0; width: 800px; height: 75px; position: relative; } 
#header h1 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	background: url(/images/includes/class_matters.gif) no-repeat; }

/* nav list styling */
#nav ul { margin: 3px 0 0; padding: 0 5px; }
#nav ul li { margin: 0; padding: 0 5px; border-left: solid 1px #334980; list-style: none; display: inline; }
#nav ul li.first { border-left: none; }

/* left and right column link, text, and list styling */
#left_col a:link, #left_col a:visited { color: #335980; font-weight: bold; text-decoration: none; }
#left_col p a:link, #left_col p a:visited { font-weight: normal; }
#left_col a:link:hover, #left_col a:visited:hover { text-decoration: underline; }
#right_col a:link, #right_col a:visited { color: #335980; font-weight: bold; text-decoration: none; }
#right_col a:link:hover, #right_col a:visited:hover { text-decoration: underline; }
#left_col p, #left_col ul, #right_col p, #right_col ul { font-size: 10px; }
#left_col p, #left_col ul, #right_col p, #right_col ul, #left_col form, #right_col form, #left_col h2, #right_col h2 {
	padding-left: 10px; padding-right: 10px; }
#left_col ul, #right_col ul { list-style: none; margin: 1em 0; }
#left_col ul li, #right_col ul li { margin: 1em 0; padding: 0; }
#left_col #workshops ul li, #left_col #workshops ul ul { margin: 0.3em 0; }
#left_col ul.bulleted, #right_col ul.bulleted { list-style: circle; margin-left: 15px; }
#left_col ul.bulleted li, #right_col ul.bulleted li { margin: 0; }
#left_col ul.sidebar_emphasized li, #right_col ul.sidebar_emphasized li { margin: 5px 0; }
#left_col img { padding: 1em 0 0 10px; }

/* left and right column header styling */
#right_col h1, #left_col h1 { position: relative; height: 50px; margin-top: 25px; }
#right_col h1 { width: 250px; border-top: 1px solid #30502F; }
#left_col h1 { width: 175px; border-top: 1px solid #3D6B98; }
#right_col #tips h1, #left_col #we_mean h1 { height: 75px; }
#left_col #resources h1, #right_col #classism h1, #right_col #survey-question h1 { height: 25px; }
#right_col h1.top, #left_col h1.top { padding-top: 0; margin-top: 0; border-top: none; }
#right_col h1 span, #left_col h1 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#left_col #what_is h1 span { background: url(/images/sidebars/what_is_class_matters.gif) no-repeat; }
#left_col #order h1 span { background: url(/images/sidebars/order_class_matters.gif) no-repeat; }
#left_col #we_mean h1 span { background: url(/images/sidebars/what_do_we_mean.gif) no-repeat; }
#left_col #resources h1 span { background: url(/images/sidebars/resources.gif) no-repeat; }
#left_col #calendar h1 span { background: url(/images/sidebars/calendar.gif) no-repeat; }
#left_col #workshops h1 span { background: url(/images/sidebars/class_matters_workshops.gif) no-repeat; }
#left_col #press h1 span { background: url(/images/sidebars/press_coverage.gif) no-repeat; }
#right_col #identity h1 span { background: url(/images/sidebars/class_and_oth_ids.gif) no-repeat; }
#right_col #classism_survey h1 span { background: url(/images/sidebars/2004_11/classism_survey.gif) no-repeat; }
#right_col #class_cultures h1 span { background: url(/images/sidebars/2005_07/cultures_survey.gif) no-repeat; }
#right_col #classism h1 span { background: url(/images/sidebars/2005_07/classist_comments.gif) no-repeat; }
#right_col #survey-question h1 span { background: url(/images/sidebars/2006_07/survey-question.gif) no-repeat; }

#right_col #tips h1 span { background: url(/images/sidebars/tips_from_wc_activists.gif) no-repeat; }
#right_col #elections_survey h1 span { background: url(/images/sidebars/elections_survey.gif) no-repeat; }

/* center column header and list styling */
#center_col h1 { margin-bottom: 0; }
#center_col h2 { margin-top: 1em; }
#center_col ul { margin: 0; padding: 0; list-style: none; }
#center_col ol { margin: 1em 0 0 20px; padding: 0; }
#center_col ol#events { list-style: none; margin: 0; }
#center_col ul li, #center_col ol li { margin: 1em 0; padding: 0; }
#center_col ol#events li.post { list-style: none; margin: 1em 0; border-bottom: 1px dashed #335980; padding-bottom: 1em; }
#center_col ul.bulleted { margin: 1em; list-style: disc; margin-left: 15px; }
#center_col ul.bulleted li { margin: 3px 0; }

/* special box styling */
#special { padding: 5px; border: 1px solid #3D6B98; background: url(../images/box_bkg.gif) repeat-x #D7E2EE; margin-bottom: 2em; }
#book-box { position: relative; float: left; width: 145px; padding: 5px; border: 1px solid #3D6B98;
	background: url(../images/box_bkg.gif) repeat-x #D7E2EE; margin-bottom: 2em; }
#right-special { position: relative; float: right; width: 180px; padding: 5px; border: 1px solid #30502F;
	background: url(../images/box_g_bkg.gif) repeat-x #9CAA8E; margin-bottom: 2em; }
#special img.float, #book-box img.float { position: relative; float: left; padding: 0 5px 5px 0; }
#special div.float, #book-box div.float { position: relative; float: left; padding: 0 10px 5px 0; }
#special h1, #book-box h1, #right-special h1 { font-size: 24px; }
#special h2, #book-box h2, #right-special h2 { margin-top: 0; }
#special p { font-size: 14px; }
#book-box p, #right-special p, #special ul, #special .footnote, #book-box ul, #book-box .footnote, #right-special ul, #right-special .footnote { font-size: 10px; }
#special ul ul { margin: 0 0 0 170px; list-style: circle; }
#right-special ul ul { margin: 0 0 0 15px; list-style: circle; }
#special ul ul li, #right-special ul ul li { margin: 0; }
#special .footnote, #book-box .footnote, #right-special .footnote { font-style: italic; margin: 0; text-align: right; }
#special .footnote em, #book-box .footnote em, #right-special .footnote em { font-style: normal; }
#special .caption { display: inline; font-size: 14px; margin: 0; padding: 5px 0 0; }
#book-box .caption, #right-special .caption { display: inline; margin: 0; padding: 5px 0 0; }

/* calendar styling */
#center_col #events h3 { margin: 1em 0 0; }
#center_col #events p.date { margin: 0 0 1em; }
#center_col #events .event-description { background: #D7E2EE; padding: 5px; font-size: 10px; }
#center_col #events .event-description p { margin: 0 0 1em; }
#center_col #events .event-description p.last { margin: 0; }
#center_col #events .co-sponsors { font-size: 10px; }

/* center column header and list styling for index pages */
#center_col h1#resources_center, #center_col h1#cal_events { position: relative; width: 355px; height: 40px; }
#center_col h1#comm_org, #center_col h1#elections, #center_col h1#class_cultures, #center_col h1#counterculture { position: relative;
	width: 355px; height: 75px; }
	#center_col h1#middle_class { position: relative; width: 355px; height: 155px; }
#center_col h1#survey_classism { position: relative; width: 355px; height: 109px; }
#center_col h1#classism { position: relative; width: 355px; height: 109px; margin: 50px 0 -20px; }
#center_col h1#middle_class span { position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background: url(/images/indexes/2006_10/middle-class.jpg) no-repeat; }
#center_col h1#counterculture span { position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background: url(/images/indexes/2006_07/counterculture.gif) no-repeat; }
#center_col h1#comm_org span { position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background: url(/images/2004_04/community_organizing.gif) no-repeat; }
#center_col h1#cal_events span { position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background: url(/images/headers/calendar.gif) no-repeat; }
#center_col h1#resources_center span { position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background: url(/images/resources.gif) no-repeat; }
#center_col h1#elections span { position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background: url(/images/indexes/2004_07/elections.gif) no-repeat; }
#center_col h1#classism span { position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background: url(/images/indexes/2004_11/classism.gif) no-repeat; }
#center_col h1#survey_classism span { position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background: url(/images/indexes/2004_11/survey.gif) no-repeat; }
#center_col h1#class_cultures span { position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background: url(/images/indexes/2005_07/class-cultures.gif) no-repeat; }
#center_col ul.features li { padding-top: 20px; }
#center_col ul.features li.first { padding-top: 0; }

#center_col ul.features div.features_category_bar { margin: 0 0 10px; padding: 5px; background: #9CAA8E; }
#center_col ul.features .features_category { color: #000; font-weight: bold; }
#center_col ul.features h2 { margin: 0 0 10px; padding: 5px; background: #9CAA8E;
	color: #000; font-size: 12px; font-weight: bold; }

#center_col ul.features .features_title { font-size: 14px; font-weight: bold; }
#center_col ul.features h3 { font-size: 14px; font-weight: bold; }

#center_col ul.features .features_image { position: relative; float: left; margin: 5px 10px 0 0;
	width: 100px; border: 1px solid #9CAA8E; }
#center_col ul.features img { position: relative; float: left; margin: 5px 10px 0 0;
	width: 100px; border: 1px solid #9CAA8E; }
#center_col ul.features ul.bulleted li { margin-top: 5px; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }
#content.stories #center_col h2 { font-size: 14px; }

/* footer paragraph and list styling */
#footer p { margin: 0 10px; padding: 5px; font-size: 10px; }
#footer ul { margin: 1em 10px; padding: 0; }
#footer ul li { margin: 0; padding: 0 5px; border-left: solid 1px #000; list-style: none; display: inline; }
#footer ul li.first { border-left: none; }

/* form styling */
div.form_row { clear: both; }
.form_label { float: left; width: 50px; text-align: right; }
.form_field { float: left; margin-left: 10px; text-align: left; padding-bottom: 5px; }

/* inline article text class definitions */
.article_byline { padding: 5px; background: #CDD4C6; }
.article_quote_attrib { text-align: right; }
.article_page_nav { font-size: 10px; text-align: right; }
.article_footer { font-style: italic; }
.article_footer em { font-style: normal !important; }
.book_title { font-style: italic; }
.caps { text-transform: uppercase; }
.interview_subject { font-weight: bold; }
.organization_name { font-weight: bold; }
.padded { padding-top: 5px; }

/* inline non-article text class definitions */
.interview_item { font-weight: bold; }
.inline_header { font-weight: bold; text-transform: uppercase; }
div#check_back { margin: 1em 0; }
div#check_back p { display: inline; }
div#check_back ul.post-categories, div#check_back ul.post-categories li { display: inline; margin: 0; padding: 0; }
div#check_back ul.post-categories a, div#check_back ul.post-categories a:hover { color: #000; text-decoration: none; cursor: text; }

/* block level text class definitions */
.caption { font-size: 10px; }
.sidebar_emphasized { font-size: 12px !important; }
.section_starting { padding-top: 1em; border-top: 1px dashed #666; }
#right_col div.section_starting, #left_col div.section_starting { padding-top: 0; border-top: 1px dashed #30502F; }
.quote_segment_top { border-top: 1px dashed #666; border-bottom: 1px dashed #666; }
.quote_segment, .section_ending { border-bottom: 1px dashed #666; }
.highlight { padding: 5px; margin: 0 10px; }
.highlight p { padding: 0 !important; margin: 1em 0 0 !important; }
.highlight h4 { padding: 0 !important; margin: 0 !important; }
#left_col .highlight { background: #EBF1F7; }
.cleared { clear: both; }

/* block level non-text class definitions */
div.image_left { position: relative; float: left; border: 1px dotted #666; padding: 10px 0 10px 10px;
	width: 135px; margin: 0 1em 0 0; }
div.image_right { position: relative; float: right; border: 1px dotted #666; padding: 10px 10px 10px 0;
	width: 135px; margin: 0 0 0 1em; }

div.box, p.box { border: 1px solid #CDD4C6; padding: 5px; position: relative; }

div.image { position: relative; padding: 10px 0 10px 10px; border: 1px dotted #666; }
img.image { position: relative; padding: 1px; border: 1px dotted #666; }
div.left, p.left, img.left { float: left; margin: 0 1em 0 0; }
div.right, p.right, img.right { float: right; margin: 0 0 0 1em; }
div.wide, p.wide, img.wide { width: 170px; }
div.medwide, p.medwide, img.medwide { width: 150px; }
div.regular, p.regular, img.regular { width: 135px; }
div.narrow, p.narrow, img.narrow { width: 100px; }
div.image .caption, div.image_left .caption, div.image_right .caption { margin-bottom: 0; font-weight: normal; }

div.image img { margin-right: 10px; }