/* First attempt at transforming DIF's stylesheet for thesmith splash page */

/* 2008-04-12 Malcolm Smith with help from WestCIV, Site Point and others. */

/* http://westciv.com/style_master/academy/hands_on_tutorial/index.html    */

/* http://reference.sitepoint.com/css/                                     */



/* ############################################################################################### */

/*

Global White Space reset

http://leftjustified.net/journal/2004/10/19/global-ws-reset/

*/

* {

   padding: 0px;

   margin: 0px;

   }

   h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, address { margin:1em 5%; }

   li, dd { margin-left: 5%; }

/*

   h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }

   li, dd { margin-left: 5%; }

   fieldset { padding: .5em; }

*/

/* ############################################################################################### */





/* #f68127 is the orange on my AfroCouture waistcoat */

/* #f57e2e is a redder orange on my AfroCouture waistcoat */

/*   THESE GO NICE TOGETHER, and blue text is readable on them: */

/*   #fd8f2c is paler orange on my AfroCouture waistcoat */

/*   #fed46c is a nice soft yellow colour */



/* #fee46c is a brighter yellow colour */

/* #fee46f is a brighter yellow colour */



/*   THESE GO NICE TOGETHER, and blue text is readable on them: */

/*   #ffc20d is the vivid yellow-orange from Rowan's DIF logo sample */

/*   #fee46f is a brighter yellow colour */







/* #ee646c is a VERY FUNKY pale red colour WHICH MUST BE USED SOMEWHERE! */



body {

    background-color: #ee646c;

    color: #404080;

    font-family: Verdana, Helvetica, Arial, sans-serif;

    font-size: 1em;

    margin: 0px;

    padding: 0px;

}



/*

http://leftjustified.net/site-in-an-hour/

div#outer {

    width:94%;

    min-width:40em;

    max-width:70em;

}

*/



h1 {

    text-align: center;

    color: #000000;

    font-size: 2em;

    font-family: times, serif;

    font-style: italic;

    font-weight: bold;

    letter-spacing: 2px;

}



h2 {

    text-align: left;

    color: #000000;

    font: 1.5em/1.4 "times new roman", serif;

    text-decoration: none;

}



li {

    text-align: left;

    color: #000000;

    font: 1.5em/1.4 verdana, arial, helvetica, sans-serif;

    text-decoration: none;

}



h3 {

    text-align: center;

    font-size: 1.2em;

}



p {

    text-align: justify;

    font-family: verdana, arial, helvetica, sans-serif;

    font-size: 1em;

    line-height: 1.6em;

}



a {

/*    color: #0033cc; */

}

a:link {

    color: #0033cc;

}

a:visited {

    color: #6600cc;

}

a:hover {

    color: #ff0099;

}

a:focus {

    color: #ffffff;

    background-color: #883399;

}

a:active {

    color: #ff0000;

    background-color: #3cc7f0;

}



#header {

    height: 4em;

    background-color: #ffc20d;

    border-top: 1px #000000 solid;

    border-bottom: 1px #000000 solid;

    margin-top: 0px;

    padding-top: 0px;

    padding-right: 20px;

    padding-bottom: 20px;

    padding-left: 20px;

    font-family: "times new roman", serif;

    font-style: italic;

}



#header p {

/* Almost the same as h1 except not underlined */

    text-align: left;

    color: #000000;

    font-size: 1.8em;

    font-family: "times new roman", serif;

    font-style: italic;

    font-weight: bold;

    letter-spacing: 4px;

}



#header a {

    text-decoration: none;

}



#footer p {

    text-align: center;

    font-size: 0.8em;

}



#content {

    position: relative;

    width: 100%;

/* DIF   width: 1004px; */

/* WAS    width: 80%; */

/* WAS    width: 778px; */

}



#navbar {

    position: absolute;

    width: 198px;

    top: 0px;

    left: 0px;

}

#navbar ul {

    margin: 0px;

    padding: 0px;

}

#navbar ul li {

    list-style-type: none;

    margin: 0px;

}

#navbar ul li a:link, #navbar ul li a:visited {

    display: block;

    font-weight: bold;

    text-decoration: none;

    border-bottom: solid #000000 1px;

    padding-top: 3px;

    padding-bottom: 3px;

    padding-left: 20px;

}

#navbar ul li a:hover {

}

#thispage {

    background-color: #ffffff;

    display: block;

    font-weight: bold;

    text-decoration: none;

    border-bottom: solid #000000 1px;

    padding-top: 3px;

    padding-bottom: 3px;

    padding-left: 20px;

}



#maintext {

    position: static;

    background-color: #ffffff;

    border-right: 1px #000000 solid;

    border-bottom: 1px #000000 solid;

    border-left: 1px #000000 solid;

    margin-left: 198px;

    margin-right: 198px;

    padding: 10px;

}