body {margin: 0px; padding: 0px; background-color: black; font-family: helvetica; font-weight: bold;}

#facebookLike {position: absolute; top: 4px; left: 4px;}

#tweet {position: absolute; top: 29px; left: 4px;}

#googlePlusOne {position: absolute; top: 62px; left: 4px;}

#easelTop {margin-left: 225px; margin-right: 105px; height: 90px; text-align: center; background-image: url('../images/easelTop.jpg'); background-position: center; background-repeat: no-repeat;}

#skyscraperAd {position: absolute; top: 102px; left: 0px; padding: 4px; color: white;}

#externalLinksBottom {text-align: center;}

#canvas {background-color: white; margin: 0px; margin-left: 164px; margin-right: 40px; background-image: url('../images/canvasTexture.jpg');
/* webkit */
-webkit-border-radius: 8px;
/* Gecko */
-moz-border-radius: 8px;
/* CSS3 */
border-radius: 8px;
}

#submitYourOwn {z-index: 1; position: absolute; top: 100px; left: 170px; cursor: pointer;}

#submitForm {z-index: 2; visibility: hidden; position: absolute; top: 120px; left: 170px; width: 590px; height: 375px; border: ridge #666666 2px; text-align: center;}

#factQuoteForm {padding: 10px; background-image: url("../images/blackOpacity50.png"); height: 300px; color: white; text-shadow: #000000 2px 2px 3px; margin-left: 20px; margin-right: 20px;}
#formTitle {margin: 0px; margin-left: 32px; color: white; width: 460px; text-align: left;}
#factInput {width: 460px; height: 130px; background-color: transparent; color: white; text-shadow: #000000 2px 2px 3px; border: ridge 6px #333333; font-weight: bold; font-size: 16px;}
#charactersLeftDiv {margin-right: 42px; text-align: right; color: red;}
#bobSays {width: 380px; margin-left: 85px; text-align: left;}
#bobPic {text-align: left; position: absolute; top: 237px;}

#header {z-index: 1; margin-left: 65px; margin-right: 65px; text-align: center; position: relative; top: 30px;}
iframe {z-index: 1;}

.imgButton {cursor: pointer;}

#randomQuote {width: 100%;}

#content {}

ol {}
li {padding: 5px;}

#titleDiv {padding-top: 25px; padding-left: 10px; font-family: 'Brush Script MT', 'cursive'; font-size: 50px; font-weight: bold; color: red; text-shadow: #000000 2px 2px 3px;}

p {padding: 20px; padding-top: 0px; padding-bottom: 0px;}

#smallGif {text-align: right; padding: 20px;}

#easelBottom {margin-left: 225px; margin-right: 105px; height: 90px; text-align: center; background-image: url('../images/easelBottom.jpg'); background-position: center; background-repeat: no-repeat;}

#preloadImages {display: none;}

/* This is for link buttons that are white */
a.white {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
color: white;
text-decoration: none;
}
a.white:link {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
color: white;
text-decoration: none;
}
a.white:visited {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
color: white;
text-decoration: none;
}
a.white:hover {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
color: #ffff66;
text-decoration: none;
}
a.white:active {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
color: white;
text-decoration: none;
}

/* This is for link buttons that are black */
a.black {
font-weight: normal;
font-family: helvetica, arial, sans-serif;
color: black;
text-decoration: none;
text-shadow: none;
}
a.black:link {
font-family: helvetica, arial, sans-serif;
color: black;
text-decoration: none;
text-shadow: none;
}
a.black:visited {
font-family: helvetica, arial, sans-serif;
color: black;
text-decoration: none;
text-shadow: none;
}
a.black:hover {
font-family: helvetica, arial, sans-serif;
color: red;
text-decoration: none;
text-shadow: none;
}
a.black:active {
font-family: helvetica, arial, sans-serif;
color: black;
text-decoration: none;
text-shadow: none;
}