* {
margin: 0;
padding: 0;
outline: none;
list-style: none;
font-size: 1em;
}
body {
margin: 0;
padding: 0;
height: 100%;
background: #ddd url(background.png) 50% 0 repeat-x;
color: #000;
font: 13px/1.25em "Lucida Sans Unicode", "Lucida Grande", "Franklin Gothic Medium", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
#background {
position: absolute;
right: 0;
top: 0;
width: 100%;
width: expression(document.body.clientWidth < 770? "770px" : document.body.clientWidth > 905? "100%" : "905px");
min-width: 905px;
height: 350px;
background: url(sign.png) 50% 0 no-repeat;
}
#everything {
position: relative;
margin: 0 auto;
padding: 0 165px 0 70px;
width: 770px;
w\idth: 535px;
width: expression(document.body.clientWidth < 770? "535px" : document.body.clientWidth > 905? "670px" : "auto");
height: 100%;
text-align: justify;
}
*>#everything {
width: auto;
min-width: 535px;
max-width: 670px;
height: auto;
min-height: 100%;
}
#block {
float: right;
width: 50px;
height: 150px;
}
.home #block, .guests #block, .events #block, .panels #block, .gaming #block, .dealers #block, .consuite #block {
display: none;
}
a {
color: #096;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}
a:hover {
border-bottom: 1px solid #fd0;
background-color: #fd0;
color: #000;
}
a:hover img {
border-color: #009;
}
h1 {
position: absolute;
left: 5px;
top: 10px;
}
h1 a, h1 a:hover {
display: block;
border: none;
width: 50px;
height: 533px;
background: url(title.png) no-repeat;
text-indent: -9999px;
}
.home h1 a {
cursor: default;
}
h5 {
margin-bottom: 15px;
padding-top: 1em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 3px;
text-align: left;
}
h5 a {
border: none;
}
h5 span {
display: block;
line-height: 1.25em;
}
#line1 {
margin-left: 220px;
font-size: 1em;
}
#line2 {
margin-right: 25px;
font-size: .7em;
text-align: right;
}
#line3 {
margin-left: 300px;
font-size: .85em;
}
#menu {
position: absolute;
right: 10px;
top: 216px;
width: 140px;
font-size: .9em;
font-family: "Franklin Gothic Medium", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
line-height: 1em;
text-transform: uppercase;
}
#menu ul {
margin: 0;
padding-bottom: 10px;
text-align: right;
}
#menu li {
display: inline;
padding: 0;
background: none;
}
#menu a, #menu li:hover a:hover {
display: block;
position: relative;
margin-top: 1px;
padding: 5px;
width: 130px;
border: none;
background: #096 url(menu.png) 0 50% no-repeat;
color: #eee;
}
#menu #registration:hover a, #menu #guests:hover a, #menu #cosplay:hover a, #menu #events:hover a, #menu #faq:hover a, #menu #admin:hover a, #menu li:hover a {
background-image: url(menutitle.png);
background-position: 0 100%;
}
*>#menu #registration a, *>#menu #registration:hover a:hover, *>#menu #guests a, *>#menu #guests:hover a:hover, *>#menu #cosplay a, *>#menu #cosplay:hover a:hover, *>#menu #events a, *>#menu #events:hover a:hover, *>#menu #faq a, *>#menu #faq:hover a:hover, *>#menu #admin a, *>#menu #admin:hover a:hover {
background-image: url(menuexpand.png);
background-position: 0 50%;
}
#menu a:hover, #menu li:hover a:hover {
margin-left: -12px;
border-right: 12px solid #ddd;
}
.registration #menu #registration a, .location #menu #location a, .guidelines #menu #guidelines a, .volunteering #menu #volunteering a, .merchandise #menu #merchandise a, .photos #menu #photos a, .schedule #menu #schedule a, .guests #menu #guests a, .cosplay #menu #cosplay a, .events #menu #events a, .panels #menu #panels a, .amv #menu #amv a, .video #menu #video a, .gaming #menu #gaming a, .artists #menu #artists a, .dealers #menu #dealers a, .consuite #menu #consuite a, .calendar #menu #calendar a, .survey #menu #survey a, .faq #menu #faq a, .press #menu #press a, .contact #menu #contact a, .admin #menu #admin a, .home #menu #home a, *>#menu a:active, #menu a:focus {
margin-left: 0;
margin-right: 0;
background-color: #fd0;
background-image: url(menuactive.png);
color: #000;
cursor: default;
}
.registration #menu #registration a, .registration #menu #registration a:hover, .guests #menu #guests a, .guests #menu #guests a:hover, .cosplay #menu #cosplay a, .cosplay #menu #cosplay a:hover, .events #menu #events a, .events #menu #events a, .faq #menu #faq a, .faq #menu #faq a:hover, .admin #menu #admin a, .admin #menu #admin a:hover {
background-image: url(menutitleactive.png);
background-position: 0 100%;
}
#menu li ul {
display: none;
padding-bottom: 0;
border: 1px solid #096;
background-color: #ddd;
font-weight: normal;
font-size: .95em;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Franklin Gothic Medium", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
line-height: 1em;
text-transform: none;
}
.registration #menu #registration ul, .guests #menu #guests ul, .cosplay #menu #cosplay ul, .events #menu #events ul, .faq #menu #faq ul, .admin #menu #admin ul {
border-color: #fd0;
display: block;
}
#menu li:hover ul {
display: block;
}
#menu li ul a, #menu li:hover ul a, #menu li:hover ul a:hover {
margin: 0;
border-right: none;
padding: 2px 3px;
width: 132px;
background: transparent !important;
color: #096;
cursor: pointer !important;
}
#menu li:hover ul a:hover {
background-color: #d6d6d6 !important;
color: #000;
}
p {
/*clear: left;*/
margin: 15px 0;
}
h5+p:first-letter, h2+p:first-letter, h2+img+p:first-letter, h2+div+p:first-letter, h3+p:first-letter, h3+img+p:first-letter, h3+span+p:first-letter, .subtitle+p:first-letter {
font-size: 1.25em;
font-weight: bold;
}
.home h3+p:first-letter {
font-size: 1em;
}
#tagline {
position: absolute;
left: 65px;
top: 8px;
margin: 0;
width: 210px;
height: 50px;
background-image: url(tagline.png);
text-indent: -999em;
}
#photoblock {
float: left;
padding-top: 10px;
width: 300px;
}
#quote {
margin: -10px 0 0;
width: 300px;
w\idth: 270px;
padding: 10px 15px;
background-color: #096;
color: #eee;
font-size: .85em;
text-indent: -.3em;
}
#quote p {
margin: 0;
}
#quote span {
display: block;
margin: 0 -15px -10px;
padding: 32px 200px 10px 0;
background: url(quote.png) 0 12px repeat-x;
font-variant: small-caps;
text-align: center;
text-indent: 0;
white-space: nowrap;
}
#intro {
margin-top: 0;
font-size: .9em;
}
#intro span {
float: right;
width: 70px;
height: 115px;
}
.sign3 #intro span {
width: 50px;
height: 150px;
}
.sign4 #intro span {
width: 40px;
height: 105px;
}
.sign5 #intro span {
width: 25px;
height: 150px;
}
#intro:first-letter {
font-size: 1em;
font-weight: normal;
}
#latest {
margin-left: 315px;
/*width: 350px;
float: right;*/
}
#forumposts {
clear: right;
padding: 10px;
background-color: #d6d6d6;
font-size: .85em;
line-height: 1.25em;
}
.home #forumposts {
margin-bottom: 15px;
}
#forumposts * {
margin: 0;
overflow: hidden;
}
#forumposts h3 {
position: relative;
float: none;
margin-bottom: -1px;
padding-bottom: .2em;
color: #000;
font-size: 1em;
font-variant: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
#forumposts a {
border: none;
}
#forumposts h4 {
padding-top: .25em;
border-top: 1px solid #aaa;
font-size: 1em;
font-variant: normal;
text-align: left;
}
#forumposts small {
display: block;
padding-bottom: .3em;
font-size: .8em;
line-height: 1.5em;
text-transform: uppercase;
text-align: right;
}
*+.outer {
float: right;
position: relative;
display: inline;
margin-right: -155px;
border-left: 15px solid #ddd;
width: 31%;
}
.home img, .home .swfir {
display: block;
position: relative;
margin-top: -15px;
}
.home img {
visibility: hidden;
}
h2 {
margin: .4em 0;
color: #000;
font-size: 4em;
font-weight: bold;
line-height: .8em;
letter-spacing: -5px;
text-transform: lowercase;
text-align: left;
}
h3 {
/*clear: both;
padding-right: 2em;*/
margin-bottom: 15px;
border-bottom: 1px solid #096;
color: #096;
font-size: 1.5em;
font-weight: normal;
font-variant: small-caps;
line-height: 1.25em;
letter-spacing: 2px;
text-align: left;
}
*>h3 {
/*float: left;*/
}
html>/**/body h3 {
}
.location h3, .amv h3 {
clear: none;
}
h4 {
/*clear: left;*/
margin: 15px 0;
font-size: 1.15em;
font-weight: bold;
font-variant: small-caps;
}
.subtitle {
/*clear: left;
margin: -1px 0 0;
padding-right: 3em;
border-top: 1px solid #096;*/
margin: -15px 0 15px;
color: #096;
font-size: 1em;
font-weight: normal;
letter-spacing: 2px;
text-align: left;
}
*>.subtitle {
/*float: left;*/
}
html>/**/body .subtitle {
/*margin-top: -16px;
margin-bottom: 15px;*/
}
*>.off {
margin-top: -17px;
}
strong {
font-variant: small-caps;
}
sup {
font-size: .65em;
}
.sidebar {
float: left;
display: inline;
margin: 0 0 15px -60px;
padding: 10px 10px 10px 20px;
border-right: 15px solid #ddd;
width: 180px;
w\idth: 150px;
background: #ccc url(border.png) 5px 50% repeat-y;
font-family: "Franklin Gothic Medium", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
.sidebar * {
margin-top: 0;
margin-bottom: 0;
}
.registration .sidebar {
float: right;
margin: 0 -175px 15px 0;
border: solid #ddd;
border-width: 3px 0 3px 15px;
width: 225px;
}
.right {
float: right;
clear: right;
margin: -5px 5px 15px 15px;
}
.outer+.right, .outer+h3+p+.right {
clear: none;
}
.overflow {
clear: left;
overflow: hidden;
}
.overflow a {
border: none;
}
.overflow img {
width: 100%;
}
.location .overflow, .merchandise .overflow {
clear: none;
}
.location .overflow img, .merchandise .overflow img {
width: auto;
}
ul {
clear: left;
position: relative;
margin: 15px 0 15px 10px;
padding: 0;
list-style: none;
text-align: left;
}
ul ul {
margin-top: 0;
margin-bottom: 0;
}
.plain li, .plain {
background-image: none;
}
li {
padding-left: 10px;
background: url(list.png) no-repeat 0 .45em;
}
dl {
border-bottom: 1px solid #aaa;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 15px;
}
.pre-reg {
float: left;
margin-right: 3%;
padding-right: 3%;
border-right: 1px solid #aaa;
width: 51.5%;
}
.at-con {
float: left;
margin-top: -50px;
width: 42%;
}
.column {
float: left;
margin-right: 15px;
}
ul.column {
clear: none;
margin-top: 0;
width: 45.3%;
}
.jumpto {
margin: -7px 0 15px;
font-size: .85em;
text-transform: uppercase;
text-align: right;
}
.jumpto li {
display: inline;
padding-left: 0;
background-image: none;
}
.jumpto a {
margin-left: .5em;
border-bottom: none;
color: #096;
}
.jumpto a:hover {
color: #000;
}
#searchbox {
margin: 0;
float: right;
}
table {
clear: left;
margin: 0;
border: 10px solid #d6d6d6;
border-collapse: collapse;
background-color: #d6d6d6;
text-align: left;
}
.schedule table, .video table {
margin-bottom: 15px;
width: 99%;
table-layout: fixed;
font-size: .8em;
line-height: 1.25em;
}
.admin table {
margin-bottom: 15px;
width: 99%;
}
.admin #grid td {
font-size: .9em;
}
table a {
border-bottom: none;
}
.admin table a {
white-space: nowrap;
}
.admin #grid table a {
white-space: normal;
}
table form {
float: right;
margin-bottom: 1px;
}
.deletelink, .deletelink:hover {
display: inline;
float: right;
margin: 0 -.25em;
padding: 0 .25em;
border-bottom: none;
font-size: .85em;
font-weight: bold;
}
.applylink, .applylink:hover {
display: block;
border-bottom: none;
width: 6px;
background: url(submit.png) 100% 50%;
text-indent: -9999px;
}
.applylink:hover {
background-image: url(submithover.png);
}
th {
padding: 0 .2em;
border-bottom: 1px solid #096;
font-size: .85em;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
vertical-align: bottom;
}
.schedule th, .video th {
border-right: 1px solid #aaa;
}
.th {
font-size: .85em;
line-height: 1.45em;
letter-spacing: 1px;
text-transform: uppercase;
}
.schedule .th, .video .th {
border-right: none;
width: 3.25em;
text-align: right;
}
.room {
display: block;
padding-bottom: .25em;
font-size: .85em;
line-height: 1em;
letter-spacing: 0;
text-transform: none;
}
td {
padding: 0 .2em;
border-bottom: 1px solid #aaa;
vertical-align: top;
}
form td, .blank, .blank td, .schedule .blank, .video .blank {
border-top: none;
border-bottom: none;
}
.schedule .left, .video .left {
border-right: 1px solid #096;
width: 2.5em;
text-align: left;
}
.schedule td, .video td {
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
border-bottom: none;
}
.note {
font-size: .85em;
line-height: 1.4em;
}
.pages {
clear: left;
font-size: 1.15em;
font-variant: small-caps;
}
.gallery {
clear: both;
margin-left: 0;
font-size: .85em;
line-height: 1.25em;
}
.gallery li {
display: inline;
float: left;
margin: 2px 6px 10px 6px;
padding-left: 0;
width: 122px;
background-image: none;
}
.gallery a, {
padding: 0;
background: none;
}
.gallery img {
display: block;
border: 1px solid #096;
}
.gallery a:hover img {
margin: -2px;
border: 3px solid #fd0;
}
.previous {
float: left;
}
.next {
float: right;
}
.navigation, #photo {
clear: left;
text-align: center;
}
#photo img {
display: block;
margin: 0 auto;
border: 1px solid #000;
}
form {
background: url(submithover.png) no-repeat -999em -999em;
}
input, select, textarea {
border: 1px solid #aaa;
background: #eee url(input.png) 0 50% no-repeat;
font-size: 1em;
font-family: "Franklin Gothic Medium", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
input, textarea {
padding-left: 22px;
max-width: 645px;
}
table input {
margin: .1em 0;
width: 135px;
}
.merchandise table input {
width: auto;
}
.radio, .checkbox {
padding: none;
border: none;
background: none;
}
.location input {
padding-left: 0;
border: none;
width: auto;
background: none;
}
textarea {
overflow: auto;
background-position: 0 -11px;
}
.location textarea {
margin-bottom: 1px;
width: 23.25%;
height: 4em;
}
optgroup {
font-style: normal;
font-variant: small-caps;
}
option {
font-variant: normal;
}
label:hover input, input:hover, label:hover select, select:hover, label:hover textarea, textarea:hover {
border-color: #000;
}
label:active input, input:active, input:focus, label:active select, select:active, select:focus, label:active textarea, textarea:active, textarea:focus {
border-color: #000;
background-image: url(inputactive.png);
}
.error {
background-color: #fe9;
}
.hidden {
display: none;
}
.submit, button {
padding: .1em 1.5em .1em .25em;
border: none;
width: auto;
overflow: visible;
background: url(submit.png) no-repeat 100% 50%;
color: #eee;
font: bold .9em/1em "Franklin Gothic Medium", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
}
button {
text-align: left;
}
.location button {
margin-top: 1px;
width: 27.75%;
}
*>.location button {
width: auto;
max-width: 27.75%;
}
.submit:hover, button:hover {
background-image: url(submithover.png);
color: #000;
}
.submit:focus, button:focus {
background-image: url(submit.png);
color: #eee;
}
iframe {
border: 1px solid #aaa;
overflow: hidden;
}
.location iframe {
float: right;
margin: 0 0 1.5em 10px;
width: 70%;
height: 45em;
}
.admin iframe {
margin-bottom: 15px;
width: 98.7%;
height: 400px;
}
.bar, .barcaption {
float: left;
}
.bar div {
margin-right: 1px;
}
.bar3-day {
background-color: #00e13c;
}
.barplat {
background-color: #c1c1c1;
}
.barpanelist {
background-color: #55d7d7;
}
.barcaption {
height: 1.25em;
overflow: visible;
text-align: center;
}
h6 {
clear: both;
margin: 15px 0;
font-size: .8em;
font-weight: normal;
line-height: 1em;
text-align: left;
}
#mascots {
float: right;
margin: .25em 0 .25em 20px;
width: 300px;
height: 305px;
background-image: url(mascots.jpg);
margin: 0 0 15px 15px;
border-width: 6px 1px;
border-style: solid;
border-color: #c00 #009;
}
@media print {
h1 {
position: static;
font-size: 5em;
line-height: 1em;
}
h1 a {
width: auto;
height: auto;
letter-spacing: -5px;
text-transform: uppercase;
text-indent: 0;
}
#everything {
padding: 0;
width: 100%;
}
#menu {
display: none;
}
}