/*  DEV
+=================================================================================*/
.blog { display:; }
.archive { display: none; }
.calendar { display: none; }
.event { display: none; }

.event #event_meta .times { display:; }
.event #event_meta .location_and_address { display:; }
.event #event_meta .map { display:; }


/*  Site Wide
+=================================================================================*/
BODY {
  margin: 0 !important; /* FIX - BLACK BAR 42px 0 0 0 !important; */
  padding: 0;
  background: #720002 url("background.png") left top repeat-x;
}

FORM { margin: 0; padding: 0; }

A { color: #ff0000; bold}
A:visited { color: #ff0000; }
A:hover { color: #ff0000; }

P {
  margin: 0;
  text-indent: 0;
}

IMG, A IMG { border: none; }

.hidden, HR { display: none; }

.clear { clear: both; }

.required {
  font-size: 11px;
  color: #999;
}


/*  Container
+=================================================================================*/
#container {
  position: relative;
  width: 1000px;
  top: 260px;
  margin: 0 auto 0 auto;
  padding: 0 0 30px 0; /* FIX - IE adds more padding to other elements at the container bottom - why? */
  background: url("containercopycopy2.png") repeat-y;
  z-index: 2;
}


/*  Body
+=================================================================================*/
#body {
  position: relative;
  width: 960px;
  margin: 15px auto 0 auto;
  padding: 0;
  background: #FFFFFF url("containercopycopy2.png") center repeat-y;
}

/*  Veneer
+=================================================================================*/
#veneer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 50px;
  width: 100%;
  height: 110px;
  margin: 0 auto;
  background: url("veneer.png") center top no-repeat;
  z-index: 1;
}


/*  Masthead
+=================================================================================*/
#masthead {
  position: absolute;
  top: -160px;
  width: 1000px;
  height: 160px;
  font: normal 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  background: url("mastheadcopy.png") center bottom no-repeat;
  z-index: 3;
}

#masthead .title {
  position: absolute;
  bottom: 75px;
  left: 10px;
  width: 920px;
  margin: 0;
  padding: 0;
  font-size: 46px;
  font-weight: bold;
  text-shadow: #333 0 2px 2px;
  text-align: center;
  color: #96000E;
}

#masthead .description {
  position: absolute;
  top: 90px;
  left: 10px;
  width: 920px;
  margin: 0;
  padding: 0;
  text-shadow: #333 0 2px 2px;
  text-align: center;
}

#masthead A {
  text-decoration: none;
  color: #96000E;
  border: none;
}

#masthead A:hover { color: #fed673; }


/*  Site Navigation
+=================================================================================*/
#nav {
  position: relative;
  left: 20px;
  width: 960px;
  height: 41px;
  background: #000000;
  border-top: 1px solid #FFFFFF;
}

#nav UL {
  display: block;
  position: absolute;
  top: 6px;
  left: 30px;
  height: 27px;
  margin: 0;
  padding: 0;
}

#nav UL LI {
  display: block;
  float: left;
  height: 27px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav UL LI A {
  display: block;
  position: relative;
  height: 27px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #FFFFFF;
  background: none;
  border-right: 2px solid #FFFFFF;
  float: left;
}

#nav UL LI.first A { background-position: left top; }
#nav UL LI.last A { background-position: right top; border: none; }
#nav UL LI A:hover { background-position: center -54px; color: #ff0000; }
#nav UL LI.first A:hover { background-position: left -54px; color: #ff0000; }
#nav UL LI.last A:hover { background-position: right -54px; border: none; }
#nav UL LI A.current { background-position: center -27px; cursor: pointer; color: #FFFFFF; border-right: 2px solid #FFFFFF; }
#nav UL LI.first A.current { background-position: left -27px; }
#nav UL LI.last A.current { background-position: right -27px; border: none; }

#nav UL LI A SPAN {
  display: block;
  position: relative;
  top: 1.05em;
  margin-top: -.47em;
  padding: 0 12px;
  font: normal 12px Helvetica, Arial, sans-serif;
  text-align: -moz-center;
}


/*  Content - Container and Basic Styles
+=================================================================================*/
#content {
  position: relative;
  width: 600px;
  left: 30px;
  margin: 0;
  padding: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  text-align: left;
  color: #000000;
  float: left;
}

#content A {
  text-decoration: none;
  border-bottom: 1px solid #FFFFFF;
}

#content A:visited { border-bottom: 1px solid #FFFFFF; }
#content A:hover { border-bottom: 1px solid #FFFFFF; font-style:bold; }

#content .section H3 {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #0072bc;
  background: #cce6f4;
  border: 1px solid #c0d8e5;
  border-bottom: 1px solid #699ed0;
}

#content .section {
  position: relative;
  margin: 0 0 50px 0;
}

/*  App - Default Styles
+=================================================================================*/
#app .post .post_body .embedded-img-left { float: left; border: 1px solid #CCCCCC; margin: 0 10px 0 0; padding: 3px;}
#app .post .post_body .embedded-img-right { float: right; border: 1px solid #CCCCCC; margin: 0 0 0 10px; padding: 3px;}

#app .post .post_body TABLE { clear: both; } /* Tables shouldn't be confined by floated images: */


/*  App - Default Blog Post Styles
+=================================================================================*/
#app .post {
  position: relative;
  margin: 0 0 40px 0;
  padding: 0;
}

#app .blog .post {
  padding-bottom: 2.2em;
  background: url("splitter.png") bottom no-repeat;
}

/* Title, Byline and Timestamp */
#app .post .title {
  position: relative;
  margin: 0;
  padding: 0 0 3px 0;
  font: bold 19px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  text-shadow: #666 0 2px 2px;
  color: #000000;
}

#app .post .title A { color: #000000; border: none; }
#app .post .title A:hover { color: #ff0000; }

#app .post_byline, #app .post .post_created_at {
  position: relative;
  margin-top: 3px;
  margin-bottom: 4px;
  padding: 3px 0;
  font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999;
  float: left;
}

#app .post_byline {
  padding-right: 10px;
  border-right: 1px solid #000000;
}

#app .post_created_at_prefix { display: none; }

#app .post .post_byline A { color: #999; }
#app .post .post_byline A:hover { color: #999; }

#app .post .timestamp {
  display: block;
  padding-left: 10px;
}

#app .post .timestamp .month { padding-right: 3px; }
#app .post .timestamp .comma { padding-right: 3px; }

/* Post Body and Defaults */
#app .post .post_body {
  position: relative;
  padding-top: 10px;
  line-height: 1.2em;
  clear: both;
}

#app .post_body P {
  position: relative;
  margin: 0 0 1.2em 0;
}

#app .post_body BLOCKQUOTE {
  position: relative;
  margin: 0.5em 0 1.6em 15px;
  padding: 0 35px 0 15px;
  color: #000000;
  border-left: 10px solid #DDD;
}

/* Read More */
#app .post .post_body .read-more {
  position: relative;
  display: block;
  margin: 0 0 20px 15px;
  font-size: 14px;
  text-transform: uppercase;
}

#app .post .post_body .read-more A { color: #ff0000; }
#app .post .post_body .read-more A:hover { color: #ff0000; }

/* Post Meta (Tags, Categories, Comment Count) */
#app .blog .post .post_meta {}

#app .archive .post .post_meta {
  position: relative;
  padding: 30px 0 0 0;
}

#app .blog .post .post_meta A { color: #000000; border-bottom: 1px solid #FFFFFF; }
#app .blog .post .post_meta A:hover { color: #000000; border-bottom: 1px solid #FFFFFF; }

#app .post .tags_list,
#app .post .category_list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 5px 10px 5px;
  font-size: 12px;
  line-height: 1em;
}

#app .post .tags_label,
#app .post .category_list_prefix {
  display: block;
  width: 90px;
  margin-left: 10px;
  float: left;
  color: #000000;

  z-index: 3;
}

#app .post .tags_list A, #app .post .category_list A { color: #aaa; border-bottom: 1px solid #FFFFFF; }
#app .post .tags_list A:hover, #app .post .category_list A:hover { color: #F90; border-bottom: 1px solid #FFFFFF; }

#app .blog .post .number_comments {
  position: relative;
  display: block;
  padding: 0 15px 15px 0;
  line-height: 1em;
  z-index: 3;
  float: right;
}

#app .blog .post .number_comments A { color: #ff0000; border-color: #FFFFFF; }
#app .blog .post .number_comments A:hover { color: #ff0000; border-color: #FFFFFF; }


/*  App - Comment List
+=================================================================================*/
#comments {
  position: relative;
  margin: 0;
  clear: both;
}

#comments H2 {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 0 5px 0;
  font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: none;
  color: #000000;
  border-bottom: 1px solid #000000;
  z-index: 4;
}

#comments #comment_list {
  display: block;
  margin: -1px 0 20px 0;
  padding: 0;
  list-style: none;
}

#comments #comment_list LI {
  display: block;
  position: relative;
  margin: 0;
  padding: 15px 0 0 0;
  border-top: 1px dashed #d7d7d7;
  z-index: 3;
}

#comments #comment_list #none_comment {
  position: relative;
  margin: 0;
  padding: 30px 10px 10px 10px;
  font-size: italic 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #8898a3;
  text-align: center;
}

/* User Avatar and Citation */
#comments #comment_list CITE {
  display: block;
  position: relative;
  height: 22px;
  width: 555px;
  margin: 0 0 0 45px;
  padding: 6px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: #878787; /*#679F56;*/
}

#comments #comment_list CITE A { color: #ff0000; border-bottom: 1px solid #d8cece; }
#comments #comment_list CITE A:hover { color: #5BB544; border-color: #A2D680; }

#comments #comment_list LI .comment_avatar {
  position: absolute;
  top: 15px;
  left: 10px;
}

#comments #comment_list LI .comment_avatar IMG {
  height: 25px;
  width: 25px;
  border: 1px solid #ccc;
  z-index: 9;
}

#comments #comment_list LI .comment_avatar A {
  display: block;
  height: 27px;
  width: 27px;
}

/* Comment Body */
#comments #comment_list LI .comment_body {
  position: relative;
  margin: 0;
  padding: 10px 10px 15px 10px;
  font-size: 13px;
  line-height: 1.6em;
  color: #000000;
  z-index: 8;
}

#comments BLOCKQUOTE { border-color: #5d6e7f; }

/* Error Notice */
#comment_response .error_notice {
  display: block;
  position: relative;
  padding: 8px 10px;
  color: #733328;
  background: #fb9787;
}

#comment_response .error_notice A.button_dismiss { /* FIX - Needs to be verified */
  display: block;
  position: relative;
  overflow: hidden;
  width: 56px;
  height: 18px;
  margin-top: -1px;
  text-indent: -5000px;
  text-decoration: none;
  background: url("button_dismiss_error.png") bottom no-repeat;
  border: none;
  float: right;
}

#comment_response .error_notice A.button_dismiss:hover { background-position: top; }


/*  App - Comment Feedback Form
+=================================================================================*/

/* Outer Container, Header and Footer */
#comment_form {
  position: relative;
  width: 600px;
  margin: 0 0 40px 0;
  padding: 30px 0;
  color: #000000;
  z-index: 1;
}

#comment_form .header, #comment_form .footer {
  display: block;
  position: absolute;
  width: 600px;
  height: 30px;
  z-index: 2;
  background: #F1F1F1 url("comments-sprite.png") no-repeat;
}

#comment_form .header { top: 0; left: 0; }
#comment_form .footer { right: 0; bottom: 0; background-position: left bottom; }

/* Form Element Container */
#comment_form FORM {
  display: block;
  position: relative;
  width: 570px;
  margin: -10px 0 -10px 15px;
  padding: 0;
  z-index: 3;
}

/* User Info (Name, Email and Sign-In) */
#comment_form #comment_form_user_info {
  position: relative;
  margin: 0;
  padding: 0;
}

#comment_form #comment_form_user_field,
#comment_form #comment_form_email_field {
  position: relative;
  width: 325px;
  margin: 0;
  padding: 0;
  z-index: 400;
}

/* Sign-in and Register Notices */
#comment_sign_in {
  position: absolute;
  top: 0;
  right: 0;
  width: 280px;
  margin: 0;
  padding: 0;
  text-align: right;
  z-index: 3;
}

#comment_sign_in .sign-in,
#comment_sign_in .register {
  display: block;
  position: absolute;
  width: 230px;
  height: 2em;
  font-size: 12px;
  z-index: 4;
}

#comment_sign_in .sign-in { top: 0; right: 0; padding: 6px 0 0 0; }
#comment_sign_in .register { top: 2em; right: 0; padding: 16px 0 0 0; }

/* Name and Email Fields and Labels */
#comment_form_user_field LABEL,
#comment_form_email_field LABEL {
  display: block;
  position: relative;
  width: 120px;
  height: 2em;
  margin: 0;
  padding: 4px 0 5px 0;
  font-weight: bold;
  color: #000000;
}

#comment_form_user_field INPUT, #comment_form_email_field INPUT {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  padding: 2px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  background: #FFFFFF;
  border: 1px solid #C7C7C7;
  z-index: 500;
}

/* Comment Form Text Area */
#comment_form_content_field {}
#comment_form_content_field LABEL { display: none; }

#comment_form_content_field TEXTAREA {
  width: 562px;
  height: 90px;
  margin: 0;
  padding: 2px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  border: 1px solid #000000;
}

/* Add Button and Preview Link */
#comment_form_buttons {
  position: relative;
  padding: 15px 0 5px 0;
  z-index: 3;
}

#comment_form_buttons .form_button {
  position: relative;
  width: 104px;
  height: 34px;
  margin: 0;
  padding: 0;
  font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
  background: #b1daf5 url("button.png") no-repeat;
  border: none;
}

#comment_form_buttons .form_button:hover { color: #666; background-position: 0 -34px; }

#comment_form_buttons A {/* color: #5896C4; border-color: #D2E9F8 !important;*/ }
#comment_form_buttons A:hover { color: #F90; border-color: #F90 !important; }

/* Not Allowed Message */
#comments_not_allowed {
  display: block;
  position: relative;
  margin: 0;
  padding: 15px 0;
  font: italic 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #8898a3;
  text-align: center;
  border-bottom: 1px solid #e3eff8;
}

/* Comment Tool Tips */
#comment_form .tip {
  display: none;
  position: absolute;
  top: 0;
  left: 330px;
  width: 278px;
  margin: 0;
  padding: 5px 0 5px 0;
  font-size: 12px;
  text-align: center;
  background: #e9faca;
  border: 1px solid #b7da81;
  color: #679F56;
  z-index: 1000;
}

#comment_form #comment_form_user_field .tip { }
#comment_form #comment_form_email_field .tip { padding-bottom: 4px; }

#comment_form .tip .pointer {
  display: block;
  position: absolute;
  top: 5px;
  left: -14px;
  height: 15px;
  width: 15px;
  background: url("tip.gif") no-repeat;
}


/*  App - Blog Post Pager Navigation
+=================================================================================*/
#app .pager {
  display: block;
  position: relative;
  width: 600px;
  height: 32px;
  margin: 0 auto;
  padding: 0;
  font-weight: bold;
  background: #F7F7F7 url("pager.png") no-repeat;
}

#app .pager .list {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 380px;
  margin: -.6em 0 0 -190px;
  padding: 0;
  text-align: center;
}

#app .pager .prev,
#app .pager .next {
  position: absolute;
  top: 25%;
}

#app .pager .prev { left: 10px; }
#app .pager .next { right: 10px; }

#app .pager .link {
  margin: 0 1px;
  padding: 0 0.4em;
  color: #999;
}

#app .pager A.link { color: #007000; border: none; }
#app .pager A.link:hover { color:#5BB544; border-bottom: 1px solid #A2D680; }

#app .pager .current { color: #FFF; background-color: #007000; }


/*  App - Previous and Next Blog Post Navigation
+=================================================================================*/
#app .section_navigation UL {
  display: block;
  position: relative;
  width: 600px;
  margin: 0;
  padding: 0;
}

#app .section_navigation LI {
  display: block;
  position: relative;
  width: 280px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#app .section_navigation #prev_post_link { float: left; }
#app .section_navigation #next_post_link { text-align: right; float: right; }

#app .section_navigation #prev_post_link .label,
#app .section_navigation #next_post_link .label {
  display: block;
  position: relative;
  padding: 0 0 5px 0;
  font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: none;
  color: #000000;
}

#app .section_navigation #prev_post_link A,
#app .section_navigation #next_post_link A {
  line-height: 1.4em;
  border-bottom-size: 1px;
}

#app .section_navigation #prev_post_link A:hover,
#app .section_navigation #next_post_link A:hover {
  border-bottom-size: 1px;
}


/*  App - Events Calendar Page
+=================================================================================*/



/*  App - Individual Event Page
+=================================================================================*/

/* Title, Creator and Timestamp */
#app .event .title {
  position: relative;
  margin: 0;
  padding: 0 0 3px 0;
  font: bold 24px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  text-shadow: #666 0 2px 2px;
  color: #ac0007;
}

#app .event .title A { color: #ac0007; border: none; }
#app .event .title A:hover { color: #F90; }


#app .event_byline, #app .event_created_at {
  position: relative;
  margin-top: 3px;
  margin-bottom: 4px;
  padding: 3px 0;
  font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999;
  float: left;
}

#app .event_byline {
  padding-right: 10px;
  border-right: 1px solid #c1ddb9;
}

#app .event_created_at_prefix { display: none; }

#app .event .event_byline A { color: #999; border-bottom: 1px solid #ddd; }
#app .event .event_byline A:hover { color: #F90; border-bottom: 1px solid #F90; }

#app .event .timestamp {
  display: block;
  padding-left: 10px;
}

#app .event .timestamp .month { padding-right: 3px; }
#app .event .timestamp .comma { padding-right: 3px; }

/* Event Body */
#app .event .event_body {
  position: relative;
  margin: 0 0 40px 0;
  padding: 15px 0 0 0;
  clear: both;
}

/* Event Meta Container */
#app .event #event_meta {
  position: relative;
  margin: 0 0 25px 0;
  padding: 0 10px;
  background: #F7F7F7;
  border: 2px solid #EAEAEA;
}

/* Shared Times and Locations Styles */
#app .event .times,
#app .event .location_and_address {
  position: relative;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
  float: left;
  clear: left;
}

/* Time and Duration */
#app .event .times { padding: 20px 0; }

#app .event .times .start_time { float: left; }
#app .event .times .duration { padding-left: 15px; color: #999; float: left; }

/* Location and Address */
#app .event .location_and_address { padding: 0 0 15px 0; }

#app .event .location_and_address .location,
#app .event .location_and_address .address {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 0 5px 0;
  color: #999;
  float: left;
  clear: left;
}

#app .event .location_and_address .separator { display: none; }

/* Event Maps */
#app .event .map {
  position: relative;
  right: -10px;
  width: 302px;
  margin: 0 0 0 -302px;
  padding: 0;
  float: right;
}

#app #event_map {
  border: 1px solid #CCC;
  background: #EEE;
}

#app .calendar #event_map { /* For Calendar Listing Page */
  /*
  margin: 0 auto 30px auto;
  width: 638px !important;
  */
}

#app .event #event_map { /* For Event Page */
  height: 115px !important;
  overflow: hidden !important;
}

/* Description */
#app .event .description {
  line-height: 1.6em;
}

/* Events Listing */
#app .calendar H1 {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;
}

/* Events Containers */
#app .events,
#app .event_body {
  position: relative;
  margin: 0;
  padding: 0;
}

/* Individual Event Post */
/*
#app .calendar .event { / For Calendar Listing Page /
  position: relative;
  width: 560px;
  margin: 0 0 30px 80px;
  padding: 0 0 25px 0;
  border-bottom: 1px solid #DDECF6;
  background: url("post-footer2.png") bottom repeat-x;
}
*/

/* Title */
/*
#app .event .title {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0;
  font: bold 22px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  border-bottom: none;
}

#app #event_page .event .title { font-size: 28px; }
*/

/* Location */
#app .event .location {
  padding: 0 0 10px 0;
  color: #6B94A9;
}

#app .event .location SMALL {
  position: relative;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
}

/* Description */
#app .event .description {
  position: relative;
  padding: 0;
}

#app #event_page .event .description {}

/* Attending */
#app .event .attending {
  font: bold 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#app .calendar .event .attending {
  position: absolute;
  bottom: 15px;
  right: 5px;
  text-align: right;
}

#app #event_page .event .attending {}

#app .event .attending A { color: #aaa; border-bottom: 1px solid #ddd; }
#app .event .attending A:hover { color: #F90; border-bottom: 1px solid #F90; }


/*  Sidebar
+=================================================================================*/
#sidebar {
  position: relative;
  width: 270px;
  right: 30px;
  margin: 0;
  padding: 0;
  font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  color: #000000;
  background: #FFFFFF;
  float: right;
  z-index: 1;
}

#sidebar A {
  text-decoration: none;
  color: #000000;
  border-bottom: 1px solid #FFFFFF;
}

/* Sidebar Content */
#sidebar .sidebar-content {
  width: 230px;
  margin: 15px 0 0 20px;
  z-index: 3;
}

.recentcolumn {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  padding-bottom: 10px;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 12px;
  text-align: justify;
  margin-top: 10px;
  width: 270px;
}

/* Sections */
#sidebar .section {
  position: relative;
  width: 230px;
  margin: 0 0 25px 0;
  padding: 0;
  z-index: 5;
}

#sidebar .section H4 {
  position: relative;
  margin: 0 -10px;
  padding: 0 0 10px 0;
  font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: none;
  color: #000000;
}

#sidebar .section H4 SPAN {
  display: block;
  position: relative;
  padding: 0 10px 5px 10px;
  border-bottom: 2px solid #000000;
}

#sidebar .section UL {
  margin: 0;
  padding: 0;
}

#sidebar .section UL LI {
  margin: 0 0 5px 15px;
  list-style: disc;
  color: #000000;
}

/* Subscribe */
/* http://carroll.org.uk/sandbox/suckerfish/bones2.html */
#sidebar .subscribe {
  z-index: 1000;
}

#sidebar #subscribe LI {
  margin: 0;
  list-style: none;
}

#sidebar #subscribe A {
  display: block;
  position: relative;
  text-decoration: none;
}

#sidebar #subscribe A.button {
  width: 235px;
  height: 50px;
  background: #F90 url("subscribe.png") no-repeat;
}

#sidebar #subscribe UL {
  position: absolute;
  top: 50px;
  left: 8px;
  width: 215px;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-bottom: 5px;
	background: #F47900;
	border: 1px solid #f5d179;
	border-top: none;
}

#sidebar #subscribe li:hover ul,
#sidebar #subscribe li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
}

#sidebar #subscribe UL LI {
  background: #ffe6aa;
}

#sidebar #subscribe UL LI A {
  padding: 10px 0;
  color: #777 !important;
  border-bottom: 1px solid #e9c773;
  background-position: 8px center;
  background-repeat: no-repeat;
}

#sidebar #subscribe UL LI.feed A { background-image: url("feed.png"); }
#sidebar #subscribe UL LI.email A { background-image: url("email.png"); }
#sidebar #subscribe UL LI A SPAN {
  padding: 0 15px 0 35px;
  font-size: 14px;
  font-weight: bold;
}

#sidebar #subscribe UL LI A:hover {
  color: #DF652B !important;
  background-color: #ffdc89;
}

#sidebar .subscribe .fb-caption {
  visibility: hidden;
}

#sidebar .subscribe .fb-mask {
  display: block;
  position: absolute;
  top: 15px;
  right: 18px;
  height: 20px;
  width: 88px;
  overflow: hidden;
}

/* Blog Network */
#sidebar .network { background: #ccc; }
#sidebar #network li a,
#sidebar .label  { background-image: url("blog-network.png"); }
#sidebar #network li,
#sidebar #network li a {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sidebar #network li a.music { background-position: 0 0; }
#sidebar #network li a.video { background-position: 0 -52px; }
#sidebar #network li a.roots { background-position: 0 -104px; }
#sidebar #network li a.music.active, 
#sidebar #network li a.music:hover { background-position: -235px 0; }
#sidebar #network li a.video.active, 
#sidebar #network li a.video:hover { background-position: -235px -52px; }
#sidebar #network li a.roots.active, 
#sidebar #network li a.roots:hover { background-position: -235px -104px; }
#sidebar .network li a {
  display: block;
  width: 235px;
  height: 52px;
}
#sidebar .label {
  height: 22px;
  width: 235px;
  background-position: bottom left;
  background-color: #333;
  clear: both;
}
#sidebar .network a.button span,
#sidebar .label span {
  display: none;
  text-decoration: none;
  border: none;
}

/* Search */
#sidebar #search {
  position: absolute;
  top: -85px;
  left: -15px;
}

#sidebar #search H4 { display: none; }

#sidebar #search .search_box {
  position: absolute;
  top: 25px;
  left: 15px;
  width: 238px;
  height: 20px;
  background: #FFFFFF no-repeat;
}

#sidebar #search .form_input,
#sidebar #search .form_button {
  display: block;
  position: absolute;
  border: none;
}

#sidebar #search .form_input {
  top: 2px;
  left: 11px;
  width: 215px;
  height: 19px;
  font-size: 14px;
  background-color: transparent;
}

#sidebar #search .form_button {
  top: 0px;
  left: 243px;
  width: 32px;
  height: 27px;
  text-indent: -10000px;
  cursor: pointer;
  background: url("search-button.newer2.png") no-repeat;
}

#sidebar #search .form_button:hover { background-position: 0 -27px; }

/* IE hack for input button theming -- http://mydrupalblog.lhmdesign.com/theming-search-submit-button-css-cross-browser-compatible-solution */
#IEroot #sidebar #search .form_button {
  width: 40px;
  font-size: 0;
  color: #E2E2E2;
  text-align: right;
}


/*  Footer
+=================================================================================*/
#footer {
  position: relative;
  width: 1000px;
  margin: 160px auto 0 auto;
  padding: 55px 0 40px 0;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #ff0000;
  background: url("footer3.png") top no-repeat;
}

#footer DIV {
  margin-bottom: 0;
}

#footer .copyright {
  margin-left: 35px;
  text-align: left;
  float: left;
}

#footer .powered {
  margin-right: 35px;
  text-align: right;
  float: right;
}

#footer A { text-decoration: none; color: #ff0000; }
#footer A SPAN { border-bottom: 1px solid #ff0000; }

#footer A:hover { color: #ff0000; border: none; }
#footer A:hover SPAN { border-bottom: 1px solid #ff0000; }


/*  PNG support for IE6 - http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/
+=================================================================================*/
#container,
#sidebar #search .form_button {
  behavior: url(/javascripts/iepngfix.htc);
}