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

/* Global style declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
* {
	Border: 0;
	Padding: 0;
	Margin: 0;
	Background-Color: #ffffff !important; 
	Color: #000000 !important; }


body {
	Margin: 0.25in 0.25in 0.25in 0.25in;  
	Font-Family: Georgia, "Times New Roman", Times, serif; 
	Font-Size: 12px; }
	
.blockCenter {
   	Text-Align: center;
	Margin: 0px auto;
    Padding: 0px; }

.centerText {
   	Text-Align: center;
	Float: none; }
	
.italicized { Font-Style: italic; }
.makeBold { Font-Weight: bold; }
.Red { Color: #ff0000; }
.Black { Color: #000000; }

.quote { Padding: 0 4em; }
.title { Border-Bottom: 1px dashed #bbddff; }


.Centered { 
	Margin-Left: auto !important;
	Margin-Right: auto !important;
	Float: none !important; }

.Right { 
	Margin: 5px 10px 5px 15px;
	Float: right; }

.Left { 
	Margin: 5px 15px 5px 10px;
	Float: left; }
	

hr { Width: 85%; }
	
a:link, a:visited { Text-Decoration: none; }
a:link img, a:visited img { Border: 0px none; }

img.morePic { Display: none; }

img.favicon { Margin: 0 15px 0 0;
	Width: 16px;
	Height: 16px; }

.compCommand { 
	Font-Size: 100%;
	Font-Family: "Courier New", Courier, mono; } 

.topcorners, .bottomcorners, .column_top, .column_bottom, .styles { Display: none; }

.pagebreak { Page-Break-After: always; }

#main { Clear: both; }


/* Masthead declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#masthead { 
	Display: none;
	Border: 0;
	Padding: 0;
	Margin: 0; }



/* Side Navigation declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sitenav { 
	Clear: both; 
	Display: none;
	Border: 0;
	Padding: 0;
	Margin: 0; }

/* Columned area declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#columns { Clear: both; }


/* Sidebar declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#sidebar { 
	Display: none;
	Border: 0;
	Padding: 0;
	Margin: 0; }


/* Location bar declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#location { Display: none;
	Border: 0;
	Padding: 0;
	Margin: 0; }

	
/* Content window declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content { Padding-Bottom: 10px; }
#content .noPrint { Display: none; }
	
#content h1 {
	Padding: 0.5em 5px 0.5em 5px;
	Border: 0;
	
	Font-Size: 140%;
	Letter-Spacing: 2px;
	Font-Variant: small-caps;
	Line-Height: 1.2; }

#content .shadowTitle h1 {
	Padding: 0.2em 5px 0.5em 5px;

	Font-Size: 140%;
	Letter-Spacing: 2px;
	Font-Variant: small-caps;
	Line-Height: 1.6; }

#content h1 .highlight  { Display: none; }
#content .highlightTitle p { Display: none; }
#content .highlightTitle h6 { Display: none; }
	
#content h2 {
	Padding: 0.75em 15px 0.1em 15px;
	Border: 0;
	Border-Bottom: 1px solid #000000;
	
	Font-Size: 120%;
	Letter-Spacing: 1px;
	Line-Height: 1.2; }
	
#content h3 {
	Padding: 0.5em 10px 0.1em 18px;
	Margin: 0;
	Border: 0px none;
	
	Font-Size: 100%;
	Font-Weight: bold;
	Text-Align: justify;
	Line-Height: 1.75; }
	
#content p {
	Padding: 0 15px 0.75em 30px;
	Margin: 0;
	Border: 0px none;
	
	Font-Size: 90%;
	Text-Align: justify;
	Line-Height: 2; }
	
#content ul {
	Padding: 0;
	Margin: 0 0 0.5em 0;
	Border: 0px none;
	Padding-Top: 0.5em;
	
	Text-Align: justify;
	Line-Height: 2; }

#content li { 
	Margin: 0 30px 0 50px;
	Line-Height: 1.75;
	Font-Size: 80%; }

#content ul li a { 
	Line-Height: 1.75; }



/* Styles specifically for my résumé
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content table.resume { Width: 100%;  }
#content table.resume p { Margin-Bottom: -0.4em; }
#content td.alignRight p { Text-Align: right; }
#content td.alignRight h3 { Text-Align: right; }
#content .resumeColumn1, #content .resumeColumn2 { Float: left; }
#content .resumeColumn1 { Width: 40%; }
#content .resumeColumn2 { Width: 25%; }
#content .resumeColumn2 ul li, #content .resumeColumn3 ul li { List-Style: none; }


/* Footer window declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer { 
	Display: none;
	Border: 0;
	Padding: 0;
	Margin: 0; }


/* Wizardry 8 maps print styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content .wiz8large { Margin: 0.25in auto !important;
	Width: 75%;
	Height: 75%; }
#content img.largewiz8map {
	Width: 100%;
	Height: 100%;  }

	

/* Styling Wizardry 8 item tables for print
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content table.wiz8item { 
	Width: 98.5%;
	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: 0.25in;
	Height: 0.25in; }
	
#content table.wiz8item td.wiz8img { Width: 60px; }
#content table.wiz8item td.wiz8img img {
	Width: 0.3in;
	Height: 0.4in; }
	
#content table.wiz8item td img.spellIcon {
	Padding: 2px 2px;
	Width: 0.12in;
	Height: 0.12in; }
	
#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: 0.1875in;
	Height: 0.25in; }

#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; }