/* CSS Document for Wizards and Warriors 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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		
.ww { 
	Position: relative;

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

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

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

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

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

		

.wwsmall { 
	Position: relative;
	Background-Color: #000000;
	Width: 362px;
	Height: 362px;	
	Margin: 5px 3px; }
		
.wwsmall_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.wwitem { 
	Width: 97%;
	Margin: 0 auto;
	
	Empty-Cells: show;
	Padding: 0; }

.smallerText { Font-Size: 80%; }

#content table.wwitem td.wwclassimg { Width: 48px; }
#content table.wwitem td.wwclassimg img {
	Width: 48px;
	Height: 43px; }

#content table.wwitem td.wwfaceimg { Width: 51px; }
#content table.wwitem td.wwfaceimg img {
	Width: 51px;
	Height: 56px; }

#content table.wwitem td.wwimg { Width: 48px; }
#content table.wwitem td.wwimg img {
	Width: 48px;
	Height: 43px; }

#content table.wwitem td img.blessIcon {
	Padding: 2px 2px;
	Width: 24px;
	Height: 21px; }

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

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

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

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

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

#content table.wwitem td.narrow { Width: 36px !important; }
#content table.wwitem td.narrower { Width: 88px !important; }
#content table.wwitem td.wide { Width: 130px !important; }
#content table.wwitem td.wider { Width: 145px !important; }
#content table.wwitem td.widest { Width: 175px !important; }