@font-face{
    font-family: "Comic Sans MS";
    src: local("Comic Sans MS"), url("http://shenafu.com/comic.ttf") format("truetype");
}

@font-face{
    font-family: "Comic Sans MS";
    src: local("Comic Sans MS Bold"), url("http://shenafu.com/comicbd.ttf") format("truetype");
}

@font-face{
    font-family: "Magic:the Gathering";
    src: local("Magic:the Gathering"), url("http://shenafu.com/magic.ttf") format("truetype");
}

/* reseting cross-browser defaults */
* {
    padding:0;
    margin:0;
}
body {
    padding:5px;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
    margin:20px 0;
}
li, dd, blockquote {
    margin-left: 40px;
}
fieldset {
    padding:10px;
}
/* end defaults */

body { background: #FFFFE6 url(pulp.png) fixed;
  color: #000000; /*black*/
  margin: auto;
  text-align: center;
  font: 500 16px 'Comic Sans MS', sans-serif;
  _fo.nt: bold .75em 'Comic Sans MS', sans-serif;
  line-height: 1.4em;
	height: 100%;
	position: relative; }
h1, h2 { margin: 8px 0; letter-spacing: .1em; color: #006400; /*darkgreen*/ }
h1 { font: bold 2em 'Magic:the Gathering', 'Arial Black', 'Comic Sans MS', sans-serif; }
h2 { font: bold 1.5em 'Magic:the Gathering', 'Arial Black', 'Comic Sans MS', sans-serif; }
/*padding-top should match height of image*/
.pagetitle { font: bold 1.5em 'Magic:the Gathering', 'Arial Black', 'Comic Sans MS', sans-serif;
width: 512px; margin-left: auto; margin-right: auto; padding-top: 270px; background: url(title.png) no-repeat !important; display: block;}
.ffl2bg { padding-top: 270px; background: url(ffl2/icons/ffl2title.png) no-repeat !important; }
.pkbg { padding-top: 225px; background: url(pokemon/pktitle.png) no-repeat !important; }
.warsbg { padding-top: 104px; background: url(warsong/warstitle.png) no-repeat !important; width: 377px; }
.sagebg { padding-top: 79px; background: url("http://sagez.net/demo/sagezbannerani2.gif") no-repeat !important; width: 180px; }
td .pagetitle { border: 1px solid #FAFAD2; /*lightgoldenrodyellow*/ }

p { padding: 12px auto; margin: 12px 0; }

.border { border: thick double #FF0000; /*red*/ }

a { color: #888; }
a[href] { color: #000; }
a[accesskey] span { color: #008000; /*green*/ text-decoration: underline; }
a, a:link, a:visited { text-decoration: none; outline: 1px dotted; }
a:link, a:link * { color: #000080; /*navy*/ }
a:visited, a:visited * { color: #800080; /*purple*/ }
a:link:hover, a:visited:hover, a .pagetitle:hover { /*background-color: #ADD8E6; *//*lightblue*/ /*border-top: 1px solid #000000; border-bottom: 1px solid #000000; */ outline: 1px solid; }
a img { border: none; }
a.current, a.current:link, a.current:visited, a.current:hover,a.current:active{ color: #000000; background: white; border: 1px solid #000000 !important; /*black*/}

table { text-align: center; margin-left: auto; margin-right: auto;
fo.nt-family: 1em 'Comic Sans MS', sans-serif; empty-cells: hide; }
table caption { margin-left: auto; margin-right: auto; }
td { border: 1px solid #800080; /*purple*/ margin-left: auto; margin-right: auto; padding: 5px; text-align: center; }
th { border: 1px solid #800080; /*purple*/}
td[title]:hover { background: #98FB98; /*palegreen*/ }
.noborder td, .noborder th { border: 0; }
.tdtop td { vertical-align: top; }
thead tr, tfoot tr { background: #FFA500; /*orange*/ }
caption { margin: 8px 0; letter-spacing: .1em; color: #006400; /*darkgreen*/ font: 500 1.5em 'Magic:the Gathering', 'Arial Black', 'Comic Sans MS', sans-serif; }
.ruler tbody tr:hover { background: #98FB98; /*palegreen*/ }
.even td { background: #F0F0E0; border-top: 1px solid black; border-bottom: 1px solid black;}
.ruler-2n tbody tr:nth-child(even) { background: #F0F0E0; border-top: 1px solid black; border-bottom: 1px solid black; margin: 0 }
.ruler-5n tbody tr:nth-child(5n+1) { background: #FFFFF0; margin-top: 5px; }

div { text-align: center; margin-left: auto; margin-right: auto; }
input,select { f.ont: bold 1em 'Comic Sans MS', sans-serif; }
hr { clear: both; width: 540px; height: 5px; overflow: hidden; border: none; background: url("rainbow_thinline.gif") no-repeat; margin: 10px auto; display: none;}
hr.shorthr, #sidebar hr { width: 288px; }
pre { font: 500 1em 'Comic Sans MS', sans-serif; text-align: left; white-space: pre-wrap; }

ul { margin: 0 .5em; padding: 0; list-style: none; }
.bulleted li::before { content: url("right_arrow.png");
  margin-right: 5px; }
.bulleted li::after { content: url("left_arrow.png");
  margin-left: 5px; }
.navlink li { display: inline; }
#sitelinks { background: url(7.gif); }
#sitelinks p { display: inline-block; font-size: 12pt; background: url(pulp.png); }

.nocenter { text-align: left; }
.infloatleft+*{ clear: left; }
.infloatleft { position: relative; }
.infloatleft p, .infloatleft ul { display: inline-block; _display: block; _float: left; vertical-align: top; }
.floatleft, .infloatleft p, .infloatleft ul { margin: 0px 5px 20px !important;  }
.floatleft { float: left; }
.floatright { float: right; }

#play{ color: #0000FF; /*blue*/ height: 100px;}
#play1 { color: #800080; /*purple*/ text-decoration: none; }
#play2 { color: #0000FF; /*blue*/ text-decoration: none }
div#sidebar{ border: 1px solid #000000; /*black*/ width: 290px; margin: 0; float: left;}
div#content{ left: 310px; margin-left: 310px; }
div#topmenu { top: 0; }
div#bottommenu { bottom: 0; }
div#sidebar img { max-width: 270px; }

#topmenu p { text-align: left; height: 32px; margin: 1px;}
#topmenu p * { vertical-align: middle; /*align images w/ text*/}
#topmenu p a, #sidebar p a { padding-left: 7px; padding-right: 5px; }
#topmenu a span { vertical-align: baseline; }
#bottommenu p { margin: 3px 0; }

/*auto-sizing balloons, height-wise*/
.balloon, .inballoon p, .inballoon li { background: #FFFFFF; /*white*/
  width:  178px; /*200px quirky*/
  margin: 20px auto;
  padding: 5px 10px; /* 5px 10px */ /* 10px 10px quirky */
  border: solid 1px #808080; /*gray*/
  text-align: center;
}

.balloon400, .inballoon400 p, .inballoon400 li  { background: #FFFFFF; /*white*/
  width: 378px; /*400px;*/
  margin: 20px auto;
  padding: 5px 10px; /* 5px 10px */ /* 10px 10px quirky */
  border: solid 1px #808080; /*gray*/
  text-align: center;
}

.balloon600, .inballoon600 p, .inballoon600 li   { background: #FFFFFF; /*white*/
  width: 578px; /*600px;*/
  margin: 20px auto;
  padding: 5px 10px; /* 5px 10px */ /* 10px 10px quirky */
  border: solid 1px #808080; /*gray*/
  text-align: center;
}
td *.balloon, td *.balloon400, td *.balloon600 { margin: 20px auto; }

.balloon::before, .inballoon p::before, .inballoon li::before { content:"";
  width: 200px;
  height: 10px;
  margin: -6px 0 0 -11px; /* -6px top */ /* -11px top quirky */
  display: block;
  background: url(balloontop_trans.png) no-repeat;
}

.balloon::after, .inballoon p::after, .inballoon li::after { content:"";
  width: 200px;
  height: 15px;
  margin: 0 0 -11px -11px; /* -11px bottom */ /* -16px bottom quirky */
  display: block;
  background: url(balloonbot_trans.png) no-repeat;
}

.balloon400::before, .inballoon400 p::before, .inballoon400 li::before { content:"";
  width: 400px;
  height: 10px;
  margin: -6px 0 0 -11px; /* -6px top */ /* -11px top quirky */
  display: block;
  background: url(balloontop400_trans.png) no-repeat;
}

.balloon400::after, .inballoon400 p::after, .inballoon400 li::after { content:"";
  width: 400px;
  height: 15px;
  margin: 0 0 -11px -11px; /* -11px bottom */ /* -16px bottom quirky */
  display: block;
  background: url(balloonbot400_trans.png) no-repeat;
}

.balloon600::before, .inballoon600 p::before, .inballoon600 li::before { content:"";
  width: 600px;
  height: 10px;
  margin: -6px 0 0 -11px; /* -6px top */ /* -11px top quirky */
  display: block;
  background: url(balloontop600_trans.png) no-repeat;
}

.balloon600::after, .inballoon600 p::after, .inballoon600 li::after { content:"";
  width: 600px;
  height: 15px;
  margin: 0 0 -11px -11px; /* -11px bottom */ /* -16px bottom quirky */
  display: block;
  background: url(balloonbot600_trans.png) no-repeat;
}


.inballoonsvg > *, .balloonsvg {
	padding: 2%;
	margin: 5px auto;
	background-color: #FFF;
	border: 2px solid #7f7f7f;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

@media all and (-webkit-min-device-pixel-ratio:10000),
	not all and (-webkit-min-device-pixel-ratio:0) {
		.inballoonsvg > *, .balloonsvg {
			background-image: url("http://www.shenafu.com/balloon.svg");
			-o-background-size: 100%;
			background-repeat: no-repeat;
			background-color: transparent;
			border: 0;
			padding: 2%;
		}
}
.inw30em > *, .w30em { width: 30em; }
.inw100 > *, .w100 { width: 100px; }
.inw200 > *, .w200 { width: 200px; }
.inw400 > *, .w400 { width: 400px; }

.center, .incenter * { margin-left: auto; margin-right: auto; }
.incenter { padding-left: auto; padding-right: auto;}

@media print {
  body, h1, h2, *, [id], [class], a:link, a:visited { font: 9pt 'Comic Sans MS' !important; color: #000 !important; background: #fff !important; }
  div#sidebar, div#floatScroll, p#skiptomenu, table tfoot { display: none; }
	div#content { left: 0; margin-left: 0; }
	@page { size 8.5in 11in; margin: 2cm }
}

.handheld { display: none; }