body { 
  background-image: url();
  background-color: #000000; 
  margin: 0px;
  padding: 0px; 
  min-width: 1000px;
}

a:link      { color: #9122FF; text-decoration: underline; }
a:visited	{ color: #9122FF; text-decoration: underline; }
a:active	{ color: #FFFFFF; text-decoration: underline; }
a:hover	    { color: #FFFFFF; text-decoration: underline; }

a.menu:link		{ color: #FFFFFF; text-decoration: none; }
a.menu:visited	{ color: #FFFFFF; text-decoration: none; }
a.menu:active	{ color: #8080FF; text-decoration: none; }
a.menu:hover	{ color: #8080FF; text-decoration: none; }

/* The inbox, system, society, etc links in the Message Center */
a.message:link		{ color: #800080; text-decoration: none; }
a.message:visited	{ color: #800080; text-decoration: none; }
a.message:active	{ color: #CF9FFF; text-decoration: none; }
a.message:hover		{ color: #CF9FFF; text-decoration: none; }

/* The Border color of the Dark Network Banners in the Footer */
.pic a img { border: 1px solid #8000FF; } 
.pic a img:link { border: 1px solid #8000FF; }
.pic a img:visited { border: 1px solid #8000FF; }
.pic a img:active { border: 1px solid white; }
.pic a img:hover { border: 1px solid white; }

/* Special Link colors. Open Link Directory, etc. */
a.special:link          { color: #FF0080; text-decoration: underline; }
a.special:visited       { color: #FF0080; text-decoration: underline; }
a.special:active        { color: purple; text-decoration: underline; }
a.special:hover         { color: purple; text-decoration: underline; }

hr {
  border: 0;
  height: 1px;
  color: #8000FF;
  background-color: #8000FF;
}

p {
  margin: 0px;
  padding: 0px; 
}

img { border-style: none; }

/* All text is within tables. */
table {
  text-align:justify;
  color:white;
  font-family:Verdana,Arial,Helvetica;
  font-size:10pt;
  font-weight:normal;
}

/* For the smaller page text */
.footer	{
  text-align:justify;
  color:White;
  font-family:Verdana,Arial,Helvetica;
  font-size:8pt;
  font-weight:normal;
}

/* Forms and buttons */
.forminput, .textinput, .radiobutton, .checkbox, .textarea {
  font-size: 12px;
  font-color: White;
  font-family: verdana, helvetica, sans-serif;
  vertical-align: middle;
  color: White;
  background-color: Black;
  border: 2px #9B37FF solid
}
form {
  margin: 0px;
  padding: 0px; 
}

/* The Main Forum page */
.forum_table { background-color: black; }
.forum_td { background-color: #600060; }
.forum_closed { background-color: #300030; }
.forum_text { color: white; }
a.forum:link { color: white; text-decoration: none; }
a.forum:visited { color: white; text-decoration: none; }
a.forum:active { color: #FF46A3; text-decoration: none; }
a.forum:hover { color: #FF46A3; text-decoration: none; }
/* End Forum */

/* Journals - The Comment area */
.journal_comment_table { 
  background-color: #400040; 
  text-color: white; 
  text-align: justify;
  color: white;
  font-family: verdana,arial,helvetica;
  font-size: 8pt;
  font-weight: normal;
}
.journal_comment_div {
  border: 1px solid #800040; 
  padding: 0px; 
  background: #200020;
  text-align:justify;
  color: white;
  font-family: verdana,arial,helvetica;
  font-size: 10pt;
  font-weight: normal;  
}
a.journal_comment:link		{ 
  color: #FFFFFF; 
  text-decoration: none; 
  font-size: 8pt; 
  font-family: verdana,arial,helvetica;
}
a.journal_comment:visited	{ 
  color: #FFFFFF; 
  text-decoration: none; 
  font-size: 8pt; 
  font-family: verdana,arial,helvetica;
}
a.journal_comment:active	{ 
  color: #8080C0; 
  text-decoration: none; 
  font-size: 8pt; 
  font-family: verdana,arial,helvetica;
}
a.journal_comment:hover	    { 
  color: #8080C0; 
  text-decoration: none; 
  font-size: 8pt; 
  font-family: verdana,arial,helvetica;
}
/* End Journal Formatting */

/* For various |, [, and ] symbols throughout the site */
.divider { color: white; }

/* This table is used to highlight the "You Have New Messages" text */
.msg_table { background-color: #400080; }

/* The text of the "You Have New Messages" line */
.new_msgs {
  text-align:justify;
  color:white;
  font-family:Verdana,Arial,Helvetica;
  font-size:8pt;
  font-weight:normal;
}
.new_msgs a:link     { color: #A953FF; text-decoration: underline; }
.new_msgs a:visited	 { color: #A953FF; text-decoration: underline; }
.new_msgs a:active	 { color: white; text-decoration: underline; }
.new_msgs a:hover	 { color: white; text-decoration: underline; }

/* Vampbox time/date stamps */
.vb_txt { color: #AA55FF; }

/* Table Outlines */
.tablewindows { background-color: #9B37FF;}

/* Table insides */
.tdwindows { background-color: black;}

/* Profile Page. The Description Box and Description area */
.tabledescription { background-color: #800080; }
.tddescription { background-color: black; }

/* Fonts */
/* Success/Good messages */
.success { color: #E903FC; }
/* Failure/Bad messages */
.error { color: red; }
/* Warning color. Usually yellow */
.warn { color: #7575FF; }

/* Only used for "The Ultimate Vampire Resource & Directory in Logo menu */
h1 {
  color: #ffffff; 
  font-family: verdana, helvetica, sans-serif; 
  font-size: 12pt; 
  text-align: center; 
  font-weight: bold; 
  margin: 0px; 
  padding: 0px;
}

/* Headline, title text. Like "Site News" or "Profiles" */
.headline {
  color: #ffffff; 
  font-family: helvetica, verdana, sans-serif; 
  font-size: 16pt; 
  text-align: center; 
  font-weight: normal; 
  margin: 0px; 
  padding: 0px;
}

/* START MAIN NAVIGATION BAR */
#mnavlist{ 
  background-color: #400080;
  margin: 10px 0px 15px 0px;
  padding: 0px;
  text-align: left; 
}
#mnavlist li.mww {
  display: inline;
  list-style-type: none;
  color: #ccccff; 
  background-color: #400080;
  font-weight: bold;
  font-family: helvetica, sans-serif, verdana;
  font-size: 9pt;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#mnavlist li.mww a {
  margin: 0px 0px 0px 0px;
  padding: 8px 8px 8px 8px;
  color: #ffffff; 
  background-color: #400080;
  white-space: nowrap; 
  text-decoration: none;
  border: 1px solid #400080;
}
#mnavlist li.mww a:hover{
  margin: 0px 0px 0px 0px;
  padding: 8px 8px 8px 8px;
  background-color: #ffffff;
  color: #400080;
  text-decoration: none;
  border: 1px solid #400080;
}
#mnavlist li.mww a.mmenu {
  margin: 0px 0px 0px 0px;
  padding: 8px 8px 8px 8px;
  color: #00a5f4; 
  background-color: #400080;
  white-space: nowrap; 
  text-decoration: none;
  border: 1px solid #400080;
}
#mnavlist li.mww a.mmenu:hover{
  margin: 0px 0px 0px 0px;
  padding: 8px 8px 8px 8px;
  background-color: #ffffff;
  color: #000099;
  text-decoration: none;
  border: 1px solid #400080;
}
/* END MAIN NAVIGATION BAR */

/* START PERSONAL, LOGGED IN NAVIGATION SYSTEM */
.menu_table td {
	background-image:url('/inc/layouts/images/showcase_both/menu.jpg'); background-repeat:repeat;
	BORDER-BOTTOM: #000000 1px solid; BORDER-TOP: #000000 1px solid; 
}
.DHTMLSuite_menuBar_top{	/* The bar that is parent of the menu strip */
	height:29px;
	width:100%;
	background-repeat:repeat-x;
	font-size:12px;
	z-index:100000;
	padding-left:10px;
	color:#ffffff;
}
.DHTMLSuite_menuBar_sub{
	position:absolute;
	background-color:#000000;
	border:1px solid #000;
	background-image:url('/inc/layouts/images/showcase_both/menu-bar-gradient.gif');	/* Background image for sub menu items */
	background-repeat:repeat-y;
	background-position: left center;
	display:inline;
	color:#ffffff;
}
.DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{
	height:20px;
}
.DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div,.DHTMLSuite_menuItem_top_click div,.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div{
	padding-top:2px;
	padding-bottom:2px;
}
.DHTMLSuite_menuItem_top_regular{	/* Top level menu item - Regular state */
	padding-left:1px;
	padding-right:4px;
	margin-right:4px;
	padding-top:1px;
	padding-bottom:1px;	
	cursor:pointer;
	line-height:16px;
	margin-top:3px;
}
.DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */
	padding-left:0px;
	padding-right:3px;
	margin-right:4px;
	border:1px solid #800080;
	background-color:#000000;
	cursor:pointer;
	line-height:16px;
	margin-top:3px;
	padding-bottom:1px;
}
.DHTMLSuite_menuItem_top_active{	/* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */
	padding-left:0px;
	padding-right:3px;
	margin-right:4px;
	border:1px solid #800080;
	cursor:pointer;
	line-height:16px;
	margin-top:3px;
	padding-bottom:1px;
	background-color:#000000;		
}
.DHTMLSuite_menuItem_top_click{	/* Top level menu item - Mouse click state */
	padding-left:0px;
	padding-right:3px;
	margin-right:4px;
	border:1px solid #000;
	background-color:#800080;
	cursor:pointer;
	line-height:16px;
	margin-top:3px;
	z-index:20000;
	padding-bottom:1px;
}
.DHTMLSuite_menuItem_top_disabled{	/* Disabled menu item */
	padding-left:0px;
	padding-right:4px;
	margin-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	cursor:default;
	line-height:16px;
	margin-top:3px;	
}
.DHTMLSuite_menuItem_top_disabled img,.DHTMLSuite_menuItem_top_disabled div{
	filter:alpha(opacity=30);
	opacity:0.3;
}
.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div, .DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div{	/* divs for the text,icon and arrow of a menu item */
	float:left;
	padding-left:3px;
	padding-right:0px;
}
/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */
.DHTMLSuite_menuItem_top_arrowShowSub{
	width:12px;
	background-repeat:no-repeat;
	background-position:center center;
	background-image: url('/inc/layouts/images/showcase_both/menu_strip_down_arrow.gif');
	margin:0px;
	margin-right:-1px;
	/* ma\rgin-right:-3px;	/* Size of padding-right of top menu items - used to get the arrow to apear at the right of the menu item */
	padding:0px;
	height:16px;
	margin-left:2px;
	margin-top:1px;
	float:right;
}
.DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
.DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub
{	/* Sub menu arrows */
/*	margin-left:1px;*/
	margin-left:2px;
}
.DHTMLSuite_menuItem_separator_top{	/* Separator of type "top" */
	height:20px;
	margin-top:5px;
	margin-bottom:3px;
	width:4px;
	padding-left:3px;
	padding-right:3px;
	background-repeat:repeat-y;
	background-image:url('/inc/layouts/images/showcase_both/menu_strip_separator.gif');
	
}
.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_disabled,.DHTMLSuite_menuItem_sub_active{	/* Commom css for regular, mouse over and mouse click items */
	clear:both;	
	line-height:18px;
	height:18px;	
	padding-left:25px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;	
	cursor:pointer;	
	margin:1px;
	background-repeat:no-repeat;
}
.DHTMLSuite_menuItem_sub_disabled{
	cursor:default;
}
.DHTMLSuite_menuItem_sub_disabled div,.DHTMLSuite_menuItem_sub_disabled{	/* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */
	filter:alpha(opacity=30);
	opacity:0.3;
}
.DHTMLSuite_menuItem_sub_regular{	/* Regular menu item */
	margin-left:4px;	/* size of margin above + 1 pixel */
	padding-top:3px;	/* Size of padding-top above + 1 pixel */
	padding-bottom:3px;	/* Size of padding-bottom above + 1 pixel */
}
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{
	border:1px solid #800080;
}
.DHTMLSuite_menuItem_sub_regular div, .DHTMLSuite_menuItem_sub_over div,.DHTMLSuite_menuItem_sub_click div{
	float:left;	/* To get the icons and text of sub elements side by side */
}
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{	/* Mouse over effect */	
	background-color:#000000;		
	margin-left:3px;
}
.DHTMLSuite_menuItem_sub_click{	/* Mouse click effect */
	background-color:#000000;
}
.DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,.DHTMLSuite_menuItem_sub_over div,.DHTMLSuite_menuItem_sub_active div,.DHTMLSuite_menuItem_sub_disabled div{	/* divs for the text,icon and arrow of a menu item */
	float:left;
	padding-left:1px;
	padding-right:1px;
}
/* END PERSONAL, LOGGED IN NAVIGATION SYSTEM */

/* START PICTURE ROTATION */
/* This section is not valid CSS. It *looks* like CSS to fool the browser,
   but it's really a configuration file. This section is used by the layout
   To randomly rotate a set of pictures. List here all the
   pictures you want to rotate. Only edit the urls. You can list as
   many urls as you want. 

   The section SHOWCASE is a full URL path to each picture. 1 URL per line.
   Pictures MUST be 320 pixels in width. Height can be anything.
   
   The section CAPTIONS is optional. If filled in, the number of lines must
   match the number of lines in the SHOWCASE section. Each line in CAPTIONS
   corresponds to the same line number in SHOWCASE. You may use the anchor
   tag around a caption to create a link. The anchor tag is optional.
   Whatever caption you fill in, is what will appear below the picture.

*/
.ignore_me {

SHOWCASE
/inc/layouts/images/showcase_girls/showcase-CherryAdvocaat-1.jpg
/inc/layouts/images/showcase_girls/showcase-CherryAdvocaat-2.jpg
/inc/layouts/images/showcase_girls/showcase-CherryAdvocaat-3.jpg
/inc/layouts/images/showcase_girls/showcase-CherryAdvocaat-4.jpg
/inc/layouts/images/showcase_girls/showcase-CherryAdvocaat-5.jpg
/inc/layouts/images/showcase_girls/showcase-kittenluvs2bite-1.jpg
/inc/layouts/images/showcase_girls/showcase-Morrigon-1.jpg
/inc/layouts/images/showcase_girls/showcase-Morrigon-2.jpg
/inc/layouts/images/showcase_girls/showcase-Morrigon-3.jpg
/inc/layouts/images/showcase_girls/showcase-Morrigon-4.jpg
/inc/layouts/images/showcase_girls/showcase-Morrigon-5.jpg
/inc/layouts/images/showcase_girls/showcase-Morrigon-6.jpg
/inc/layouts/images/showcase_girls/showcase-Morrigon-7.jpg
/inc/layouts/images/showcase_girls/showcase-MysticMoon-1.jpg
/inc/layouts/images/showcase_girls/showcase-MysticMoon-2.jpg
/inc/layouts/images/showcase_girls/showcase-MysticMoon-3.jpg
/inc/layouts/images/showcase_girls/showcase-Nicnivian-6.jpg
/inc/layouts/images/showcase_girls/showcase-Nicnivian-10.jpg
/inc/layouts/images/showcase_girls/showcase-Nicnivian-23.jpg
/inc/layouts/images/showcase_girls/showcase-Nicnivian-28.jpg
/inc/layouts/images/showcase_girls/showcase-Nicnivian-29.jpg
/inc/layouts/images/showcase_girls/showcase-Nicnivian-32.jpg
/inc/layouts/images/showcase_girls/showcase-Nicnivian-33.jpg
/inc/layouts/images/showcase_girls/showcase-Nicnivian-35.jpg
/inc/layouts/images/showcase_girls/showcase-Nicnivian-36.jpg
/inc/layouts/images/showcase_girls/showcase-Nicnivian-45.jpg
/inc/layouts/images/showcase_girls/showcase-Nicnivian-47.jpg
/inc/layouts/images/showcase_girls/showcase-Punkie-1.jpg
/inc/layouts/images/showcase_girls/showcase-Punkie-7.jpg
/inc/layouts/images/showcase_girls/showcase-Punkie-8.jpg
/inc/layouts/images/showcase_girls/showcase-Punkie-12.jpg
/inc/layouts/images/showcase_girls/showcase-Punkie-13.jpg
/inc/layouts/images/showcase_girls/showcase-SweetlyDecadent-1.jpg
/inc/layouts/images/showcase_girls/showcase-TheVenus-56.jpg
/inc/layouts/images/showcase_girls/showcase-TheVenus-69.jpg
/inc/layouts/images/showcase_girls/showcase-Vespers-2.jpg
/inc/layouts/images/showcase_girls/showcase-Vespers-3.jpg
/inc/layouts/images/showcase_girls/showcase-Vespers-84.jpg
/inc/layouts/images/showcase_girls/showcase-xMISFITx-2.jpg
/inc/layouts/images/showcase_girls/showcase-xMISFITx-4.jpg
/inc/layouts/images/showcase_girls/showcase-XspiritofbeautyX-1.jpg
/inc/layouts/images/showcase_girls/showcase-XTCraver-7.jpg
/inc/layouts/images/showcase_girls/showcase-XTCraver-64.jpg
/inc/layouts/images/showcase_boys/showcase-birra-1.jpg
/inc/layouts/images/showcase_boys/showcase-DarkOsmosis-1.jpg
/inc/layouts/images/showcase_boys/showcase-DeathsEmbrace-1.jpg
/inc/layouts/images/showcase_boys/showcase-DonavanLunar-1.jpg
/inc/layouts/images/showcase_boys/showcase-Dragonrouge-22.jpg
/inc/layouts/images/showcase_boys/showcase-Dyzan-1.jpg
/inc/layouts/images/showcase_boys/showcase-UndoneByBeauty-8.jpg
/inc/layouts/images/showcase_boys/showcase-UndoneByBeauty-9.jpg
/inc/layouts/images/showcase_boys/showcase-vvSoulshroudevv-3.jpg
/inc/layouts/images/showcase_boys/showcase-vvSoulshroudevv-10.jpg
/inc/layouts/images/showcase_girls/showcase-bloodpetals-2.jpg
/inc/layouts/images/showcase_girls/showcase-Callalilly-1.jpg
/inc/layouts/images/showcase_girls/showcase-Callalilly-2.jpg
/inc/layouts/images/showcase_boys/showcase-Sabastion-1.jpg
/inc/layouts/images/showcase_boys/showcase-Sabastion-2.jpg
END-SHOWCASE

CAPTIONS
<a class="caption" href="/profiles/profiles2.php?profile=CherryAdvocaat">CherryAdvocaat</a>
<a class="caption" href="/profiles/profiles2.php?profile=CherryAdvocaat">CherryAdvocaat</a>
<a class="caption" href="/profiles/profiles2.php?profile=CherryAdvocaat">CherryAdvocaat</a>
<a class="caption" href="/profiles/profiles2.php?profile=CherryAdvocaat">CherryAdvocaat</a>
<a class="caption" href="/profiles/profiles2.php?profile=CherryAdvocaat">CherryAdvocaat</a>
<a class="caption" href="/profiles/profiles2.php?profile=kittenluvs2bite">kittenluvs2bite</a>
<a class="caption" href="/profiles/profiles2.php?profile=Morrigon">Morrigon</a>
<a class="caption" href="/profiles/profiles2.php?profile=Morrigon">Morrigon</a>
<a class="caption" href="/profiles/profiles2.php?profile=Morrigon">Morrigon</a>
<a class="caption" href="/profiles/profiles2.php?profile=Morrigon">Morrigon</a>
<a class="caption" href="/profiles/profiles2.php?profile=Morrigon">Morrigon</a>
<a class="caption" href="/profiles/profiles2.php?profile=Morrigon">Morrigon</a>
<a class="caption" href="/profiles/profiles2.php?profile=Morrigon">Morrigon</a>
<a class="caption" href="/profiles/profiles2.php?profile=MysticMoon">MysticMoon</a>
<a class="caption" href="/profiles/profiles2.php?profile=MysticMoon">MysticMoon</a>
<a class="caption" href="/profiles/profiles2.php?profile=MysticMoon">MysticMoon</a>
<a class="caption" href="/profiles/profiles2.php?profile=Nicnivian">Nicnivian</a>
<a class="caption" href="/profiles/profiles2.php?profile=Nicnivian">Nicnivian</a>
<a class="caption" href="/profiles/profiles2.php?profile=Nicnivian">Nicnivian</a>
<a class="caption" href="/profiles/profiles2.php?profile=Nicnivian">Nicnivian</a>
<a class="caption" href="/profiles/profiles2.php?profile=Nicnivian">Nicnivian</a>
<a class="caption" href="/profiles/profiles2.php?profile=Nicnivian">Nicnivian</a>
<a class="caption" href="/profiles/profiles2.php?profile=Nicnivian">Nicnivian</a>
<a class="caption" href="/profiles/profiles2.php?profile=Nicnivian">Nicnivian</a>
<a class="caption" href="/profiles/profiles2.php?profile=Nicnivian">Nicnivian</a>
<a class="caption" href="/profiles/profiles2.php?profile=Nicnivian">Nicnivian</a>
<a class="caption" href="/profiles/profiles2.php?profile=Nicnivian">Nicnivian</a>
<a class="caption" href="/profiles/profiles2.php?profile=Punkie">Punkie</a>
<a class="caption" href="/profiles/profiles2.php?profile=Punkie">Punkie</a>
<a class="caption" href="/profiles/profiles2.php?profile=Punkie">Punkie</a>
<a class="caption" href="/profiles/profiles2.php?profile=Punkie">Punkie</a>
<a class="caption" href="/profiles/profiles2.php?profile=Punkie">Punkie</a>
<a class="caption" href="/profiles/profiles2.php?profile=SweetlyDecadent">SweetlyDecadent</a>
<a class="caption" href="/profiles/profiles2.php?profile=TheVenus">TheVenus</a>
<a class="caption" href="/profiles/profiles2.php?profile=TheVenus">TheVenus</a>
<a class="caption" href="/profiles/profiles2.php?profile=Vespers">Vespers</a>
<a class="caption" href="/profiles/profiles2.php?profile=Vespers">Vespers</a>
<a class="caption" href="/profiles/profiles2.php?profile=Vespers">Vespers</a>
<a class="caption" href="/profiles/profiles2.php?profile=xMISFITx">xMISFITx</a>
<a class="caption" href="/profiles/profiles2.php?profile=xMISFITx">xMISFITx</a>
<a class="caption" href="/profiles/profiles2.php?profile=XspiritofbeautyX">XspiritofbeautyX</a>
<a class="caption" href="/profiles/profiles2.php?profile=XTCraver">XTCraver</a>
<a class="caption" href="/profiles/profiles2.php?profile=XTCraver">XTCraver</a>
<a class="caption" href="/profiles/profiles2.php?profile=birra">birra</a>
<a class="caption" href="/profiles/profiles2.php?profile=DarkOsmosis">DarkOsmosis</a>
<a class="caption" href="/profiles/profiles2.php?profile=DeathsEmbrace">DeathsEmbrace</a>
<a class="caption" href="/profiles/profiles2.php?profile=DonavanLunar">DonavanLunar</a>
<a class="caption" href="/profiles/profiles2.php?profile=Dragonrouge">Dragonrouge</a>
<a class="caption" href="/profiles/profiles2.php?profile=Dyzan">Dyzan</a>
<a class="caption" href="/profiles/profiles2.php?profile=UndoneByBeauty">UndoneByBeauty</a>
<a class="caption" href="/profiles/profiles2.php?profile=UndoneByBeauty">UndoneByBeauty</a>
<a class="caption" href="/profiles/profiles2.php?profile=vvSoulshroudevv">vvSoulshroudevv</a>
<a class="caption" href="/profiles/profiles2.php?profile=vvSoulshroudevv">vvSoulshroudevv</a>
<a class="caption" href="/profiles/profiles2.php?profile=bloodpetals">bloodpetals</a>
<a class="caption" href="/profiles/profiles2.php?profile=Callalilly">Callalilly</a>
<a class="caption" href="/profiles/profiles2.php?profile=Callalilly">Callalilly</a>
<a class="caption" href="/profiles/profiles2.php?profile=Sabastion">Sabastion</a>
<a class="caption" href="/profiles/profiles2.php?profile=Sabastion">Sabastion</a>
END-CAPTIONS

}

/* This is actual css, for the caption links, if captions are used */
.caption { font-weight: bold; font-size: 10pt; font-face: verdana; }
a.caption:link		{ color: #952BFF; text-decoration: none; }
a.caption:visited	{ color: #952BFF; text-decoration: none; }
a.caption:active	{ color: #ffffff; text-decoration: underline; }
a.caption:hover	    { color: #ffffff; text-decoration: underline; }

/* END PICTURE ROTATION */

/* New CSS Classes introduced in Vampire Rave 2.0 */

/* Contain images within divs */
@media only screen and (min-width : 1px) {
  /* Any image in div 'img-container' will scale to a max of 300px wide */
  .img-container { width: 98%; display: inline-block; text-align: center;}
  .img-container img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
  .img-container iframe, object, embed, div, span, p, table, tr, th, td, img, ul {
    max-width: 100%;
  }  
  .img-container-small { width: 98%; display: inline-block; text-align: center;}
  .img-container-small img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
  .img-container-small iframe, object, embed, div, span, p, table, tr, th, td, ul {
    max-width: 100%;
  }  
}

/* The lines throughout the site that look like: */
/*     ================================= VR =================================     */ 
hr.body-line {
	border-top: 5px double black;
	border-bottom: 5px double black;
}
hr.body-line:after {
    content: 'VR';
    font-family: 'Droid Sans', sans-serif, Georgia, Verdana, Arial, Helvetica;
    font-size: 1em;
	display: inline-block;
	position: relative;
	top: -10px;
	padding: 0 10px;
	background: black;
	color: purple;
	font-size: 18px;
}

/* The CHANGE LAYOUT drop down select menu */
.layout_form {
  font-size: 14px;
  font-color: white;
  font-family: 'Droid Sans', sans-serif, Georgia, serif, arial, helvetica;
  vertical-align: middle;
  color: white;
  background-color: #230023;
  border: 1px white solid;
  border-radius: 3px;
  background: url(/images/drop_down_arrow.png) 170px / 22px no-repeat #230023;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  width: 200px;
  padding: 2px 0 2px 10px;
  margin: 0;
}
.layout_form select {
   background: transparent;
}
.layout_form select::-ms-expand { /* IE */
  display: none;
}
.layout_form option {
  width:200px;
  margin: 0;
  padding: 2px 0 2px 10px;
}

/* File Upload Buttons */
div.upload {
    width: 100px;
    height: 34px;
    background: url(/inc/layouts/images/phantasm/upload_icon.png) no-repeat;
    overflow: hidden;
	cursor: pointer;
}
div.upload input {
    display: inline !important;
    width: 62px !important;
    height: 50px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    cursor: pointer;
}

/* Report a Bug */
.shading { background-color:#101010; }
.shade1  { background-color:#4c0000; }
.shade2  { background-color:#1f0000; }

/* Vampire Database, Profiles, Journals, etc, alternating background colors */
.db-div-1 { background-color:#151515; }
.db-div-2 { background-color:#080808; }

/* New Markers Used on Profiles, Journals, The Vampire Database, The Forum, and more */
.new-marker {
  display: inline-block;
  border: 2px purple solid;
  border-radius: 6px;
  font-size: 14px;
  color: white;
  font-family: 'Droid Sans', sans-serif, Georgia, serif, arial, helvetica;
  vertical-align: middle;
  padding: 4px 5px 3px 5px; 
  margin-top:4px;
  font-weight:bold;
}

/* Profile description box */
.profile-description {
  border-radius:6px; 
  border: 1px solid purple; 
}

/* Journal Comments */
.journal-comments {
  background-color:#110011;
  border:1px solid purple;
}
.journal-comment-line {
  color: purple; 
  background-color: purple;
}

/* The Forum */
.forum_table { background-color: black; table-layout:fixed;}
.forum_td { background-color: #600060; word-wrap:break-word;}
.forum_closed { background-color: #300030; }
.forum_text { color: white; }
a.forum:link { color: white; text-decoration: none; }
a.forum:visited { color: white; text-decoration: none; }
a.forum:active { color: purple; text-decoration: none; }
a.forum:hover { color: purple; text-decoration: none; }
.forum_back { background-color: #151515; }
.forum_rip_back { background-color: #080808; }
.forum-quote {
  background-color: #080808;
  padding: 20px 10px 20px 0px;
  border-radius: 6px;
  border: 1px solid purple;
  width:96%;  
}
.forum-block {
  margin-top:0px;
  margin-right:0px;
  margin-bottom:0px;
}
.forum-preview { border:1px solid yellow; }

/* VR Chat */
.chat-channel-list {
  border: solid 1px; 
  border-color: purple; 
}
.chat-window {
  border: solid 1px; 
  border-color: purple; 
}

/* Portfolios */
/* Also used for other various functions. Hidden div popup windows */
#message-window {
  display:none;
  padding: 0px 10px 10px 10px;
  position:fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  background-color: #000000;
  border-radius: 12px;
  border-style: solid;
  border-width: 5px;
  border-color: red;
  text-align: center;
  z-index: 61; 
}
#overlay {
  display:none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 60;
  background:rgba(0,0,0,0.6);
}
.cancel-message { display:block; margin-right: -10px; position:relative; float: right; top:3px; right:2px; background-color:black; color:black; height:30px; width:35px; font-size:30px; text-decoration:none; text-align:center; font-weight:bold; }
a.cancel-message:link { background-color: transparent; color: red; text-decoration: none; }
a.cancel-message:visited { background-color: transparent; color: red; text-decoration: none; }
a.cancel-message:hover { background-color: transparent; color: red; text-decoration: none; }
a.cancel-message:active { background-color: transparent; color: red; text-decoration: none; }

/* ////////////////////////// START Message Center Formatting ////////////////////////// */
/* Some of these classes are used in other areas of Vampire Rave too. */
/* .mc-menu is the drop down menu used in Journals, Report a Bug, Message Center, etc. */
/* .mc-menu2 is the second drop down menu (bottom of page) only used in the Message Center */
/* .mc-link-span is used on virtually every submission button site-wide */

.stitched {
  background: black;
  border: 1px dashed purple;
  border-radius: 5px;
  margin-top: 6px;
}
.mc-link-spans {
  background-color:#a202a2; 
  color:white; 
  border: white 1px solid;
  font-family:Verdana,Arial,Helvetica;
  font-size:12px;  
}
.mc-link-spans:hover {
  background-color:#d002d0;
}
a.mc:link		{ text-decoration: none; }
a.mc:visited	{ text-decoration: none; }
a.mc:active	    { text-decoration: none; }
a.mc:hover		{ text-decoration: none; }
/* Top and bottom drop down menus, box navigation */
.mc-menu {
  border-top: 1px white solid;
  margin:0;
  padding:0;
  width:320px;
  font-size:16px;
  font-weight:bold;
}
.mc-menu a:hover {
  cursor: pointer;
}
.mc-menu ul {
  background: url(/images/drop_down_arrow.png) 290px / 22px no-repeat #a202a2;
  height:36px; 
  list-style:none; 
  margin:0; 
  padding:0;
}
.mc-menu table { line-height:32px; }
.mc-menu li a{
  border-left: 1px white solid;
  border-right: 1px white solid;
  border-bottom: 1px white solid;
  color:#ffffff;
  display:block;
  font-weight:normal;
  line-height:36px;
  margin:0px;
  padding:0px 40px 0px 15px;
  height:36px;
  font-size:14px;
  font-style:normal;
  text-align:left;
  text-decoration:none;
}
.mc-menu li a:hover, .mc-menu ul li:hover a{
    color:#FFFFFF;
    text-decoration:none;
}
.mc-menu li li {
    display:block;
    float:left;
    margin:0px;
    padding:0px;
    width:320px;
}
.mc-menu li ul{
    background:#cc02cc;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:320px;
    z-index:1;
}
.mc-menu li:hover li a{
    background:none;
}
.mc-menu li ul a{
    display:block;
    height:36px;
    font-size:14px;
    font-style:normal;
    margin:0px;
    padding:0px 40px 0px 15px;
    text-align:left;
}
.mc-menu li ul a:hover, .mc-menu li ul li:hover a{
    color:#ffffff;
    text-decoration:none;
    background-color:purple;
}  
#nothing {
    color:white !important;
    text-decoration:bold !important;
    background-color:black !important;
}
.mc-menu2 {
  border-top: 1px white solid;
  margin:0;
  padding:0;
  width:320px;
  font-size:16px;
  font-weight:bold;
}
.mc-menu2 a:hover {
  cursor: pointer;
}
.mc-menu2 ul {
  background: url(/images/drop_down_arrow.png) 290px / 22px no-repeat #a202a2;
  height:36px; 
  list-style:none; 
  margin:0; 
  padding:0;
}
.mc-menu2 table { line-height:32px; }
.mc-menu2 li a{
  border-left: 1px white solid;
  border-right: 1px white solid;
  border-bottom: 1px white solid;
  color:#ffffff;
  display:block;
  font-weight:normal;
  line-height:36px;
  margin:0px;
  padding:0px 40px 0px 15px;
  height:36px;
  font-size:14px;
  font-style:normal;
  text-align:left;
  text-decoration:none;
}
.mc-menu2 li a:hover, .mc-menu2 ul li:hover a{
    color:#FFFFFF;
    text-decoration:none;
}
.mc-menu2 li li {
    display:block;
    float:left;
    margin:0px;
    padding:0px;
    width:320px;
}
.mc-menu2 li ul{
    background:#cc02cc;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:320px;
    z-index:1;
}
.mc-menu2 li:hover li a{
    background:none;
}
.mc-menu2 li ul a{
    display:block;
    height:36px;
    font-size:14px;
    font-style:normal;
    margin:0px;
    padding:0px 40px 0px 15px;
    text-align:left;
}
.mc-menu2 li ul a:hover, .mc-menu2 li ul li:hover a{
    color:#ffffff;
    text-decoration:none;
    background-color:purple;
}  
/* ////////////////////////// END Message Center Formatting ////////////////////////// */