/*
   New Perspectives on JavaScript, 2nd Edition
   Tutorial 4
   Case Problem 4

   Author:   Tara Anderson
   Date:     3/1/2011
   Filename: mblog.css

   This file contains styles used in the dinnerplate.htm file.

*/

*  
{
padding: 0px; 
margin: 0px; 
line-height: 1.2;
}

body 
{
background-color: white; 
font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
font-size: 12px;
}

#page 
{
position: absolute; 
top: 0px; 
left: 10px; 
width: 900px;
}

a  
{
text-decoration: none; 
color: black;
}

p 
{
margin: 15px 0px;
}

#head 
{
width: 100%; 
height: 200px; 
background-color: white; 
margin-bottom: 10px; 
border-bottom: 2px solid rgb(183, 133, 0);
}

#head img 
{
float: left;
}

#head label
{
float: right; 
margin-top: 15px; 
margin-right: 10px;
}

#head input 
{
float: right; 
margin-top: 15px; 
background-color: ivory;
}

#main
{
float: left;
margin-left: 20px; z-index: 1;
width: 600px;
background-color: white; 
border-left: 2px solid rgb(183, 133, 0);
padding-left: 10px;
}

#main img
{
width: 200px;
}

#main ul
{
list-style-type: disc;
margin-left: 15px;
}

#main ol
{
list-style-type: 1; 
margin-left: 15px;
}

#main li 
{
line-height: 1.8;
}

#main h2
{
font-size: 24px;
letter-spacing: 3px; 
font-weight: bold;
margin: 20px 0px;
}

#main p 
{
margin: 25px 0px 0xp -20px;
}

#firstp
{
margin-top: 0px;
}

#firstp:first-line 
{
font-variant: small-caps;
font-weight: bold;
}

#firstp:first-letter 
{
float: left; 
font-size: 400%;
font-family: 'Times New Roman', serif;
line-height: 0.8; 
margin: 0px 5px 0px 0px;
}

#linkList
{
width: 225px;
background-color: rgb(223, 173, 40);
float: left;
} 

#linkList ul 
{
list-style: none; 
margin: 0px;
padding: 0px;
}

#linkList a 
{
font: bold 11px/16px arial, helvetica, sans-serif;
display: block; 
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb; 
margin: 0px;
padding: 2px 3px;
}

#linkList a 
{
color: black;
background-color: rgb(223, 173, 40);
text-decoration: none;
}

#linkList a:hover
{
color: white; 
background: rgb(0, 0, 255);
}

#linkList li
{
position: relative;
} 

#linkList ul ul ul 
{
position: absolute;
display: none;
top: 0px; 
left: 100%;
width: 100%;
}

#linkList .arrow 
{
position: absolute; 
left: 210px;
border-width: 0px;
}

#linkList .newGroup
{
border-top: 1px solid red; 
z-index: 2;
}

#linkList .slideMenu > a 
{
z-index: 2;
position: relative;
}

#box1, #box2 
{
float: left; 
width: 40%;
border: 1px solid black;
margin-right: 20px; 
padding: 5px;
background-color: rgb(243, 193, 60);
margin-top: 30px;
}

#box1 h2, #box2 h2
{
margin-top: 0px; 
font-size: 16px;
text-align: center;
border: 1px solid black; 
background-color: white;
}

#box1 li, #box2 li
{
font-size: 10px;
}