/*  Copyright (c)2008 TwinAct LLC (info@twinact.com). All Rights Reserved.
 *  Filename: hatch.css
 *  Description: Style sheet for Hatch
 */

body { background-color: #9683a8; text-align: center; font-family: Verdana, Geneva, Helvetica, sans-serif; margin-top: 70px; }
#sitebg { width: 875px; margin:0px auto; }
#header { }
#footer { text-align: right; }
#prop { float: right; width: 1px; height: 450px; }
#base { clear: both; height: 1px; overflow: hidden;}
#nav a { float: left; }
#nav span { float: left; }
#nav img { display: block; margin: 0px; padding: 0px; }

#content { clear: both; }
form { display: inline; margin: 0px;}

#entryformframe { width: 875px; height: 400px; background: url(./images/entrybg.gif); position: relative; }
#name { position: absolute; left: 32px; top: 60px; width: 300px; border: 0; background-color: #ffffff; }
#email { position: absolute; left: 32px; top: 127px; width: 300px; border: 0; background-color: #ffffff; } 
#title { position: absolute; left: 32px; top: 192px; width: 300px; border: 0; background-color: #ffffff; } 
#fakeupload { position: absolute; left: 32px; top: 258px; width: 210px; border: 0; background-color: #ffffff; }
#upload { position: absolute; left: 32px; top: 256px; width: 300px; border: 0; background-color: #ffffff; }
#homebtn { position: absolute; left: 0px; top: 500px; cursor: hand; cursor: pointer; }
#enterbtn { position: absolute; left: 50px; top: 500px; cursor: hand; cursor: pointer; }
#judgebtn { position: absolute; left: 100px; top: 500px; cursor: hand; cursor: pointer; }
#uploadbtn { position: absolute; left: 240px; top: 290px; cursor: hand; cursor: pointer; }

#eggimg { position: absolute; left: 387px; top: 28px; }
#verify { position: absolute; left: 395px; top: 300px; visibility: hidden;}
#yesbtn { position: absolute; left: 430px; top: 340px; visibility: hidden; cursor: hand; cursor: pointer; }
#nobtn { position: absolute; left: 525px; top: 340px; visibility: hidden; cursor: hand; cursor: pointer; }

#prizeframe { width: 875px; height: 400px; background: url(./images/prizebg.gif); position: relative; }
#goldlink { position: absolute; left: 200px; top: 246px; cursor: hand; cursor: pointer; }
#cup { position: absolute; left: 0px; top: 0px; }

body#rate { margin: 0px; }
#eggframe { float: left; width: 400px; height: 510px; background: url(./images/pictureframe.gif) center center no-repeat; position: relative; }
#egg2rate { position: absolute; left: 51px; top: 61px; }
#egginfo { position: absolute; left: 51px; top: 411px; width: 300px; color: #9683a8; text-align: center;  font-weight: bold;}

#eggtitle { color: #9683a8; font-weight: bold; } 
#creator { color: #333333; font-weight: normal; } 
    
div.gallery { border-left: 4px solid #9683a8; border-right: 4px solid #9683a8; border-bottom: 4px solid #9683a8; }
div.egg { border: 1px dotted #563d74; background-color: #ffffff; padding: 10px; font-size: 8pt; color: #9683a8; }
div.rateit a { font-weight: bold; color: #563d74; text-decoration: none;}
div.rateit a:hover { color: #9683a8; }

#neggs { font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 7pt; color: #333333; }
div.links { font-size: 7pt; color: #ffffff; margin-right: 10px; }
div.links a { color: #ffffff; }
div.links a { color: #563d74; }
span.hiddencolor { color: #9683a8; }