/* CSS Document for Wizardry 8 styling @ christian-coder.com 
   Author: Jeff Ludwig 
   Feel free to glean inspiration, as much inspiration as this document shows
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Overlaying png borders, courtesy of Nathan Smith, Sonspring.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		
.wiz8 { 
	Position: relative;

	Width: 318px;
	Height: 240px;	
	Margin: 5px 15px; }

.wiz8_frame {
	Background: url(/images/wizardry8/border.png) no-repeat;
	Position: absolute;
	Overflow: hidden;
	Top: 0px;
	Left: 0px; 
	Width: 318px;
	Height: 240px; }	
	

.wiz8large { 
	Position: relative;
	Background-Color: #000000;
	Width: 744px;
	Height: 744px;	
	Margin: 5px 3px;
	Text-Align: center; }

.largewiz8map { 
	border: 0px solid #ffffff; }

.wiz8large_frame {
	Background: url(/images/wizardry8/border_lg.png) no-repeat;
	Position: absolute;
	Overflow: hidden;
	Top: 0px;
	Left: 0px;
	Width: 744px;
	Height: 744px; }

		

.wiz8small { 
	Position: relative;
	Background-Color: #000000;
	Width: 362px;
	Height: 362px;	
	Margin: 5px 3px; }
		
.wiz8small_frame {
	Background: url(/images/wizardry8/border_sm.png) no-repeat;
	Position: absolute;
	Overflow: hidden;
	Top: 0px;
	Left: 0px;
	Width: 362px;
	Height: 362px; }	
	

/* Styling item tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content table.wiz8item { 
	Width: 97%;
	Margin: 0 auto;
	
	Empty-Cells: show;
	Padding: 0; }

.smallerText { Font-Size: 80%; }

#content table.wiz8item td.wiz8classimg { Width: 48px; }
#content table.wiz8item td.wiz8classimg img {
	Width: 42px;
	Height: 42px; }

#content table.wiz8item td.wiz8img { Width: 60px; }
#content table.wiz8item td.wiz8img img {
	Width: 54px;
	Height: 66px; }

#content table.wiz8item td img.spellIcon {
	Padding: 2px 2px;
	Width: 18px;
	Height: 18px; }

#content table.wiz8item td.wiz8wideimg { 
	Text-Align: right;
	Font-Size: 80%;
	Width: 145px; }
#content table.wiz8item td.wiz8wideimg img { 
	Float: left;
	Padding-Bottom: 10px;
	Width: 32px;
	Height: 40px; }

#content table.wiz8item tr.rowFirst { Line-Height: 1.6em; }
#content table.wiz8item tr.row1 { }
#content table.wiz8item tr.row2 { }

#content table.wiz8item td { 
	Border-Style: solid;
	Border-Width: 1px;
	Border-Color: #0099ff #003399 #003399 #0099ff;
	Color: #002266;
	
	Margin: 0;
	Padding: 0 2px;
	Font-Size: 85%; 
	Text-Align: center;
	Vertical-Align: middle; }	

#content table.wiz8item td.smaller { Font-Size: 80%; } 

#content table.wiz8item td.narrow { Width: 36px !important; }
#content table.wiz8item td.wide { Width: 130px !important; }
#content table.wiz8item td.wider { Width: 145px !important; }