/* Third attempt at transforming FG's stylesheet for The Smith's Forge    */

/* 2008-04-02 Malcolm Smith with help from WestCIV and Site Point:       */

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

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

/* 2008-08-26 New additions for image positioning  - SEE END OF FILE  */

/* 2008-09-09 More additions for <p> positioning                     */

/* 2008-09-26 Added blockquote > p and code styling                 */

/* 2008-10-06 Added span.font-arial styling                        */

/* YES, lots of this CSS is not relevant to this website (navbar, */

/*      header, thispage etc.) It may get stripped out one day.  */



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

/*

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 2%; }

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

   blockquote { margin-left:3em; margin-right:3em; }

/* WAS:

   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: #000000;

    color: #ff88ff;

/* WAS:

    color: #ee77ff;

*/

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

    font-size: 1.3em;

    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: #dd33ff;

    font-size: 2em;

    font-family: times, serif;

    font-style: italic;

    font-weight: bold;

    letter-spacing: 2px;

}



h2 {

    text-align: center;

    font-size: 1.7em;

}



h3 {

    text-align: center;

    font-size: 1.4em;

}



p {

    text-align: justify;

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

    font-size: 1em;

    line-height: 1.6em;

}



blockquote > p {

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

}



code {

    font-family: "bitstream vera sans mono", "andale mono", monaco, monospace;

}

a {

}

a:link {

    color: #0066ff;

/* WAS:

    color: #0033ff;

   AND BEFORE THAT:

    color: #0033cc; */

}

a:visited {

    color: #bb55ff;

/* WAS:

    color: #9933ff;

   AND BEFORE THAT:

    color: #6600cc; */

}

a:hover {

    color: #ff0099;

}

a:focus {

    color: #ffffff;

    background-color: #883399;

}

a:active {

    color: #ff0000;

    background-color: #3cc7f0;

}



#header {

    height: 1px;

    background-color: #000000;

    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: 1em;

}















#content {

    position: relative;

    width: 100%;

/*

    width:82%;

*/



/* WAS    width: 80%; */

/* WAS    width: 778px; */

/* WAS    width: 1004px; */

/* NEEDS  width: 1040px; to fit Performances pics side by side */

}















#navbar {

    position: absolute;



    width: 0px;

/*

    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: #000000;

    border-right: 1px #000000 solid;

    border-bottom: 1px #000000 solid;

    border-left: 1px #000000 solid;



    margin-left: 0px;

/*

    margin-left: 198px;

    padding: 10px;

*/

}









/* 2008-08-26 New additions for image positioning */

/* 2008-09-09 More additions for <p> positioning */





p.previousnext {

    text-align: center;

    font-weight: bold;

}



p.left {

    float: left;

    margin-right: 1em;

}



p.right {

    float: right;

    margin-left: 1em;

/*    margin-left: 10px; */

}



p.center {

    text-align: center;

}





img.left {

    float: left;

    margin-right: 1em;

}



img.right {

    float: right;

    margin-left: 1em;

/*    margin-left: 10px; */

}





span.font-arial {

    font-family: "arial, sans-serif";

    font-size: 1.2em;

}



span.font-helvetica {

    font-family: "helvetica, sans-serif";

    font-size: 1.2em;

}



span.font-verdana {

    font-family: "verdana, sans-serif";

    font-size: 1.2em;

}



span.font-times-new-roman {

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

    font-size: 1.2em;

}



span.font-courier {

    font-family: "courier, monospace";

    font-size: 1.2em;

}