body           {
               position: relative; margin: 0; padding: 0; z-index:0;
               background-image: url('../includes/red/indexbg.jpg');
               background-repeat: repeat-y;
               background-color: #3F1212;
               font: 13px Verdana, Arial, Helvetica, sans-serif; color:#E1E1E1;
               }
               
h1             {margin:0px; font:bold 18px Verdana, Arial, Helvetica, sans-serif;}
form           {margin:0px; padding:0px;}
a:link         {13px Verdana; color: #ccbbbb; text-decoration:none;}
a:visited      {13px Verdana; color: #ccbbbb; text-decoration:none;}
a:active       {13px Verdana; color: #ccbbbb; text-decoration:none;}
a:hover        {13px Verdana; color: #ffc; text-decoration:none;}

.garnish       {background-color:#444; padding-top:2px; margin-bottom:3px; text-align:left; height:20px; width:100%; background-image: url('../includes/menugarnish.gif'); background-repeat:no-repeat; background-position: top right;}
.border        {border: 3px solid #444;}
.v_spacer      {width:3px;}
.padding       {padding:3px;}
.padding15     {padding:15px;}
.padding25     {padding:25px;}
.bg_color      {background:#3F1212;}
.bg_dragon     {background-image: url('../includes/red/vldragon.gif');}
.center        {text-align:center; margin-left:auto; margin-right:auto;}
.floatleft     {float:left;}
.justify       {text-align:justify; text-indent:0px}
.imgborder     {border: 2px solid #fff;}
.icon_header   {float:left; padding-right:15px;}
.small         {font-size:10px;}
.error         {color:red;}
.success       {color:aqua;}

#main          {
               width:752px;
	            margin-right:auto;
	            margin-left:auto;
	            margin-top:10px;
	            text-align:left;
	            padding:3px;
	            background-color:#3F1212; 
	            background-image: url(../includes/red/vldragonfooter.gif); 
	            background-repeat:no-repeat; 
	            background-position: bottom center;
	            }
#header        {padding-bottom:3px;}            
#footer        {font: 10px Verdana, Arial, Helvetica, sans-serif; color:#E1E1E1;}
#banner        {margin:0px; padding:0px;}
#mainmenu      {margin:0px; padding:0px;}
#dragonleft    {float:left; position:absolute; top:50px; left:-20px; height:643px; width:287px; z-index:-1; background-image:url('../includes/red/vldragon.gif'); background-repeat:no-repeat;}
#dragonright   {float:right; position:absolute; top:50px; right:0px; height:643px; width:287px; z-index:-1; background-image:url('../includes/red/vldragon.gif'); background-repeat:no-repeat;}
#bmh           {margin:0px; padding:10px; font-size:12px; color:#E1E1E1; top:653px; left:50%; margin-left:-185px; font-family:Verdana, sans-serif; position:absolute; width:370px; background-color:#3F1212; border: 1px solid #CFCFCF; visibility:hidden; text-align:left;}
#form_layout   {width:75%; margin-left:auto; margin-right:auto; background-image:url('../includes/red/vldragon.gif');}

.bg_lattice    {background-color:#2C2121; background-image: url('../includes/red/latticebg.gif');}

.fields        {
	            background-color: #2C2121; 
	            border: solid 2px #444; 
	            color: #ccbbbb;
	            scrollbar-face-color: #2C2121; 
	            scrollbar-shadow-color: #444444; 
	            scrollbar-highlight-color: #444444; 
	            scrollbar-3dlight-color: #444444; 
	            scrollbar-darkshadow-color: #444444; 
	            scrollbar-track-color: #000000; 
	            scrollbar-arrow-color: #ffffff;
	            }

/* gallery styling */
.dir_td {width:300px; vertical-align:top;}
.folder {float:left; padding-left:5px;}
.folder_title {padding-top:5px; text-align:left;}
.subfolder_row {margin-top:-10px;}
.subfolder {float:left; padding-top:2px; padding-left:25px;}
.subfolder_title {text-align:left;}

/* cast styling */
#cast          {background-image: url('../includes/red/darkforest.jpg'); background-position: right; padding:0px; width:473px; height:400px;}
.cast_top      {width:90%; height:50px; text-align:right; padding:25px;}
.cast_second   {width:85%; margin-left:auto; margin-right:auto; margin-top:0px;}
.cast_primary  {width:40%; height:240px; margin-left:auto; margin-right:15px; margin-top:0px;}

/* comic reader styles */
.reader        {margin-left:auto; margin-right:auto; width:878px; font: 12px verdana; color: white;}
.arrowtext     {vertical-align:top;}
#reader a:link, #reader a:visited, #reader a:hover, #reader a:active {text-decoration:none; font: 12px verdana; color: white; cursor:pointer; cursor:hand;}
#reader_final  {margin-left:auto; margin-right:auto; text-align:center; width:400px; color: gray;}
#reader_final a:link, #reader_final a:visited, #reader_final a:hover, #reader_final a:active {text-decoration:underline; font: 12px verdana; color: #444; cursor:pointer; cursor:hand;}

/* the following are for placing the images for the lattice comic border */

.comictablebg     {background-image: url(../includes/red/border/tablebg.gif);}
.topleftcorner    {background-image: url(../includes/red/border/topleftcorner.gif);	vertical-align:top; height:50px;	width:50px;}
.topleft          {background-image: url(../includes/red/border/topleft.gif); background-repeat: no-repeat;	vertical-align:top; height:50px;	width:200px;}
.top              {background-image: url(../includes/red/border/top.gif); vertical-align:top; height:50px; width:200px;}
.topright         {background-image: url(../includes/red/border/topright.gif); background-repeat: no-repeat; vertical-align:top;	height:50px; width:200px;}
.toprightcorner   {background-image: url(../includes/red/border/toprightcorner.gif); vertical-align:top; height:50px; width:50px;}
.lefttop          {background-image: url(../includes/red/border/lefttop.gif); background-repeat: no-repeat;	vertical-align:top; width:50px;  /* height is specified dynamically using the PHP function getimagesize */}
.righttop         {background-image: url(../includes/red/border/righttop.gif); background-repeat: no-repeat; vertical-align:top; width:50px;  /* height is specified dynamically using the PHP function getimagesize */}
.leftbottom       {background-image: url(../includes/red/border/leftbottom.gif); height:200px;}
.rightbottom      {background-image: url(../includes/red/border/rightbottom.gif); height:200px;}
.bottomleftcorner {background-image: url(../includes/red/border/bottomleftcorner.gif);	vertical-align:bottom; height:50px;	width:50px;}
.bottomleft       {background-image: url(../includes/red/border/bottomleft.gif); background-repeat: no-repeat;	vertical-align:bottom; height:50px;	width:200px;}
.bottom           {background-image: url(../includes/red/border/bottom.gif); vertical-align:bottom; height:50px; width:200px;}
.bottomright      {background-image: url(../includes/red/border/bottomright.gif); background-repeat: no-repeat; vertical-align:bottom;	height:50px; width:200px;}
.bottomrightcorner{background-image: url(../includes/red/border/bottomrightcorner.gif); vertical-align:bottom; height:50px; width:50px;}

/* admin tables */
#admin_table      {background:#444; width:90%;}
#admin_table th   {background:#3F1212;}
#admin_table td   {background:#2C2121;}

/* RTE styling on admin page, see rte[color].css for bckground, font color */
.rteImage {
	background-image: url('/includes/RTE/offbtnbg.jpg');
	cursor: pointer;
	cursor: hand;
}

.rteImageRaised, .rteImage:hover {
	background:#EAEAFF;
	cursor: pointer;
	cursor: hand;
}

.rteImageLowered, .rteImage:active {
	background-image: url('/includes/RTE/offbtnbg.jpg');
	cursor: pointer;
	cursor: hand;
}

.rteVertSep {
	margin: 0 4px 0 4px;
}

.rteBack {
	background-image: url('/includes/RTE/offbtnbg.jpg');
	border-bottom: 1px solid #000063;
	letter-spacing: 0;
	padding: 0px;
}

.rteBack tbody tr td, .rteBack tr td {
	background-image: url('/includes/RTE/offbtnbg.jpg');
	padding: 0;
}

/* forum styles */

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{color: #CCBBBB; text-decoration: none;}

a.nav:hover
{color: #ffc; text-decoration: underline;}


div#mybox {

		  border-top: solid  1px #454545;
		  border-left: solid 1px #454545;
		  border-right: solid  1px black;
		  border-bottom: solid 1px black;
		  background-color: #282828;
		  background-image: url('http://www.vagabondlords.com/includes/red/latticebg.gif');
		  padding: 5px;
		  margin-bottom: 10px;

}
div#mybox a:link {color: #CCBBBB; text-decoration: none;}
div#mybox a:visited {color: #CCBBBB; text-decoration: none;}
div#mybox a:link:hover {color: #ffc; text-decoration: underline;}


/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
		  font-family: tahoma, helvetica, serif;
		  color: #E1E1E1;
		  background-color: #404040;
		  border-top: solid  1px #606060;
		  border-left: solid 1px #606060;
		  border-right: solid  1px black;
		  border-bottom: solid 1px black;
}
.windowbg2
{
		  font-family: tahoma, helvetica, serif;
		  color: #ffffff;
		  background-color: #534C4C;
		  border-top: solid  1px #707070;
		  border-left: solid 1px #707070;
		  border-right: solid  1px black;
		  border-bottom: solid 1px black;
}
.windowbg_sticky
{
		  font-family: tahoma, helvetica, serif;
		  color: #E1E1E1;
		  background-color: #454545;
		  border-top: solid  1px #606060;
		  border-left: solid 1px #606060;
		  border-right: solid  1px black;
		  border-bottom: solid 1px black;
}
.windowbg2_sticky
{
		  font-family: tahoma, helvetica, serif;
		  color: #E1E1E1;
		  background-color: #555555;
		  border-top: solid  1px #707070;
		  border-left: solid 1px #707070;
		  border-right: solid  1px black;
		  border-bottom: solid 1px black;
}
.windowbg_locked
{
		  font-family: tahoma, helvetica, serif;
		  color: #E1E1E1;
		  background-color: #353535;
		  border-top: solid  1px #606060;
		  border-left: solid 1px #606060;
		  border-right: solid  1px black;
		  border-bottom: solid 1px black;
}
.windowbg2_locked
{
		  font-family: tahoma, helvetica, serif;
		  color: #E1E1E1;
		  background-color: #454545;
		  border-top: solid  1px #707070;
		  border-left: solid 1px #707070;
		  border-right: solid  1px black;
		  border-bottom: solid 1px black;
}
.windowbg_sticky_locked
{
		  font-family: tahoma, helvetica, serif;
		  color: #E1E1E1;
		  background-color: #4a4a4a;
		  border-top: solid  1px #606060;
		  border-left: solid 1px #606060;
		  border-right: solid  1px black;
		  border-bottom: solid 1px black;
}
.windowbg2_sticky_locked
{
		  font-family: tahoma, helvetica, serif;
		  color: #E1E1E1;
		  background-color: #5a5a5a;
		  border-top: solid  1px #707070;
		  border-left: solid 1px #707070;
		  border-right: solid  1px black;
		  border-bottom: solid 1px black;
}


/* Input boxes - just a bit smaller than normal so they align well. */
input,button
{
		 border: solid 1px #909090;
		  background-color: #2D0000;
		  font-size: 9pt;
		  color: #CCBBBB;
		  font-family: tahoma, helvetica, serif;
}

/* All input elements that are checkboxes or radio buttons. */
textarea
{
		 border: solid 1px #909090;
		  background-color: #2D0000;
		  font-size: 9pt;
		  color: #CCBBBB;
		  font-family: tahoma, helvetica, serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
		  border: solid 0px #909090;
		  background-color: transparent;
		  color: #2D0000;
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
		  background-color: #2D0000;
		  font-size: 10pt;
		  font-weight: normal;
		  color: #CCBBBB;
		  font-family: tahoma, helvetica, serif;
}


/* A quote, perhaps from another post. */
.quote
{
		  background-color: #2D0000;
		  border: 1px solid #a0a0a0;
		  padding: 6px;
		  font-size: x-small;
}

/* A code block - maybe even PHP ;). */
.code
{
		  color: #909090;
		  background-color: #2D0000;
		  border: 1px solid #d0d0d0;
		  padding: 1px;
		  font-family: "courier new", helvetica, "times new roman", serif;
		  font-size: x-small;
		  width: 99%;
		  margin: 1px auto 1px auto;
		  white-space: nowrap;
		  overflow: auto;
}


/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg td,.titlebg2, tr.titlebg2 td
{
		  background-color: #303030;
		  font-weight: bold;
		  color: #E1E1E1;
		  font-style: normal;

}
.titlebg a:hover,.titlebg2 a:hover
{

		  color: #ffc;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg, .catbg3
{
		  background-color: #383838;

}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
}

.catbg, .catbg2,.catbg3
{
		  font-weight: bold;
		  color: #E1E1E1;
}

.catbg:link , .catbg2:link, .catbg3:link
{
		  font-weight: bold;
		  color: #E1E1E1;
}
.catbg:hover , .catbg2:hover, .catbg3:hover
{
		  font-weight: bold;
}