* { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-family: Trebuchet MS, Arial, sans-serif; font-size: 13px; color: white; }
body { background: #222; padding: 10px 50px 50px 50px; }

#WormholeNotice { text-align: center; }
#scanner { display: block; margin-top: 20px; }
#scanner img { border: none; }


.Copyright { width: 100%; text-align: center; font-size: 10px; color: #888; margin: 10px; }
#AndoniaBlock { width: 100%; text-align: center; }
.Header { width: 100%; text-align: center; font-size: 30px; font-style: italic; font-weight: bold; margin: 10px; color: #DDD; letter-spacing: 12px; }
.CreatureFrame { position: relative; width: 700px; margin: auto; border-style: solid; border-width: 3px 10px 4px 7px; border-color: #CCC #999 #777 #888; background: #333; text-align: center; margin-bottom: 20px; }
.CreatureFrame div.Date { font-size: 15px; font-weight: normal; font-family: Trebuchet MS, Arial, sans-serif; text-align: left; margin: 6px 0 0 20px; color: #999; }
.CreatureFrame div.Frame { width: 640px; position: relative; border: 2px solid #888; padding: 0; margin: 4px 20px 20px 20px; background: #FFF; }
.CreatureFrame div.Caption { font-weight: normal; color: #DDD; text-align: center; margin-top: -10px; margin-bottom: 10px; }
.CreatureFrame div.Description { position: relative; width: 100%; height: 300px; overflow: auto; font-size: 16px; font-weight: normal; font-style: italic; margin: 0px; color: #DDD; border-width: 2px 0 0 0; border-style: solid; border-color: #BBB; padding: 6px; letter-spacing: 2px; line-height: 25px; text-align: left; padding-left: 80px; background: #444 url(images/book.png) no-repeat 10px 10px; }
.CreatureFrame div.Description p { margin: 12px 0 12px 0; line-height: 22px; }
.Small { font-size: 11px; font-style: italic; }
.Week { font-size: 20px; letter-spacing: 8px; }

.NewsHeader { width: 100%; font-size: 16px; font-weight: bold; font-style: italic; text-align: left; margin: auto; color: #DDD; border: 1px solid #999; background: #333; padding: 6px; }
.Announcement { width: 600px; font-size: 14px; font-style: italic; letter-spacing: 2px; line-height: 25px; text-align: justify; margin: 30px auto 30px auto; color: #DDD; }
.NewsAnnouncement { width: 100%; font-size: 13px; letter-spacing: 2px; line-height: 20px; margin: 4px; font-weight: normal; color: #DDD; }
.NewsAnnouncement p { margin-top: 15px; }

.Sidebar { position: absolute; top: 250px; right: 10px; width: 100px; border: 2px solid #999; border-bottom: 4px solid #555; background: #DDD; padding: 10px; text-align: left; }
.SideHeader { font-size: 14px; margin-bottom: 10px; font-weight: bold; font-style: italic; color: #333; }
.MenuItem { display: block; font-size: 12px; margin-bottom: 6px; color: black; font-style: italic; text-align: center; text-decoration: none; }
.MenuDivider { width: 100%; border-top: 1px solid #555; height: 1px; overflow: hidden; margin: 10px 0 10px 0; }
.Active { border: 1px solid black; background: #EEE; }
.Disabled { color: #AAA; }

/* Special effect styles */
.ExtraImage { position: absolute; margin: 32px 0 0 22px; }