/*  
Theme Name: Chica and Jo - 3.2 
Author: Chica and Jo
Author URI: http://www.chicaandjo.com
Version: 3.2 
Description: Changes in 3.2 include new orange tabs on tagline header and getting rid of gray box at end of posts (had categories, etc).
*/
body { 
  background: #ffffff url(images/header_bg_5.gif) top center repeat-x;
  color: #000000;
  font-size: 11px;
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  margin: 0px 0px 0px 0px; 
  text-align: center;
}
a:hover { 
  text-decoration: underline; 
}
#container {
  width: 1000px;
  text-align: left;
  margin: 0 auto;
}
#header { 
  margin: 0px 0 10px 0;
  text-align: center;
}
#header img { 
  border: 0px;
  padding: 0px;
}
#header h2 { color: #ffffff; font-size: 30px; font-family: Georgia, Times New Roman, Sans-Serif; font-weight: bold; margin: 0px; }
#header h2 a { text-decoration: none; }
#header h2 a:hover { text-decoration: underline; }

/* menu1 makes white boxes that turn black when you hover over them */
#menu1 { margin-bottom: 4px; }
#menu1 h2 { color: #333333; font-size: 15px; font-family: Georgia, Verdana, Helvetica, Arial, Sans-Serif; font-weight: bold; margin: 0px; padding: 0px 0px 0px 0px; }
#menu1 li { display: inline; list-style-type: none; margin: 0px; padding: 0px; }
#menu1 ul { margin: 0px; padding: 3px; }
#menu1 ul li a { background-color: #ffffff; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #000000; padding: 4px 4px 4px 4px; margin: 0px; text-decoration: none; border: 1px solid #5E8892; }
#menu1 ul li a:hover { color: #ffffff; background: #000000; padding: 4px 4px 4px 4px; text-decoration: none; }

/* menu2 makes orange shaded boxes with white writing */
#menu2 {
  margin-bottom: 4px; 
  /* only need the following line if using the christmas themed banner */
  /* background: url(images/header6_menuspacer_christmas.png);  */
}
#menu2 ul { 
  display: block;
  margin: 0px; 
  padding: 20px 0px 0px 0px; 
}
#menu2 li { 
  display: inline; 
  list-style-type: none; 
  margin: 0px; padding: 0px; 
}
#menu2 ul li a { 
  background: #ef8400 url(images/shaded_orange.gif) repeat-x;
  font-family: Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 12px; 
  font-weight: bold; 
  color: #ffffff; 
  padding: 4px 4px 4px 4px; 
  margin: 0px; 
  text-decoration: none; 
  border: 1px solid #000000; 
}
#menu2 ul li a:hover { 
  color: #ffffff; 
  background: #944a02; 
  padding: 4px 4px 4px 4px; 
  text-decoration: none; 
}

/* following is a failed attempt to get searchbox in menu to work
#searchboxdiv { display: none; }
#menu2 ul li.searchbox a:hover #searchboxdiv { display: block; position: absolute; top: 10px; left: 10px; -index: 100; white-space: no-wrap; }
*/

.comments {
  padding: 0 5px 5px 5px;
  background: #cccccc;
  border-top: 1px solid #000000;
}
#comments_notice {
  width: 630px;
  margin: 20px 0 -10px 0;
  border: 1px solid #000000;
}
#comments_notice h3 {
  background: #cccccc;
  color: #000000;
  padding: 3px;
  margin: 0px;
}
#comments_section {
  width: 630px;
  margin: 20px 0 -10px 0;
  border: 1px solid #000000;
}
#comments_section h3 {
  background: #cccccc;
  color: #000000;
  padding: 3px;
  margin: 0px;
  border-bottom: 1px solid #000000;
}
#comments_section ol {
  color: #000000;
  background: #eeeeee;
  padding: 0px;
  margin: 0px;
}
#comments_section ol li {
  background: #eeeeee;
  padding: 10px 5px 10px 0;
  margin: 0px 0px 0px 5px;
}
#respond_section {
  width: 630px;
  margin: 20px 0 0 0;
  border: 1px solid #000000;
}
#respond_section h3 {
  background: #cccccc;
  color: #000000;
  padding: 3px;
  margin: 0px;
  border-bottom: 1px solid #000000;
}
#respond_section form p {
  padding: 10px;
}
#content { 
  width: 630px;
  margin-top: 0px;
  margin-bottom: 20px; 
  margin-left: 183px;  
  margin-right: 0px; 
  position:relative;
  font-family: Trebuchet MS, Verdana, Sans-Serif; font-size: 13px; 
}
#content p{ margin: 0px; line-height: 18px; padding: 0px 0px 10px 0px; }
#content h1 { 
  color: #ffffff; 
  padding: 1px;
  font-size: 15px; 
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-weight: bold; 
  margin: 0 0 10px 0;
  text-align: center; 
  background: #ef8400 url(images/shaded_orange.gif) repeat-x top center; 
  border: 1px solid #000000;
}
#content h1 a  { color: #0E5F7D; text-decoration: none; }
#content h1 a:hover { color: #3366ff; text-decoration: underline; }
#content h2 { color: #333333; font-size: 17px; font-family: Georgia, Helvetica, Arial, Sans-Serif; font-weight: bold; margin: 0px; line-height: 150%; }
#content h2 a  { color: #0E5F7D; text-decoration: none; }
#content h2 a:hover { color: #3366ff; text-decoration: underline; }
#content ol { list-style-type: decimal; line-height: 18px; margin: 0px; padding: 0px 0px 10px 30px; }
#content ul { list-style: none; margin: 0px; padding: 0px 0px 10px 0px; }
#content li { margin: 0px; padding: 0px; } 
#content ul li { list-style: square inside; margin: 0px 0px 0px 10px; padding: 5px 0px 0px 0px; }
#content ul li a:hover { color: #507AA5; text-decoration: underline; }
blockquote{ margin: 0px 0px 0px 25px; padding: 0px 25px 0px 10px; font-style: italic; color: #666666; border-left: 1px solid #cccccc; }
#content blockquote p{ margin: 0px 0px 20px 0px; padding: 0px; }
.postspace { background: #FFFFFF; width: 630px; height: 32px; margin: 0px; padding: 0px; }
.postspace2 { background: #FFFFFF; width: 630px; height: 0px; margin: 0px; padding: 0px; }
#l_sidebar { background: #ffffff; float: left; padding: 0px; border: 0px solid #000000; font-family: Trebuchet MS, Verdana, Helvetica, Arial, Sans-Serif; font-size: 12px; margin: 0 0 30px 0; }
#r_sidebar { background: #ffffff; float: right; padding: 0px;  border: 0px solid #000000; font-family: Trebuchet MS, Verdana, Helvetica, Arial, Sans-Serif; font-size: 12px; margin: 0 0 30px 0; }

.widget {                    /* All widgets have:                         */
  background: #ffffff;       /*  - a white background                     */
  border: 1px solid #000000; /*  - a black border                         */
}
.widget h2 {                 /* All widget title bars have:               */
  color: #ffffff;            /*  - white text                             */
  background: #ef8400 url(images/shaded_orange.gif) repeat-x;  /* orange bkgd */
  border-bottom: 1px solid #000000; /* - a black border                   */
  text-align: center;        /*  - centered text                          */
}

.textwidget {                /* All plain text widgets have:              */
  color: #000000;            /*  - black text                             */
}
.textwidget p {              /* All plain text widgets with <p> tags have: */
  padding: 5px;              /*  - 5px padding                            */
  margin: 0px;               /*  - 0px margin                             */
}
.textwidget p a:link, .textwidget p a:visited {            
  text-decoration: underline;  
  /* text-decoration: none; */
}

/* regular textwidgets have underlined links */
.textwidget ul li a:link, .textwidget ul li a:visited {            
  text-decoration: underline; 
}

/* Recent Comments widget has underlined links */
#recentcomments li a:link {
  text-decoration: underline; 
}
#recentcomments li a:visited {
  text-decoration: underline; 
}

/* special case for textwidgets that we want no lines on the links */
.textwidget ul.plain li a:link {
  text-decoration: none; 
}
.textwidget ul.plain li a:visited {            
  text-decoration: none; 
}

.widget_line {
  border-top: 1px solid #000000;
  margin: 0px;
  padding: 0px;
}

.widget_search {             /* All search widgets have:                  */
  padding: 0px;
}
#searchwidget {
  padding: 5px 5px 0px 5px;
  margin: 0px;
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-size: 12px;
}
.widget_search form { 
  margin: 0px; 
  padding: 0px;
}
.search_result {
  margin: 0 0 10px 0;
  overflow: auto;
}
.search_result_link a {
  font-size: 15px;
  font-weight: bold;
  font-family: Trebuchet MS, Verdana, Sans-Serif; 
  margin: 0px;
  padding: 0px;
}
.search_result_tagline {
  font-size: 10px;
  font-style: italic;
}
.search_result_details p {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}
.search_result_thumbnail img {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 0px 10px 10px 0px;
  width: 100px;
  height: 100px;
  float: left;
  clear: left;
}
.resetfloat {
  clear: both;
}
.post_thumbnail img {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 4px 10px 10px 0px;
  width: 100px;
  height: 100px;
  float: left;
}
.prevnext {
  margin: 0 0 10px 0;
}
.linkcat {                   /* The "our favorite sites" widget has:      */
  background: #ffffff;       /*  - a white background                     */
  border: 1px solid #000000; /*  - a black border                         */
}
.linkcat h2 {                /* The title bar for "our fav sites" has:    */
  color: #ffffff;            /*  - white text                             */
  background: #ef8400 url(images/shaded_orange.gif) repeat-x;  /* orange bkgd */
  border-bottom: 1px solid #000000; /* - a black border                   */
  text-align: center;        /*  - centered text                          */
}

.sidebar_frame { /* equalizes width of l_sidebar and r_sidebar in FF and IE */
  width: 172px;
  margin: 0 0 0 0;
}
.sidebar_frame ul { list-style: none; margin: 0 0 0 0; padding: 0px 0px 0px 0px; }
/* .sidebar_frame li { list-style: none; list-style-position: outside; margin: 0 0 10px 0; padding: 0px; } */
.sidebar_frame ul li { list-style: none; margin: 0 0 10px 0; padding: 0px 0px 5px 0px; }
/* .sidebar_frame ul li ul li { list-style: square inside; list-style-image: url(images/bullet.gif); margin: 0px; padding: 3px 5px 0px 1.5em; text-indent: -1em;} */
.sidebar_frame ul li ul li { list-style: square inside; margin: 0px; padding: 3px 5px 0px 1.5em; text-indent: -1em;} 
.sidebar_frame ul li a { color: #0E5F7D; text-decoration: none; }
.sidebar_frame ul li a:hover { color: #507AA5; text-decoration: underline; }
.sidebar_frame h2 { font-size: 15px; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-weight: bold; padding: 2px; margin: 0px; } 

#footer {  
  background: #ffffff url(images/footer_bg_4.gif) top center repeat-x;
  text-align: center; 
  clear: both; 
  padding: 23px 0 30px 0; 
}
.footertext {
  color: #ffffff;
  font-weight: bold;
}
.footertext a {
  color: #ffffff;
  text-decoration: underline;
}
.footertext a:hover {
  color: #ffffff;
}
.subtitle {
  color: #000000;
  font-size: 1.4em;
}
.title a {
  color: #000000;
  display: block;
  text-decoration: none;
  /* font-size: 1.5em; */
  font-size: 18px;
  padding: 0 0 0 0;
}
.title a:hover {
  color: #aed612;
}
.text {
  padding: 0px 5px 10px 5px;
  margin-top: -5px;
}
.topics {
  padding: 0 5px 5px 5px;
  background: #cccccc;
}
.post {
  width: 630px; 
  background: #FFFFFF;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.postclosing {
  padding: 5px 5px 5px 5px;
  background: #cccccc;
  border-top: 1px solid #000000;
  margin: 10px 0 0 0;
}
.spacer_30 { 
  background: #FFFFFF; 
  height: 30px; 
  margin: 0px; 
  padding: 0px; 
}
.spacer_20 { 
  background: #FFFFFF; 
  height: 20px; 
  margin: 0px; 
  padding: 0px; 
}
.spacer_5 { 
  background: #FFFFFF; 
  height: 5px; 
  margin: 0px; 
  padding: 0px; 
}
.tagline { 
  background: #FFFFFF; 
  width: 630px; 
  border: 1px solid #000000;
  padding: 0px;
}
.tagline table {
  border-collapse: collapse;
  width: 630px;
  border: 0px;
  margin: 0px;
  padding: 0px;
}
.tagline table tr td {
  font-size: 14px;
}
img.tagline_thumbnail {
  border-right: 1px solid #000000;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  padding: 0px;
  margin: 0px;
  width: 100px;
  height: 100px;
}
.red_tagline { 
  background: #FFFFFF url(images/shaded_red2.gif) repeat-x; 
  font-size: 14px;  /* need this for spacing purposes */
  height: 20px; 
  border-bottom: 1px solid #000000;
}
.purple_tagline { 
  background: #FFFFFF url(images/shaded_purple2.gif) repeat-x; 
  font-size: 14px;  /* need this for spacing purposes */
  height: 20px; 
  border-top: 1px solid #000000; 
}
.green_tagline { 
  background: #FFFFFF url(images/shaded_green2.gif) repeat-x; 
  font-size: 14px;  /* need this for spacing purposes */
  height: 20px; 
  border-bottom: 1px solid #000000;
}
.blue_tagline { 
  background: #FFFFFF url(images/shaded_blue2.gif) repeat-x; 
  font-size: 14px;  /* need this for spacing purposes */
  height: 20px; 
  border-top: 1px solid #000000; 
}
.orange_top_tagline { 
  background: #FFFFFF url(images/shaded_orange2.gif) repeat-x; 
  font-size: 14px;
  height: 20px; 
  border-bottom: 1px solid #000000;
}
.orange_bottom_tagline { 
  background: #FFFFFF url(images/shaded_orange2.gif) repeat-x; 
  font-size: 14px;
  height: 20px; 
  border-top: 1px solid #000000; 
}
.purple_sidebar_header {
  background: #ffffff url(images/shaded_purple.gif) repeat-x;
  text-align: center;
  height: 30px;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
}
.share {
}
.giveaway_image_large {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 0px 10px 10px 0;
  float: left;
  width: 250px;
  height: 250px;
}
.giveaway_image_small {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 0px 10px 10px 0;
  float: left;
  width: 100px;
  height: 100px;
}
.giveaway_link {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
.giveaway_title {
  color: #000000;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  padding: 5px 0px 5px 0px;
}
.giveaway_current {
  margin: 10px 0px 10px 0px;
  padding: 10px 0px 0px 0px;
  overflow: auto;
}
.giveaway_howtowin {
  color: #008000;
  font-weight: bold;
}
.giveaway_past_section {
  margin: 10px 0px 10px 0px;
  padding: 20px 0px 20px 0px;
}
.giveaway_past {
  overflow: auto;
}
.giveaway_deadline {
  color: #000000;
  font-weight: bold;
}
.left_image {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 10px 10px 10px 0;
  float: left;
}
.right_image {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 10px 0px 10px 10px;
  float: right;
}
.plain_image {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 0px 5px 0px 5px;
}
.bullet_image {
  border: 0px;
  padding: 0px;
  margin: 0px 5px 0px 0px;
}
.project_image {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 0px 5px 0px 5px;
  width: 500px;
}
.icon {
  border: 0px;
  margin: 0px 3px 0px 0px;
}
.navigation {
  text-align: center;
}
#helpers {
  float: right;
}
#downloads {
  background: #ffff99;  
  width: 200px;
  border: 1px solid #000000;
  margin: 15px 5px 5px 5px;
}
#downloads h2 {
  font-size: 13px; 
  font-family: Verdana, Helvetica, Arial, Sans-Serif; 
  font-weight: bold; 
  color: #000000; 
  background: #ffff00 url(images/shaded_yellow.gif) repeat-x;  
  border-bottom: 1px solid #000000; 
  text-align: center;
}
#downloads ul {
  padding: 0px;
  margin: 0px;
}
#downloads ul li {
  padding: 0px 0px 0px 1em;
  text-indent: -1em;
  margin: 3px 5px 3px 5px;
}
#downloads ul li a {
  color: #000000;
}
#toolbox {
  background: #ffff99;  
  width: 200px;
  border: 1px solid #000000;
  margin: 15px 5px 5px 5px;
}
#toolbox h2 {
  font-size: 13px; 
  font-family: Verdana, Helvetica, Arial, Sans-Serif; 
  font-weight: bold; 
  color: #000000; 
  background: #ffff00 url(images/shaded_yellow.gif) repeat-x;  
  border-bottom: 1px solid #000000; 
  text-align: center;
}
#toolbox ul {
  padding: 0px;
  margin: 0px;
}
#toolbox ul li {
  padding: 0px 0px 0px 1em;
  text-indent: -1em;
  margin: 3px 5px 3px 5px;
}
#toolbox ul li a {
  color: #000000;
}
#imagebox {
  background: #ffff99;  
  width: 200px;
  border: 1px solid #000000;
  margin: 15px 5px 5px 5px;
}
#imagebox h2 {
  font-size: 13px; 
  font-family: Verdana, Helvetica, Arial, Sans-Serif; 
  font-weight: bold; 
  color: #000000; 
  background: #ffff00 url(images/shaded_yellow.gif) repeat-x;  
  border-bottom: 1px solid #000000; 
  text-align: center;
}
#imagebox ul { 
}
#imagebox ul li { 
  list-style: none outside;
  margin: 5px; 
  padding: 3px; 
  height: 85px;
  clear: both;
  border: 1px solid #cccccc;
}
#imagebox ul li img {
  width: 128px;
  height: 85px;
  border: 0px;
  float: right;
  margin: 0px;
}
.image_title {
  font-size: .8em;
}
.image_note {
  font-size: .8em;
  margin-top: 5px;
}

/* this still needs a lot of work */
.post-meta-key {
  width: 0px;
  font-size: 0px;
  color: #ffffff;
}
.citation {
  font-weight: bold;
  color: #000000;
}
.citation a {
  color: #000000;
}
.date {
  color: #000000;
  font-size: .8em;
}

/* This is an outlined table used for displaying tabular data */
table.data {
  border: 1px solid #cccccc;
  margin: 10px;
  border-collapse: collapse;
  align: center;
  text-align: center;
}
table.data th {
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
  text-align: center;
  border: 0px;
  font-family: Trebuchet MS, Verdana, Sans-Serif; font-size: 13px;
}
table.data td {
  padding: 5px;
  margin: 0px;
  vertical-align: top;
  border: 1px solid #aaaaaa;
  font-family: Trebuchet MS, Verdana, Sans-Serif; font-size: 13px;
}
table.data td.green {
  background: #c0ffc0;
}
table.data td.blue {
  background: #c0c0ff;
}

/* This is a simple table used within the content of the page */
table.simple {
  border: 1px solid #cccccc;
  margin: 10px 20px 15px 20px;
  border-collapse: collapse;
}
table.simple td {
  padding: 5px;
  margin: 0px;
  vertical-align: top;
  border: 1px solid #aaaaaa;
  font-family: Trebuchet MS, Verdana, Sans-Serif; font-size: 13px; 
}
table.simple form{
  margin: 5px 0px 0px 0px;
  padding: 0px;
}

/* This is a borderless table used for data display within the page */
table.clean {
  border: 0px;
  margin: 0px;
}
table.clean td {
  padding: 5px;
  margin: 0px;
  vertical-align: middle;
  font-family: Trebuchet MS, Verdana, Sans-Serif; font-size: 13px;
}
table.clean td img {
  border: 0px;
}

/* This is a simple table used for the shopping guide page */
table.shopping {
  border: 1px solid #cccccc;
  margin: 10px 20px 15px 20px;
  border-collapse: collapse;
  width: 590px;
}
table.shopping td {
  padding: 5px;
  margin: 0px;
  vertical-align: top;
  border: 1px solid #aaaaaa;
  font-family: Trebuchet MS, Verdana, Sans-Serif; font-size: 12px; 
}
table.shopping td ul li a:hover { color: #507AA5; text-decoration: underline; }
table.shopping td ul li a, table.shopping td ul li a:visited { color: #0E5F7D; text-decoration: underline; }
table.shopping td a:hover { color: #507AA5; text-decoration: underline; }
table.shopping td a, table.shopping td a:visited { color: #0E5F7D; text-decoration: underline; }

/* These are for the GoogleAds in the sidebar */
table.googletable {
  border: 1px solid #000000;
  margin: 0px 0px 10px 0px;
}
td.googletable_middle {
  padding: 0px;
  margin: 0px 0px 0px 22px;
  vertical-align: top;
}
td.googletable_top {
  padding: 0px;
  margin: 0px;
  height: 18px;
  width: 6px;
  background: #F2984C;
}
td.googletable_bottom {
  padding: 0px;
  margin: 0px;
  height: 80px;
  width: 6px;
  background: #ffffff;
  border: 0px;
}

/* Don't show the printfooter when displaying in the browser */
#printfooter {
  display: none;
}

/* for embedded videos */
embed {
  border: 1px solid #000000;
}

/* for recipes embedded in posts */
#recipe {
  border: 2px dotted #000000;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 30px;
  padding: 10px;
  text-align: left;
}
#recipe h1 {
  color: #000000;
  font-size: 18px;
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-weight: bold;
  margin: 0 0 5px 0;
  text-align: center;
  background: none;
  border: 0px;
}
#recipe h3 {
  color: #666666;
  font-size: 12px;
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-weight: bold;
  margin: 0px;
  text-align: center;
  margin: 0px 0px 10px 0px;
}
#recipe ul { list-style: none; margin: 0px; padding: 10px 0px 10px 0px; }
#recipe ul li { margin: 0px; padding: 0px; }

/* Following is for the category bar in the header */
#category_bar {
  text-align: center;  /* This will center table in IE */
  background: #ffffff; 
  margin-bottom: 10px;
  padding: 0px;
  border: 1px solid #000000;
}
.category_table {
  border: 0px;
  margin-left: auto;   /* These two lines will center table in FF and Safari */
  margin-right: auto;
}
.category_cell {
  background: #ffffff;
  padding: 2px 4px 2px 3px;
  text-align: center;
  vertical-align: middle;
}
.category_cell img {
  border: 0px;
}
.category_cell a {
  text-decoration: none;
  color: #000000;
}
.category_cell a h2:hover {
  text-decoration: none;
  color: #aed612;
}
.category_cell h2 {
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial Narrow, Sans-Serif;
  /* font-family: Verdana, Helvetica, Arial, Sans-Serif; */
  margin: 0px;
}

/* Following is for the header at the top of a category page */
#category_header {
  border: 1px solid #000000;
  width: 630px;
}
#category_header img {
  border: 0px;
  width: 628px;
  height: 93px;
  margin: 0px;
}


/* Following is used for the spotlight bar we used to have on the home page */
#spotlight_bar {
  /* background: #cccccc; */
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #000000;
}
.spotlight_table {
  border: 0px;
}
.spotlight_cell {
  background: #ffffff;
  padding: 3px;
  margin: 0px 9px 0px 0px;
  vertical-align: top;
  width: 320px;
}
.spotlight_cell h2 {
  color: #000000;
  font-size: 12px;
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-weight: bold;
  margin: 0px;
}
.spotlight_cell a {
  text-decoration: none;
  color: #000000;
}
.spotlight_cell a:hover {
  text-decoration: none;
  color: #aed612;
}
.spotlight_cell img {
  float: left;
  border: 0px;
  margin: 0px 5px 0px 0px;
}
.spotlight_cell p {
  font-size: 10px;
}
.spotlight_title {
  color: #ffffff;
  padding: 1px;
  font-size: 15px;
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-weight: bold;
  margin: 0 0 0 0;
  text-align: center;
  background: #ef8400 url(images/shaded_orange.gif) repeat-x top center;
  border: 1px solid #000000;
}

#similar_posts {
  margin: 5px 5px 5px 5px;
  padding: 0px;
  border: 1px solid #000000;
  background: #ffffc0;
}
#similar_posts h2 {
  font-family: Trebuchet MS, Verdana, Sans-Serif; 
  font-size: 13px;
  padding: 5px 0px 5px 5px;
  margin: 0px;
}
#similar_posts ul {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  overflow: auto;
  margin: 0px 0px 0px 3px;
}
#similar_posts ul li {
  display: inline; 
  list-style: none;
  width: 110px;
  float: left;
  text-align: center;
  margin: 0px;
  padding: 0px 5px 0px 5px;
}
#similar_posts ul li a {
  color: #000000;
  font-size: 12px;
}
#similar_posts ul li a img {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 0px;
}

#related_posts {
  border: 1px solid #000000;
  background: #ffffc0;
  margin: 5px;
  padding: 5px;
}
#related_posts h2 {
  font-family: Trebuchet MS, Verdana, Sans-Serif; 
  font-size: 16px;
  padding: 0px;
  margin: 0px;
}
#related_posts ul li {
  padding: 0px;
}
#ad_space {
  border: 1px dashed #000000;
  background: #c0ffc0;  
  text-align: center;
  margin: 5px;
  padding: 5px;
}
.general_button a img {
  border: 0px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  text-align: center;
}
.contest_button a img {
  border: 0px;
  padding: 0px 11px 0px 11px;
  margin: 0px 0px 10px 0px;
  width: 150px;
  height: 150px;
  text-align: center;
}
.seasonal_button a img {
  border: 1px solid #000000;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

/* following is for project thumbnails in "Top Projects" sidebar */
table.top_projects {
  border: 0px;
  border-collapse: collapse;
  margin: 10px 0px 0px 0px;
}
table.top_projects tr td {
  vertical-align: middle;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 20px 0px;
}
table.top_projects tr td a:link {
  text-decoration: underline;
}
table.top_projects tr td a:visited {
  text-decoration: underline;
}
table.top_projects tr td img {
  border: 1px solid #cccccc;
  padding: 3px;
  margin: 0px 5px 0px 5px;
  width: 60px;
  height: 60px;
}

#footnotes {
  border-top: 1px solid #cccccc;
}
#footnotes ul {
  padding: 5px 0px 0px 0px;
}
#footnotes ul li {
  display: block;
  margin: 0px;
  font-style: italic;
  font-size: 9px;
}

#email_sub {
  border: 2px solid #ef8400;
  padding: 3px;
  text-align: center;
  margin: 0px 0px 10px 0px;
}
#email_sub form {
  padding: 0px;
  margin: 0px;
}
#email_sub p {
  padding: 0px;
  margin: 0px;
}

/* Used for when form is inside 'Follow Us' box */
.email_sub_embedded { 
  text-align: center;
  padding: 0px;
  margin: 0px;
}
.email_sub_embedded form {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

/* Used for user tools at top of page (print, comment, etc) */
#user_tools {
  text-align: right;
  width: 630px; 
  margin: 0px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}
#user_tools ul {
  margin: 0px 4px 0px 3px;
  padding: 0px 0px 5px 0px;
}
#user_tools ul li {
  display: inline;
  list-style-type: none; 
  margin: 0px;
  padding: 0px 0px 8px 0px;
}
#user_tools ul li a {
  background: #ef8400 url(images/shaded_orange.gif) repeat-x;  /* orange bkgd */
  color: #ffffff;
  padding: 0px 5px 0px 5px; 
  margin: 0px;
  text-decoration: none;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}
#user_tools ul li a:hover { 
  color: #ffffff; 
  background: #944a02; 
  text-decoration: none; 
}