/* =====================              greenest.css                 ====================== */
/* 
     Stylesheet for Greenest Before Dawn website  / Bart Anderson 
     2:36 AM 1/11/2005
*/


/* =========================== PAGE LAYOUT ================================ */
/*  setting up boxes and their borders.  from "little boxes" website  */


#banner {
                position: absolute ;
                top: 0 ; 
                left: 0 ;
                width: 700px; 
	margin: 20px 20px 0px 40px;
	padding: 10px 10px 10px 10px ;
                border: 2px solid #ffc;
	}
   
#content {
	position: absolute;
                top: 130px;
                left: 0;
	padding: 10px;
	margin-left: 40px ;
                margin-top: 0px; 
	width: 545px; 
	                                /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 545px;
	}
html>body #content {
	width: 545px;             /* ie5win fudge ends */
	}

#sidebar {
                position: absolute ;
                top: 120px ;
                left: 625px ;
	padding: 10px;
	margin: 0px;
	width: 140px; 
	                            /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 140px;}
html>body #sidebar {
	width:140px; 
	                            /* ie5win fudge ends */
	}

/* ==========================  SECTIONS  ============================= */
/*        #ffc  - nice off-white background. like parchment, from znet 
            #600 - dark red/brown - for text 
            #996  - dark khaki, for the background   
            #693  - dark yellow-green, for banner  
            #930  - dark red/brown - for links: hover   */

/*  set base font-size to 62.5% (which will = 1 em); then use em's in rest of
      style-sheet for defining font-size  */

body {font-size: 62.5%;  
          font-family:  verdana, georgia, "courier new", "comic sans",  monospace ;
           background: #996;  }


#banner {      background: #693;
                     color: #ffc ;    }


#content  {font-size:1.2em ;
                 line-height: 1.3em; 
	 background: #ffc;
                 color: #600 ;
                  padding-left: 20px;
                  padding-right: 20px ; }


#sidebar {font-size:1em ;
                 font-family: verdana, arial, "andale sans ui", sans-serif ;
                 background: transparent;  }

#sidebar a { display: block; }
	/* set display to block so that each link is on a different line */

	/*heading for links in sidebar  */
.link_head { font-weight: 800;             
                   margin-top:1em;    }




#footer {font-size:0.9em ;
               border-top: solid 1px ;  
               border-bottom:solid 1px; 
               text-align: center; 
            }   
#page_links { font-size: 1.6em;  
                      text-align: center;  } 
#page_date {   } 


/* =========================  ELEMENTS  =========================== */
.blog_entry { border-bottom: solid 1px #600;
                    padding-bottom: 15px; 
                    margin-bottom: 0;  }

h1 {font-size:2em ;
       margin-bottom: 9px;   }  

  /* have to size font for banner, since it is not a child of the div=content */
h1#banner_header {  font-size: 2.4em ;                                                      
                                  color: #ffc ;
                                  text-align: center;  }

h2 {font-size:1.6em ;
       margin-bottom: 8px;
       }  

h3 {font-size: 1.4em; 
       margin-bottom: 6px;    }  
	 /* h3 is used for date headings in the blog */


h3#banner_subheader { color: #ffc  ;                               
                                       margin: 0px; 
                                       padding: 0 ;
                                       font-style: italic;                                              
                                       font-size: 1.5em; 
                                        text-align: center; } 
       /* have to size font for banner, since it is not a child of the div=content,
            which is responsible for sizing everything else -- e.g. 1.2em */ 

h4 {            font-size: 1.2em;
                   margin-top: 8px;
                   margin-bottom: 8px;             
                    }   
	/* h4 is good for a title at the head of content, e.g. for the name of an essay */
                
h5 {            font-size: 1em;
                  font-weight: bold ;
                   margin-top: 10px ;
                   margin-bottom: 5px;            
                   line-height: 1em ;   
                    }
                  /* h5 is used for normal sub-headings in the blog and other text */

p { margin-top: 0 ; }

/*  summary style of paragraph, used for ? to break up text? */
  p.summary { border-top: solid 1px ; 
                   border-bottom: solid 1px; 
                   font-style: italic ; 
                    margin-top: 10px;
                    margin-bottom: 10px; }



a {text-decoration: none ;
             font-weight: bold ;
              color: #060  ; }

a:visited { color: #660 ; }
a:hover  { color: #930  ;
                  text-decoration: underline; }


/* defined figure to go in bio.  needs work if i'm going to use more figures */
div.figure {
  float: right;
  width: 30%;
  border: thin #996 solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-weight: bold ;
  text-indent: 0;
}


pre { font-size: 1.2em ;}

ul, ol  { margin-top: 0.5em ; }

	/* lists with no dots or numbers... for text */
.no_dot  {list-style-type: none; }
.no_dot li {margin-bottom: 7px; } 

	/* lists for links ... in the link farms */
ul.link  {list-style-type: none; 
            margin-top: -8px;} 
ul.link li {margin-bottom: 3px; } 

cite { font-weight : bold ; } 



table {    
              width: 500px; }
         /* otherwise the table will stretch the container box */

td {
  vertical-align: top ;
  font-size: 75% ;
  color:   #600 ; 
  }
        /* workaround for IE5 and other browsers, because these values 
            aren't inherited by table cells */