/* kellymally.com site wide css document             */
/* crafted by Joel Lentz   */
/* last updated 20051108 by lentz           */


html {margin: 0; padding: 0;}
body {font: 11px Verdana, Arial, Helvetica, sans-serif;
   border-style: none;
   margin: 0; padding: 0;
   background: #b5c8da; color: black;
   behavior: url(/Library/csshover.htc)}
   
table {margin: 2em; table-layout: auto; border: 3px solid #808080; font-size: 100%; border-collapse: collapse;
      margin-left: auto; margin-right: auto;}
td {padding: 0.5em;  height: 2.5em; line-height: 2em;}
*.even {background-color: #aaaaaa;}
#col1 {font-weight: bold;}

h1 {font-size: 200%; border: 2px solid #336699;
   margin: 0; padding: 0.66em .33em 0.33em 0.33em;}
h2 {font-size: 150%}
h4 {font-size: 100%; padding: 0 0 0 3em;}
h3 {font-size: 133%; margin: 0 0 0 1em; padding: 1em 0 0.33em; 
   border-bottom: 1px solid #336699; font-style: oblique; 
   color: #336699;}
h1, h3, h4, h2 {line-height: 1em;}
p {line-height: 1.66em; margin: 1em 4em 1em 4em;}

img {border-style: none;}
a:hover {background: #dddddd;}
a.nohover:hover {background: none;}
a {padding: 3px; text-decoration: none;}

   
ul  {line-height: 1.5em; margin-left: 4em;}

.polaroid {padding: 5px; background-color: #ffffff; margin: 7px;}



div#mainnav { background-color: #336699;
	padding: 0.5em 0 2.5em 0; margin: 0; text-align: center; font-size: 160%; font-variant: small-caps;}
div#mainnav a {display: block; width: 15%; line-height: 1em; padding: 0.5em; float: left; clear: none;
   color: #ffffff; margin: 0 3% 0 3%; text-decoration: none; background: #003366;}
div#mainnav a:hover {background: #bbbbbb;}

div#title {margin: 0; padding: 0;
   height: 200px;
   background: #336699 url(/Library/BlueGradient.png) repeat-y top left;}
div#title p {margin: 0;}
div#title h2 {color: #003366; font: 275% 'Arial Black', Impact, sans-serif;}
div#title a {color: #ffffff; margin: 0 0.75em 0 0;
   text-decoration: none;}
div#title a:hover {background: #003366;}
div#title img {padding: 0; margin: 0;}

   
div#auxnav {position: absolute; top: 0.5em; right: 5px; 
   font-size: 120%; background-color: white; padding: 3px; margin: 0;}
div#auxnav a {border: 1px solid #003366; margin: 0 -3px 0 -3px;
   text-decoration: none; text-align: right; color: #003366;}
div#auxnav a:hover {background: #dddddd;}

   
div#entry {margin: 2em 10% 4em 10%; padding: 0;}


div#sidebar {background: #bbbbbb; color: #003366; 
   float: right; width: 270px; white-space: nowrap; margin: 2em -40px 10px 15px;
   border: 1px solid #003366;
   font-size: 11px; z-index: 11;}
div#sidebar h4 { color: #ffffff;
   background-color: #003366;  
   margin: 0; padding: 0.33em 0 .33em 0.5em; border-width: 0;}
div#sidebar h5 {
   font-size: 11px;
   font-weight: bolder; float: right;
   color: white;
   margin: 0.5em 1em 0em 1em;}
div#sidebar p {
   margin: 1em;}
div#sidebar p:hover {background: #dddddd; cursor: pointer;}
   
div#marque {background: url(/Library/platinum.gif) repeat-y;
   float: left; margin: 4em 1em; line-height: 1.10em; padding: 0.5em;
   border: 1px solid #003366; text-transform: uppercase; text-align: center;
   font: 200% 'Arial Black', Impact, sans-serif; z-index: 11;}
div#marque p {margin: 0; padding: 0;}

   
div#boxparagraph {margin: 2em 5em 1em 5em; padding: 1em; background: #eeeeee; border: 2px solid #555555;
    font: 14px 'Book Antiqua', Georgia, serif;}
div#boxparagraph h3 {font-size: 133%; margin: 0 0 0 1em; padding: 1em 0 0.33em; color: black; font-style: normal;
   border-bottom: 0px solid #336699;}
    
div#boxtwo {float: right; width: 50%; margin: 0em 3em 2em 1em; padding: 1em; background: #eeeeee; border: 5px double #555555;
    font: oblique 14px 'Book Antiqua', Georgia, serif;}
div#boxtwo p {line-height: 1.5em; margin: 1em 1.5em 1em 1.5em;}

div#signature { text-align: right; margin: 0 4em 2em 0;
	font: 140% 'Lucida Handwriting', 'Apple Chancery', cursive;}
   
div#footer { background-color: #336699; color: white;
	padding: 0.5em 0.2em 0.5em 0.5em; text-align: center; clear: both;
	font: 125%  Arial, Helvetica, sans-serif;}
div#footer p {display: inline; width: 24%; margin: 0 auto 0 auto; line-height: 1.2em; clear: none;}
div#footer a {color: #ffffff; margin: 0 0.75em 0 0;
   text-decoration: none;}
div#footer a:hover {background: #003366;}