body
{
background-image: url('back2017.jpg');
background-repeat: repeat-y;
background-position: center top;
background-color: #2F2F57;
text-align: center;
margin: 0;
}

body, table
{
color: #000;
font-family: Verdana;
font-size: 14px;
}

#overall
{
width: 1000px;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
background-image: url('header2017.jpg');
background-repeat: no-repeat;
background-position: center top;
text-align: left;
}

#header
{
width: 1000px;
height: 100px;
text-align: center;
border: 0;
color: #FFF;
margin: 0 0 25px 0;
}



#menuleft, #menuright {width: 160px; margin: 0 0 10px 0;}
#menuleft {float: left;}
#menuright {float: right;}
#menuleft .menu p, #menuright .menu p {margin: 5px;}

#menuright th, #menuleft th {background-color: #FFF2F7; color: #000; height: 28px; }

.menu {width: 160px; margin-bottom: 25px; font-size: 12px;}

.menu th
{
height: 35px;
border: 1px solid #7C0664;
font-size: 12px;
text-align: left;
color: #000;
padding: 0px 5px 0 5px;
}

.menu td img {margin: 5px 0 5px 0;}

.newreader
{
width: 160px;
border: 1px solid #7C0664;
background-color: #FFF2F7;
font-size: 14px;
text-align: center;
color: #000;
padding: 10px 5px 10px 5px;
margin-top: 1px;
margin-bottom: 25px;
}



div.sparks img {width: 100px; height: 100px; border: 1px solid #000; margin: 0px;}
div.sparks img.feat {width: 468px; height: 60px; border: 2px solid #000; margin: 0px;}
div.sparks img.vacant {border: 1px solid #ccc;}
div.sparks a:hover {position: relative;}
div.sparks a u {display: none; color: #000; text-decoration: none; font-weight: normal; text-align: left;}
div.sparks a:hover u {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 300px;
	border: 1px solid #7c0664;
	background: #fff2f7;
	padding: 10px;
	display: block;
	}

table.sparks2 {width: 1020px height: 1020px; margin: 0; padding: 0;}
table.sparks2 td {width: 100px; height: 100px;}
table.sparks2 td img {width: 100px; height: 100px; border: 0; margin: 0;}
table.sparks2 th img {width: 20px; height: 20px; border: 0; margin: 0;}
table.sparks2 th {color: #ccc;}

.sparktoday {
	width: 100px;
	height: 100px;
   margin: 26px 0 0 0;
   border: 1px;
   }
#header .sparktoday {margin: 13px 15px 0 0; border: 0;}
#content .sparktoday {margin: 0 10px 0 0;}

.sparkbanner {
   width: 468px;
   height: 60px;
   margin: 21px 4px 0 0;
   border: 0;
   }

#header .sparkbanner {
   width: 468px;
   height: 60px;
   margin: 13px 7px 25px 0;
   border: 0;
   }

#location
{
height: 16px;
font-size: 12px;
text-align: left;
font-weight: bold;
color: #000;
padding: 1px 5px 0 5px;
overflow: hidden;
visibility: hidden;
display: none;
}

#center {margin-bottom: 10px; text-align: center;}

#center.slim {width: 610px; margin-left: auto; margin-right: auto;}
#center.wide {width: 810px; float: right;}
#center.wide2 {width: 830px; float: right;}
#center.full {width: 1000px; margin-left: auto; margin-right: auto;}

#content {margin: 0; text-align: left;}

#center.wide #content #content2
{
width: 600px;
margin-bottom: 10px;
float: left;
}

#center.full #content #content2
{
width: 600px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}

#center.slim #content {width: 610px;}
#center.wide #content {width: 810px;}
#center.wide2 #content {width: 830px;}
#center.full #content {width: 1000px;}

#content p {margin: 20px 0 20px 0; line-height: 16px;}
#content2 p {margin: 0 0 10px 0;}
#content p.sotd {margin-bottom: 0; font-size: 14px;}



#content.mst blockquote {padding: 0; border: 1px solid #7C0664; margin: 30px 20px 30px 20px;}
#content.mst blockquote p {margin: 10px; text-indent: 0;}
#content.mst p {margin-left: 81px; text-indent: -81px;}
#content.mst p.normal {margin-left: 0; text-indent: 0;}
#content.mst b {white-space: pre; font-family: courier, monospace;}
#content.mst table.inset-r {float: right; padding: 0; margin: 0 20px 10px 10px; border: 1px solid #7C0664; background-color: #FFF;}



.navbar, .navbar2
{
color: #FFF;
height: 20px;
padding: 0 9px 0 0;
font-size: 12px;
font-weight: bold;
text-align: right;
vertical-align: middle;
overflow: hidden;
}

.navbar2
{
color: #000;
height: 28px;
padding: 5px 0 5px 0;
font-size: 10px;
text-align: center;
background-color: #FFF2F7;
border: 1px solid #7C0664;
}

.viewnav {border: 1px solid #000; margin: 5px 0 5px 0;}
.viewnav td {text-align: center; border: 1px solid #000;}

h1 {font-size: 16px; color: #FFF; margin: 0 0 10px 0; padding: 5px; background-color: #000; text-align: center;}
h2 {font-size: 16px; color: #000; margin: 0; padding: 5px; background-color: #FFF2F7; border: 1px solid #7C0664;}
h3 {font-size: 14px;}

hr {
   width: 100%;
   height: 1px;
   border: 0;
   color: #000;
   background-color: #000;
   text-align: center;
   margin: 15px 0 15px 0;
   clear: both;
   }

hr.newsline {
   clear: none;
   color: #7C0664;
   background-color: #7C0664;
   }

a:link, a:visited {color: #7C0664; text-decoration: none; font-weight: bold;}
a:hover, a:active {color: #99C; text-decoration: none; font-weight: bold;}

a.light, .twitter a {font-weight: normal;}

h2 a:link, h2 a:visited, #location a:link, #location a:visited {color: #4D043E; text-decoration: none;}
h2 a:hover, h2 a:active, #location a:hover, #location a:active {color: #7C0664; text-decoration: none;}

.navbar a:link, .navbar a:visited {color: #7C0664; text-decoration: none;}
.navbar a:hover, .navbar a:active {color: #99C; text-decoration: none;} 
.navbar a.special {color: #FF9;}
.navbar a.special:hover {color: #FFF;}
#center .navbar a:link, #center .navbar a:visited {color: #4D043E; text-decoration: none;}
#center .navbar a:hover, #center .navbar a:active {color: #7C0664; text-decoration: none;} 

.footnote {font-size: 9px; margin-bottom: 10px; color: #669;}



table.inset-l {float: left; margin: 10px 10px 10px 0px; border: 1px solid #7C0664; background-color: #FFF2F7;}
table.inset-l td {padding: 5px;}

table.inset-l2 {float: left; margin: 10px 10px 10px 0px; border: 0px;}
table.inset-l2 td {padding: 5px;}

table.inset-r {float: right; margin: 10px 0px 10px 10px; border: 1px solid #7C0664; background-color: #FFF2F7;}
table.inset-r td {padding: 5px;}

table.inset-r2 {float: right; margin: 10px 0px 10px 10px; border: 0px;}
table.inset-r2 td {padding: 5px;}

table.inset-m {margin-left: auto; margin-right: auto; border: 1px solid #7C0664; background-color: #FFF2F7; padding: 0;}
table.inset-m td {padding: 5px;}

table.inset-m2 {margin-left: auto; margin-right: auto; border: 0px; padding: 0;}
table.inset-m2 td {padding: 5px;}

table.inset-m3 {margin-left: auto; margin-right: auto; border: 1px solid #000; padding: 0;}
table.inset-m3 th {
   background-image: url('menubar2.jpg');
   background-color: #000;
   background-repeat: repeat-x;
   color: #000;
   padding: 0;
   height: 35px;
   border: 1px solid #000;
   padding: 3px 5px 0 5px;
   }
table.inset-m3 td {
   padding: 10px;
   background-color: #FFF;
   color: #000;
   border: 1px solid #000;
   }

table.inset-m4 {margin-left: auto; margin-right: auto; border: 1px solid #FCA6E4; background-color: #FFF8FD; padding: 0;}
table.inset-m4 td {padding: 10px;}

table.minigallery td {padding: 5px; border: 1px solid #7C0664;}
table.minigallery th {padding: 0; text-align: left; border: 0;}
table.minigallery td img {border: 0;}

.pictag {float: right;}
.nsfw {color: #FF0000;}
.new {color: #009900;}

.flexbox {margin: 0px 0px 10px 0px;}

img.mini {
	border: 1px solid;
	margin: 5px;
	cursor: pointer;
	cursor: hand;
   }

img.banner {
   border: 0;
   margin: 0;
   width: 468px;
   height: 60px;
   }

img.patreview {opacity: 0.25; filter: alpha(opacity=25);}
img.patreview:hover {opacity: 1; filter: alpha(opacity=100);}

div.progress, div.progresshold {
   border: 1px solid #000;
   margin: 0;
   width: 300px;
   height: 15px;
   background-image: url('progress1.jpg');
   background-repeat: no-repeat;
   text-align: right;
   }

div.progresshold {
	border: 1px solid #ccc;
   background-image: url('progress1b.jpg');
	}

#bonus {
   border: 1px solid #F0F;
   margin: 0;
   width: 150px;
   height: 15px;
   background-image: url('progress3.jpg');
	background-position: right;
   background-repeat: no-repeat;
   }

#bonusbar {float: right; margin: 0; padding: 0;}

fieldset {border: 1px #7C0664 solid; padding: 10px; margin: 0px 15px 15px 15px;}

legend {font-size: 14px; font-weight: bold;}

ol {margin-top: -20px;}

s {color: #999;}

.small {font-size: 10px;}
.tiny {font-size: 9px;}
.cred {font-size: 9px; color: #99C;}