a {color: #C6191D; text-decoration: none;} a:hover {color: #F2CDA2; text-decoration: underline;} html {height: 101%;} body {background : #000000;text-align: center;margin-top: 0px;} img {border: none;} h1 {font: bold 20px/20px Verdana, Arial, sans-serif;color: #C6191D;margin: 0px 0px 10px 0px;} h2 {font: bold 17px/18px Verdana, Arial, sans-serif;color: #DBA161;margin: 0px 0px 15px 0px;} h3 {font: bold 15px/16px Verdana, Arial, sans-serif;color: #DBA161;margin: 0px 0px 5px 0px;} h4 {font: bold 14px/18px Verdana, Arial, sans-serif;color: #F2CDA2;} h5 {font: bold 11px/15px Verdana, Arial, sans-serif;color: #C6191D;} p {font: 11px/15px Verdana, Arial, sans-serif; color: #F2CDA2; margin-bottom: 5px;} p.intro {font: 12px/17px Verdana, Arial, sans-serif; color: #F2CDA2; margin-bottom: 5px;} ul {font: 11px/17px Verdana, Arial, sans-serif;color: #F2CDA2;margin: 5px 0px 5px 30px;list-style : disc outside url(../images/common/bullet.gif);} ol {font: 11px/17px Verdana, Arial, sans-serif; color: #F2CDA2; margin-bottom: 10px;} li {font: 11px/17px Verdana, Arial, sans-serif;color: #F2CDA2;margin-bottom: 5px;} blockquote { margin: 10px 0px 10px 30px; } .container {margin-top: 0px;margin-left: auto;margin-right: auto;width: 980px;text-align: left;} .red {color: #C6191D;} .price {color: #C6191D;font-size: 140%;font-weight: bold;} /* === Header and Mask ===*/ div.header {position:relative;left:0px;top:0px;width:980px;height:310px;} div.mask1 {position:relative;left:0px;top:0px;width:252px;height:52px;} div.mask2 {position:relative;left:0px;top:0px;width:252px;height:163px;} div.mask3 {position:relative;left:0px;top:0px;width:252px;height:15px;} div.mask4 {position:relative;left:0px;top:0px;width:252px;height:50px;} div.mask5 {position:relative;left:0px;top:0px;width:252px;height:15px;} div.masthead {position:absolute;left:188px;top:44px;width:728px;height:163px;} .phonebar {float: right;width: 500px;margin-top: 20px;text-align: right;font : 13px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #F2CDA2;} .bigphone {font : bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #DBA161;} /* === Footer ===*/ #footer {display: block;position: relative;left: 0px;top: 15px;clear: both;width: 980px;text-align : center;border-top : 1px solid #C6191D;padding: 15px 0px 0px 0px;} #footer a {text-transform: uppercase;letter-spacing: 3px;text-decoration: none;} #footer a:hover {text-decoration: underline;} /* === Navigation Bar === */ #nav {width: 728px;height: 50px;background: url(../images/common/navbar.gif);margin: 0px 0px 0px 0px;padding: 0;position:absolute;left:252px;top:230px;overflow : hidden;z-index: 5;} #navhome li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #navhome li, #navhome a {height: 50px; display: block; text-indent:-9999px; overflow:hidden;} #navhome {left: 0; width: 81px;} #navcostumes {left: 82px; width: 108px;} #navstore {left: 190px; width: 128px;} #navevent {left: 318px; width: 86px;} #navcalendar {left: 404px; width: 103px;} #navabout {left: 507px; width: 104px;} #navcontact {left: 611px; width: 118px;} #navhome a:hover {background: transparent url(../images/common/navbar.gif) 0px -50px no-repeat ;} #navcostumes a:hover {background: transparent url(../images/common/navbar.gif) -82px -50px no-repeat;} #navstore a:hover {background: transparent url(../images/common/navbar.gif) -190px -50px no-repeat;} #navevent a:hover {background: transparent url(../images/common/navbar.gif) -318px -50px no-repeat;} #navcalendar a:hover {background: transparent url(../images/common/navbar.gif) -404px -50px no-repeat;} #navabout a:hover {background: transparent url(../images/common/navbar.gif) -507px -50px no-repeat;} #navcontact a:hover {background: transparent url(../images/common/navbar.gif) -611px -50px no-repeat;} /* === Buttons === */ #buttoncostume a {display: block; width: 251px; height: 31px; background: url(../images/home/button_costume.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #buttoncostume a:hover {background-position: 0 -31px;} #buttoncostume a:active {background-position: 0 -31px;} #buttonmasks a {display: block; width: 251px; height: 31px; background: url(../images/home/button_masks.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #buttonmasks a:hover {background-position: 0 -31px;} #buttonmasks a:active {background-position: 0 -31px;} #buttonfootwear a {display: block; width: 251px; height: 31px; background: url(../images/home/button_footwear.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #buttonfootwear a:hover {background-position: 0 -31px;} #buttonfootwear a:active {background-position: 0 -31px;} #buttonwigs a {display: block; width: 251px; height: 31px; background: url(../images/home/button_wigs.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #buttonwigs a:hover {background-position: 0 -31px;} #buttonwigs a:active {background-position: 0 -31px;} #buttonhats a {display: block; width: 251px; height: 31px; background: url(../images/home/button_hats.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #buttonhats a:hover {background-position: 0 -31px;} #buttonhats a:active {background-position: 0 -31px;} #buttonevents a {display: block; width: 251px; height: 31px; background: url(../images/home/button_events.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #buttonevents a:hover {background-position: 0 -31px;} #buttonevents a:active {background-position: 0 -31px;} #buttonaccessories a {display: block; width: 251px; height: 31px; background: url(../images/home/button_accessories.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #buttonaccessories a:hover {background-position: 0 -31px;} #buttonaccessories a:active {background-position: 0 -31px;} #buttoncharacters a {display: block; width: 251px; height: 31px; background: url(../images/home/button_characters.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #buttoncharacters a:hover {background-position: 0 -31px;} #buttoncharacters a:active {background-position: 0 -31px;} #buttonportraits a {display: block; width: 251px; height: 31px; background: url(../images/home/button_portraits.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #buttonportraits a:hover {background-position: 0 -31px;} #buttonportraits a:active {background-position: 0 -31px;} #buttonmystery a {display: block; width: 251px; height: 31px; background: url(../images/home/button_mystery.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #buttonmystery a:hover {background-position: 0 -31px;} #buttonmystery a:active {background-position: 0 -31px;} #buttonmakeup a {display: block; width: 251px; height: 31px; background: url(../images/home/button_makeup.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #buttonmakeup a:hover {background-position: 0 -31px;} #buttonmakeup a:active {background-position: 0 -31px;} #buttonseasonal a {display: block; width: 389px; height: 38px; background: url(../images/home/button_seasonal_timeless.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #buttonseasonal a:hover {background-position: 0 -38px;} #buttonseasonal a:active {background-position: 0 -38px;} /* === Home Page ===*/ #home #leftcolumn {position: relative;float: left;top : 0px;width : 410px;min-height : 200px;} #home #rightcolumn {position: relative;float: right;top : 0px;width : 555px;min-height : 200px;} #module1 {position: relative;top: 0px; left: 0px;width: 270px;} #module2 {position: relative;top: 0px; float: right;width: 270px;} #module3 {position: relative;top: 15px; left: 0px;width: 270px;} #module4 {position: relative;top: 15px; float: right;width: 270px;} #module5 {position: relative;top: 30px; left: 0px;width: 270px;} #module6 {position: relative;top: 30px; float: right;width: 270px;} .moduletext {float: right;width: 150px;} .moduleimage {margin: 0px 0px 8px 0px;} #searchbox {position: relative;top: 45px; left: 0px;width: 555px;} /* === Inside Pages ===*/ #inside #leftcolumn {position: relative;float: left;top : 10px;width : 220px;min-height : 200px;left : 10px;} #inside #rightcolumn {position: relative;float: right;top : 10px;width : 695px;min-height : 200px;padding: 0px 10px 0px 22px;border-left: 1px solid #333333;} .buttoncostume a { display: block; width: 200px; height: 30px; overflow: hidden; background: url(../images/common/acolumnbutton.gif) no-repeat 0 0; text-indent: 40px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; margin: 5px 5px 0px 0px; padding: 9px 0px 0px 0px; font-weight : bold; color : #F2CDA2; text-decoration: none; } .buttoncostume a:hover {background-position: 0 -50px;color: #FFFFFF;} .buttoncostume a:active {background-position: 0 -50px;color: #FFFFFF;} /* === Rounded Boxes === */ .t {background: url(../images/common/line_dot.gif) 0 0 repeat-x; width: 100%} .b {background: url(../images/common/line_dot.gif) 0 100% repeat-x} .l {background: url(../images/common/line_dot.gif) 0 0 repeat-y} .r {background: url(../images/common/line_dot.gif) 100% 0 repeat-y} .bl {background: transparent url(../images/common/bottomleft.gif) 0 100% no-repeat} .br {background: transparent url(../images/common/bottomright.gif) 100% 100% no-repeat} .tl {background: transparent url(../images/common/topleft.gif) 0 0 no-repeat} .tr {background: transparent url(../images/common/topright.gif) 100% 0 no-repeat; padding:10px} .clear {font-size: 1px; height: 1px} /*=== 3 Column List ===*/ /* separate lists from subsequent content */ div.outerwrap3col {margin-bottom: 15px;} div.wrapper3col { float: left;width:225px;} .outerwrap3col br {clear: left;} .outerwrap3col ol {margin: 0; padding: 0;} .outerwrap3col ol li { list-style-type: none;} .outerwrap3col ol li:before {content: counter(item) ". ";counter-increment: item;} .outerwrap3col ol li a {text-decoration: none;} .outerwrap3col ol li a:hover {color: #FFF; background-color: #A52A2A;} /*=== Events Page ===*/ #eventmodule1 {position: relative;top: 10px; left: 0px;width: 340px;} #eventmodule2 {position: relative;top: 10px; float: right;width: 340px;} #eventmodule3 {position: relative;top: 25px; left: 0px;width: 340px;} #eventmodule4 {position: relative;top: 25px; float: right;width: 340px;} .eventmoduletext {float: right;width: 220px;} .eventmoduleimage {margin: 0px 0px 8px 0px;} #eventbuttoncharacters a {display: block; width: 215px; height: 31px; background: url(../images/interior/button_event_characters.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #eventbuttoncharacters a:hover {background-position: 0 -31px;} #eventbuttoncharacters a:active {background-position: 0 -31px;} #eventbuttonportraits a {display: block; width: 215px; height: 31px; background: url(../images/interior/button_event_photo.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #eventbuttonportraits a:hover {background-position: 0 -31px;} #eventbuttonportraits a:active {background-position: 0 -31px;} #eventbuttonmystery a {display: block; width: 215px; height: 31px; background: url(../images/interior/button_event_mystery.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #eventbuttonmystery a:hover {background-position: 0 -31px;} #eventbuttonmystery a:active {background-position: 0 -31px;} #eventbuttonmakeup a {display: block; width: 215px; height: 31px; background: url(../images/interior/button_event_makeup.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #eventbuttonmakeup a:hover {background-position: 0 -31px;} #eventbuttonmakeup a:active {background-position: 0 -31px;} #contactmodule1 {position: relative;top: 10px; left: 0px;width: 340px;} #contactmodule2 {position: relative;top: 10px; float: right;width: 340px;} .contactmoduletext {font: 12px/15px Verdana, Arial, sans-serif; float: right;width: 320px;margin-left: 5px;} #contactmodule1 p {font: 12px/17px Verdana, Arial, sans-serif;} #contactmodule2 p {font: 12px/17px Verdana, Arial, sans-serif;}