/*-----------------------------------------------------------------------------
Buy It Like You Mean It stylesheet

version:   1.02
date:      8/01/08
authors:    Lucy Mendel/Chia Berry/Clay Ward
email:     clay@bilumi.org
website:   http://bilumi.org
--------------------------------------------------------------------------*/

/* colors:  
dk green: #097A21 (157b3e from logo)
faded green: 739d72
ratings green: #5ac01d
lt green: #52DE1B is this used?
bilumi_black_brown: #120d07
true black: #000000
true white: ffffff
red cranberry: cb2026
faded red: da775e
blue from buttons: rgb(0,143,212): 008fd4
dark blue: 4068b2
faded blue: 8092c9
light orange: fbb87d
dark orange: f79239
peachy: FFEFD6
gray: #D6D2D0
light gray: #f1edeb not used yet
purple gray: #d0d0dd
peach highlight: fff9ce
cornmeal highlight: fffdc7
background text warm quickrate: fffffd
recent activity banner: fffce4

*/

/* Remove padding and margin*/
*
    {
    margin: 0;
    padding: 0;
/*    border: 0; otherwise inputs are grey rectangles instead of round buttons */
}

.Line_Shadow {
	background-color: #d0d0dd;
	height:.1em;		
}

.Line_Highlight {
	background-color: #fff9ce;
	height:.2em;		
}

.helper_instructions {
	margin: 0 0 1em 0;
}

.score_range {
	font-size: .85em;	
	font-weight: normal;
}

.icon_normal {
	width: 2em;	
	margin: -0.8em 0 0;
	padding: 0.6em 0.2em;
	vertical-align: middle;
}

.icon_small {
	width: 1.6em;
	margin: 0.3em 0 0;
	padding: 0em .4em 0em 0em;
	vertical-align: middle;
}

.intro_button {
	padding: 1.3em;
}

.main_button {
	padding: .7em;
}

.huge_button {
	width: 14em;
	padding: .5em;
	z-index: 2;
}

.medium_button {
	width: 10.4em;
	padding: .3em;
	z-index: 2;
}

.large_button {
	width: 11.5em;
	padding: .5em;
	z-index: 2;
}

.small_button {
	width: 6.4em;
	padding: .5em;
	z-index: 2;
}

.control_button {
	margin: 3em 23em 0 -33em;
	float: right;
}

.top_control_button {
	margin: 0 3em;
	float: right;
	width: 9em;
}

.new_tag {
	margin: -.5em 0em 0em 0em;
	float: right;
}

.two_buttons_next_to_each_other {
	margin: 0 0 3em 21%;
}

.arrow_button {
	padding-top: 4em;
	margin: 1em;
	width: 16em;
	z-index: 2;
	float:right;
	display: inline;
}

.small_how_to_circle {
	width: 5.8em;
	padding: .4em;
	z-index: 2;
	float:left;
	display: inline;
}	

.small_intro_circle {
	width: 8em;
	padding: .5em;
	z-index: 2;
	float:left;
	display: inline;
}	

.intro_circle {
	width: 14em;
	padding: 1em;
}	

#Main_flash_banner{
	width: 425px;
	height: 150px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	margin-top: -160px;
	margin-bottom: 0px;
	margin-left: -25px;
}

.main_banner_spacer {
	width: 405px;
	height: 150px;
}

#Intro_flash_banner{
	width: 670px;
	height: 280px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	margin-top: -210px;
	margin-bottom: 0px;
	margin-left: -20px;
}

.wide_image {
	width: 95%;
}

.vertical_center {
	vertical-align: middle;
}

.intro_banner_spacer {
	width: 670px;
	height: 150px;
}

.intro_paragraph_area {
	width: 70%;
	float: left;
	display: inline;
}

#main_page_raven_position {
	margin: -6.6em 0 2.7em 34.5em;
	z-index: 3;
}
		
.icon_label {
	font-weight:bold;
	font-family:"Lucida Grande",Tahoma;	
	padding: 0em .2em 0em 0em;
	color:#120d07;
	letter-spacing:0.12em;
}	
	
.how_work_spacer{
	width: 20%;
	height: 40%;
}	

/*Links*/
a, .link { color: #008fd4; text-decoration: none; cursor: pointer; }
a:hover, .link:hover { color: #bac5ff; }

a:hover{
	color:rgb(0,143,212);
	text-decoration:underline;
	/*border-bottom:.1em solid rgb(0,143,212);*/
}
img:hover, a:hover img, a img:hover { border: none; }

a#browse{
	color:#097A21;
	text-decoration:none;
	border-bottom:0;
	font-size:110%;
}

a#browse:visited{
	color:#097A21;
	text-decoration:none;
	border-bottom:0;
}

a#browse:hover{
	color:#097A21;
	text-decoration:none;
	font-weight:600;
	border-bottom:.1em solid #097A21;
}

a.linkopacity{
	border:none;
	margin: .5em 0 1.5em 0}

a.linkopacity img {
	/*filter:alpha(opacity=90); something amiss ff3*/ 
	-moz-opacity: 0.9; 
 	opacity: 0.9;
	-khtml-opacity: 0.9;
}

#picture_button_pair{
	padding: 1em 1em 6em 1em;
}

/*  End Links*/

li li {font-size:1em}

ul li {font-size:1.2em;}
 
p {
	padding-bottom:.55em;
	padding-top:.275em;
	font-size:1.15em;
}

body{
	font-family: Trebuchet, Verdana, sans-serif;
	font-size:.628em;
	font-variant:normal;
	font-weight:normal;
	color:#120d07;
	background:#1d6c37;
	line-height:1.4;
}


.clr{
	clear:both;
	height:0;
	line-height:0;
}

#content{
	border-top:.32em solid #1d6c37;
	width:104em;
	margin:0 auto;
	background:white;
	z-index:-2;
}

IMG.center_display {
    width: 100%;
	display: block;
    margin-left: auto;
    margin-right: auto; 
}

.wrapper{
	color:#000000;
	margin:1em auto;
	padding-left:0em;
	padding-right:0em;
}

general.wrapper{
	color:#120d07;
	margin:0 auto;
}

#left_general_column{
	width:11em;
	float:left;
	padding: 0 2em;
	display: inline;
}

#center_general_column{
	width:65em;
	float:left;
	padding:1em 3em;
	display: inline;
}

#right_general_column{
	width:14em;
	float:left;
	padding:0 2em;
	display: inline;
}

#right_content_area{
	width:38em;
	float:left;
	padding:1em 3em;
	display: inline;
}

#left_content_area{
	width:38em;
	float:left;
	padding:1em 3em;
	display: inline;
}

#single_column{
	margin: 0 auto;
	width:99em;
}

#big_box {
	overflow: auto;
	width: 72em;
	height: 45em;
	border:0.1em solid #f3d5cb;
}

#upper_overflow_box {
	overflow: auto;
	width: 72em;
	height: 28em;
	border:0.1em solid #f3d5cb;
}

#lower_overflow_box {
	overflow:auto;
	width: 72em;
	height: 14em;
	border:0.1em solid #f3d5cb;
}

#lower_sidebar_button {
	position: relative;
	bottom: -.3em;
}	

#SideRavenIcon {
	position: relative;	
	height: 4.2em;
	margin: -3em 0 -2.7em 8.6em;
}

#FrontRavenIcon {
	height: 4em;
	margin: 0em 0 -1.8em -.5em;
}

.indent_review {
	margin: 0 0 0 4em;
}

.indent_response {
	margin: 0 0 0 2em;
}

#inline {
	width: 48%;
	display: inline; 
}

.inline {
	display: inline;
}
	
#Arrow_Position {
	height: 3.8em;
	margin: .2em 0 -3em 33.5em;
}

.slogan{
	text-align:center;
}

.inner{
	padding: 1em 2em 1em 2em;
	text-align:justify;
	/* background: #f7fbef; this is making blotches apear over text for some reason -lucy */
	display: inline;
}

.inner ul{
	list-style-position: inside;
}

#first_intro_page{
	}

#events{
	text-align:left;
}


#comics_button{
	float:left;
	padding: 1.02em 0 0.8em 0;
	width: 11em;
}

#blog_button{
	margin:1.65em 0 1.65em 1.1em;
	float:left;
}


/* quickrate stuff for main page */

.brown_black {
	color: #120d07;
}
.star { width: 3.16em; padding: 0em;}

.review_description {
	color: #000000; 
	background-color: #fffffd;
	padding: .3em .7em .3em .9em; 
	overflow: auto; 
	margin: 1em;
	border: medium double rgb(251,250,233);
}
	
.rating_guide {
	clear: both;
}

/* h1 is used for content area headings */
h1{
	font-family: Geneva, "MS Sans Serif", sans-serif;
	color:#097A21;
	letter-spacing:0.05em;
	clear: both;
	border-bottom:.06em solid #D6D2D0;
	padding: .8em .5em 0em .5em;
}

/* h2 is used for titles within the content area */
h2{
	font-family: Geneva, "MS Sans Serif", sans-serif;
	color:#097A21;
	letter-spacing:0.08em;
	clear: both;
	padding: .8em .5em .33em .5em;
}

/* h3 is used for notes below h2 or h1 */
h3{
	font-family:"Lucida Grande",Tahoma;	
	padding: 0em .5em .1em 1.8em;
	margin-top: .07em;
	margin-bottom: .8em;
	color:#120d07;
	font-weight:normal;
	letter-spacing:0.05em;
}

/* h4 is used for printing out details and the top of the page */
h4{
	font-family:"Lucida Grande",Tahoma;	
	padding: .3em .2em .3em .8em;
	text-transform: uppercase;
	color:#097A21;
	font-weight:normal;
	letter-spacing:0.12em;
}

/* h5 is used for subjects and titles of text areas */
h5{
	font-family: Geneva, "MS Sans Serif", sans-serif;
	font-size:12.5px;
	color:#097A21;
	padding: .3em 0em .3em 0em;
	font-weight:normal;
	clear: both;
}

/* h6 is used for center text areas of primary attention */
h6{
	font-family: Georgia, serif; 
	font-size:13.5px;
	color:#000000;
	font-weight:normal;
}

/* h7, similar to h5 but black: for questions the user must respond to */
h7{
	font-family: Geneva, "MS Sans Serif", sans-serif;
	font-size:12.5px;
	color:#000000;
	padding: .3em 0em .3em 0em;
	font-weight:normal;
	clear: both;
}

/* h8 is used for non-focused titles of labels */
h8{
	font-family: Georgia, serif; 
	font-size:12px;
	color:#120d07;
	font-weight:normal;
	letter-spacing:0.05em;
}

/* h9 is used for content area headings without underlines */
h9{
	font-family: Geneva, "MS Sans Serif", sans-serif;
	color:#120d07;
	letter-spacing:0.05em;
	font-size:20px;
	clear: both;
	font-weight:bold;
}

/* font9 replaces a link color with h9 normal color' */
.font9 {
	color:#120d07;
}

/* h10 is used for heading level ratings */
h10{
	font-family: Geneva, "MS Sans Serif", sans-serif;
	color:#5ac01d;
	letter-spacing:0.05em;
	font-size:18px;
	clear: both;
	font-weight:bold;
}

/* font10 is used for level ratings */
.font10{
	font-family: Geneva, "MS Sans Serif", sans-serif;
	color:#5ac01d;
	letter-spacing:0.05em;
	font-size:18px;
	clear: both;
	font-weight:bold;
}

/* font11 is used for titles within the content area */
.font11{
	font-family: Geneva, "MS Sans Serif", sans-serif;
	color:#120d07;
	letter-spacing:0.08em;
	clear: both;
	font-size:16px;
	font-weight:bold;
}

.rating_note_offset {
	padding: .75em 0 0 0;
}

.rating_notes {
	color:#5ac01d;
	font-size: 9.5px;
}	
		
.faded_green {
	color: #5ac01d;
}

#background_title_offset {
	margin: -8.2em 0 0 16em;
	float: left;
	display: inline;
}

.discussion_area {
	float: left;
	width: 100%;
	padding: 2em 0 0 0;
}

.one_line {
	height:3.6em;
	overflow: hidden;
}

#id_label {
	width: 95%;
}

.form_prompt {
	margin: 1em 0;
}

.form_entry {
	margin: 1em 2em;
}

/* used to hide div's that javascript will toggle into visibility */
.hidden {
	display: none;
}

#recent_activity {
	font-family:'Lucida Grande',Tahoma; 
	background: #fffce4; 
	line-height: 190%; 
	overflow:hidden; 
	color: #120d07; 
	text-align:left; 
	font-size:120%; 
	padding: 0em .3em .7em 0em; 
	border-top: thin solid #fffdc7; 
	border-bottom: thin solid #D6D2D0; 
	margin: 1em .5em .3em .5em; 
	letter-spacing:0.12em;
}

.Recent_Activity_Banner_Label {
	font-family:'Lucida Grande',Tahoma; 
	background: #fffce4; 
	line-height: 190%; 
	overflow:hidden; 
	color: #120d07; 
	text-align:right; 
	font-size:120%; 
	padding: 0em 0em .7em .8em; 
	border-top: thin solid #fffdc7; 
	border-bottom: thin solid #D6D2D0; 
	margin: 0 0em .3em .5em; 
	float: left;
	height: 1.2em;
	letter-spacing:0.12em;	
}

.line_height_extra{
	line-height: 300%;
}

.control_item{
	font-size: 1.05em;
	padding: .3em;
}

.form_title_div{
	padding-left:2em;
	padding-top:2.5em;
}

.form_display_title{
	color:#097A21;
	font-size:210%;
	font-weight:700;
	border-bottom:.07em solid #D6D2D0;
	padding-bottom:.12em;
	clear: both; /* ok? lucy added this because admin needed it and it seemed like good thing in general */
}

.form_display_subtitle{
	color:#097A21;
	font-size:140%;
	font-weight:400;
	border-bottom:.07em solid #D6D2D0;
	/*padding-top:3.5em;
	padding-bottom:.16em; this seemed unnecessary once the spans+breaks (br) were turned into simple paragraphs (p)*/
	clear: both; /* ok? lucy added this because admin needed it and it seemed like good thing in general */
}

.form_display_text {
	color:#120d07;
	font-size:140%;
	font-weight:300;
	padding-left:1em;
	padding-bottom:3em;
	padding-top:1em;
	text-align:left;
	clear: both; /* ok? lucy added this because admin needed it and it seemed like good thing in general */
}

.profile_picture_40{
	float:left;
	padding:0 1.1em 0 0;
}

.center{
	text-align:center;
}

.big_spacer {
	padding: 13em;
}

.spacer {
	padding: 1em;
}

.small_spacer{
	padding: .5em;
}

#avatar_frame {
	width:100%;
}

#avatar_frame_border {
	border: .11em solid #c0cdd1;
}

#movie
{
	width:26em;
	padding:.9em;
	margin:.5em 0 1em 0;
}

#spread{
	padding:.55em 0 1.1em 0;
	text-align:center;
}

#spread a:link, #spread a:visited, #spread a:hover{
	border:0;
	text-decoration:none;
}

#spread p, #movie p{
		color:#097A21;
	text-align:center;
}


#activity_title{
}

#mission{
	font-size:95%;
	width:55em;
	font-style:italic;
	margin:0 auto;
	line-height:1.5em;
	padding-top:1.5em;
}

/* share the site links */

a#digg{
	background:transparent url("/Main/media/img/diggguy.png") no-repeat;
	padding-left:2.2em;
	padding-bottom:.22em;
}

a#delicious{
	background:transparent url("/Main/media/img/delismall.gif") no-repeat;
	padding-left:1.54em;
	padding-bottom:.22em;
}

a#reddit{
	background:transparent url("/Main/media/img/reddit.gif") no-repeat;
	padding-left:2.2em;
	padding-bottom:.22em;
}

a#facebook{
	background:transparent url("/Main/media/img/facebook.gif") no-repeat;
	padding-left:2.2em;
	padding-bottom:.22em;
}

a.share {
	font-size:90%;
	border:0;
	margin-left:.55em;
}

input, #submit, select, textarea, button {
/*	border:.10em #d0d0dd solid; otherwise inputs are grey rectangles instead of round buttons */
}

input[type="text"]{
	font-size:100%;
}

#submit, .form_button, #submit__filters{
	cursor:pointer;
}

.hidden_text {
	color:#d0d0dd;
}

.howwork{
	text-align: center;
	padding-bottom:1.1em;
}

.howwork p.heading{
		color:#097A21;
        font-size:130%;
        font-weight:700;
        border-bottom:.11em solid #D6D2D0;
        padding:.33em 0 .33em 0;
		width:300em;
}

.firstimage{
	margin-top:.55em;
}

.howwork p {
	padding-left:2%;
	padding-right:2%;
}

.Demonstration {
	padding-top:.55em;
	padding-bottom:2.1em;
	text-align:justify;
}

#steptwo{
float:left;
width:21em;
}

#stepthree{
float:left;
width:21em
}

a#signup
{
	padding:0 0 0 0;
	height:8.8em;
	display:block;
}

hr.divider{
	border-width:.11em 0 0 0;
	border-style:dotted;
	width:90%;
	border-color:#d6d2d0;
	margin:1.1em 0 1.1em .33em;
}

.rating span, .node_description span {
	font-weight:700;
}

.rating, .node_description {
	padding:1.1em 0 0 0;
}

/*  NODES */

.node_col_one {
	width: 24%;
	float: left;
	margin-right: 3%;
}

.node_col_two {
	width: 12%;
	float: left;
	margin-right: 9%;
}

.node_col_three {
	width: 52%;
	float: left;
}

.icon_col {
	float: left;
	width: 6%;
}	

.icon_bar {
	float: right;
}

.icon_bar_element {
	float: right;
	width: 2.8%;
	margin: 0 0 0 1.5em;
}	

.float_left_94 {
	float: left;
	width: 94%;

}	
	
.title, .node_title{
	color:#097A21;
	font-weight:600;
	font-size:270%;
	font-variant:small-caps;
	padding:0 0 .055em 0;
	border-bottom:.011em solid #bbb;
}

.user_meta{
	font-size:90%;
}

.toggle_user_meta{
	display:none;
}

.tags{
	font-size:1.05em;
}

#footer {
  	text-align: center;
	height:9em;
	background:#FFEFD6;
}

#header_content{
	/* width:42em;  why? narrow node_info seemed unnecessary -lucy */
	margin-left:1.1em;
	float:left;
}

#relationships_pane{
	width:21.6em;
	margin:.55em 0 0 .44em;
	float:left;
}

#relationships_pane .block_title{
	font-size:1.33em;
}

.label{
	margin:0 auto;
}

#e500 { width: 50%; margin: auto; }
#e500 form { width: 90%; margin: auto; }
#e500 input { width: 100%; }
#e500 textarea { width: 100%; }
#e500 label { text-align: right; width: 30em; margin: 0px; }
#e500 .button { width: 10em; height: 2em; }

ul.admin { font-size:1em; line-height: 1.2em; padding: 0px; }
ul.admin ul.child { font-size:1em; }
ul.admin, ul.admin ul.child { font-weight:normal; text-align: left; }
ul.admin ul.child { margin: 0px 0px 10px 20px; }
ul.admin ul.child li { display: block; }

.box_top{
	color:#097A21;
	font-size:140%;
	font-weight:700;
	clear: both;
	border-bottom:.06em solid #D6D2D0;
	padding: 1em .5em .33em .5em;
}

.Box_Title {
	color:#097A21;
	font-size:140%;
	font-weight:700;
	padding-left:1em;
	padding-bottom:0;
	padding-top:0.2em;
	text-align:center;
}

.box_top_without_underline{
	color:#097A21;
	font-size:1.45em;
	font-weight:900;
	text-align:center;
	padding-top:0em;
	padding-bottom:.63em;
}

.intro_image{
	width: 95%;
	margin:3em 1.5em;
}

.form_table {
	padding:2em 0;
} /* This isn't being used any longer by profile display or edit.  Is it still being used anywhere? 11/7/08 -clay */

.column_fields_data {
	width:20%;
}

.column_output_data {
	width:25%;
}

.column_checkbox {
	width:25%;
}

.coming_soon {
	color: #e34f37; 
	font-size: .8em;
	text-transform: lowercase;
	display: block;
}

/****** BROWSE REVIEWS ******/
#add_node input { float: right; }
#add_node { margin-bottom: 10px; }
#add_node table th label { float: right; padding-right: 1em; }
#add_node table td input { float: left; }
#add_node .ajax_button { text-align: right; }

#list_of_nodes .node { 
	clear: both; 
	padding: 0px 5px 0px 5px; 
	border-top: 1px solid #d0d0dd; 
}

#list_of_nodes .node td .left { text-align: left; }
#list_of_nodes .node td .mid { text-align: center; }
#list_of_nodes .node td .right { text-align: right; }
/* #list_of_nodes .node td { width: 33%; }  tables aren't in nodes anymore except when editing--and we don't want it to be 33% then!! i should clean this up... lucy*/
#list_of_nodes .node p span.n { padding: 0px; margin: 0px; }
#list_of_nodes .node p span.nn { font-size: .8em; padding-left: 10px; }
#list_of_nodes .node .browse_right { text-align:right; margin-top:.1em; font-size:1.02em; }
#list_of_nodes .node .quote { padding: 5px 25px 5px 25px; }

.float_right { float:right; }
.float_left { float:left;}

/** browse controls **/

.letter { 
	font-size: 1.1em; 
	cursor:pointer;
}
.letter:hover { text-decoration:overline;}

.letter + .selected { 
	font-size: 1.2em; 
	text-decoration:underline; 
	cursor: default; 
	padding: 0 .3em 0 .3em;
	background: #fffdc7; }

#keyword_search { padding: 2em 1em 2em 1em; }
#keyword_search input[type="button"] { cursor: pointer; }
	
/****** PAGINATION ******/
.paginate { text-align: center; clear: both; }

/****** NODE PAGE ******/
#add_review { float: right; background: white; }
.errorlist, .errorlist li { color: red; display: inline; }
/* width: 100%; background-color: #FFC0C0; margin:0; padding:0;*/
.citation_desc { display: none; } /* javascript toggles visibility */
#node_scores table { text-align: left; width: auto; margin-left: 3em; }
#node_scores table td { width: auto; }
#node_scores .label { text-align: right; padding-right: .5em; }
#node_scores .score { text-align: left; color: #5ac01d; font-size: 16px; padding-right: 1em; }
#node_ratings { float: right; width: 95%; }
.review_score {text-align: left; color: #5ac01d; font-size: 1.3em; padding: 0em 1em 0 .5em;}
.score { text-align: left; color: #5ac01d; font-size: 16px; padding-right: 1em; }
.review_interest_icon img:hover { margin-bottom: -1px; border-bottom: 0.5px solid rgb(0,143,212); }
.expand_behavior_row:hover { margin-bottom: -1px; border-bottom: 0.5px solid rgb(0,143,212); }

/**** quickrate and node page *****/
.citations { margin: 0px 0px 2em 2em; }

/****** RECENT ACTIVITY AND UESR IMPACT PAGES ******/
.horizontal_menu { clear: both; }
.horizontal_menu_spacer { height: 10px; clear: both; }
.horizontal_menu_item + .selected, span.horizontal_menu_item + .selected {
	border: 1px solid black;
	background: #CCF;
	padding: 0px 5px 0px 5px
	}	
.horizontal_menu_item, span.horizontal_menu_item {
	padding: 1px 5px 1px 5px;
	margin: 2px;
	float: left;
	text-align: center;
	}
.horizontal_menu_item + .selected a, span.horizontal_menu_item + .selected a { color: black; }
.horizontal_menu_item + .not_selectable a, .horizontal_menu_item + .not_selectable, span.horizontal_menu_item + .not_selectable { color: #777; }
/*.horizontal_menu_item a { color: #007; }*/
.impact_object { padding: .2em; background-color: #fffef9; border: medium double rgb(251,250,233);  margin: auto; margin-left: 20px; overflow: auto;}

/****** PORTFOLIO PAGE **************/

.children { margin-left: 30px; }
.child .label { padding: 0px; font-size: 1.2em; }
.child .description { padding: 0px; }

/****** SEND EMAIL TO USERS ADMIN PAGE **********/

.send_email_box { margin: 0 0 3em 0; }
.send_email_box div { margin-left: 3em; }
.send_email_box #user_group_form { display: inline; margin: 0; }
.send_email_box #user_group_form div { display: inline; margin: 0; }
.send_email_box #users ul { margin-left: 2em; font-size: .9em; }
.send_email_box .selected { background-color:#FFbEb9; padding: 1em; }

/****** MANUAL IMPORT **********/
#manual_import h3 { padding-left: 0px; color: #097A21; }
#manual_import .button { margin-left: 30px; }
#source_form_div { display: none; width: 406px; max-width: 406px; }
#article_form_div { display: none; width: 406px; max-width: 406px; }
#form_spacer { width: 406px; height: 2px; }

/***** LISTS DRIVE ME CRAZY ********/
/**** sometimes i want lists to be normal size and normal indented *****/
ul.normal { padding-left: 3em; font-size: .9em; }

/****** RESPONSES ON NODE PAGE *******/
#responses { text-align: left; color: black;}
.response { padding: 1.3em .5em .2em .5em; }
.response .bold_response_start { font-weight: bold; font-size: 1.1em; }
.indent0 { margin-left: 1em; }
.indent1 { margin-left: 2em; }
.indent2 { margin-left: 2em; }
.indent3 { margin-left: 2em; }
.indent4 { margin-left: 2em; }
.indent5 { margin-left: 2em; }
.indent6 { margin-left: 2em; }
.indent8 { margin-left: 2em; }
.indent9 { margin-left: 2em; }
.indent10 { margin-left: 2em; }

/***** USER MESSAGE BOX that tells user what they just did. see base.html, under top nav bar *****/
#user_messages {
	background-color: #f7faf3;
	padding-left: 1.1em;
	margin: 1em 2em 1em 2em; 
	border: medium double #f7fbe2;
}