/*
   Pacific Media Expo
   black-gold CSS-XHTML overhaul layout
   by Christine Cheung (mail_deposit@yahoo.com)

   suggested fonts: arial, times, georgia, helvetica
*/

/* HTML modifications */

body {
   background: #000000 url(header-bg.jpg) top repeat-x;
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   margin: 0 auto;
   }

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
  margin: 0px 0px 3px 0px;
}

h3 {
   font-size: 18px;
   color: #CC8E22;
   margin: 0px 0px 3px 0px;
   }
   
h4 {
    font-size: 12px;
    color: #FFCC66;
    }
    
a {
   text-decoration: none;
   }

a:link {color: #FFCC66; }
a:visited {color: #FFAA66; }
a:hover {color: #FFFF99; }
a:active {color: #FF99FF; }

/* CSS classes */

#header {
   width: 850px;
   height: 50px;
   background: transparent url(header.jpg) top left no-repeat;
   padding: 0px;
   margin: 0px;
   }

.orange {
   font-weight: bold;
   color: #CC8E22;
   display: inline;
   }

.htop {
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   text-align: right;
   padding: 5px;
   margin-right: 10px;
   float: right;
   }

/* menu image over navigation */
#menu {
   width: 850px;
   height: 26px;
   background: transparent url(menu.jpg) top left no-repeat;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   position: relative;
   }
#menu li {
   margin: 0px;
   padding: 0px;
   list-style: none;
   position: absolute;
   }
#menu a {
   height: 26px;
   display: block;
   text-indent: -10000px;
   }

/* widths: width of the element link
   left side: from left of menu
   -Xpx -Ypx
   X: px from the left
   Y: px from the top (always 26 in this case to realign to lower half of image for hover)
*/
#location { left: 8px; width: 78px; }
#location a:hover { width: 78px; background: url(menu.jpg) -8px -26px no-repeat; }
#registration { left: 95px; width: 95px; }
#registration a:hover { width: 95px; background: url(menu.jpg) -95px -26px no-repeat; }
#guests { left: 192px; width: 60px; }
#guests a:hover { width: 60px; background: url(menu.jpg) -192px -26px no-repeat; }
#events { left: 255px; width: 54px; }
#events a:hover { width: 54px; background: url(menu.jpg) -255px -26px no-repeat; }
#music { left: 315px; width: 50px; }
#music a:hover { width: 50px; background: url(menu.jpg) -315px -26px no-repeat; }
#cosplay { left: 370px; width: 75px; }
#cosplay a:hover { width: 75px; background: url(menu.jpg) -370px -26px no-repeat; }
#exhibits { left: 445px; width: 62px; }
#exhibits a:hover { width: 62px; background: url(menu.jpg) -445px -26px no-repeat; }
#industry { left: 509px; width: 73px; }
#industry a:hover { width: 73px; background: url(menu.jpg) -509px -26px no-repeat; }
#downloads { left: 583px; width: 100px; }
#downloads a:hover { width: 100px; background: url(menu.jpg) -583px -26px no-repeat; }
#press { left: 688px; width: 47px; }
#press a:hover { width: 47px; background: url(menu.jpg) -688px -26px no-repeat; }
#community { left: 737px; width: 95px; }
#community a:hover { width: 95px; background: url(menu.jpg) -737px -26px no-repeat; }

#container {
   margin: 5px;
   width: 850px;
   }

/* regular image border */
#container img {
   border: 3px solid #393939;
   margin: 5px;
   }

/* welcome, news & updates */

.frontbox {
   text-align: justify;
   width: 385px;
   padding: 15px; 
   float: left;
   }
.framebox {
   padding: 5px;
   border-style: solid;
   border-width: 2px;
   border-color: gray;
   }

/* classes for index */

.left {
   float: left;
   }

.right-img {
   float: right;
   }

.description {
   font: 14px Verdana, Arial, Helvetica, sans-serif;
   }

.eventrow {
   width: 100%;
   padding: 0px;
   clear: both;
   }
.eventcol {
   text-align: justify;
   width: 385px;
   padding: 15px;
   float: left;
   }

.hotel {
   clear: both;
   }
.hotel-img {
   float: left;
   }
.hotel-info {
   padding: 0px 5px 20px 5px;
   float: left;
   }

.regText {
   font-size: 20px;
   font-weight: bold;
   }

#copyright {
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   width: 735px;
   border-top: dotted 1px #656563;
   padding: 5px 0px 5px 15px;
   clear: both;
   }

.LEGAL {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 75%;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #FFFFFF;
   }