/* 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 url(/images/common/col-bg.jpg) repeat;
  Font-Family: Verdana, Arial, Helvetica, sans-serif; 
  Font-Size: 15px;
  Width: 100%; 
  Margin: 0 20px; 
  Min-Width: 792px;
  }

.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: #63360b; Text-Decoration: underline; }
a:hover { Background-Color: #63360b; Color: #ffffdd; 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; }
.indent { Margin-Left: 25px; } 

.pagebreak { Display: none; }
.defined { Border-Bottom: 1px dashed #116611; }

#fixedL { Position: fixed;
  Top: 0;
  Left: 2%;
  Width: 96%;
  Height: 100%;
  Min-Width: 792px;
  Z-Index: -1;
  Background: #ffffff url(/images/common/L.jpg) center no-repeat; }

#main { /* Background: #ffffff url(/images/common/column_woodstrip.jpg) repeat-y;
  Background: #ffffff; */
/*  Background: #ffffff url(/images/common/L.jpg) center no-repeat; */
  Border: 1px solid #118833;
  Border-Width: 0 1px;
/*  Border: 2px solid #118833; */

/*  Border: 2px solid #4b2e0f; */


/*  Position: fixed; */
  Width: 96%;
  }

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



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

#masthead { Color: #066611;
  Height: 210px;
  
  Z-Index: 1; 
  Padding: 0; }
#masthead a:hover { Background: none; }

#masthead img { Position: absolute; Top: 0; }

/*
#ludwigwam { Margin-Top: -64px;
  Z-Index: 2;
  Position: absolute;
  Height: 60px; }

#ludwigwam .Logo { Height: 60px;
  Width: 450px; 
  Background-Image: url(/images/common/ludwigwam2.png); 
  Overflow: hidden;
  Top: 0px;
  Left: 0px; }
*/
  
	
#masthead h1 { Left: 35%; 
  Font-Size: 200%; }
#masthead h2 { 
  Left: 40%; 
  Font-Size: 160%; }

#fontContainer { Position: absolute;
  Margin-Top: -27px; 
  Margin-Left: 643px; 
  Height: 20px; 
  Width: 148px; 
  Z-Index: 999; }
#fontContainer ul { Display: block; 
  List-Style: none; }
#fontContainer ul li { Display: inline; 
  List-Style: none; 
  Float: left; } 
#fontContainer ul li p { Width: 25px; 
  Height: 20px; 
  Margin: 0 5px; 
  Border: 1px outset #ffffcc; 
  Text-Align: center; }
#fontContainer ul li p a { Color: #ffffcc; }


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

#nav ul { Display: block; 
  List-Style: none; 
  Margin-Left: 25px;
  Padding-Top: 8px;
  Z-Index: 10; }
#nav ul li { Float: left;
  Margin: 0 4px; 
  List-Style: none;
  Background-Image: none; }
#nav ul li p { Display: block;
  Width: 108px;
  Line-Height: 1.5;
  Text-Align: center;
  Border: 1px outset #118833; }
#nav ul li p a { Color: #63360b; 
  Font-Variant: small-caps;
  Font-Size: 92%; }
#nav ul li p a:hover { Background-Color: #63360b; Color: #ffffcc; }


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

#page { Clear: left; 
  Color: #ffee99;
/* Background-Color: #4b2e0f; */
  Background: url(/images/common/cabin-left.jpg) top left no-repeat;
  Width: 100%;
  
/*  Overflow: auto; */ }

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

#page #content { Clear: left; 
  Color: #006611;
/*  Background-Color: #f3f3f3; */
/*  Background: url(/images/common/content-bg.jpg) left repeat-y; */
  Background: url(/images/common/div_woodstrip.jpg) no-repeat bottom;
  Padding-Left: 18px;
  Padding-Top: 1em;
  Padding-Bottom: 1em;
  Margin-Bottom: 3.25em;
/*  Max-Width: 860px; */
  
  Overflow: auto; }

#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 li { Margin-Left: 12px; Margin-Bottom: 0.5em; }
  
#content .homePortfolio { Width: auto;
  Margin: 15px 25px 10px 25px;
  Border: 1px outset #064411; }

#content .homePortfolio h2 { Margin: 0.3em 10px 0.5em 5px; 
  Text-Decoration: underline; 
  Clear: left; } 
#content .homePortfolio h3 { Margin: 0.3em 10px 0.5em 10px; 
  Padding-Top: 0.5em; 
  Text-Decoration: underline; 
  Clear: left; } 
  
#content .homePortfolio img.small { Width: 200px;
  Height: 147px; 
  Padding: 0; 
  Margin: 5px; 
  Margin-Left: 10px;
  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 25px 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; }

#content .resumeList { Margin: 1.4em 50px 1.0em 50px; Width: 90%; }
#content .resumeList .tableCol1 { Width: 300px; }
#content .resumeList .tableCol1, #content .resumeList .tableCol2 { Vertical-Align: middle; Padding: 0.4em 0; }

#content .Expertise p { Margin-Left: 50px; }

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

#footer { Position: fixed;
  Bottom: 0em;
  Height: 3.25em; 
  Width: 96%;
  Margin: 0; 
  Border: 1px inset #ffff99; 
  Background-Color: #066611; /* #4b2e0f; */
  Color: #ffffff; }
#footer p { Font-Size: 92%; 
  Text-Align: center;
  Line-Height: 1.5; } 
#footer p a { Color: #ffff66; }
#footer p a:hover { Background-Color: #ffff66; Color: #066611; }