/* Main CSS Document for ludwigwam.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; }

body { Background: #ffffff;
  Font-Family: Georgia, "Times New Roman", Times, serif; 
  Font-Size: 11px; }

.italicized { Font-Style: italic; }
.makeBold { Font-Weight: bold; }

.Red { Color: #ff0000; }
.Black { Color: #000000; }

.quote { Padding: 0 4em; }

acronym { Background: url(/images/common/acronym.png) repeat-x bottom; }
acronym:hover { Cursor: help; }


.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 { Color: #000000; Text-Decoration: none; }
a:hover { Color: #000000; Text-Decoration: underline; }
a:link img, a:visited img, a:hover img { Border: 0px none; }
 
.compCommand { Font-Family: "Courier New", Courier, mono; 
  Font-Size: 115%; } 

.clearALL { Clear: both; }

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


#main { /* Background: #4b2e0f url(/images/common/column_wood.jpg) no-repeat; */
	Margin: 0;
  }

.fontXsmall { Font-Size: 70%; }
.fontSmall { Font-Size: 85%; }
.fontNormal { Font-Size: 100%; }
.fontLarge { Font-Size: 120%; }



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

#masthead { Display: none; }
#ludwigwam { Top: 0.25in; Left: 0.25in; 
  Display: none; }
#fontContainer { Display: none; }


/* Nav declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#nav ul { Display: none; }


/* Main page declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#page { Margin: 0; }

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

#content { Color: #000000;
  Background-Color: #ffffff;
  Position: static;
  Top: 0;
  Left: 0;
  Width: auto; 
  Margin: 0 0.5in 0.25in 0.5in; }


#content h1 { Font-Size: 160%;
  Font-Variant: small-caps; 
  Margin: 1.5em 15px 0 15px; 
  Line-Height: 1.25; }
#content h1#first { Margin: 0.5em 15px; }  

#content h2 { Font-Size: 120%; 
  Margin: 1.5em 25px 0 25px; 
  Line-Height: 1.25; }
#content h3 { Font-Size: 100%;
  Margin: 0.8em 32px 0 32px; 
  Line-Height: 1.5; }
#content h4, #content h4, #content h4 { Font-Size: 92%; 
  Margin: 0.5em 40px 0 40px; 
  Line-Height: 1.5; 
  Font-Weight: bold; }

#content p, #content ul { Font-Size: 92%; 
  Margin: 0.6em 40px 0 40px;
  Line-Height: 1.8; } 
#content p.end { Clear: both; 
  Font-Size: 1px; }
  
#content .homePortfolio { Float: right;
  Width: 432px;
  Margin: 5px 10px 5px 30px;
  Border: 1px outset #064411; }

#content .homePortfolio img.small { Width: 200px;
  Height: 147px; 
  Padding: 0; 
  Margin: 5px; 
  Float: left; 
  Border: 1px inset #4b2e0f; }
#content .homePortfolio img:hover { Border: 1px outset #8b2e0f; }
#content .homePortfolio a { }
  
#content .portfolio { Margin: 10px 121px 10px 121px; }

#content .testimonyAuthor { Float: right;
  Font-Size: 92%;
  Line-Height: 1.6;
  Margin: 0.1em 40px 0 40px; }
  
#content .detailPic { Float: right;
  Width: 500px;
  Height: 390px;
  Padding: 2px;
  Border: 2px outset #066611; 
  Margin: 10px 5px 10px 20px; }
  
  

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

#content table.resume { 
	Border: 0; 
	Width: 100%; }
#content table.resume p { 
	Line-Height: 1.5;
	Padding-Bottom: 0;
	Margin-Bottom: 0; }
#content td.alignRight p, #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 declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer { Display: none; }