/* General styles */
	#wrapper 
	{
		clear:both;
		float:left;
		margin: 10px 10px 10px 10px;
		padding: 0px 0px 10px 0px;
		border: solid 10px #41417D;
		width:97%;
		min-width:900px;
		max-width:1300px;
		background: #000000;
	}
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#000000;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
					        	/* The min-width property does not work in old versions of Internet Explorer */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
	}
	a {
		color: yellow;
		text-decoration:none;
	}
	a:hover {
		color:#fff;
		background: #369;
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	
	.resize {
	    border: 0px solid #333;
		overflow: hidden;
	}

	.resize img 
	{
		border: 1px solid #333;
		padding: 2px 2px 2px 2px;
		max-width:410px;
		width: expression(this.width > 410 ? 410: true);
	}
	
	.spoiler {
		margin-left:30px;
		color:#000000;
		background-color:#000000;
	}

	
	.fanfic p 
	{
		font-family: Arial, Helvetica, sans-serif;
     	text-align: left;
        margin-top: 0.5em;
		padding: 10px;
		font-size:15px;
		text-indent: 2pc;
	}
	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		height: 180px;
	}
	#header {
		border-bottom:1px solid #000;
		background: #000 url("images/gridback.gif") repeat;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	
	#subheader {
		clear:both;
		float:left;
		width:100%;
		height: 180px;
		border-top: solid 10px #41417D;
	}

	#subheader img 
	{
		border: 1px solid #333;
		padding: 2px 2px 2px 2px;
		max-width:150px;
		max-height:150px;
		width: expression(this.width > 150 ? 150: true);
		height: expression(this.height > 150 ? 150: true);
	}

	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#000;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
        					only padding top and bottom is included here, make it whatever value you need */
	}
	
	.padleft
	{
		margin: 0px -10px 10px -10px;
		border-bottom: solid 10px #41417D;
	}
	
	.padright
	{
		margin: 0px 0px 0px 0px;
		border-bottom: solid 10px #41417D;
		padding: 10px 10px 10px 20px;
	}
	
	.padright2
	{
		margin: 0px 0px 0px -10px;
		border-bottom: solid 10px #41417D;
		padding: 10px 10px 10px 20px;
		overflow:hidden;
		display:block;
	}

	.padall
	{
		margin: 0px 0px 0px 0px;
		border-bottom: solid 10px #41417D;
		padding: 10px 10px 10px 10px;
		overflow:visible;
	}

	.padall3
	{
		margin: 0px 10px 0px 0px;
		border-bottom: solid 10px #41417D;
		overflow:visible;
	}


	.padall2
	{
		position:relative;
		width: expression(this.width > 600 ? 600: true);
		margin: 0px 0px 0px 300px;
		padding: 10px 10px 0px 10px;
		overflow:visible;
	}
	
	.cellheader
	{
		padding: 5px 5px 5px 5px;
		background-color: #444444;
		margin:-10px -10px 10px -10px;
		border-top: solid 1px #333333;
		border-bottom: solid 1px #777777;
		text-shadow: #cccccc 1px 1px 2px;
	}
	
	.cellheader2
	{
		padding: 5px 5px 5px 5px;
		background-color: #444444;
		margin: 0px 0px 0px -2px;
		border-top: solid 1px #333333;
		border-bottom: solid 1px #777777;
		text-shadow: #cccccc 1px 1px 2px;
	}
	
	/* 3 Column settings */
	.threecol {
		background:#000;		/* right column background colour */
	    border-top: solid 10px #41417D;
	    border-bottom: solid 10px #41417D;
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#000;		/* center column background colour */
	    border-right: solid 10px #41417D;
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#000;	/* left column background colour */
        border-right: solid 10px #41417D;
	}
	.threecol .col1 {
		width:50%;			/* 46% - width of center column content (column width minus padding on either side) */
		left:100%;			/* 102% - 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:25%;			/* 21% - Width of left column content (column width minus padding on either side) */
		left:25%;			/* 31% - width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:24%;			/* 21% - Width of right column content (column width minus padding on either side) */
		left:76%;			/* 85% - Please make note of the brackets here:
				    		(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
    /* 2 column left menu settings */
	.leftmenu {
	    background:#000;
	    border-top: solid 10px #41417D;
	    border-bottom: solid 10px #41417D;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:300px;
        background:#000;
        border-left: solid 10px #41417D;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:300px;
	    padding-bottom:1em;
	    border-top: solid 10px #41417D;
	}
	.leftmenu .col1 {
        margin:0 15px 0 315px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
	
	/* 2 column right menu settings */
	.rightmenu {
	    background:#000;
   	    border-top: solid 10px #41417D;
	    border-bottom: solid 10px #41417D;
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-300px;
        position:relative;
        right:100%;
        background:#000;
        border-right: solid 10px #41417D;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col1 
	{
		position:relative;
        margin:0px 300px 0px 0px; /* original * margin:0 15px 0 315px;*/
        overflow:hidden;
        width:100%;
	}
	
    .rightmenu .col2 {
        float:right; /* width: 270px left: 285px */
        width:300px;
        position:relative;
        left:300px;
    }


	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
		font-size:smaller;
	}
	
	#signup 
	{
	float:right;
	margin: 3px 3px 0px 0px;
	padding:1px 5px 5px 5px;
	background-color: #41417D;
	}
	#signup p 
	{
      	text-align: right;
		font: 75% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	}

/* mini menu */
.box_menu {
		margin: -10 0 0 0;
		border: 1px solid #333333;
		color: #aaaaaa;
        background: #060b18;
        font: 10px Tahoma, Arial, sans-serif;
		padding: 1px 0 1px 0;
        float: right;
}

.box_menu a a.active
{
	background: #060b18;
	color: #fff;
	display:block;
}

.blurb
{
	margin-top:5px;
	font:italic 12px verdana, arial;
    color: #cccccc;
}

/* menu */	
#menu_main {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: solid 1px #777777;
}
#menu_main li {
	float: right;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu_main a {
	background: #333 url("images/seperator.gif") bottom right no-repeat;
	color: yellow;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}

#menu_main a:hover {
	background: #2580a2 url("images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

#menu_main li a.active
{
	background: #2580a2 url("images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}		
	/* --> */
	
.mDefault {
        margin:0 0 0 0;
	color: #3e638a;
	}

.mDefault .inputField{
	padding: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #ffffff;
	border: 1px solid #132656;
	width: 100%;
    height: 40px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	background: #060b18;
    overflow: auto; 
	}

.mDefault .inputButton{
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #ffe1e1;
    cursor: pointer;
	border: 1px solid #305298;
	background: #0c0e1b;
    width: 102%;
    height: 20px;
	}

/* Taglog Grid */
table.taglog
{
background-color: #000000;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
}

td.username
{ background-color: #000000;
border: 1px #000000 solid;
font-family: Verdana, sans-serif, Arial;
font-weight: bold;
font-size: 10;
color: #F9E620; }

td.tagbody
{ border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #FFFFFF;
background-color: #000000;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

.cellmargin 
{
	margin-bottom: 10px;
}

.clearer {clear: both;}

.blogbody
{
 margin: 20px 20px 20px 20px;
}
	
.blogbody p
{
	font-family: Arial, Helvetica, sans-serif;
   	text-align: left;
    margin-top: 0.5em;
	padding: 10px;
	font-size:15px;
	text-indent: 2pc;
}