/***********************************************/
/* Bareword style sheet -- redesign April 2008 */
/***********************************************/

*	{
        margin: 0;
        border: 0;
        padding: 0;
        }

/* Page elements ********************************************************/

body	{
	background-color: black;
        font-size: 100%
	}

#bareword {
        position: absolute;
	top: 30px;
        left: 20px;
        z-index: 0;
	}

#page 	{
        position: absolute;
        left: 320px;
        right: 50px;
        top: 30px;
        margin-bottom: 30px;
        min-height: 80%;
        padding: 3em;

        border-style: solid;
        border-width: 1px;
        border-color: black;

	background-color: white;
	}

#titlebar {
        background-color: #00cc00;
        position: absolute;
	top: 240px;
        left: 0px;
	right: 0px;
        height: 30px;
	}

/* Content *************************************************************/

p	{ margin-bottom: 1em; }

/* hr	{ background-image: url(/images/ornaments/upbar.png);
          text-align: center;
          z-index: -3;
          width: 280px;
	  height: 24px;
          margin-top: 1em;
          margin-bottom: 1em; } */

hr	{ margin-top: 1.6em;
          margin-bottom: 1.6em; 
          height: 6px;
          color: white;
          border-top: 1px;
          border-bottom: 2px;
          border-color: black;
          border-style: solid;
          clear: both;
        }

/* h1	{ font-size: 130%; margin-bottom: 1em; } */

h1 	  {
          font-size: 180%;
          font-weight: bold;
          line-height: 1.0;
          margin-bottom: 1em;
          color: #009900;
          }

h2	  {
          font-size: 140%;
          margin-bottom: 1em;
          color: #009900;
          }

h3	  {
          font-size: 100%;
          font-weight: bold;
          margin-bottom: 0;
          color: #009900;
          }

a       {
        color: #333333;
        }

dl	{ margin-bottom: 1em; }
dd	{ margin-bottom: 1em; }

dl.faq dt { font-style: italic; }
ul.faq li { font-style: italic; }

li      { list-style-type: none; }

dd      { text-indent: 1em; }

input, textarea
        {
        border: 1px solid;
        margin: 3px;
        padding: 2px;
        }

/* Front page extra ********************************************************/

#gavinwork { width: 45%; float: left; text-align: left; }
#studentwork { width: 45%; float: right; text-align: right; }
.storylink { font-weight: bold; }

img.gavin {
	float: right;
	}

#navbar a img {
        border: 0;
        margin: 0;
        padding: 0;
        }

#page   {
	font: normal 1em/1.2em "Trebuchet MS", "Verdana","Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Arial, Helvetica,sans-serif;
        color: #333333;
        text-align: left;
	margin-left: 24px;
        margin-right: 24px;
	margin-top: 24px;
	margin-bottom: 12px;
	}


#footer {
        background: #858585;
	}

/* Paragraph spacing ****************************************************/


span.highlight
        {
        color: #ed2232;
        font-weight: bold;
        }  

a       {
        border-width: 0;
        }