/*Reziparium Home Page CSS Stylesheet*/

/*color scheme
black #ffffff
white #000000

light pink #fdcedd;
medium pink #fba2c0;
dark pink #ff85ae;

light grey #cccccc
medium grey #999999
dark grey #666666
dark dark grey #333333
*/

body
{background-color: #ffffff;
color: #000000;
font-family: Palatino, 'Palatino Linotype', Garamond, Times, 'Times New Roman', serif;
margin: 5px;
}

/* THESE ARE CONTAINED IN div#header */
/* Secret Underground Vegetarian Recipe Bunker */

div#header h1
{background-color: #fdcedd;
color: #000000;
letter-spacing: .1em;
margin-top: 0;
margin-bottom: 0;
padding: 3px 25px;
text-align: center;
}

img.left
{float: left;
margin: 5px 10px;
width: 37px;
}

img.right
{float: right;
margin: 5px 10px;
width: 37px;
}


/* Invincible Muffin Productions presents */
div#header h2
{background-color: #ffffff;
color: #000000;
font-size: 1em;
letter-spacing: .1em;
margin-top: 0;
margin-bottom: 0;
padding: 0;
text-align: left;
}

div#header h1 a:link {color: #000000; text-decoration: none;}
div#header h1 a:visited {color: #000000; text-decoration: none;}
div#header h1 a:focus {color: #ff85ae; text-decoration: none;}
div#header h1 a:hover {color: #ff85ae; text-decoration: none;}
div#header h1 a:active {color: #fba2c0; text-decoration: none;}

div#header h2 a:link {color: #000000; text-decoration: none;}
div#header h2 a:visited {color: #000000; text-decoration: none;}
div#header h2 a:focus {color: #ff85ae; text-decoration: none;}
div#header h2 a:hover {color: #ff85ae; text-decoration: none;}
div#header h2 a:active {color: #fba2c0; text-decoration: none;}

/* END div#header CONTAINER*/


/* CATEGORY HEADINGS and PAGE SUBTITLES */
h3
{background-color: #fdcedd;
color: #000000;
letter-spacing: .1em;
margin-top: 30px;
padding: 3px 5px 3px 20px;
width: 350px;
}

h3 a:focus {color: #000000;}
h3 a:hover {color: #000000;}
/* END CATEGORY HEADINGS */

/* NAV ELEMENTS */

/*Meyer sez float requires setting width */
div#sectionnav
{float: left;
margin: 15px 15px 15px 20px;
width: 350px;
}

.buttonbox
{background-color: #fdcedd;
border: solid 1px;
border-color: #fdcedd #ff85ae #666666 #666666;
margin: 0;
}

.buttonboxtop
{background-color: #fdcedd;
border: solid 1px;
border-color: #ff85ae #ff85ae #666666 #666666;
margin: 0;
}

/* NAV BOX LINK STYLES */

div#sectionnav a
{display: block;
text-decoration: none;
}

div#sectionnav a:link
{color: #000000;
background-color: #fdcedd;
}

div#sectionnav a:visited
{color: #000000;
background-color: #fdcedd;
}

div#sectionnav a:focus
{color: #000000;
background-color: #fba2c0;
}

div#sectionnav a:hover
{color: #000000;
background-color: #fba2c0;
}

div#sectionnav a:active
{color: #ff85ae;
background-color: #fdcedd;
}


#bottomnav
{font-size: 90%;
margin-top: 50px;
}


/* END NAV BOX LINK STYLES and NAV ELEMENTS*/

dl
{margin-bottom: 40px;
}

dt
{font-weight: 700;
}

dd
{margin-bottom: 20px;
}

/* CLASSES
.buttonbox and .buttonboxtop - nav boxes in #sectionnav
.left and .right for IMG in H1 only
.intro - in div containing intro text
.lists - in div containing dl lists
.testletter - CSS test for first letter in text of Reziparium home
.tocontents
*/


.intro
{margin-left: 20px;
}

.lists
{clear: both;
}

.testletter
{color: #ff85ae;
font-size: 2em;
font-weight: 700; 
}

.tocontents
{font-size: .75em;
margin-bottom: 40px;
}

a:link {color: #333333;}
a:visited {color: #ff85ae;}
a:focus {color: #fba2c0;}
a:hover {color: #fba2c0;}
a:active {color: #fba2c0;}