/* Sage Box Rotation */

#box {
   width: 160px;
   height: 90px;
   margin: 10px 0px 10px 0px;
   padding: 0px;
   border:1px #000000 solid;
   }

body
{
background-image: url('back.jpg');
background-repeat: repeat-x;
background-position: top;
background-color: #EBE6F8;
text-align: center;
margin: 0;
}

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

#overall
{
width: 970px;
margin-left: auto;
margin-right: auto;
background-image: url('head.jpg');
background-repeat: no-repeat;
background-position: left top;
text-align: left;
}

#overall.maxi
{
width: 1070px;
}

#header
{
width: 970px;
height: 150px;
text-align: center;
border: 0;
color: #FFF;
margin: 5px 0 5px 0;
}

#logo, #avatar
{
width: 170px;
height: 150px;
border: 0;
}

#center, #menuleft .menu, #menuright .menu
{
border: 2px solid #EBE6F8;
background-color: #FFF;
}

#menuleft, #menuright {width: 170px;}
#menuleft {float: left; margin-right: 5px;}
#menuright {float: right; margin-left: 5px;}
#menuleft .menu p, #menuright .menu p {margin: 5px;}

#content #menuright th, #content #menuleft th {background-image: none; background-color: #FFF2F7; color: #000; height: 28px;}
#content #menuleft .menu, #content #menuright .menu {border: 1px solid #7C0664;}
#content .menu th {border-bottom: 1px solid #7C0664; padding: 0 5px 0 5px;}
#content #menuright, #content #menuleft {margin-bottom: 10px;}

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;}

.sparkribbon { 
   display: block;
   position: absolute;
   left: 0px;
   top: 0px;
   overflow: visible;
   width: 140px;
   height: 100px;
   margin: 0;
   padding: 0;
   z-index: 9997;
   border: none;
   float: none;
   background-image: url('/sparks/corner-bk3.gif');
   background-repeat: no-repeat;
   }

.sparktoday {
	width: 100px;
	height: 100px;
   margin: 26px 0 0 0;
   border: 1px;
   }

#header .sparktoday {
   margin: 11px 20px 0 0;
   border: 0;
   float: right;
   }

#content .sparktoday {
	margin: 0 10px 0 0;
	}

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

#header .sparkbanner {
   width: 468px;
   height: 60px;
   border: 0;
   margin: 11px 10px 7px 0;
   float: right;
   }

.menu {width: 170px; margin-bottom: 5px; border-spacing: 0; font-size: 10px;}

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

.menu th {background-image: url('menubar2.jpg'); background-repeat: repeat-x;}

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

.menu table.twc {border: 1px solid #000; margin: 0; padding: 0; width: 100px;}
.menu table.twc img {margin: 0;}

#center.slim #location
{
width: 610px;
height: 35px;
}

#center.wide #location
{
width: 788px;
height: 35px;
}

#center.full #location
{
width: 966px;
height: 35px;
}

#center.maxi #location
{
width: 1066px;
height: 35px;
}

#location
{
background-image: url('menubar2.jpg');
background-repeat: repeat-x;
}

#location th
{
font-size: 12px;
text-align: left;
color: #000;
padding: 1px 5px 0 5px;
border-bottom: 2px solid #7C0664;
}

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

#center.slim
{
width: 610px;
margin-left: auto;
margin-right: auto;
}

#center.wide
{
width: 788px;
float: right;
}

#center.full
{
width: 966px;
margin-left: auto;
margin-right: auto;
}

#center.maxi
{
width: 1066px;
margin-left: auto;
margin-right: auto;
}

#content
{
margin: 10px;
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.maxi #content #content2
{
width: 700px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}

#center.slim #content {width: 590px;}
#center.wide #content {width: 768px;}
#center.full #content {width: 946px;}
#center.maxi #content {width: 1046px;}

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



#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
{
color: #FFF;
height: 30px;
padding: 0 9px 0 0;
font-size: 10px;
font-weight: bold;
text-align: right;
vertical-align: middle;
}



#center .navbar
{
padding: 5px 0 0 0;
text-align: center;
background-image: url('menubar2.jpg');
background-repeat: repeat-x;
}

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

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

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: #E9E9FF; text-decoration: none;}
.navbar a:hover, .navbar a:active {color: #FFF; 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; padding: 3px; margin: 10px 10px 10px 0px; border: 1px solid #7C0664; background-color: #FFF2F7;}

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

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

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

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

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

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.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;
   }

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;}

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