/*This is the main style sheet of kellyfineman.com website*/


body {

margin: 0;
background-color: #ffffff; 
font-family: georgia, verdana, arial, sans-serif;
}


a:link {
color: #335566; 
text-decoration: none;
}


a:visited {
color: #225577; 
text-decoration: none;
}

a:hover {
background-color: #77aa33;
color: #ffffff;
text-decoration: none;
}

a:active {
background-color: #553344;
text-decoration: none;
}


#header  {
color:	#ffffff;
background-color: #77aa33; 
font-size: 2.1em; 
text-align: center;
font-style: italic;
font-style: bold;
letter-spacing: 2px;

}


#navigation  {
color: #0033ff;
background-color: #4682b4; 
text-align: left;
padding: 10px; 
font-style: bold;
font-size: 1em; 

}

#bottomnavigation  {
color: #77aa33;
background-color: #4488bb; 
text-align: center;
padding: 10px; 
font-style: bold;
font-size: .9em; 
}


#nav1  {
width: 75px; 
background-color: #4400bb; 
font-size: 1.1em; 
font-style: none;
text-align: left;

padding: 10px;
position: absolute; 
top: 15px; 
left: 45px; 
z-Index:1
}

#nav2  {
width: 100px; 
background-color: #bb77dd;
font-size: 1.1em; 
font-style: italic;

text-align: center;
padding: 10px;
position: absolute; 
top: 65px; 
left: 5px; 
z-Index:2
}

#nav3  {
width: 90px; 
background-color: #aa1177;
font-size: 1.1em; 
font-style: bold;
text-align: right;
padding: 10px;

position: absolute; 
top: 115px; 
left: 45px; 
z-Index:4
}


#nav4  {
width: 85px; 
background-color: #44aadd;
font-size: 1.1em; 
font-style: italic;
text-align: center;
padding: 10px;

position: absolute; 
top: 175px; 
left: 20px; 
z-Index:5
}

#nav5  {
width: 80px; 
background-color: #ee8833;
font-size: 1.1em; 
font-style: bold;
text-align: right;
padding: 5px;

position: absolute; 
top: 225px; 
left: 55px; 
z-Index:5
}


#nav6  {
width: 90px; 
background-color: #55dd33;
font-size: 1.1em; 
font-style: italic;
text-align: center;
padding: 10px;

position: absolute; 
top: 305px; 
left: 10px; 
z-Index:7
}

#nav7  {
width: 90px; 
background-color: #bbbb55;
font-size: 1.1em; 
font-style: italic;
text-align: right;
padding: 10px;

position: absolute; 
top: 360px; 
left: 40px; 
z-Index:8
}

#nav8  {
width: 60px; 
background-color: #4499aa;
font-size: 1.1em; 
font-style: italic;
text-align: left;
padding: 10px;

position: absolute; 
top: 420px; 
left: 10px; 
z-Index:9
}

#counter  {
width: 60px; 
background-color: #ffffff;
font-size: 1.1em; 
font-style: italic;
text-align: left;
padding: 10px;

position: absolute; 
top: 520px; 
left: 10px; 
z-Index:9
}

h1 {
color:	#1177dd;
font-size: 1.6em; 
font-style: bold;
font-style: italic;
background-color: #ffffff; 
text-align: left;
letter-spacing: 3px;
padding:	10px;
position: absolute; 
top: 0px;  
left: 20px;
width: 510;
z-Index:2

}

h2 {
color:	#aa1177;
font-size: 1.2em; 
font-style: bold;
font-style: italic;
background-color: #ffffff; 
text-align: left;
letter-spacing: 3px;
padding:	10px;
position: absolute; 
top: 55px;  
left: 30px;
width: 300;
z-Index:2

}



#contentbox1  {
width: 430px; 
background-color: #ffffff;
color:  #666666;
font-size: 1em; 
font-style: none;
text-align: left;
padding: 4px;
border-top: solid #550011 0px;
border-bottom: solid #550011 0px;
border-right: solid #444444 0px;
border-left: solid #444444 0px;

position: absolute; 
top: 85px; 
left: 75px; 
z-Index:4
}



#contentbox2  {
width: 320px; 
color:		#666666;
background-color: #ffffff;
font-size: 1.3em; 
font-style: italic;
text-align: center;
padding: 10px;
border-top: solid #aa1177 10px;
border-bottom: solid #ee8833 10px;
border-right: solid #55aa11 15px;
border-left: solid #0099ff 15px;

position: absolute; 
top: 100px; 
left: 135px; 
z-Index:4
}

#contentbox2a  {
width: 550px; 
color:		#000000;
background-color: #ffffff;
font-size: 1em; 
font-style: none;
text-align: left;
padding: 10px;
border-top: solid #aa1177 10px;
border-bottom: solid #ee8833 10px;
border-right: solid #55aa11 15px;
border-left: solid #0099ff 15px;

position: absolute; 
top: 100px; 
left: 35px; 
z-Index:4
}


#contentbox3  {
width: 550px; 
background-color: #ffffff;
font-size: 1em; 
font-style: none;
text-align: left;
padding: 10px;
border-top: solid #aa1177 5px;
border-bottom: solid #ee8833 4px;
border-right: solid #4400bb 5px;
border-left: solid #77aa33 4px;

position: absolute; 
top: 105px; 
left: 35px; 
z-Index:4
}


/*contentbox3a is used for writingforchildren.html and kellyswritings.html*/

#contentbox3a  {
width: 560px; 
background-color: #ffffff;
font-size: 1em; 
font-style: none;
text-align: left;
padding: 10px;
border-top: solid #aa1177 5px;
border-bottom: solid #ee8833 4px;
border-right: solid #4400bb 5px;
border-left: solid #77aa33 4px;

position: absolute; 
top: 80px; 
left: 35px; 
z-Index:4
}

#introstyle  {
background-color: #ffffff;
color:	#444444;
font-size: 1em; 
font-style: none;
text-align: left;
padding: 6px;
border-top: solid #4400bb 0px;
border-bottom: solid #4400bb 0px;
border-right: solid #4400bb 0px;
border-left: solid #4400bb 0px;

}

#contentbox4  {
width: 550px; 
background-color: #ffffff;
font-size: 1em; 
font-style: none;
text-align: left;
padding: 8px;
border-top: solid #aa1177 5px;
border-bottom: solid #ee8833 4px;
border-right: solid #4400bb 5px;
border-left: solid #77aa33 4px;

position: absolute; 
top: 245px; 
left: 35px; 
z-Index:4
}



#picturebox2  {
width: 150px; 
background-color: #ffffff;
color:  #ee8833;
font-size: 1em; 
font-style: none;
text-align: center;
padding: 0px;

position: absolute; 
top: 325px; 
left: 235px; 
z-Index: 5

}


#picturebox1  {
width: 150px; 
background-color: #ffffff;
color:  #5599ff;
font-size: 1em; 
font-style: none;
text-align: center;

padding: 0px;

position: absolute; 
top: 365px; 
left: 400px; 
z-Index: 6

}




hr {
border: 0;
width: 90%;
color: #483d8b;
background-color: #483d8b;
height: 2px;

}

#copyright {
color:	#000000;
font-size: .7em; 
text-align: center;
}