/* General styles */
	/* Comment this to have xmas lights */
         
	#xmas1
	{
		 margin: 0 auto;
	 padding: 0px 0px 13px 0px;
	 border: none; width:980px;
	 background: #000000;
	 text-align: left;
         background-image: url(images/xmasblink4.gif);
	 overflow:hidden;
	}

	#wrapper 
	{
		margin: 0 auto;
		padding: 0px 0px 10px 0px;
		border: solid 10px #560605;
		width:960px;
		background: #000000;
		text-align: left;
        overflow:hidden;
	}
	body {
		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;
		text-align:center;
	}
	
	a {
		color: yellow;
		text-decoration:none;
	}
	
	a:visited 
	{
		color: #FF9933;
	}
	
	a:hover {
		color:#fff;
		background-color: #560605;
		text-decoration:underline;
	}
	
	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 #560605;
		overflow: hidden;
	}
	
	.qrimg img 
	{
		float:left;
		margin: 0 10px 10px 0;
		border: 1px solid #560605;
		padding: 2px 2px 2px 2px;
		max-width:80px;
	    text-align: left;
	}
	
	.qrimg
	{
		margin: -10px 0px 0px 10px;
		font: 12px arial, sans-serif;
	}

	.resize img 
	{
		border: 1px solid #000000;
		padding: 2px 2px 2px 2px;
		max-width:640px;
		width: expression(this.width > 410 ? 99%: true);
	}

	.resize_sm img 
	{
		border: 1px solid #000000;
		padding: 2px 2px 2px 2px;
		max-width:100px;
		width: expression(this.width > 100 ? 100: 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: 0;
		font-size:15px;
		text-indent: 2pc;
	}
	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		height: 180px;
	}
	#header {
		border-bottom:1px solid #000;
	}
	#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: 200px;
		border-top: solid 10px #560605;
	}

	#subheader img 
	{
		border: 1px solid #333;
		padding: 2px 2px 2px 2px;
		max-width:150px;
		max-height:180px;
		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 #560605;
	}
	
	.padright
	{
		margin: 0px 0px 0px 0px;
		border-bottom: solid 10px #560605;
		padding: 10px 10px 10px 20px;
		color:#FFFFFF;
		font-style:normal;
	}
	
	.padright2
	{
		margin: 0px 0px 0px -10px;
		border-bottom: solid 10px #560605;
		padding: 10px 10px 10px 20px;
		overflow:hidden;
		display:block;
		color:#FFFFFF;
		font-style:normal;
	}

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

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


	.padall2
	{
		position:relative;
		width: expression(this.width > 600 ? 600: true);
		margin: 0px 0px 0px 300px;
		padding: 10px 10px 0px 10px;
		overflow:visible;
	}
	
	.redbar
	{
		background-color: #560605;
		border-top: solid 10px #560605;
		margin:-10px -10px 10px -10px;
	}
	.cellheader
	{
		padding: 5px 5px 5px 5px;
		background-color: #8C2F10;
		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: #8C2F10;
		margin: 0px 0px 0px -2px;
		border-top: solid 1px #333333;
		border-bottom: solid 1px #777777;
		text-shadow: #cccccc 1px 1px 2px;
	}

	.cellheader3
	{
		width:100%;
		padding: 5px 0px 5px 0px;
		margin: 0px 0px 0px 0px;
		background-color: #8C2F10;
		border-top: solid 1px #333333;
		border-bottom: solid 1px #222222; text-align:center; overflow:hidden;
	}
		
	/* 3 Column settings */
	.threecol {
		background:#000;		/* right column background colour */
	    border-top: solid 10px #560605;
	    border-bottom: solid 10px #560605;
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#000;		/* center column background colour */
	    border-right: solid 10px #560605;
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#000;	/* left column background colour */
        border-right: solid 10px #560605;
	}
	.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 #560605;
	    border-bottom: solid 10px #560605;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:300px;
        background:#000;
        border-left: solid 10px #560605;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:300px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 0px 0 300px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
	
	/* 2 column right menu settings */
	.rightmenu {
	    background:#000;
   	    border-top: solid 10px #560605;
	    border-bottom: solid 10px #560605;
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-300px;
        position:relative;
        right:100%;
        background:#000;
        border-right: solid 10px #560605;
    }
    .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: #560605;
	}
	#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 #2A1709;
		color: #aaaaaa;
        background: #1C0100;
        font: 10px Tahoma, Arial, sans-serif;
		padding: 1px 0 1px 0;
        float: right;
}

.box_menu a a.active
{
	background: #2A1709;
	color: #fff;
	display:block;
}

.options_menu {width:50%; font-size:10px; background-color:#000000; float:left;}
.options_menu ul {margin:0px; padding:0px; background-color:#000000;}

.options_menu  ul li {
height:25px;
line-height:25px;
list-style:none;
padding-left:10px;
margin:5px 5px 5px 5px;


color:#000;
border: solid 1px #560605;
cursor:pointer;
}  

.options_menu  ul li:hover {background-color:#2A1709; position:relative;}

.page_menu 
{
	width:100%;
	background:#000;
	margin-bottom: 10px;
	font: 10px Tahoma, Arial, sans-serif;
	float:right;
}

.page_menu ul{
 margin: 0; padding: 0;
 float: left;}
	 
.page_menu ul li{
    display: inline;}

.page_menu ul li a{
    float: left; text-decoration: none;
    color: white;
    padding: 5.5px 6px;
    margin: 0px 10px 0px 0px;
    border: 1px solid #2A1709;
    background-color: #1C0100;
}
	 
.page_menu ul li a:visited{
    color: white;}
 
.page_menu ul li a:hover, .page_menu ul li .current{
    color: #fff;
    background-color:#B36127;}

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

/* menu */	
#menu_main {
	background: #2A1709;
	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: #2A1709 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: #B36127 url("images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

#menu_main li a.active
{
	background: #B36127 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 #8C340C;
	width: 100%;
    height: 40px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	background: #1C0100;
    overflow: auto; 
	}

.mDefault .inputButton{
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #ffe1e1;
    cursor: pointer;
	border: 1px solid #8C340C;
	background: #1C0100;
    width: 102%;
    height: 20px;
	}
.inputButton2 
{
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #ffe1e1;
    cursor: pointer;
	border: 1px solid #8C340C;
	background: #1C0100;
    width: 100%;
    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 #C87A3A 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;
}

.ubb_quote {
margin: 15px;
font-size: 1.0em;
line-height: 1.2em;
color: #66ccff;
}

.clearer {clear: both;}

.profile_items {
    margin: 10px 10x 10px 10px;
    background: #fff url(images/bgshade.gif) repeat-x;
    color: #454545;
    padding: 5px 15px 5px 10px;
}

.fan_box .full_widget {
	background: none; border: none;
}
.fan_box .connections_grid .grid_item {
	padding: 0 8px 10px 8px;
}
	.fan_box .connections_grid .grid_item a img {
		box-shadow: 0px 0px 10px #333; -moz-box-shadow: 0px 0px 10px #333;
 -webkit-box-shadow: 0px 0px 10px #333;
	}
		.fan_box .connections_grid .grid_item a:hover img {
			box-shadow: 0px 3px 10px #333; -moz-box-shadow: 0px 3px 10px #333;
 -webkit-box-shadow: 0px 3px 10px #333;
		}
.fan_box .full_widget .connect_top {
	background: url(http://line25.com/wp-content/uploads/2010/facebook/demo/images/blue.png);
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.fan_box .connections .connections_grid {
	padding-top:16px;
}
.fan_box .connections {
	border-top: none;
	padding:15px 0 0;
	color: #ccc;
	font: italic 21px Georgia;
	text-align: center;
	text-shadow: 0px 1px 4px #000;
}
	.fan_box .connections span.total {
		color: #fff;
	}

.fan_box .connections_grid .grid_item .name {
	color: #ccc;
	font-size: 11px;
}
.fan_box .profileimage {
	margin: 0;
}

table.basic_table
{
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #560605;
	border-width:1px;
	border-style: solid;
	border-color: #560605;
	border-collapse: collapse;
}

th.basic_table,td.basic_table
{
	padding: 5px;
	border: 1px solid #560605;
	text-align:left;
}

caption.basic_table {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 4px;
}

th.basic_table {
font-variant: small-caps;
letter-spacing: 0.2em;
}

td.basic_table 
{
padding: 5px;	
vertical-align: top;
}

.chat_panel {
  float: left;
  margin: 10px 0px 10px 10px;
  border: 1px solid #2A1709;
  width: 640px;
  padding: 10px 10px 10px 10px;
  min-height: 400px;
}

.msg_panel {
  float: left;
  margin: 10px 0px 10px 10px;
  border: 1px solid #2A1709;
  width: 40%;
  padding: 10px 10px 10px 10px;
}

.chatuser_panel {
  float: left;
  margin: 10px 10px 10px 0px;
  border: 1px solid #2A1709;
  color: #ffffff;
  width: 250px; 
  padding: 10px 10px 10px 10px;
}


.shinychatbutton {
	padding: 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #ffe1e1;
	border: 1px solid #2A1709;
	background: #1C0100;
        width: 80px;
        height: 20px;
}

.shadetabs {
padding: 3px 0; 
margin-left: 0;
 margin-top: 10px;
 margin-bottom: 1px; font-family: tahoma, verdana, sans-serif;
 font-size: 95%; list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}


.shadetabs li {
display: inline; 
margin: 0;
}


.shadetabs li a {
text-decoration: none;
 padding: 3px 7px;
 margin-right: 0;
 border: 1px solid #2A1709;
 color: #ccc;
 background: #1C0100 top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none; 
color: #2d2b2b;
}

.shadetabs li.selected {
        
position: relative;
        
top: 1px;
	text-align: center;
	text-decoration: none;
	color: #ccc;
}

.shadetabs li.selected a {
           
border-bottom-color: #1C0100;
          
 background: #1C0100;
           }

.shadetabs li.selected a:hover{
text-decoration: none;
}

.tabcontentstyle {
 border: 1px solid #2A1709;
 width: 250px;
 min-height:240px;
 height:auto !important;
 height:240px;
 margin-bottom: 1em;
        
padding: 10px;
        
}

.tabcontent {
    display:none;
}

.fb-box
{
	margin: -2px -10px 0 -10px;
    width: 242px;
    height: 414px;
    overflow: hidden;
    position: relative; /* For IE7 Compatibility */
}
.fb-box .inner
{
    margin: -2px 0 0 -2px;
}