/* Start of CMSMS style sheet 'Ai-Kon 2010 Stylesheet' */
body {  background-color: #63c8d0; font-family: Helvetica; font-size: 0.8em; margin: 0; }

h1 { font-size: 1.8em; color: #d54a76; text-align: left; margin: 0; border-width: 0px 0px 3px; border-style: dotted; border-color: #d54a76; }
h2 { font-size: 1.4em; color: #d54a76; text-align: left; margin: 0; border-width: 0px 0px 3px; border-style: dotted; border-color: #d54a76; }
h3 { font-size: 0.8em; color: #d54a76; text-align: left; margin: 0; position: relative; z-index: 2; }
h4 { font-size: 1em; color: #d54a76; text-decoration: underline; text-align: left; margin: 0; position: relative; z-index: 2; }
h5 { font-size: 1.5em; color: #d54a76; text-align: center; margin-top: 0; position: relative; z-index: 2; }
.overlay { position: relative; z-index: 2; }

img { border: none; }

#holder { margin: 0 0 0px 0px; margin: 0 auto; max-width: 1024px; }
#container { position: relative; }

#header { position: relative; border: none; border-width: 1px; width: 100%; height: 220px; }
.logo { position: absolute; top: 20px; right: 120px; z-index: 2; }
#mascot { position: absolute; width: 346px; height: 776px; background-image: url(images/2010/aiko.png); left: 95px; z-index: 1; }
#stars_left { position: absolute; width: 90px; height: 73px; background-image: url(images/2010/stars_left.png); left: 30px; top: 25px; z-index: -1; }
#stars_right { position: absolute; width: 76px; height: 81px; background-image: url(images/2010/stars_right.png); right: 40px; top: 25px; z-index: -1; }

#navbar { text-align: left; position: relative; float: left; left: 5px; width: 130px; margin-bottom: 10px; z-index: 2; }
#navbar a:link { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#navbar a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#navbar p:hover { color: #FFFFFF; font-weight: bold; background-color: #df8297; }
#navbar a:active { color: #9087AC; font-weight: bold; text-decoration: underline; }

.nav_header { background-color: #df8297; font-weight: bold; }
.nav_header p { text-align: left; color: white; padding-left: 20px; padding-top: 8px; padding-bottom: 8px; margin-bottom: 3px; font-size: 1.1em; }
.navbox { background-color: #d54a76; padding-top: 5px; padding-bottom: 5px; }
.navbox p { padding-left: 20px; margin: 0 0 0 0; line-height: 1.5em; }

#ticketbar { text-align: left; position: relative; float: right; right: 5px; width: 130px; margin-bottom: 10px; }
#ticketbar a:link, a:visited { color: white; font-weight: bold; text-decoration: underline; }

.ticket_header { background-color: #df8297; font-weight: bold; }
.ticket_header p { text-align: left; color: white; padding-left: 20px; padding-top: 8px; padding-bottom: 8px; margin-bottom: 3px; font-size: 1.1em; }
.ticketbox { background-color: #d54a76; padding-top: 5px; padding-bottom: 5px; font-size: 1.2em; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.ticketbox p { padding-left: 20px; margin: 0 0 0 0; line-height: 1.5em; }
.currentprice { font-size: 1.3em; }
.currentprice p { background-color: #df8297; }
.ticketinfo { font-size: 0.6em; }

/* Image positioning and display stuff */
.img_right { float: right; border: 1px solid black; margin-left: 8px; margin-bottom: 8px; }
.img_left { float: left; border: 1px solid black; margin-right: 8px; margin-bottom: 8px; }
.img_right_noborder { position: relative; float: right; margin-left: 8px; margin-bottom: 8px; }
.mascot_thumbs { border: 1px solid black; margin: 5px; }

#mascot_spacer { position: relative; z-index: 2; float: left; width: 240px; height: 550px; }
#main_info { background-color: white; margin-top: -220px; margin-left: 145px; margin-right: 145px; padding: 220px 20px 20px 20px; }
#main_info a:link { color: #63c8d0; font-weight: bold; text-decoration: underline; }
#main_info a:visited { color: #63c8d0; font-weight: bold; text-decoration: underline; }
#main_info p { position: relative; z-index: 2; }
ul { position: relative; z-index: 2; }

/* #main_info { margin-left: 200px; padding: 0px 20px 20px 20px; } */

/* Use the .entry class for entries in the main info section */
#newsblock { position: relative; }
.entry { margin-top: 15px; }
.entry p { text-align: justify; line-height: 1.5; }
.pagenav { text-align: center; }
.subscript { font-size: 0.7em; clear: both; }
.rightclear { clear: right; }

/* Markup specifically for vendor images in the vendor page */
.vendors { text-align: center; }
.vendors img { border: 1px solid black; }

/* Markup for the tables in the registration section */
table { width: 250px; border: 1px solid black; border-collapse: collapse; margin-bottom: 20px; margin-left: auto; margin-right: auto; }
td { border: 1px solid black; }
td.price { width: 75px; text-align: center; }

/* Markup for the banner ads */
#adclearance { clear: both; }
#bottomad { text-align: center; clear: both; }
#bottomad img { border: 1px solid black; }
#sidead { text-align: center; margin-top: 15px; }
#sidead img { border: 1px solid black; }

#footer { clear: both; background-color: #d54a76; margin-left: 145px; margin-right: 145px; font-size: 0.9em; padding-top: 5px; padding-bottom: 5px; }
#footer p { text-align: center; margin: 0 0 0 0; color: white; font-weight: bold; }
#footer a:link, a:visited { color: white; font-weight: bold; text-decoration: underline; }
.validators { padding-top: 5px; }
/* End of 'Ai-Kon 2010 Stylesheet' */

