/* autofix added basic compatibility rules */
.weblog .title,
.weblog .date,
.weblog .contentinfo cite,
.nodelet .title {
 display: block;
}
.weblog .title {
 margin-bottom:0.5em;
 font-weight:bold;
 font-size:107%;
}

/* I use spaces instead of tabs because it makes text editing easier in a web-based environment. */

/****** COLORS ******/
body,
th,
td {
 background-color: #fff;
 color: #111111;
}

/* darker detailing/backgrounds */
 .nodelet_title,
 #header,
 #footer,
 #footer a:link,
 #footer a:visited,
 #epicenter_zen {
  background-color: #38495e;
 }
 .nodelet {
  border-color: #38495e;
 }

/* same color as body */
 #header,
 #footer,
 #footer a:link,
 #footer a:visited,
 #epicenter_zen a:link,
 #epicenter_zen a:visited {
  color: #f9fafa;
 }

/* medium backgrounds/details */
 .nodelet_title {
  color: #c5cdd7;
 }
 .oddrow,
 .oddrow td,
 #homenodeheader dt {
  background-color: #c5cdd7;
 }


/* fractionally darker-than-body */
 #cooluserpicks,
 #staff_picks,
 #loglinks,
 #softlinks td,
 .nodelet {
  background-color: #f8f9f9;
 }

/* faint light borders */
 #cooluserpicks,
 #staff_picks,
 #loglinks,
 #softlinks td {
  border-color: #d3d3d3;
 }

/* dark horizontal rules */
 .nodetitle,
 #creamofthecool .contentinfo {
  border-bottom-color: #333333;
 }

 .weblog .item .content {
  border-top-color: #333333;
 }


/* miscellaneous */

 td {
  background-color: transparent;
 }

 a:link {
  color: #203860;
 }

 a:visited {
  color: #507898;
 }

 a:active,
 a:hover,
 a:focus {
  color: #3bb5c3;
 }

/* red */
.nodeshell a {
 color: #8b0000;
}
.nodeshell a:active,
.nodeshell a:hover,
.nodeshell a:focus {
 color: #ff0000;
}

/****** FORMATTING ******/

body {
 margin: 0;
 padding: 0;
 font-family: 'Verdana', 'Tahoma', 'Arial Unicode MS', sans-serif;
 font-size: 75%;
}

* html div#header { 
/* Make sure IE6 doesn't go mad with the header */
 width: 100%;
 padding-right: 0;
 padding-left: 0;
}

table {
 font-size: 100%;
}
th,
td {
 margin: 0;
 padding: 0;
}
 h1 {
  font-size: 140%;
  font-weight: bold;
 }

 h2 , h3.nodelet_title {
  font-size: 130%;
  font-weight: bold;
 }

 h3 {
  font-size: 120%;
  font-weight: bold;
 }

 h4 {
  font-size: 100%;
  font-weight: bold;
 }

 h5 {
  font-size: 90%;
  font-weight: bold;
 }

 h6 {
  font-size: 80%;
  font-weight: bold;
 }

 big {
  font-size: 125%;
 }

 big big big big big big big big big big big {
  font-size: 100%; /* cannot nest more than 11 <bigs> (~10x increase in font size) */
 } 

 small {
  font-size: 80%; /* a <big> and a <small> multiply to 100% */
 }

 /* nested italic tags give normal font */
 i i,
 i em,
 em i,
 em em {
  font-style: normal;
 }

 tt {
  font-size: 100%;
 }

 form {
  margin: 0;
  padding: 0;
 }

 dt {
  font-weight: bold;
 }

 div#header {
  width: 100%;
  margin: 0;
  overflow: hidden; /* IE fix */
 }
  #epicenter_zen {
   padding: 2px 2px 2px 2.5em;
   border-bottom: 1px solid #c5cdd7;
   font-size: 75%;
   text-align: left;
  }
   #epicenter_zen br {
    display: none;
   }

  div#searchform {
   float: right;
   width: 410px;
   text-align: right;
   padding: 0;
   margin: 5px 2px;
  }
   form#search_form {
   }
    input#node_search {
     margin: 0;
     padding: 0;
     float: left;
    }
    input#search_submit {
     margin: 0;
     padding: 0;
     float: left;
    }
    #search_form label {
     display: block;
     font-size: 85%;
     float: right;
     clear: right;
     text-align: left;
     width: 100px;
     margin: 0;
     padding: 0;
     height: 15px;
    }
     input#near_match {
      float: left;
      margin: 0px;
      padding: 0px;
     }
     input#match_all {
      float: left;
      margin: 0px;
      padding: 0px;
     }
     input#full_text {
      float: left;
      margin: 0px;
      padding: 0px;
     }

  #announcements {
   display: none;
  }

  h1#e2logo {
   margin: 5px 2px 5px 20px;
   width: 300px; height: 50px; /* these are the exact dimensions of the background image */
   overflow: hidden; /* sets a window big enough to show the background image and nothing else */
   background-repeat: no-repeat;
   background-position: 0 0;
   background-image: url(http://everything2.com/img/e2_tight.gif);
  }

   h1#e2logo a,
   h1#e2logo a:link,
   h1#e2logo a:visited,
   h1#e2logo a:active {
    display: block;
    padding: 50px 0 0 300px; /* means the text doesn't show in the 300x50 window */
   }

 #wrapper {
  clear: both;
  padding-right: 270px; /* sidebar goes in this gap */
  margin: 2px 2px 20px 20px;
 }

  #mainbody {
   float: left;
   margin-top: 20px;
   width: 100%;
   margin-bottom: 20px;
  }

   #mainbody > *:first-child {
    margin-top: 0;
   }

   .nodetitle {
    padding-bottom: 1px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    margin: 0 0 1px;
   }

   /* TODO: introduce print-only styles to deprecate the "printable" view entirely */
   p#printlink {
    text-align: right;
    font-size: 80%;
   }

   /*** FRONT PAGE SPECIFIC ***/

   #welcome_message {
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: left;
    font-weight: bold;
   }
   #loglinks,
   #cooluserpicks,
   #staff_picks {
    max-width: 33%;
    clear: both;
    float: left;
    margin-right: 20px;
    margin-bottom: 2px;
    width: 250px;
    border-width: 1px;
    border-style: solid;
    padding: 5px;
   }
    #cooluserpicks h3,
    #loglinks h3,
    #staff_picks h3 {
     margin: 0;
    }
    .linklist , .linklist li {
     padding: 0;
     margin: 0;
     display: block ;
     list-style: none outside none;
    }
    #mainbody .linklist {
     margin: 5px 0;
    }
     #mainbody .linklist li {
      padding: 1px 0;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      text-align: left;
      border-bottom-color: #d3d3d3;
     }
      #mainbody .linklist li a {
       padding: 1px;
       display: block;
       text-decoration: none;
      }
    .morelink,
    .editlink,
    .sp_more {
     text-align: right;
    }
   #creamofthecool {
   }
    h3#creamofthecool_title {
     margin: 0;
    }
    #creamofthecool .content {
     margin: 5px 0;
    }
    #cotc {
     overflow: auto;
    }
     #creamofthecool .item {
      margin: 0px 0;
     }
      #creamofthecool .contentinfo {
       font-weight: bold;
       padding-bottom: 5px;
       border-bottom-width: 1px;
       border-bottom-style: solid;
       margin-bottom: 2px;
      }
       #creamofthecool .contentinfo a {
        text-decoration: none;
       }
      #creamofthecool .content {
      }
       #creamofthecool .content blockquote {
        margin: 0 5%;
       }
      #creamofthecool .morelink {
       text-align: right;
      }
   #frontpage_news {
    clear: both;
   }
    #frontpage_news h2 {
    }
    /* news entries resemble writeups: */
    .weblog .item {
     margin: 20px 0;
    }
     .weblog .item .title {
      display: inline;
      font-weight: bold;
     }
      .weblog .item .title {
       text-decoration: none;
      }
     .weblog .item .contentinfo cite {
      margin-left: 5px;
      display: inline;
      font-weight: bold;
     }
      .weblog .item .contentinfo cite a {
       text-decoration: none;
      }
     .weblog .item .date {
      margin-left: 5px;
      display: inline;
      font-weight: bold;
     }
     .weblog .item .date:before {
      content: "on ";
     }
     .remove {
      margin-left: 5px;
      display: inline;
      font-weight: bold;
     }
     .weblog .item .content {
      clear: both;
      margin-top: 3px;
      border-top-width: 1px;
      border-top-style: solid;
      padding: 0px;
     }
   /*** END FRONT PAGE ***/

   /*** REGULAR NODES ***/
   #firmlink,
   #isalso,
   .topic {
    margin: 1px 0 0;
    padding: 0;
    font-size: 90%;
    font-weight: normal;
    text-indent: 0px;
   }
.createdby {
    float: right;
}

.actions , .actions li {
	display: inline ;
	margin: 0 ;
	padding: 0 ;
}

.actions .action {
	padding-right: 5pt ;
}

.e2node #pageheader {
    margin-bottom: 40px;
   }

.writeuppage .item {
    margin: 20px 0 60px;
   }
    .writeuppage .contentheader {
     background: #c5cdd7;
     padding: 5px;
     border-top-color: #333333;
     border-top-width: 1px;
     border-top-style: solid;
    }
     .writeuppage .item .content {
      background-color: #eee;
      padding: 20px;
      overflow: auto;
     }
      p {
       margin: 10px 0;
      }
      pre, tt, code {
       font-size: 123.08%; /* <pre> browser defaults are quite small */
      }
      pre {
       /* to stop page-widening */
       display: block;
       overflow: auto;
      }
      ul { list-style: disc; }
      ul ul { list-style: circle; }
      ul ul ul { list-style: square; }
      ul ul ul ul { list-style: disc; }
      ul ul ul ul ul { list-style: circle; }
      ul ul ul ul ul ul { list-style: square; }
    .content table {
     border-collapse: collapse;
    }
    .content th,
    .content td  {
     border: 1px solid gray;
     padding: 5px;
     text-align: left;
     vertical-align: top;
    }
    .content th *:first-child,
    .content td *:first-child {
     margin-top: 0;
    }
    .content th *:last-child,
    .content td *.last-child {
     margin-bottom: 0;
    }
    .content th {
     background-color: #C5CDD7;
    }
    .content td {
     background-color: #f6f6f6;
    }
    .wu_footer {
     background-color: #C5CDD7;
    }
     .wu_footer td {
      border-bottom: 1px solid #333333;
      text-align: center;
      width: 10%;
      padding: 5px;
     }
   #displaytypelinks {
    margin: 5px 0;
    font-size: 90%;
    text-align: right;
   }
    #displaytypelinks p {
     margin: 0;
    }
   #killbutton,
   #votebutton,
   #blabbutton {
    float: right;
    margin: 5px 0;
   }
   #softlinks {
    margin: 5px 0;
    clear: both;
   }
    #softlinks table {
     border-collapse: collapse;
    }
     #softlinks td {
      border-width: 1px;
      border-style: solid;
      padding: 5px;
      text-align: center;
      width: 25%;
     }
      #softlinks td a {
      }
      #softlinks td a:hover {
      }
   textarea {
    width: 100%;
    font-family: "Courier new", monospace;
   }
   .writeup_add {
    margin: 20px 0;
   }
   /*** END REGULAR NODES ***/

   /*** HOMENODES ***/
hr.clear {
display: none ;
}
   #homenodeheader {
    margin-top: 20px;
   }

    #homenodepicbox {
     float: left;
    }

     #userimage {
     }

    #homenodeheader dl {
     width: 250px;
     float: right;
     display: block;
    }

     #homenodeheader dt {
      display: block;
      padding: 2px;
      font-size: 90%;
     }

     #homenodeheader dd {
      padding: 2px;
      margin: 0;
      text-align: right;
      font-size: 90%;
     }
    
   #homenodetext {
    width: 100%;
    clear: both;
   }

   /*** END HOMENODES ***/

   /*** SCRATCHPAD ***/

   #skratch_form .content {
    background-color: #eee;
    padding: 20px;
    overflow: auto;
   }
    #skratch_form .content *:first-child {
     margin-top: 0;
    }
    #skratch_form .content *:last-child {
     margin-bottom: 0;
    }

   /*** END SCRATCHPAD ***/

   /*** TABLES OF DATA ***/

   .oddrow td,
   .oddrow + tr td , .evenrow td {
    padding: 4px;
   }

   /*** END TABLES ***/

   #mainbody > *:last-child {
    margin-bottom: 0;
   }

  #sidebar {
   float: left;
   margin-left: 20px;
   width: 250px;
   margin-right: -100%;
  }

   .nodelet {
    clear: both;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    word-wrap: break-word; /* ? */
    margin-bottom: 2px;
   }

    .nodelet_title {
     display: block;
     margin: 0;
     padding: 0 5px;
     text-align: center;
    }

    .nodelet_content {
     padding: 5px;
    }

     /*** NEW WRITEUPS ***/

     .nodelet .infolist {
      margin: 0;
      padding: 0;
      list-style: none outside none;
     }
      .nodelet .infolist li {
       margin: 0;
       padding: 1px;
       border-bottom-width: 1px;
       border-bottom-style: solid;
       border-color: #d3d3d3;
      }
       .nodelet .infolist .contentinfo {
        display: block;
       }
        .nodelet .title {
         font-weight: bold;
         text-decoration: none;
        }
        .nodelet .hasvoted .title {
          font-weight: normal;
        }
        .nodelet .infolist span.hidden,
        .nodelet .infolist span.hide {
         font-size: 90%;
        }
      .nodelet .morelink {
       text-align: right;
      }
     /*** END NEW WRITEUPS ***/
     
/* NOTIFICATIONS */
#notifications ul , #notifications li {
	display: block ;
	margin: 0 ; 
	padding: 0 ;
}

#notifications li {
	padding: 1px 1px 1px 24px ;
	text-indent: -23px ;
}

     /*** EPICENTER NODELET ***/


     #epicenter ul {
      margin: 5px;
      padding: 0;
      list-style: disc inside none;
     }

      #epicenter li {
      }

     #experience {
      font-size: 110%;
     }

     /*** END EPICENTER NODELET ***/

     /*** CHATTERBOX NODELET  ***/

     #chatterbox .nodelet_content {
      overflow: auto;
     }

     input#message {
      width: 90%;
      margin: 0 -1px;
     }

     /*** END CHATTERBOX NODELET ***/

/* PERSONAL LINKS NODELET */
#personallinks .linklist {
margin-bottom: 1em ;
}

     /*** AD NODELET ***/

     #ads {
      background-color: white;
     }

      #ads h2 {
       display: none;
      }

     /*** END AD NODELET ***/

 #footer {
  clear: both;
  padding: 5px;
  text-align: right;
  font-size: 90%;
 }

  .begheader {
  }

  #metalinks {
   display: none;
  }

/* CHATTERLIGHT */

#chatterlight_mainbody {
 float: left;
 width: 75%;
}
 #chatterlight_mainbody #links,
 #chatterlight_mainbody #chatterbox_nodelet,
 #chatterlight_mainbody #chatterlight_search {
  margin: 1em;
 }
 #chatterlight_credit { display: none; }
 #chatterlight_hints { display: none; }
  #chatterlight_mainbody .nodelet {
   float: none;
   width: auto;
   padding: 0;
  }
#chatterlight_NW,
#chatterlight_Notifications {
 float: left;
 width: 25%;
}
 #chatterlight_NW #newwriteups,
 #chatterlight_Notifications #notifications {
  margin: 1em;
 }
  #chatterlight_NW .nodelet,
  #chatterlight_Notifications .nodelet {
   float: none;
   width: auto;
   padding: 0;
  }