body { 
  margin: 0;	
  padding: 0;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

#header {
/*  background: #fff url(/images/h-grad.png) repeat-x; */
  background: #fff;
/*  height: 100px;  */
  margin-top: 0px;
  text-align: left;
  padding-top: 1px;
  margin-left: 20px;
  margin-bottom: 30px;
/*  border-bottom: 1px solid #000000; */
}

#header-categories
	{
	font-family: Arial Unicode MS, arial, verdana, "lucida console", sans-serif;
	text-align: center;
	vertical-align: top;
  	margin-bottom: 50px;
	font-size: 12px;
	color: #000066;
	}

#header-categories a
	{
	color: #000066;
	}	

#footer
	{
	font-family: Arial Unicode MS, arial, verdana, "lucida console", sans-serif;
  	margin-top: 100px;
  	text-align: center;
	color: #000;
	font-size: 0.7em;
	width: 100%;
	}

#container {
  width: 1000px;
  min-width: 1000px;	
  margin: 0 auto;
  padding: 0px;
}
#entries-page-container {
  width: 100%;
  min-width: 1000px;	
  margin: 0 auto;
  padding: 0px;
}

#sidemenu {
  font-size: 100%;
/*  float: left; */
  width: 250px;
  padding: 0;
}

#sidemenu li {
  list-style: none; 
  margin-left: 0px;
/*  padding: 0; */
  color: #cc4444;
  color: #000000;
  color: #000066;
  text-align: right;
}

#sidemenu a {
  color: #cc4444;
  color: #000000;
  color: #00b;
}

#sidemenu a:hover {
	color: #0000ff;
}


a { color: #00b; text-decoration: none }
/* a:hover { background-color: #b00; color: #eee; } */

#content
	{
	padding-left: 20px;
	padding-right: 20px;
	}

#main-entry-view-id
	{
	position:relative;
	text-align:left;
	width: 800px;
	margin-left:0px;
	padding: 10px;
	background-color: #FFFFFF;
/*  	border: 1px solid #b00000; */
	}
#right-sidebar-id
	{
	text-align: center;
	}

th { background-color: #933; color: #fff; }
tr.odd { background-color: #fcc; }
tr.even { background-color: #ecc; }

/* User table styling */
table#users { width: 100%;}
table#users th { font-size: 95%; }
table#users td { font-size: 90%; }

/* Forum styling */
table#forums { width: 100%; background-color: #fff; border: 1px solid #c33; }
table#forums td.name  { width: 60% }
table#forums td.topic { width: 20%; text-align: center; }

table#topics { width: 100%; background-color: #fff; border: 1px solid #000; }
table#topics td.name   { width: 60% }
table#topics td.reply  { width: 20%; text-align: center; }
table#topics td.author { width: 20%; text-align: center; }

table#posts { width: 100%; background-color: #fff; border: 1px solid #000; }
table#posts td.author { width: 20%; vertical-align: top; }
table#posts td.body   { width: 80% }

.forumname { font-size: 1.1em; }
.forumdescription { font-size: 0.7em; padding-top: 0.4em; }

/* Photo gallery styling */
#photos ul { list-style: none; }
#photos li { display: inline; }

#photos li a img {
  margin: 10px;
  padding: 5px;
/*  background: #000; */
}

#photo {
  margin-bottom: 20px;
  padding: 5px;
/*   background: #000;	*/
}

/* XFN Styling */
a.xfnRelationship {
	padding-right: 26px;
	background: url(/images/xfn-small.png) no-repeat right;
}

a.xfnRelationship[rel~="colleague"],
a.xfnRelationship[rel~="co-worker"] {
	padding-right: 21px;
	background: url(/images/xfn-colleague.png) no-repeat right;
}

a.xfnRelationship[rel~="colleague"][rel~="met"],
a.xfnRelationship[rel~="co-worker"][rel~="met"] {
	padding-right: 26px;
	background: url(/images/xfn-colleague-met.png) no-repeat right;
}

a.xfnRelationship[rel~="friend"] {
	padding-right: 21px;
	background: url(/images/xfn-friend.png) no-repeat right;
}

a.xfnRelationship[rel~="friend"][rel~="met"] {
	padding-right: 26px;
	background: url(/images/xfn-friend-met.png) no-repeat right;
}

a.xfnRelationship[rel~="sweetheart"] {
	padding-right: 21px;
	background: url(/images/xfn-sweetheart.png) no-repeat right;
}

a.xfnRelationship[rel~="sweetheart"][rel~="met"] {
	padding-right: 26px;
	background: url(/images/xfn-sweetheart-met.png) no-repeat right;
}

a.xfnRelationship[rel~="child"] {
	padding-right: 21px;
	background: url(/images/xfn-child.png) no-repeat right;
}

a.xfnRelationship[rel~="parent"] {
	padding-right: 21px;
	background: url(/images/xfn-parent.png) no-repeat right;
}

a.xfnRelationship[rel~="spouse"] {
	padding-right: 21px;
	background: url(/images/xfn-spouse.png) no-repeat right;
}

a.xfnRelationship[rel~="me"] {
	padding-right: 21px;
	background: url(/images/xfn-me.png) no-repeat right;
}

/* Tag cloud styling */
.tag1 { font-size: 80%; }
.tag2 { font-size: 90%; }
.tag3 { font-size: 100%; }
.tag4 { font-size: 110%; }
.tag5 { font-size: 120%; }
.tag6 { font-size: 130%; }


.errorExplanation
	{
	width: 100%;
	color: #ff0000;
	font-size: 0.9em;
	border: 1px solid #ff0000;
	padding: 20px;
	margin-bottom:20px;
	font-weight: bold;
	}

#problemExplanation
	{
	width: 100%;
	color: #F87A0B;
	font-size: 0.9em;
	border: 1px solid #F87A0B;
	padding: 20px;
	margin-bottom:20px;
	font-weight: bold;
	}

#notice
	{
	width: 100%;
	color: #008800;
	font-size: 0.9em;
	border: 1px solid #008800;
	padding: 20px;
	margin-bottom:20px;
	font-weight: bold;
	}


.list-cell-numcomments-class
	{
	color: #1eb241;
	font-size: 1.0em;
	}

.list-cell-class
	{
	padding: 20px 20px 20px 20px;
	width: 200px;
	margin: 0 20px 60px 0px;
	border: 1px solid #bb0000;
	border: 1px solid #666666;
	border: 1px solid #F87A0B;
	border: 1px solid #0000bb;
	background-color: #FFFFFF;
	z-index: 5;
	position: relative;
	overflow: hidden;
/*
	border-right: 3px solid #444444;
	border-bottom: 3px solid #444444;
*/
	}



.list-cell-title-class
	{
	font-size: 1.3em;
	}
.list-cell-title-class span
	{
	color: #1eb241;
	}

.list-cell-from-class
	{
	font-size: 1.1em;
	}

.list-cell-from-class span
	{
	color: #1eb241;
	}

.list-cell-about-class
	{
	font-size: 1.1em;
	}

.list-cell-about-class span
	{
	color: #1eb241;
	}



.sp-h1-without-linefeeds-class
	{
	font-size: 2.5em;
	}
.sp-h2-without-linefeeds-class
	{
	font-size: 2em;
	}
.sp-h3-without-linefeeds-class
	{
	font-size: 1.5em;
	}
.sp-h4-without-linefeeds-class
	{
	font-size: 1.2em;
	}
.sp-small-descriptive-text-class
	{
	font-size: 0.8em;
	}
.sp-tags-class
	{
	font-size: 1em;
	white-space: nowrap;
	padding-left: 5px;
	}
.sp-tags-class a
	{
	font-weight: bold;
	}
#taglist
	{
/*	white-space: nowrap; */
	}
.tag-delete-button-class
	{
	}
.sp-editing-options-class
	{
	font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
	}
#comments
	{
	border: 1px solid #e08282;
	padding: 10px;
	}
.commentDate
	{
	font-size: 0.8em;
	color: #888888;
	}
.commentbody
	{
	text-align: left;
	}
.sp-suck-factor-class
	{
	font-size: 0.8em;
	}
.sp-entry-description-in-list-class
	{
	font-size: 0.9em;
	}

/* site tag cloud */
#tag-cloud-panel-id
	{
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	z-index: 5;
/*	position: relative; breaks IE */
	font-size: 21px;
	font-family: "Lucida Grande",Verdana,sans-serif;
	}
#page-tag-cloud-panel-id
	{
	width: 100%;
	text-align: center;
	overflow: hidden;
/*	margin-bottom: 10px; */
	background-color: #FFFFFF;
	z-index: 5;
	position: relative;
	}	
#page-tag-cloud-panel-id a
	{
	color: #00b;
	}
#tag-cloud-panel-id a
	{
	color: #00b;
	}


.t {background: url(/images/b_dot.gif) 0 0 repeat-x;}
.b {background: url(/images/b_dot.gif) 0 100% repeat-x}
.l {background: url(/images/b_dot.gif) 0 0 repeat-y}
.r {background: url(/images/b_dot.gif) 100% 0 repeat-y}
.bl {background: url(/images/b_bl.gif) 0 100% no-repeat}
.br {background: url(/images/b_br.gif) 100% 100% no-repeat}
.tl {background: url(/images/b_tl.gif) 0 0 no-repeat}
/* Easy styler to change this padding */
.tr {background: url(/images/b_tr.gif) 100% 0 no-repeat; padding:6px} 


.ot {background: url(/images/dot.gif) 0 0 repeat-x;}
.ob {background: url(/images/dot.gif) 0 100% repeat-x}
.ol {background: url(/images/dot.gif) 0 0 repeat-y}
.or {background: url(/images/dot.gif) 100% 0 repeat-y}
.obl {background: url(/images/bl.gif) 0 100% no-repeat}
.obr {background: url(/images/br.gif) 100% 100% no-repeat}
.otl {background: url(/images/tl.gif) 0 0 no-repeat}
/* Easy styler to change this padding */
.otr {background: url(/images/tr.gif) 100% 0 no-repeat; padding:6px} 

.st {background: url(/images/border/top.gif) 0 0 repeat-x;}
.sb {background: url(/images/border/bottom.gif) 0 100% repeat-x}
.sl {background: url(/images/border/left.gif) 0 0 repeat-y}
.sr {background: url(/images/border/right.gif) 100% 0 repeat-y}
.sbl {background: url(/images/border/bl.gif) 0 100% no-repeat}
.sbr {background: url(/images/border/br.gif) 100% 100% no-repeat}
.stl {background: url(/images/border/tl.gif) 0 0 no-repeat}
/* Easy styler to change this padding */
.str {background: url(/images/border/tr.gif) 100% 0 no-repeat; padding:6px} 


.article-content-class
	{
	font-family: Arial Unicode MS, arial, verdana, "lucida console", sans-serif;
/*	border: 1px solid #000; */
	padding: 20px;
	vertical-align: top;
	margin: 10px 5px 10px 5px;
	}
	
#user-statistics-panel-id
	{
	font-family: Arial Unicode MS, arial, verdana, "lucida console", sans-serif;
	font-size: 0.8em;
	color: #000;
	text-align: center;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	z-index: 5;
	position: relative;
	}
#score-card a
	{
	color: #00b;
	}	
#score-card-agree-factor
	{
	font-size: 2.0em;
	}
#canvas-container-id
	{
	width: 100%; /* 500px; */ /* IE needs this for rounded rect to show up */
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	}
#canvas-id
	{
	padding:0px;
	height:500px;
	overflow: hidden;
	position: relative;
/* do not see progress cursor	cursor: move; */
	}

.spinometer-factoid-class
	{
	cursor: pointer;
	font-size: 12px; /* minFont in entries/_spinometer.rb */
	}
#spinometer-button-panel-id
	{
	font-family: Arial Unicode MS, arial, verdana, "lucida console", sans-serif;

	margin-top:40px;
	padding-bottom:5px;
	vertical-align:top;
	font-size: 15px;
	color: #0000b0;
	cursor: pointer;
	}
#spinometer-button-panel-id img
	{
	margin-bottom: -3px;
	}
.tiny-spinometer-class
	{
	text-align: center;
	margin-top: 10px;
	margin-bottom:5px;
	}

#categories-panel-id
	{
	margin-bottom: 10px;
	background-color: #FFFFFF;
	z-index: 5;
	position: relative;
	}
#inside-categories-panel-id
	{
	padding: 20px 5px 20px 0;
	}
#search-panel-id
	{
	width: 100%; /* IE needs this for bottom margins to work */
	margin-bottom: 10px;
	background-color: #FFFFFF;
	z-index: 5;
	position: relative;
	border: 1px solid #000;
	}
#inside-search-panel-id
	{
	padding: 20px 5px 20px 0;
	}
#user-panel-id
	{
	width: 100%; /* IE needs this for bottom margins to work */
	margin-bottom: 10px;
	background-color: #FFFFFF;
	z-index: 5;
	/* breaks IE, hides border divs position: relative; */
	}
#inside-user-panel-id
	{
	padding: 20px 5px 20px 0;
	}
/*
#user-panel-id li
	{
	padding-right: 5px;
	}
*/
#command-panel-id
	{
/*	text-align: center; */
/* margin-left:20px; */
margin-top:5px;
	}
#command-panel-id img
	{
	vertical-align: top;
	cursor: pointer;
	}
#command-panel-buttons-id img
	{
	position:relative;
	margin-top: 7px;
	}
#command-panel-tooltip-id
	{
	margin-top:-10px;
	margin-left:250px;
	}

.you-must-be-logged-in-to-count-class
	{
	font-size: 0.8em;
	color: #ff0000;
	text-align:center;
	}

#comments-panel-id
	{
	text-align: center;
	}
#sidebar-photo-wrapper-id
	{
	margin-top: 10px;
	margin-bottom: 10px;
	}

#photo-slider-thumb-id
	{
	position: absolute;
	margin-top: -15px;
	margin-left: 0px;
	cursor: move;
	}
#add-new-page-id
	{
	color: #000000;
	font-size: 1.1em;
	}


#bg-tag-cloud-panel-id
	{
	position:absolute;
	color: #ddddff;
	top: 150px;
	width: 1000px;
	z-index: 2;
	line-height: 100px;
	}

#bg-tag-cloud-panel-id a:hover
	{
	text-decoration: none;
	}

.bg_tag1 { font-size: 200%; color: #ddddff; margin: 5px 40px 5px 40px}
.bg_tag2 { font-size: 350%; color: #ddddff; margin: 5px 40px 5px 40px}
.bg_tag3 { font-size: 500%; color: #ddddff; margin: 5px 40px 5px 40px}
.bg_tag4 { font-size: 650%; color: #ddddff; margin: 5px 40px 5px 40px}
.bg_tag5 { font-size: 800%; color: #ddddff; margin: 5px 40px 5px 40px}
.bg_tag6 { font-size: 1000%; color: #ddddff; margin: 5px 40px 5px 40px}

.top-layer-class
	{
	z-index: 5;
	position: relative;
	background-color: #FFFFFF;
	}

.transparent-top-layer-class
	{
	z-index: 5;
	position: relative;
	}
#page-selection-panel-id
	{
	text-align: center;
	}

#home-page p.top-title
	{
	font-size: 24pt;
	font-family: "Lucida Grande", Georgia, serif;
	color: #ffc;
	margin-top: 0;
	}

#home-page p.title
	{
	font-size: 24pt;
	font-family: "Lucida Grande", Georgia, serif;
	color: #666;
	margin-top: 40px;
	margin-bottom: 0;
	color: #57ba07;
	font-weight: bold;
	}

#home-page p.description
	{
	font-family: "Lucida Grande",Verdana,sans-serif;
	font-size: 13pt;
	line-height: 16pt;
	text-align: justify;
	color: #444444;
	color: #000;
	}
#home-page p.description a
	{
	color: #57ba07;
	text-decoration: underline;
	}
#home-page p.description a:hover
	{
	color: #ffffff;
	background-color: #57ba07;
	}
#home-page span.small
	{
	font-family: Verdana, serif;
	font-size: 9pt;
	line-height: 12pt;
	}

#home-page span.highlighted
	{
	background-color: #ffc;
	}

#help-page span.small
	{
	font-family: Verdana, serif;
	font-size: 9pt;
	line-height: 12pt;
	}

#help-page span.highlighted
	{
	background-color: #ffc;
	}
#help-page p.title
	{
	font-size: 24pt;
	font-family: "Lucida Grande", Georgia, serif;
	color: #666;
	margin-top: 40px;
	margin-bottom: 0;
	color: #57ba07;
	font-weight: bold;
	}

#help-page p.description
	{
	font-family: "Lucida Grande",Verdana,sans-serif;
	font-size: 13pt;
	line-height: 16pt;
	text-align: justify;
	color: #444444;
	color: #000;
	}
#help-page p.description a
	{
	color: #57ba07;
	text-decoration: underline;
	}
#help-page p.description a:hover
	{
	color: #ffffff;
	background-color: #57ba07;
	}

#help-page td.table-middle
	{
	width:30px;
	}
#help-page td
	{
	}

#help-page span.small
	{
	font-family: Verdana, serif;
	font-size: 9pt;
	line-height: 12pt;
	}

#help-page span.highlighted
	{
	background-color: #ffc;
	}
.letter-address-class
	{
	color: #8dd501;
	color: #70a902;
	color: #1eb241;
	font-weight: bold;
	}
.palette-header-class
	{

	}
.palette-section-header-class
	{
	font-size:8pt;
	text-align: center;
	font-weight: bold;
	background: url(/images/palette-button-gradient.gif);
	border: 1px solid #b7a52f;
	visibility:hidden;
	display:none;
	}
.clickable-shape-class
	{
/*	width: 40px; not with thmubnails */
	cursor: pointer;
	}
.clickable-pattern-class
	{
/*	width: 40px; not with thmubnails */
	cursor: pointer;
	}
.palette-section-table-class td
	{
/*	border: 1px #eeeeee solid; */
	}
#editing-command-bar-id
	{
/*	background-color: #23d94e; */
	padding: 3px;
	margin-bottom: 10px;
	}
#editing-command-bar-id span
	{
	font-family: Arial Unicode MS, arial, verdana, "lucida console", sans-serif;
	font-size:12pt;
	padding: 0 0 0 50px;
	color: #00f;
	font-weight: bold;
	}
#palettes-id
	{
	width: 220px;
/*	margin-right: 20px; */
	background-color: #FFFFFF;
	height:500px; /* initialize */
	}
#shapes-palette-id
	{
	overflow: auto;
	height: 100%; /* 500px; */
	}
#occasions-palette-id
	{
	overflow: auto;
	height: 100%; /* 500px; */
	visibility:hidden;
	display:none;
	}
#patterns-palette-id
	{
	height: 100%; /* 500px; */
	visibility:hidden;
	display:none;
	}
#patterns-palette-thumbnails-id
	{
	overflow: auto;
	height: 90%;
	margin-left: 10px;
	}
#text-palette-id
	{
	visibility:hidden;
	display:none;
	height: 100%;
	}
.text-palette-commands-class
	{
	text-align: center;
	}
.text-palette-commands-class img
	{
	padding-left: 1px;
	padding-right: 1px;
	cursor: pointer;
	}
#text-palette-fonts-id
	{
	overflow: auto;
	height: 70%; /* 400px; */
	margin-left: 10px;
	}
#edit-palette-id
	{
	visibility:hidden;
	display:none;
	text-align: center;
	height: 100%;
	overflow: auto;
	}
#photos-palette-id
	{
	visibility:hidden;
	display:none;
	}
.font-choice-class
	{
	font-size:10pt;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
	}
	
#editing-area-container-id
	{
	/* height: 700px;  broekn *//* auto adjusted */
	}
#top-bar-id
	{
	text-align: center;
	font-family: Arial Unicode MS, Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #23d94e;
	border-top: 2px solid #23d94e;
	}
#top-bar-id a
	{
	margin: 0 20px 0 20px;
	color: #1eb241;
	color: #57ba07;
	color: #00f;
	color: #F87A0B;
	color: #444;
	color: #23d94e;
	color: #168b32;
	text-decoration: none;
	}
#status-bar-id
	{
	font-family: Arial Unicode MS, Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	}
.popup-delete-button-class
	{
	width: 100%;
	text-align: right;
	}
.popup-delete-button-class img
	{
	margin-top: -40px;
	cursor: pointer;
	}
#new-sendie-page-id p
	{
	font-family: Verdana, serif;
	font-size: 16px;
	width: 400px;
	line-height: 13pt;
	}
#new-sendie-page-id input
	{
	font-family: Verdana, serif;
	font-size: 16px;
	}
#new-sendie-page-properties-id p
	{
	font-family: Verdana, serif;
	font-size: 16px;
	width: 300px;
	line-height: 13pt;
	}
#canvas-navigator-id
	{
	position: absolute;
	z-index: 10;
	}

#canvas-navigator-id td
	{
	vertical-align: top;
	}
#canvas-navigator-id img
	{
	cursor: pointer;
	}
#adsense-area-id
	{
	text-align: center;
	}

#fetched-photos-panel-id
	{
	overflow: auto;
	text-align: center;
	}
#edit-page-id p
	{
	font-weight: bold;
	font-size: 18px;
	color: #1eb241;
	}
#edit-page-id input, select
	{
	font-size: 18px;
	}