/* ~~~~~ 
	Ackadia.css v7.12, v2 as 2 column for Wendy Mallas
   copyright Paul Ackerley, 2000-2009
	www.ackadia.com ~~~~~ */

body { background: black; color: white;  margin: 0; padding: 0; text-align: center; 
font: normal normal 80% Verdana,Arial,Helvetica,sans-serif;  }
/* background-image: url(menu/spiralboundwide-black.gif); background-repeat: repeat-y; */
	
/* ~~~~~ CSS Division settings for layout ~~~~~ */

#menubar { width: 140px; text-align: center; float: left; margin-right: auto; margin-left: 5px; }

#content { padding: 4px; margin-left: 190px; margin-right: 30px; width:772px; } 

#logo { margin: 25px 1px 50px 1px; text-align: center; margin-left: auto; margin-right: auto; }

#footer 	{ clear: both; padding: 5px; margin-top: 8px; }
	
#wrap	{ width: 992px; text-align: center; margin-left: auto; margin-right: auto; } 

	
/* ~~~~~ Set font-size constants ~~~~~ */	


/* ~~~~~ Header bars  ~~~~~ */	

h1 { background: black; color: #D7D7D7; margin-bottom: 30px;  
 text-indent: 50px; padding: 5px; margin: 5px; text-align: left; }		


h2, h3, h4 { background: black; color: white; text-indent: 50px; padding: 5px; margin: 5px; text-align: left; }	
 

h1 { font: 3.0em "Papyrus", "Comic Sans MS", Cursive, Verdana, Arial, Helvetica, sans-serif; line-height: 50px; }
h2, Caption { font: 2.0em "Papyrus", "Comic Sans MS", Cursive, Verdana, Arial, Helvetica, sans-serif; }
h3 { font: 1.6em "Papyrus", "Comic Sans MS", Cursive, Verdana, Arial, Helvetica, sans-serif; width: 80%; }
h4 { font: 1.4em "Papyrus", "Comic Sans MS", Cursive, Verdana, Arial, Helvetica, sans-serif; width: 60%; }



/* temp code */
.h1test1 { font: 3.0em "Papyrus", "Comic Sans MS", Cursive, Verdana, Arial, Helvetica, sans-serif; }
.h1test2 { font: 3.0em "Comic Sans MS", Cursive, Verdana, Arial, Helvetica, sans-serif; }
.h1test3 { font: 3.0em Cursive, Verdana, Arial, Helvetica, sans-serif; }
.h1test4 { font: 3.0em Verdana, Arial, Helvetica, sans-serif; }
/* end temp */


q.qme				{ font: 1.1em "Times New Roman", Times, serif; }
blockquote, .ftt 	{ font: 1.3em "Times New Roman", Times, serif; }
cite 					{ font: italic normal 1.1em "Times New Roman", Times, serif; }

sup, sub { font: 0.7em Verdana,Arial,Helvetica,sans-serif; }

.small, .small-c, .small-r { font: 0.9em Verdana,Arial,Helvetica,sans-serif; }

.cmessage { font: 0.9em/2em Verdana,Arial,Helvetica,sans-serif; }

dt, .bold { font: bold 1em Verdana,Arial,Helvetica,sans-serif; }	
.bold2 { font: bold 1.4em Verdana,Arial,Helvetica,sans-serif; }	

.break {
	clear: both;
}

/* ~~~~~ Set background constants ~~~~~ */

.bodycontainer { background-color: white; color: black; font: 1em Verdana,Arial,Helvetica,sans-serif; }



table { background-color: transparent; color: black; }


.inlinebox { border: 1px outset #dcdcdc; padding: 15px; 
 background-color: White; color: black; margin-left: 25px; margin-right: 25px; }

 
 
/* ~~~~~ Set border constants ~~~~~ */

/* #content, */
.bodycontainer, .twitter  { border: 2px ridge white; 	background: url(menu/canvas.gif); }

div.paintbox {  }

caption, blockquote, table, h1, h2, h3, h4  { border: medium ridge #B5B5A5; }	

tr, th, td  { border: 1px solid #dcdcdc; }	

th, td  { font: 1em Verdana,Arial,Helvetica,sans-serif; }


/* ~~~~~ default settings ~~~~~ */

a:link, a:visited, a:hover { text-decoration: underline; background: transparent; color:#006699; 
font-weight: bold; }

/* a { cursor: url(menu/cursor-brush.gif), auto; }  */


/* text-decoration: underline overline; */

/* ~~~~~ Nav bars
display: block needed to forced width.  Best used with li and ul list-style: none; { float: left; display: block; }  ~~~~~ */	

#nlink ul { margin: 5px 0 0 0;  padding: 0; list-style: none; }	

#nlink li a { background: white url(menu/crumpled.gif); color: #3F3F3F; border: medium ridge silver;
text-align: center; font: bold 2em "Papyrus", "Comic Sans MS", Cursive, Verdana,Arial,Helvetica,sans-serif;  }	

#nlink li { margin: 2px; padding: 4px; width: 125px;    }
   
/* '_padding: 0;' fixes ie padding error */

#nlink li a { white-space: nowrap;  text-decoration: none; }	
 
#nlink a { display: block; padding: 4px 4px 2px 0px; }
/* '_margin: 0 -6px 0 0;' fixes ie padding error */

#nlink a:hover, #active  { background: #562B0C url(menu/canvas.gif); font-weight: bold;   list-style-type: none; } /* , */


/*  'margin: 5px 0 0 0;'  removes indent IE and Opera */
/* 'padding: 0;' removes indent Mozilla and NN7 */
 

#nlink li { margin-left: 8px; margin-bottom: 10px;  } 
/* padding: 8px 0 8px 0; white-space: nowrap; */
 
/* #mlink li a { text-decoration: none; }	 */





/* floating menu for links page */

#flink ul { text-align: center; font: 1em/3em Verdana,Arial,Helvetica,sans-serif;
 margin: 0; padding: 0; }	
 
#flink ul li { display: inline;  } 

#flink li { margin: 2px; padding: 4px 0 4px 0; }
   
/* '_padding: 0;' fixes ie padding error */

#flink li a { white-space: nowrap;  }	
 
#flink a { padding: 4px; }
/* '_margin: 0 -6px 0 0;' fixes ie padding error */

#flink a:hover, #active  { background: transparent; color: black; } 







/* ~~~~~ FORMS  ~~~~~ */

form 					{ max-width: 91%; width: 90%; } /* ~~~~~ Fixes IE  ~~~~~ */
form.search 		{ width: 728px; }
input.search, label.search	{ padding-left: 15px; padding-bottom: 25px; }
fieldset.search 	{ margin-bottom: 15px; }
fieldset 			{ margin-bottom: 25px; }
textarea 			{ max-width: 91%; width: 90%; overflow: scroll; }
input, textarea 	{ background-color: #FFFAF0; color: Black; }
/* label {} */


/* ~~~~~ Table settings ~~~~~ */	

caption 	{ background-color: #FDF5E6; color: black; padding: 5px; }
table 	{ width: auto; padding: 0; }
th 		{ padding-bottom: 3px; padding-top: 3px; text-align: center; }
th, tr, td 	{ margin: 5px;	}
td 		{ padding: 3px 3px; text-align: left; }

		
/* ~~~~~ image setting ~~~~~ */

img { border: none; }
img.floatl, .floatl { float: left; margin-left: 10px; padding-right: 10px; }
img.floatr,  .floatr { float: right; margin-right: 10px; padding-left:10px; }
img.pad-r { padding-right: 10px; }

img.p-up { position: fixed; left: 0; top: 0; z-index: 3; }
  
/* ~~~~~ Text element settings ~~~~~ */	

p { margin-left: 15px; margin-right: 15px; text-align: left; }

acronym, abbr { border-bottom: 1px dashed navy; cursor: help; }

.strike { text-decoration: line-through; } 

q 		{ color: black; background: transparent; font: bold 1.1em Verdana,Arial,Helvetica,sans-serif; }
q.qme { color: #483D8B; background: transparent; }

blockquote { margin: 20px; padding: 15px;  }

/* ~~~~~ Definition terms  ~~~~~ */

dt { background: transparent; color: #330099; margin-left: 25px; }
dl { text-align: left; }	
dd { margin-left: 50px; margin-right: 50px; }
	
/* ~~~~~ list item settings  ~~~~~ */	
ul, ol { text-align: left; }
/* ~~~~~ li { margin-left: 25px; margin-right: 25px; }  ~~~~~ */

ul.br2, li.br2, p.br2 
{ font: 1em/2em Verdana,Arial,Helvetica,sans-serif; list-style-type: circle; margin-left: 25px; } 

ul.roman  { list-style-type: lower-roman; }
ul.alpha  { list-style-type: lower-alpha; }
ul.circle  { list-style-type: circle; }
ul.square  { list-style-type: square; }


ul.twitterwidget { list-style-type: none; margin-left: -25px; background: #E5CCB5; color: black; padding-bottom: 2em; padding: 6px; }

ul.nobulletminus25 { list-style-type: none; margin-left: -25px; }
ul.nobullet { list-style-type: none; }
ul.nobullet25 { list-style-type: none; margin-left: 25px; }
ul.nobullet50 { list-style-type: none; margin-left: 50px; }
ul.nobullet75 { list-style-type: none; margin-left: 75px; }

ul.paint { font: 1.0em Verdana,Arial,Helvetica,sans-serif; list-style: disc url(menu/paints-lis.gif); margin-left: 25px; }

ul.paint, li.paint { line-height: 300%; }





/* ~~~~~ This is for centering a horizontal list ~~~~~ */
.hlink ul, .vlink ul li { margin: 0; padding: 0; list-style-type: none; text-align: center; }
.hlink ul li { display: inline;  text-align: left; margin-left: 5px; margin-right: 5px; }




#msover ul li { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#msover ul li { display: inline;  padding: 15px; float: left; border: ridge; }

#msover a { display: block; background: transparent; border: 3px solid white; }

#msover a:hover { display: block; background: white; border: 3px outset #696969; } /* , */

/* ~~~~~ alignment and indents  ~~~~~ */

.acenter, .cmessage, caption, table, form { margin-left: auto; margin-right: auto; text-align: center; }
.aleft, .small { text-align: left; }
.aright, .small-r { text-align: right; }

/*
	vertical-align: center;
	vertical-align: middle;
*/

.small-c { text-align: center; }

.indent25, .indent50, .indent75, .indent100, .nobullet25, .nobullet50, .nobullet75 { margin-right: 25px;	text-align: left; }

.indent1 { margin: 1px; }
.indent25 { margin-left: 25px; }
.indent50 { margin-left: 50px; }
.indent75 { margin-left: 75px; }
.indent100{ margin-left: 100px; }
	
/* ~~~~~ fonts and emphasis  ~~~~~ */

.bold, .bold2 { background-color: #3F3F3F; color: white; padding: 3px;  }

/* WoW : */
.uncommon { background-color: transparent; color: Green;  font-weight: bold;  }
.rare { background-color: transparent; color: #00008B;  font-weight: bold; }
.epic  { background-color: transparent; color: Purple;  font-weight: bold; }


.red { background-color: transparent; color: #DC143C; } /* crimson */

.hide { visibility: hidden; } /* ~~~~~ hide (link) brackets  ~~~~~ */
 
/* ~~~~~ use inline  ~~~~~ */








/* GalleryView Stylesheet */

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px; }

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: black; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}




/* test */