/***********************************************************
 *                                                         *
 *      Primary Style Sheet for www.crystalforge.com       *
 *     All Content Copyright 2004 Crystalforge Design      *
 *            Contact: info@crystalforge.com               *
 *                                                         *
 ***********************************************************/


/***********************************************************
 * { Default Settings }                                    *
 ***********************************************************/

* 		{ font-family: verdana, arial, geneva, sans-serif; font-size: 10pt; }
body 	{ margin: 0px; background-color: #000000; color: #000000; }
form	{ margin: 0px; padding: 0px; }

/***********************************************************
 * { Layout CSS }                                          *
 ***********************************************************/

#container	{ width: 775px; background-color: #000000; border-bottom: 3px double #C6Af40; }
#knot_left	{ width: 19px; background-image: url('/images/UI-Knot.gif'); background-color: #000000; border-left: 1px solid #C6Af40; border-right: 1px solid #67D458; }
#main 			{ width: 733px; background-color: #0d1E0A; margin: 0px; }
#gutter_top	{ height: 10px; width: 100%; background-color: #0D1E0A; border-bottom: 1px solid #67D458; }
#banner			{ height: 144px; width: 100%; background-color: #000000;  }
#navigation	{ height: 32px; background-color: #000000; border-top: 3px double #C6Af40; border-bottom: 3px double #C6Af40; }
#content		{ background-color: #0d1E0A; padding: 10px; }

.panel_01		{ width: 525px; border: 1px solid #58C549; margin-bottom: 10px; }
.panel_02		{ padding: 10px; background-image: url('/images/UI-BG-Parch.gif'); border: 1px solid #000000; }
.panel_01_L	{ width: 705px; border: 1px solid #58C549; margin-bottom: 10px; }
.box_right	{ width: 160px; color: #BD9f12; background-color: #000000; border: 1px solid #58C549; margin-bottom: 10px;}

.panel_02 p		{ margin: 0px 0px 10px 0px; padding: 0px; text-align: justify; }
.box_right h1	{ width: 100%; height: 22px; color: #BD9f12; font-size: 10pt; line-height: 20px; vertical-align: baseline; background-color: #204A1A; border-bottom: 1px solid #2E7620; margin: 0px; }
.box_right p	{ color: #BD9f12; margin: 3px; }

/* #content p	{ margin-top: 0px; margin-bottom: 15px; } */
#knot_right	{ width: 19px; background-image: url('/images/UI-Knot.gif'); background-color: #000000; border-left: 1px solid #67D458; border-right: 1px solid #C6Af40; }

table.roster	{ padding: 1px; border: 1px solid #0d1E0A; }
table.float_l	{ padding: 1px; border: 1px solid #0d1E0A; float: left; }
table.float_r	{ padding: 1px; border: 1px solid #0d1E0A; float: right; }
table.basic		{ padding: 1px; border: 1px solid #0d1E0A; }
table.clean		{ padding: 1px; border: 0px none #0d1E0A; }

tr.row0	td		{ color: #BD9F12; background-image: url('/images/UI-BG-DarkGreenParch.gif'); border: 1px solid #0d1E0A; text-align: center; font-weight: bold; }
tr.row0 td.sm	{ color: #BD9F12; font-size: 8pt; text-align: center; }
tr.row1	td		{ background-image: url('/images/UI-BG-Parch.gif'); border: 1px solid #0d1E0A; }
tr.row2	td		{ background-image: url('/images/UI-BG-GreenParch.gif'); border: 1px solid #0d1E0A; }
tr.rowx	td		{ border: 1px solid #0d1E0A; }
tr.error td		{ font-weight: bold; background-image: url('/images/UI-BG-RedParch.gif'); border: 1px solid #0d1E0A; }

tr td.space		{  background-image: url('/images/UI-BG-DarkGreenParch.gif'); font-size: 5px; line-height: 5px; }
tr td.shade		{  background-image: url('/images/UI-BG-GreenParch.gif'); }
tr td.noshade	{  background-image: none; }

tr td.b_n	{ border-top: 0px  none #000000; border-right: 0px  none #000000; border-bottom: 0px  none #000000; border-left: 0px  none #000000; }

tr td.b_t	{ border-top: 1px solid #000000; border-right: 0px  none #000000; border-bottom: 0px  none #000000; border-left: 0px  none #000000; }
tr td.b_r	{ border-top: 0px  none #000000; border-right: 1px solid #000000; border-bottom: 0px  none #000000; border-left: 0px  none #000000; }
tr td.b_b	{ border-top: 0px  none #000000; border-right: 0px  none #000000; border-bottom: 1px solid #000000; border-left: 0px  none #000000; }
tr td.b_l	{ border-top: 0px  none #000000; border-right: 0px  none #000000; border-bottom: 0px  none #000000; border-left: 1px solid #000000; }

tr td.b_tr	{ border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 0px  none #000000; border-left: 0px  none #000000; }
tr td.b_rb	{ border-top: 0px  none #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 0px  none #000000; }
tr td.b_bl	{ border-top: 0px  none #000000; border-right: 0px  none #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; }
tr td.b_lt	{ border-top: 1px solid #000000; border-right: 0px  none #000000; border-bottom: 0px  none #000000; border-left: 1px solid #000000; }
tr td.b_tb	{ border-top: 1px solid #000000; border-right: 0px  none #000000; border-bottom: 1px solid #000000; border-left: 0px  none #000000; }
tr td.b_lr	{ border-top: 0px  none #000000; border-right: 1px solid #000000; border-bottom: 0px  none #000000; border-left: 1px solid #000000; }

tr td.b_trb	{ border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 0px  none #000000; }
tr td.b_rbl	{ border-top: 0px  none #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; }
tr td.b_blt	{ border-top: 1px solid #000000; border-right: 0px  none #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; }
tr td.b_ltr	{ border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 0px  none #000000; border-left: 1px solid #000000; }

table.clean td	{ border: 0px none #0d1E0A; background-image: none; }

td.ss_title		{ text-align: center; color: #204A1A; font-size: 12pt; font-weight: bold; }
td.ss_thumb		{ color: #204A1A; text-align: center; font-weight: bold; }
td.ss_prev		{ color: #888888; font-size: 8pt; font-weight: bold; text-align: right; padding-right: 10px; }
td.ss_next		{ color: #888888; font-size: 8pt; font-weight: bold; text-align: left; padding-left: 10px; }
td.ss_prev a	{ color: #204A1A; font-size: 8pt; font-weight: bold; text-align: right; padding-right: 10px; }
td.ss_next a	{ color: #204A1A; font-size: 8pt; font-weight: bold; text-align: left; padding-left: 10px; }

td.loc				{ font-family: courier, monospace; }

td.center			{ text-align: center; }

div.ooc { color: #BD9F12; padding: 5px; background-image: url('/images/UI-BG-DarkGreenParch.gif'); border: 2px dotted #006600; display: none; }

.field_050	{ width:  50px; font-size: 9pt; border: 1px solid #0D1E0A; background-color: #ADC296; }
.field_100	{ width: 100px; font-size: 9pt; border: 1px solid #0D1E0A; background-color: #ADC296; }
.field_150	{ width: 150px; font-size: 9pt; border: 1px solid #0D1E0A; background-color: #ADC296; }
.field_200	{ width: 200px; font-size: 9pt; border: 1px solid #0D1E0A; background-color: #ADC296; }
.field_250	{ width: 250px; font-size: 9pt; border: 1px solid #0D1E0A; background-color: #ADC296; }
.field_300	{ width: 300px; font-size: 9pt; border: 1px solid #0D1E0A; background-color: #ADC296; }
.field_350	{ width: 350px; font-size: 9pt; border: 1px solid #0D1E0A; background-color: #ADC296; }
.field_400	{ width: 400px; font-size: 9pt; border: 1px solid #0D1E0A; background-color: #ADC296; }
.field_450	{ width: 450px; font-size: 9pt; border: 1px solid #0D1E0A; background-color: #ADC296; }
.field_500	{ width: 500px; font-size: 9pt; border: 1px solid #0D1E0A; background-color: #ADC296; }
.field_550	{ width: 550px; font-size: 9pt; border: 1px solid #0D1E0A; background-color: #ADC296; }

/* Mozilla Fixes (Use html>body so IE won't understand)    */
html>body #navigation	{ height: 26px; }
html>body .box_right	{ margin-left: 15px; }

/***********************************************************
 * { Link Settings }                                       *
 ***********************************************************/

a         { color: #006600; text-decoration: none; }
a:visited { color: #006600; text-decoration: none; }
a:active  { color: #239014; text-decoration: none; }
a:hover   { color: #239014; text-decoration: underline; }

a.invert          { color: #34A125; }
a.invert:visited  { color: #34A125; }
a.invert:active   { color: #34A125; }
a.invert:hover    { color: #67D458; }

a.gold          { color: #BD9F12; }
a.gold:visited  { color: #BD9F12; }
a.gold:active   { color: #BD9F12; }
a.gold:hover    { color: #DFBF34; }

a.ooc          { color: #BD9F12; background-image: url('/images/UI-BG-DarkGreenParch.gif'); padding: 1px 8px; }
a.ooc:visited  { color: #BD9F12; }
a.ooc:active   { color: #BD9F12; }
a.ooc:hover    { color: #DFBF34; }

/***********************************************************
 * { Site-Wide Text Classes }                              *
 ***********************************************************/

div.blurb			{ float: left; width: 160px; margin: 0px 10px 5px 0px; padding: 0px;}
div.blurb ul	{ list-style-type: none; margin: 0px; background-color: #273B51; padding: 0px 0px 5px 0px;}
div.blurb h2	{ color: #8EA0B3; font-size: 11pt; font-weight: bold; text-align: center; margin: 0px; background-color: #273B51; padding: 2px; }
div.blurb li	{ color: #273B51; font-size: 08pt; font-weight: bold; text-align: center; background-color: #7991AA; padding: 3px; margin: 0px 1px 1px 1px;}
div.img01			{ float: left; margin: 0px 10px 5px 0px; padding: 0px;}
h2.topic			{ width: 100%; color: #273B51; font-size: 13pt; font-weight: normal; font-style: italic; margin: 0px 0px 5px 0px; border-bottom: 2px solid #273B51; }
p.email		  	{ color: #304963; font-size: 12pt; text-align: center; margin: 10px 0px 0px 0px;}
p.email	a	  	{ color: #304963; font-size: 11pt; text-align: center; }
p.space				{ font-size: 4pt; }
p.note				{ font-size: 8pt; font-style: italic; }
p.note .red		{ font-size: 8pt; color: #BB0000; }
p.red					{ color: #BB0000; }
p.center			{ text-align: center; }

h2.HQ_Title		{ color: #006600; font-size: 20pt; font-family: "Times New Roman", serif; font-weight: bold; text-align: center; text-decoration: underline; margin-top: 0px; }
h1.newstitle	{ color: #004400; font-size: 11pt; font-weight: bold; margin: 10px 0px 0px 0px; }
h1.subhead		{	color: #004400; font-weight: bold; margin: 15px 0px 3px 0px; border-bottom: 1px solid #004400; }
p.byline			{ color: #004400; font-size:  8pt; font-weight: normal; margin: 0px 0px 5px 0px; border-bottom: 1px solid #006600; }
p.copyright		{ color: #216621; font-size: 8pt; text-align: center; margin: 3px; }
p.screenshot	{ text-align: center; margin: 0px; }
span.note			{ font-size: 9pt; font-style: italic; font-weight: normal; }
img.dropcap		{ float:left; margin-right: 3px; }
img.guildrank	{ float:left; margin: 0px 5px 15px 0px; }
img.tavern		{ margin: 20px 5px 20px 0px; }
img.title			{ margin: auto; }
p.dialog_PC		{ color: #444444; font-style: italic; margin-left: 20px; margin-right: 20px; }
p.dialog_NPC	{ color: #660077; font-style: italic; margin-left: 20px; margin-right: 20px; }

h2.warning		{ margin: 0px; padding: 10px; background-image: url('/images/UI-BG-RedParch.gif'); border: 1px solid #0d1E0A; text-align: center; }
p.warning			{ margin: 0px; padding: 10px; background-image: url('/images/UI-BG-RedParch.gif'); border: 1px solid #0d1E0A; text-align: center; }
p.notice			{ margin: 0px; color: #BD9F12; padding: 10px; background-image: url('/images/UI-BG-DarkGreenParch.gif'); border: 1px solid #0d1E0A; text-align: center; }

div.admin_log	{ color: #BD9F12; background-image: url('/images/UI-BG-DarkGreenParch.gif'); padding: 3px 8px; float: right; text-align: center; margin-top: -5px; width: 75px; }
div.admin_btn	{ color: #BD9F12; background-image: url('/images/UI-BG-DarkGreenParch.gif'); padding: 3px 8px; text-align: center; }
div.admin_rtn	{ color: #BD9F12; background-image: url('/images/UI-BG-DarkGreenParch.gif'); padding: 2px 4px; width: 260px; text-align: center; margin: 8px 0px; border: 1px solid #000000; }

dl						{ margin-top: 5px; }
dt						{ color: #006600; font-size: 8pt; font-weight: bold; margin-left: 15px; }
dd						{ margin-bottom: 10px; }

/***********************************************************
 * { Calendar Classes }                                    *
 ***********************************************************/
 
p.date					{ color: #007700; font-weight: bold; text-align: center; }
p.calendar			{ text-align: center; }
table.calendar	{ background-color: #204A1A; font-size: 8pt; border: 1px solid #000000; }
td.month				{ color: #BD9F12; font-size: 10pt; font-weight: bold; text-align: center; }
td.month a			{ color: #BD9f12; font-size: 10pt; font-weight: bold; text-align: center; }
td.weekdays			{ color: #BD9F12; font-size: 8pt; text-align: center; }
td.day_sat			{ color: #000000; font-size: 8pt; text-align: center; background-color: #7db775; border-top: 1px solid #000000; border-right: 1px solid #000000; }
td.weekday			{ color: #000000; font-size: 8pt; text-align: center; background-color: #8EC886; border-top: 1px solid #000000; border-right: 1px solid #000000; }
td.day_sun			{ color: #000000; font-size: 8pt; text-align: center; background-color: #7db775; border-top: 1px solid #000000; }
div.event_1			{ color: #BD9F12; font-weight: bold; height: 24px; width: 24px; line-height: 18px; padding-top: 3px; background-color: #397332; cursor: pointer; }
div.event_0			{ color: #000000; font-weight: bold; height: 24px; width: 24px; line-height: 18px; padding-top: 3px; }
div.event_x			{ height: 24px; width: 24px; padding-top: 2px; }
span.today			{ color: #BB0000; }

div.event_1	a						{ color: #BD9F12; }
div.event_1	a:visited		{ color: #BD9F12; }
div.event_1	a:active		{ color: #BD9F12; }
div.event_1	a:hover			{ color: #BD9F12; text-decoration: underline; }

h2.event_date		{ color: #004400; font-size: 11pt; font-weight: bold; margin: 0px 10px 0px 0px; }
h1.event_title	{ color: #004400; font-weight: bold; margin: 15px 0px 3px 0px; border-bottom: 1px solid #004400; }
p.event_desc		{  }


/***********************************************************
 * { Dynamic Smart-Menu Classes }                          *
 ***********************************************************/
 
#nav 								{ width: 730px; padding-top: 2px; text-align: center; z-index: 1; }
#nav div.navItem		{ display: inline; text-align: center; font-weight: bold; margin: 2px; }
#nav div a					{ width: 80px; padding: 0px 6px; color: #BD9f12; font-size: 10pt; line-height: 20px; background-color: #000000; border: 1px solid #58C549; text-decoration: none; text-align: center; }
#nav div a:hover 		{ color: #DFBF34; background-color: #1E2F1B; border: 1px solid #58C549; }
#nav div a#current	{ color: #DFBF34; background-color: #1E2F1B; border: 1px solid #58C549; }

html>body #nav div a	{ display: table-cell; width: 65px; }

#menu_1 							{ position: absolute; display: none; top: 359px; left: 20px; }
#menu_1 div.menuItem	{ width: 160px; text-align: center; }
#menu_1 a							{ display: block; color: #8EA0B3; padding: 3px; width: 160px; background-color: #4C647D; border: 1px solid #2E3B4A; }
#menu_1 a:hover				{ color: #2E3B4A; background-color: #8EA0B3; }

#menu_2 							{ position: absolute; display: none; top: 383px; left: 120px; }
#menu_2 div.menuItem	{ width: 140px; text-align: center; }
#menu_2 a							{ display: block; color: #8EA0B3; padding: 3px; width: 140px; background-color: #4C647D; border: 1px solid #2E3B4A; }
#menu_2 a:hover				{ color: #2E3B4A; background-color: #8EA0B3; }