/*------------------------------------------------------------------------
 * css/reset.css
 *   Resets default browser styles.  Created by Erik Meyer
 *   http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 *   Adapted by Andy Wardley http://wardley.org/
 *------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

html, body {                                                                  
    margin: 0px;                                                             
    border: 0px;
    height: 100%;                                                            
}  

/* Remember to define focus styles! */
:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/*------------------------------------------------------------------------
 * end of css/reset.css                                                   
 *------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
 * css/typography.css
 *   Define the default typography styles.  
 *   Written by Andy Wardley http://wardley.org/
 *   Derived from the Blueprint CSS framework http://bjorkoy.com/blueprint/
 *------------------------------------------------------------------------*/

body {
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 10px;    /* allows us to scale decimally, e.g. 160% = 16px */
    line-height: 150%;
    color: #190f05;
}

ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea {
    font-size: 16px;
    line-height: 150%;
}

h1,h2,h3,h4,h5,h6 { 
    font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
    margin: 0; 
    padding: 5px 0;
    color: #222;
/*    clear: both;  */
}


h1 { font-size: 320%; line-height: 150% }
h2 { font-size: 240%; line-height: 150% }
h3 { font-size: 200%; line-height: 150% }
h4 { font-size: 160%; line-height: 150%; font-weight: bold }
h5 { font-size: 140%; line-height: 150%; font-weight: bold }
h6 { font-size: 120%; line-height: 150%; font-weight: bold }

/* Text elements */
p           { margin: 0 0 20px 0; padding: 0.25em 0 0.75em 0;  /* text-align:justify; */ }
p.last      { margin-bottom: 0; }

ul, ol      { margin: 20px 0 20px 20px; list-style-type: disc; }
li          { line-height: 150% }
ol          { list-style-type: decimal; }
dl          { margin: 20px 0; }
dl dt       { font-weight: bold; }

a           { color: #00a8ff; text-decoration: none; outline: none; text-decoration: underline }
a:visited   { color: #0088ce; }
a:hover     { color: #30b8ff; }

strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { 
    font-family: Courier, monospace;
    margin-top: 20px; 
    margin-bottom: 40px; 
    line-height: 150%; 
    padding: 20px; 
    border: 1px solid #00a8ff; 
    background-color: #f0f0f0;
}
blockquote  { 
    margin: 20px;
    font-size: 14px; 
    color: #888; 
    font-style: italic; 
}

code {
    font-family: Courier, monospace;
    font-weight: bold;
}

/* Tables */
/*
table   { margin-bottom: 13px; border-top:; border-left:; background-color:; }
*/
th      { font-weight:bold; }


/* Some default classes */
.tiny,  .tiny  p    { font-size: 100%; line-height: 150% }
.small, .small p    { font-size: 120%; line-height: 150% }
.large, .large p    { font-size: 180%; line-height: 150% }
.huge,  .huge p     { font-size: 240%; line-height: 150% }
.hide               { display: none; }
.text               { display: none; }
.indent             { padding-left: 20px; }
.top, h2.top        { margin-top: 0; padding-top: 0 }
.bot                { margin-bottom: 0 }
.info, .about       { font-size: 140%; line-height: 150%; color: #888; }
.hover              { cursor: pointer }
.fll                { float: left }
.flr                { float: right }
.cll                { clear: left }
.clr                { clear: right }
.clear              { clear: both }
.edge               { border: 1px solid #00a8ff }

span.date {
    display: block;
    font-size: 12px;
    text-align: right;
    margin: 5px 0 10px 0;
    color: #888;
    font-style: italic;
}

/*------------------------------------------------------------------------
 * end of css/typography.css                                              
 *------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
 * css/layout.css
 *   Defines CSS style that control the overall layout.
 *   Written by Andy Wardley http://wardley.org/
 *------------------------------------------------------------------------*/

body { 
  background: #190f05 url('../images/day/sky.jpg') repeat-x 20% top;
}

#badger_world { 
  margin-top: 0px;
  background: transparent url('../images/day/ground.gif') repeat-x 50% 80px;
  height: 100%;
  padding-bottom: 20px;
  min-height: 800px;
}

#page {
    position: relative;
    min-width: 720px;
    margin: 0 5% 20px 5%;
    overflow: visible;
}


/*------------------------------------------------------------------------*/
/* navbar                                                                 */
/*------------------------------------------------------------------------*/

#navbar {
    position: relative;
    height: 50px;
    margin: 30px 10px 0 10px;      /* we'll push end caps out */
    background: transparent url('../images/day/menu_bar_mid.gif') repeat-x 0 0;
    font-size: 12px;
    line-height: 22px;
    padding-left: 195px;
    padding-right: 30px;
    color: #777;
    text-align: center;
    overflow: visible;
}

#navbar .cap {
    position: absolute;
    display: block;
    height: 30px;
    width: 10px;
    top: 0;
}

#navbar .left {
    left: 0px;
    margin-left: -10px;
    background: transparent url('../images/day/menu_bar_left.gif') no-repeat top left;
}

#navbar .right {
    right: 0px;
    margin-right: -10px;
    background: transparent url('../images/day/menu_bar_right.gif') no-repeat top right;
}

#navbar a.logo {
    position: absolute;
    display: block;
    height: 30px;
    width: 130px;
    top: 0;
    left: 32px;
    background: transparent url('../images/day/menu_badger_logo.gif') no-repeat 0 0;
    z-index: 1;
    
}

#navbar a.logo:hover {
    background-position: 0 -40px;
}

#navbar #pagehead {
    position: absolute;
    top: 26px;
    left: 20px;
    right: 20px;
    height: 25px;
    background: url('../images/day/menu_page_blank.gif') repeat-x top left;
    z-index: 2;
}

#navbar .underbar .cap {
    position: absolute;
    display: block;
    height: 25px;
    width: 20px;
    top: 0;
}

#navbar .underbar .left {
    left: 0px;
    background: url('../images/day/menu_page_left.gif') no-repeat top left;
}

#navbar .underbar .right {
    right: 0px;
    background: url('../images/day/menu_page_right.gif') no-repeat top right;
}

#navbar #homelink {
    display: block;
    position: absolute;
    top: 5px;
    left: 10px;
    width: 135px;
    color: #222;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
}

#navbar #homelink:hover {
    color: #ff7f00;
    color: #000;
}

#navbar #pagehead #trail {
    display: block;
    height: 25px;
    margin: 0;
    margin-left: 165px;
    margin-right: 10px;
    padding: 0 20px;
    background: url('../images/day/menu_page_mid.gif') repeat-x top left;
    text-align: left;
    
}

#navbar #pagehead #trail li {
    float: left;
    padding: 0;
    margin: 0 8px 0 0;
    list-style: none;
    
}

#navbar #pagehead #trail li a {
    display: block;
    margin: 4px 0 0 0;
    height: 16px;
    padding: 0;
    padding-left: 14px;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    background: url('../images/day/trail_arrows.gif') no-repeat 0 3px;
    text-decoration: none;
    
}

#navbar #pagehead #trail li a:hover {
    color: #eee;
    background-position: 0 -21px;
}

#headlines {
    height: 22px;
    overflow: hidden;
}


/*------------------------------------------------------------------------*/
/* surround and page content                                              */
/*------------------------------------------------------------------------*/

#surround {
    position: absolute;
    top: 51px; 
    bottom: -20px;
    left: 20px;
    right: 20px;
    border: 1px solid #888;
    border-top: 0;
    background: #000;
    opacity: 0.4;                /* CSS3 standard */
    -moz-opacity: 0.4;           /* For older Gecko-based browsers */
    background: black url('../images/badger_80x100.gif') no-repeat 45px 6px;
}

#content {
    position: relative;
    min-height: 840px;
    opacity: 1;
    margin: 1px 40px 20px 195px;
    background-color: white;
    padding: 0px 30px 20px 20px;

}

#page.wide #navbar #pagehead {
    left: 20px;
}

#page.wide #content {
    margin-left: 40px;
}

#page div.reddit {
    text-align: right;
}

/*------------------------------------------------------------------------*/
/* menu                                                                   */
/*------------------------------------------------------------------------*/

#menu {
    position: absolute; 
    top: 145px;
    left: 35px;
    width: 158px;
    padding-top: 32px;
    opacity: 0.65;                /* CSS3 standard */
    -moz-opacity: 0.65;           /* For older Gecko-based browsers */
    z-index: 2;
    overflow: visible;

}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu ul li {
    display: inline;        /* keeps IE happy */
    margin: 0;
    padding: 0;
    height: 24px;
}

#menu ul li a {
    display: block;
    background: #aaa;
    margin: 2px 0;
    padding: 0 5px;
    opacity: 1;                /* CSS3 standard */
    -moz-opacity: 1;           /* For older Gecko-based browsers */
    color: #222;
    height: 24px;
    text-decoration: none;
    line-height: 24px;
}

#menu ul li a {
    background: #999;
    color: #000;
    background: black url('../images/reground/menu_item.gif') no-repeat 0 -60px;
}

#menu ul li.sub {
    height: 18px;
}

#menu ul li.sub a {
    font-size: 12px;
    line-height: 18px;
    height: 18px;
/*    margin-left: 20px; */
    background: black url('../images/reground/menu_sub_items.gif') no-repeat 0 -60px;
}


#menu ul li.l1 a { margin-left: 10px }

#menu ul li.l2 a { margin-left: 20px }

#menu ul li.l3 a { margin-left: 30px }

#menu ul li.l4 a { margin-left: 40px }

#menu ul li.l5 a { margin-left: 50px }

#menu ul li.l6 a { margin-left: 60px }


#menu ul li a:hover {
/*    background: #ccc; */
    color: #000;
    background-position: 0 -30px;
}

#menu ul li.hot a {
/*    background: #fff; */
    color: #000;
    background-position: 0 0;
}

#menu .badger_says {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 135px;
    height: 28px;
    color: white;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    background-color: black;

}

#menu ul li a .badger_says {
    display: none; 
}

#menu ul li a:hover .badger_says {
/*    display: block; */
}


/*------------------------------------------------------------------------*/
/* style selector                                                         */
/*------------------------------------------------------------------------*/

#styles {
    position: absolute; 
    top: 125px;
    left: 146px;
    width: 47px;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 3;
    opacity: 0.65;                /* CSS3 standard */
    -moz-opacity: 0.65;           /* For older Gecko-based browsers */

}

#styles li {
    display: inline;        /* keeps IE happy */
    height: 14px;
    margin: 0;
    padding: 0;
}

#styles li a {
    display: block;
    margin: 2px 0px;
    padding: 0 5px 0 10px;
    height: 14px;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
    color: #000;
    background: transparent url('../images/reground/menu_mini_items.gif') no-repeat 0 -60px;
}

#styles li a:hover {
    background-position: 0 -30px;
}

#styles li.hot a,
#styles li.if_day a {
    background-position: 0 0;
}


/*------------------------------------------------------------------------*/
/* table of contents                                                      */
/*------------------------------------------------------------------------*/

ul.toc {
    margin: 0;
    padding: 0;
    
}

ul.toc li {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    
}

ul.toc li a {
    display: block;
    margin: 4px 0 1px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 16px;
    color: #190f05;
    text-decoration: none;
    background: url('../images/day/toc.gif') no-repeat 0 2px;
    
}

ul.pages li a {
    margin-top: 4px;
    font-size: 16px;
    line-height: 18px;
}

ul.toc li a:hover {
    color: #30b8ff;
    background-position: 0 -48px;
}

ul.toc li.sub {
    margin: 0 0 2px 0;
}

ul.toc li.sub a {
    font-size: 12px;
    line-height: 14px;
    background-image: url('../images/day/toc_small.gif');
}

ul.toc li.l1 a {
    padding-left: 24px;
    background-position: 12px 1px;
}

ul.toc li.l1 a:hover {
    background-position: 12px -49px;
}


/*------------------------------------------------------------------------
 * end of css/layout.css
 *------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/* css/sections.css                                                       */
/*------------------------------------------------------------------------*/

div.section,
div.subsection {
    padding: 0 0 0 20px;
    margin-top: 2em;
/*    clear: right; */
}

div.section div.head,
div.subsection div.head {
/*    margin: 0 0 4px 0px;
    min-height: 20px; */
    position: relative;
}

div.section div.head {
    border-bottom: 2px solid #00a8ff;
}

div.subsection div.head {
    border-bottom: 1px solid #00a8ff;
    margin-bottom: 2px;
}

div.subsection div.wide_left {
    padding-right: 100px;
}

div.section div.head h1 {
    padding: 0 80px 0px 20px;
    margin: 18px 0 0 -20px;
    font-size: 240%;
    line-height: 120%;
    background: url('../images/day/revealers_large.gif') no-repeat 0 -93px;
}

div.section div.head h2 {
    padding: 0 80px 2px 20px;
    margin: 14px 0 0 -20px;
    font-size: 200%;
    line-height: 120%;
    background: url('../images/day/revealers_large.gif') no-repeat 0 -93px;
}

div.section h3 {
    font-size: 160%;
}

div.section h4 {
/*    font-size: 140%; */
}

div.section h5 {
/*    font-size: 120%; */
}

div.section.open div.head h1,
div.subsection.open div.head h2 {
    background-position: 0 -93px;
}

div.section.open div.head:hover h1,
div.subsection.open div.head:hover h2 {
    color: #30b8ff;
    cursor: pointer;
    background-position: 0 -143px;
}

div.section.shut div.head h1,
div.subsection.shut div.head h2 {
    background-position: 0 7px;
}

div.section.shut div.head:hover h1,
div.subsection.shut div.head:hover h2 {
    color: #30b8ff;
    cursor: pointer;
    background-position: 0 -43px;
}

div.section div.head a.top {
    position: absolute;
    bottom: 4px;
    right: 0px;
    padding: 0px 20px 0px 0;
    margin: 0px;
    width: 25px;
    text-align: right;
    font-size: 10px;
    height: 16px;
    color: #333;
    text-decoration: none;
    background: url('../images/day/top.gif') no-repeat 28px 3px;
}

div.subsection div.head span.top {
    position: absolute;
    display: block;
    bottom: 4px;
    right: 0px;
    padding: 0;
    margin: 0;
    width: 120px;
    text-align: right;
    font-size: 10px;
    height: 16px;
    color: #888;
    text-decoration: none;
}


div.section div.head a.top:hover {
    color: #30b8ff;
    background-position: 28px -21px;
}

div.section div.head a.open, 
div.section div.head a.shut,
div.subsection div.head a.open, 
div.subsection div.head a.shut {
    display: none;
}

div.section div.body {
    display: block;
    padding: 10px 0 20px 0;
}

div.subsection div.body {
    display: block;
    padding: 5px 0 10px 0;
    margin-bottom: 2em;
}

div.section.shut div.body,
div.subsection.shut div.body {
    display: none;
}

div.news {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

div.news div.body {
    padding: 0;
    margin: 0;
}

div.news div.body p {
    padding: 0 0 5px 0;
    margin: 0;
}

div.news p a.more {
    display: block;
    clear: left;
    color: #888;
    font-style: italic;
    font-size: 12px;
    padding-left: 0px;
    text-decoration: none;
}

div.news p a.more:hover {
    color: #30b8ff; 
    
}
/*------------------------------------------------------------------------
 * css/pod.css
 *   Defines CSS styles for POD markup rendered as HTML.
 *   Written by Andy Wardley http://wardley.org/
 *------------------------------------------------------------------------*/

/*  background: transparent url('../images/day/ground.gif') repeat-x right 70px;
    background: #000 url('../images/badger_80x100.gif') no-repeat 10px 5px;
  opacity(0.70)
 */
 
div.pod p {
  margin: 0px 0px 10px 0px;
}

div.pod pre {
  padding: 1em 1em 1em 1.4em;
  border: 1px solid #ddd;
  background-color: #eee;
  font-size: 140%;
  color: #444444;
  margin: 0.5em 0 1.5em 20px;
}

div.pod pre span.tt,
pre.tt span.tt {
    font-weight: bold;
    color: #00a;
}



/*------------------------------------------------------------------------
 * end of css/layout.css
 *------------------------------------------------------------------------*/
table.mailman {
    margin: 10px;
    border: 1px solid #00a8ff;
}

table.mailman td {
    font-size: 14px;
    padding: 2px 4px;
}

table.mailman td.key {
    background-color: #ddd;
    border: 1px solid #ccc;
    text-align: right;
    width: 50%;
}

table.mailman td.value {
    background-color: #f0f0f0;
    width: 50%;
    border: 1px solid #ddd;
}

table.mailman td.value input {
    background-color: #fafafa;
/*    border: 1px solid #00a8ff; */
}

table.mailman td.value input:focus {
    background-color: #fff;
/*    border: 1px solid #30b8ff; */
}

table.mailman td.info,
table.mailman td.question {
    background-color: #f0f0f0;
    font-size: 14px;
    border: 1px solid #ddd; 
    padding: 4px;
    color: #444;
}

table.mailman td.info {
    text-align: center;
}

div.mailadmin {
    border-top: 1px solid #00a8ff;
    margin: 10px 10px 0 10px;
    font-size: 1em;
}

a.download {
    font-size: 14px;
    text-decoration: none;
}