

html {
	background-color: #62615F;
	background-attachment: fixed;
	-o-background-size: 100% 100%;
	width: 100%;
	line-height: 1.375;
	background-image: url('http://arcanacon.org.168.ozpanelhosting.com/images/Arcanacon_ApocalypseSyd_BG.jpg');
	background-position: top center;
	background-repeat: no-repeat
}

body{margin: 0 auto; padding: 0 1em; position: relative;
 font-family: Tahoma, Helvetica, Trebuchet, "Trebuchet MS", "DejaVu Sans Condensed", Arial, "Century Gothic", sans-serif;
 color: white;
	min-width: 38em; text-align: center;
	width: 100%;
	min-height: 100%
}

body legend {color: white}
body .main legend {color: black}

body .main {color: black; margin-bottom: 1em}


li {padding-bottom: 0.6875em}
#rules ol, #beyondTheRules ol {list-style-type: disc}
#rules ol ol, #beyondTheRules ol ol {list-style-type: circle}

#IEBackground {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: -2}

@font-face {
    font-family: '28_days_laterregular';
    src: url('../fonts/28_days_later-webfont.eot');
    src: url('../fonts/28_days_later-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/28_days_later-webfont.woff') format('woff'),
         url('../fonts/28_days_later-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

#banner {text-align: center; font-size: 400%; font-weight: bold; color: #400000; letter-spacing: 0.1em; line-height: normal; white-space: nowrap;
	/*text-shadow: #daa520 0 0 10px;*/
	min-width: 160px;
	background-position: center;
	background-repeat: no-repeat;
	height: 1.1875em;
	text-shadow: white 0px 0px 10px;
	font-family: '28_days_laterregular'
}

.main{max-width: 40em; background-color: white; padding: 0 2em 1.375em; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0; text-align: justify;
	background-image: none
}
.main .section {padding-bottom: 1.375em}

#footer {background-color: darkgreen;
	text-align: center;
	margin-top: 0.625em; clear: both; position: relative; top: 1.041667em
}

#footer a {color: white}



.main, #footer, #art img {
	border-width: 0.25em; border-color: white; border-style: solid;
	border-radius: 1em
}

body .front {background: white; background: rgba(255, 255, 255, 0.4); color: black; border-color: transparent; text-shadow: white 0px 0px 10px
}
.front div {font-size: 1.25em}
.front div div {font-size: 1em}
body .front div:not(:first-of-type) {margin-left: 0; margin-top: 2.75em}

#navigation li a, #navigation li a:hover {color: white}

#footer form {display: inline-block; font-size: 78.125%; line-height: 1.71875; text-align: center}
#footer fieldset {border: none; padding: 0; margin: 0; display: inline-block; text-align: center; padding-left: 0.1em; padding-right: 0.1em}
#footer legend {font-weight: bold; display: inline; padding: 0; position: relative; top: 1px; margin-right: 1em}
#footer label {display: inline-block; width: 16.5625em; text-align: right}
#footer input[type='text'], #footer input[type='password'] {font-size: 100%; width: 10.75em}

div#background 
{
	position: fixed; width: 100%; height: 100%; left: 0; top: 0;
}

#navigation h2 {display: none}

h1 {padding: 0.34375em 0; margin: 0; font-size: 2em; line-height: 1.375}
h2 {font-size: 1.5em; padding: 0.458333em 0 0; line-height: 1.375; margin: 0 0 0 0}
p {margin: 1.375em 0 0 0}
p:first-child {margin-top: 0}
.main p:first-child {margin-top: 1.375em}
p.interstitial {margin-top: 0; font-style: italic}
p.interstitial + p {margin-top: 0}
blockquote {margin: 0.6875em 0 0.6875em 2.75em; padding: 0.6875em 0 0.6875em 0.6875em; background: #EFEFEF}
blockquote > p {margin-top: 0}
ol {margin: 0}
ol:first-child {margin-top: 1.375em}

a {color: #0000FF}
a:visited {color: #800080}
a:active {color: #EE0000}

a.footnoteRef {display: inline-block; padding: 0 0.5em; background: #EFEFFF}
a:visited.footnoteRef {background: #F7EFF7}
a:active.footnoteRef {background: #FEEFEF}

.banner {text-align: center}

.map {display: none; height: 480px}
.map > div {height: 480px}

#ratings dl, .eventData dl {margin: 0.6875em 0}
#ratings dl dt, .eventData dl dt {float: left; clear: left; font-weight: bold; padding: 0.6875em}
#ratings dl dd, .eventData dl dd {clear: right; margin-left: 0; padding: 0.6875em 0.6875em 0.6875em 2.75em}
#ratings dl dt:nth-of-type(even), #ratings dl dd:nth-of-type(even), .eventData dl dt:nth-of-type(even), .eventData dl dd:nth-of-type(even) {background: #EFEFEF}

.blurb h1 {text-align: center}
.blurb h1 + p {margin-top: 0}

.blurb .tagline {margin-top: 2.75em; font-family: Georgia, Cambria, "Calisto MT", Times, "Times New Roman", serif}
.blurb h1 + p.tagline {margin-top: 0}
.blurb .warning {font-family: Georgia, Cambria, "Calisto MT", Times, "Times New Roman", serif}

.blurb .eventData {text-align: center; margin-top: 1.3125em; width: auto; margin-left: auto; margin-right: auto; white-space: nowrap; position: relative}
.blurb .eventData div {display: inline-block; padding: 0.0625em; margin-top: 0.6875em; margin-bottom: 0.6875em}
.blurb .eventData dl {margin: 0.0625em; padding: 0.8125em 0em; display: inline-block; overflow: hidden; text-align: left; vertical-align: top; white-space: normal}
.blurb .eventData dl dt {float: left; clear: left; padding: 0em 0.6875em 0em 1em; width: auto; white-space: nowrap; font-weight: normal}
.blurb dl#facts dd {clear: right; margin-left: 0; padding: 0em 1em 0em 5.9375em}
.blurb dl#ratings dd {clear: right; margin-left: 0; padding: 0em 1em 0em 11.5em}
.blurb .eventData dl dt:nth-of-type(even), .blurb div#eventData dl dd:nth-of-type(even), .blurb #eventData dl dd:nth-of-type(even) span.base {background: #EFEFEF}
.blurb .eventData dl#ratings dd {text-indent: -2.75em}
.blurb .eventData dl#ratings dd.text {text-indent: 0; padding-left: 9.5em}
.blurb dl#ratings dd span.base {text-indent: 0; text-align: center; width: 1.25em; display: inline-block; padding: 0 0.5em; cursor: pointer}
.blurb .eventData dl#facts {padding-bottom: 0.8125em}
.blurb .author {text-align: center; font-family: Georgia, Cambria, "Calisto MT", Times, "Times New Roman", serif}
.blurb .organiser {text-align: center}

.blurb .eventData {display: table; border-collapse: collapse}
.blurb .eventData div { display: table-row}
.blurb .eventData div dl {display: table-cell; border: double black 3px}

ul.sponsors {list-style-type: none; padding-left: 0; clear: right; display: block; width: 100%; overflow: auto}
ul.sponsors li {float: left; padding-left: 10px; padding-right: 10px}
ul.sponsors a img {border: solid 0.125em}

.blurb .cancellationNotice {text-align: center; font-size: 300%; font-weight: bold}
.cancelled {text-decoration: line-through}

ol.stanza {list-style-type: none; margin-top: 1.375em}
ol.stanza li {padding: 0}

.placeholder {display: none}

ol.footnotes {font-size: 80%; margin-top: 1.65em}
ol.footnotes li {max-width: 40em}

#sectionNav {float: right; border: solid black 0.0625em; margin: 0.3125em 0 .3125em 0.9375em; padding: 1em; width: 100%; max-width: 16.9375em;}
#sectionNav h2 {font-size: 1.25em; margin: 0; line-height: 1.1em; padding: 0 0 1.1em}
#sectionNav ol {list-style-type: none; margin: 0; padding: 0}
#sectionNav ol ol {padding: 0}
#sectionNav li {padding: 0; text-align: left}
#sectionNav li li {padding-left: 1.375em}

#pageNav {float: right; border: solid black 0.0625em; margin: 0.3125em 0 .3125em 0.9375em; padding: 1em; width: 100%; max-width: 16.9375em; clear: right}
#pageNav h2 {font-size: 1.25em; margin: 0; line-height: 1.1em; padding: 0 0 1.1em}
#pageNav ol, #pageNav ul {list-style-type: none; margin: 0; padding: 0}
#pageNav ol ol, #pageNav ul ul {padding: 0}
#pageNav li {padding: 0; text-align: left}
#pageNav li li {padding-left: 1.375em}

.sidebar {float: right; border: solid black 0.0625em; margin: 0.3125em 0 0.3125em 0.9375em; padding: 1em; max-width: 16.9375em; clear: right}
.sidebar h2 {font-size: 1.25em; margin: 0; line-height: 1.1em; padding: 0 0 1.1em}
.sidebar h3 {font-size: 1.125em; margin: 0; line-height: 1.2222em; padding: 0 0 0.2222em; vertical-align: bottom}
.sidebar p, .sidebar p:first-child {margin-top: 0}
.sidebar p + p {margin-top: 1.375em}
.sidebar ul {margin: 0}
.sidebar li {padding: 0}
.main > .sidebar:first-child {margin-top: 0.9375em}
/*.sidebar {border-top-left-radius: 0; border-top-right-radius: 3em 1em; border-bottom-right-radius: 2em; border-bottom-left-radius: 3em 1em;}
.sidebar {box-shadow: -50px -50px 100px 0 #A60B0B, -5px -5px 100px 0 #A60B0B, inset -5px -5px 10px 5px #A60B0B}*/
/*.sidebar {background: url('../images/mayan-relief-border-top-left.png') top left no-repeat, url('../images/mayan-relief-border-bottom-right.png') bottom right no-repeat}*/

.sponsor, .trader, .convention, .supporter {margin-top: 2em; border-bottom: solid black thin; padding: 0 0 1em; overflow: auto}
.sponsor h3, .trader h3, .convention h3, .supporter h3 {font-size: 1.2em; max-width: 10.625em; min-width: 204px; display: block; float: left; text-align: center; vertical-align: middle; margin: 1em 0 0}
.sponsor h3 img, .trader h3 img, .convention h3 img, .supporter h3 img {display: block; vertical-align: middle; line-height: 100%}
.sponsor p, .trader p, .convention p, .supporter p {margin-left: 13.75em}

#menuOptions label {display: block}


.skip {display: none}

.print {display: none}
.noprint {display: block}

.phone {white-space: nowrap}
.ship {font-style: italic}
.redacted {text-decoration: line-through}

#print li {list-style-type: none}
#print legend {font-size: 1.5em; line-height: 1.375; font-weight: bold; padding: 0.458333em 0 0}
#print p {margin-bottom: 1.375em}
#print ul {margin-top: 0}
#print li {padding-top: 0.6875em; padding-bottom: 0}
#print fieldset {border: none; padding: 0}
#print input {}

.socialMedia {position: absolute}
.main .socialMedia {position: static; text-align: center; width: 100%}
.socialMedia label {white-space: nowrap}

.socialMedia > .fb_iframe_widget {display: block}
.socialMedia .provider {width: auto; overflow: visible; height: 20px; vertical-align: middle}
.socialMedia .fb_iframe_widget iframe {vertical-align: baseline; margin-top: 1px; top: -1px}
.main .socialMedia .provider {float: none; display: inline-block}
.socialMedia .provider {border-radius: 3px 3px 3px 0; padding: 2px 0 2px 2px}
.socialMedia .provider:hover {background: white}
.socialMedia .provided {display: inline-block; margin-right: 2px}

.socialMedia .control {float: left; margin-right: 2px}
.socialMedia .control a {height: 20px; width: 20px; display: block; vertical-align: middle; position: relative}
.socialMedia .control .actions {display: none; padding: 1px; margin: 0 0 0 -2px; list-style-type: none; border: none; font-size: 11px; clear: none; background: white; border-radius: 0 3px 3px 3px; position: absolute; width: 59px; z-index: 50}
.socialMedia .provider:hover .actions {display: block}
.socialMedia .control .actions input {font-size: 11px; clear: both; display: block; width: 100%}

.socialMedia .facebook a {background: url('../images/fb-button.png') no-repeat}
.socialMedia .twitter a {background: url('../images/twitter-button.png') no-repeat}
.socialMedia .googlePlus a {background: url('../images/googleplus-button.png') no-repeat}
.socialMedia .addthis a.icon {background: url('../images/addthis-button.png') no-repeat}

.main .socialMedia .provider:hover, .main .socialMedia .provider .actions {background: #EFEFEF}
.socialMedia .control:hover {z-index: 20}

.ChaosiumMasters {text-align: center; width: 200px}
.ChaosiumMasters * {font-size: 1.25em; font-weight: normal; font-family: "Viva STD"}

.Warmachine .banner {display: block; margin: 1.1875em auto 0.6875em}
.Warmachine img {border: solid 2px}
.Warmachine dt {margin-top: 1.375em; font-weight: bold}
.Warmachine dd {margin-left: 0}
.Warmachine .eventData dl dt {margin-top: 0; font-weight: normal}
.PrivateerPressLogo {padding: 5px}
.AntipodeanThrallsLogo {background: url('../images/AntipodeanThrallsBackground.jpg'); padding: 0 5px; text-decoration: none; height: 100%; display: block; overflow: auto; border: solid 2px}
a.AntipodeanThrallsLogo:hover .title {color: #A8EF9D}
ul.sponsors .AntipodeanThrallsLogo img {display: block; float: left; padding: 5px 10px 10px 0; border: none}
.AntipodeanThrallsLogo .title {font-size: 2em; font-family: Rockwell,Georgia,Palatino Linotype,Palatino,"Times New Roman",Times,serif; font-weight: normal; color: white; line-height: 1; display: block; clear: none; margin-left: 60px; text-shadow: 0 0 6px #555555}
.AntipodeanThrallsLogo .description {display: block; font-size: 0.8em; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; line-height: 1.2; margin-top: 0.6em; color: #DDDDDD; display: block}

.banner .sponsor {border: none; margin-top: 0; display: none}
.Australian_Chaosium_Masters h1 {text-align: center}
img.banner {display: block; margin: 0.5em auto}

