<?php header ('Content-Type: text/css '); ?>
/* 
   Design215.com CSS/102 stylesheet, v04.29.05 
   for poestories.com, PRINTING TEXT v06.30.05
   
   body
     #container
       #pagebody
         #titlebar
         #contentbg
           #contentbox
             #contenthead
             .column1a
           #endcap
         #footer
      

   Overall styles and classes for HTML elements 
   ----------------------------------------------------------------------------- 
*/
body {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000000;
  text-align:center; margin:0; padding:0;
  background:#ffffff;
}

  /* Separators to clear column floats */
  div.xclear {
    clear:right; height:1px; line-height:1px; 
    margin:0; padding:0;
  }
  div.xclearline {
    clear:both; height:1px; line-height:1px;
    margin:0 3px 0 1px; padding:0;
  }

  /* Sets the minimum height of the page content, or can be a column divider */
  div.minheight {
    position:relative; float:left; text-align:right;
    width:10px; height:400px; 
  }

table {
  width:100%;
  background:transparent;
}
table td {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000000; line-height:130%;
}
h1 {
  font-family:times new roman,times,serif; font-size:20px; color:#000000; letter-spacing:3px;
  margin:16px 4px 0 12px; padding:0;
}
  /* create an h1 for the left column for standards compliance so h2 doesn't come before h1 */
  h1.m1 {
    font-family:times new roman,times,serif; font-size:14px; font-weight:bold; color:#000000;
    margin:2px 2px 0 12px; padding:0; letter-spacing:3px;
  }
  /* titles of stories in text.php */
  h1.t1 {
    position:relative; text-align:center;
    font-family:times new roman,times,serif; font-size:20px; color:#000000;
    margin:2px 0 0 0; padding:0; letter-spacing:3px;
  }   
h2 {
  font-family:times new roman,times,serif; font-size:14px; font-weight:bold; color:#000000;
  margin:2px 2px 0 12px; padding:0; letter-spacing:2px;
}
h3 {
  position:relative; text-align:right;
  font-family:times new roman,times,serif; font-size:14px; font-weight:bold; color:#000000;
  margin:-12px 4px 0 0; padding:0;
}
p {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000000;
  margin:4px 2px 0 12px; padding:0;
}
  p.m1 {
    font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000000;
    margin:10px 2px 0 12px; padding:0;
  }
  p.p1 {
    font-family:verdana,helvetica,sans-serif; font-size:10px; color:#666666;
    margin:4px 2px 0 12px; padding:0; text-align:justify;
  }
  p.p2 {
    font-family:verdana,helvetica,sans-serif; font-size:11px; color:#000000; line-height:150%;
    margin:4px 4px 0 12px; padding:0;
  }
  p.poem {
    font-family:verdana,helvetica,sans-serif; font-size:11px; color:#000000; line-height:150%;
    margin:4px 4px 0 100px; padding:0;
  }
  p.r2 {
    text-align:right;
    font-family:verdana,helvetica,sans-serif; font-size:11px; color:#000000; line-height:150%;
    margin:4px 4px 4px 12px; padding:0;
  }
  /* date and author under each story */
  p.t1 {
    position:relative; text-align:center;
    font-family:times new roman,times,serif; font-size:14px; color:#000000;
    margin:0; padding:8px 0 4px 0; letter-spacing:3px; line-height:110%;
  }
    
a:link,
a:visited {text-decoration:none; font-weight:bold; color:#000099;}
a:hover {text-decoration:underline; font-weight:bold; color:#000099;}

  ul.alist {margin:0 0 0 12px; padding:0; list-style:none;}
  ul.alist li {
    margin-bottom:6px; padding:0 0 0 16px;  
    background:transparent url(images/bt5.gif) no-repeat;
  }
  
img {
  padding:0;
}
img.xpic {
  margin:1px 3px 3px 1px; padding:0;
  border:solid 1px #888888;
}

form {
  margin:0; padding:0 0 0 12px;
}
label.noshow {display:none;}
pre {font-size:12px; margin:0 0 0 12px;}
  pre.p2 {
    font-family:verdana,helvetica,sans-serif; font-size:11px; color:#aaaaaa; line-height:150%;
    margin:4px 4px 0 12px; padding:0;
  }
  
dl.alist {
  margin:0; padding:4px 0 0 0;
}
  dl.alist dt {
    font-family:verdana,helvetica,sans-serif; font-size:11px; color:#000000; line-height:150%;
    margin:0; padding:0 0 0 12px;
  }
  dl.alist dd {
    font-family:verdana,helvetica,sans-serif; font-size:11px; color:#000000; line-height:120%;
    margin:0; padding:0 0 6px 20px;
  }
  
acronym {border-bottom:dashed 1px #000000; cursor:help; font-weight:bold; color:#0000aa;}

/* 
   Styles for layout DIVs
   -----------------------------------------------------------------------------
*/

#container {
  position:relative;
  text-align:center; margin:0 auto 0 auto; padding:0;
}

  /* Page Header, full width of container */
  #pagehead {
    position:relative;
    text-align:center; margin:0; padding:0;
  }
    #pagehead div.navbar {
      position:relative;
      text-align:center; margin:0 auto 0 auto; padding:20px 0 0 0;
      font-family:verdana,helvetica,sans-serif; font-size:12px; color:#000000;
    }
    #pagehead p {
      display:inline;
      text-align:left;
    }
    #pagehead ul {
      display:none;
    }
  
  /* DIVs for navigation links */
  div.navlinks {display:none;}
  div.navlinks2 {display:none;}

  /* Page body, full width of container */
  #pagebody {
    position:relative;
    text-align:center; margin:0; padding:0;
  }

    /* Titlebar, content above content box */
    #titlebar {display:none;}

    /* Outer content box, defines outer width of content (use width:??px )*/
    #contentbg {
      position:relative;
      text-align:left; margin:0 auto 0 auto; padding:0; line-height:1px;
    }
      /* Inner content box for margins and a second background (do NOT define a width) */
      #contentbox {
        position:relative;
        font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000000; line-height:100%;
        text-align:left; margin:0; padding:0;
      }
        /* Content above columns */
        #contenthead {
          width:100%; margin:0; padding:0; line-height:1px;
        }
      
          /* Columns, set 1, create additional sets as needed */
          div.column1a {
            position:relative; width:600px; 
            margin:0; padding:0; 
          }
          
/* General purpose DIVs */

  /* accent line */
  div.xline {
    height:1px; line-height:1px;
    margin:3px; padding:0 0 3px 0;
    border-top:solid 1px #aaaaaa;
  }

/* Extra Styles for this site */
.xdash {border:1px dashed #000000;} 
.xred {color:#ff8800;} /* form errors */

.dash2 {
  position:relative; display:block;
  margin:0 0 4px 12px; padding:0 0 2px 0;
  border-bottom:1px dashed #888888;
}
.dash3 {  /* paragraph separator */
  position:relative; display:block; line-height:4px;
  margin:0 40px 4px 40px; padding:0;
  border-bottom:1px dashed #888888;
}

.xline {
  position:relative; display:block; line-height:4px;
  margin:0 2px 8px 12px; padding:0;
  border-bottom:1px solid #888888;
}
.xtitle {
  position:relative; text-align:center;
  font-family:times new roman,times,serif; font-size:20px; color:#dddddd; letter-spacing:3px;
} 
.xbig {  
  font-family:times new roman,times,serif; font-size:18px; font-weight:bold; color:#dddddd;
}
.xword {
  font-family:verdana,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#000000;
}

.xquote1 {
  font-family:serif; font-size:12px; color:#0d1117;
  background:transparent url(images/quote1.gif) no-repeat;
  padding:0 0 0 8px;
}
.xquote2 {
  font-family:serif; font-size:12px; color:#0d1117;
  background:transparent url(images/quote2.gif) no-repeat;
  padding:0 0 0 8px; margin:0 0 0 2px;
}

.counter {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#666666; 
}


/* Special Styles for Specific Stories */

/* Balloon Hoax */
.npr {
  display:block; text-align:center; color:#000000;
  font-family:times new roman,serif; font-size:14px; line-height:normal;
}
.hd1 {text-align:center; font-size:44px; font-weight:bold;}
.hd2 {text-align:center; font-size:36px; font-weight:bold;}
.hd3 {text-align:center; font-size:24px; font-weight:bold;}
.hd4 {text-align:center; font-size:18px; font-weight:bold;}