/* main */
body {background: Black no-repeat fixed top right; font: 16px "Lucida Sans Unicode", sans-serif; margin: 0; padding: 0;}
img {border: none;}

#left {display: none; float: left; margin: 0; padding: 25px 0 0 50px;}

#pullout {border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; background: Lavender; border: 15px solid DarkSlateBlue; color: DimGray; line-height: 1.5em; padding: 0.5em 1.75em; width: 480px; }
#pullout h1 {color: DarkSlateBlue; font: 3.5em Cabin, "Century Gothic"; letter-spacing: 2px; margin: 10px 0 0 0;}
#caption { font-style: italic; }
#pullout a, #pullout a:visited {color: DarkSlateBlue; font-weight: bold; text-decoration: none;}
#pullout a:hover {color: Purple; text-decoration: underline;}

#social, #social a {color: white; font: normal small-caps normal 48px; margin-top: 15px; text-align: left; text-decoration: none; width: 600px;}
#social h2 {font: 2.5em "Century Gothic"; font-variant: small-caps; margin: 0; padding: 0;}
#social ul {list-style: none; margin: 0; padding: 0;}
#social ul li {float: left; height: 48px; margin: 0 5px 0 0; padding: 0; width: 48px;}
#social ul li.newline {clear: left;}
#social ul li img {height: 48px; margin: 0; padding: 0; text-align: center; vertical-align: middle; width: 48px;}
#social ul li.arrow {font: 48px "Impact"; text-align: center;}
#social br {clear: both;}

#right {background: Black url('images/bg_purple.jpg') no-repeat fixed top right; display: none; height: 100%; margin: 0; padding: 0; position: absolute; right: 0; top: 0;  width: 633px; z-index: -1;}
#right img {margin: 0; padding: 0;}

/* tool tips */
#tooltip {background-color: #eee; border: 1px solid #111; padding: 5px;
opacity: 0.85; position: absolute; z-index: 3000;}
#tooltip h3, #tooltip div { margin: 0; }