/* Main CSS Document for keeperofthecoins.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: #000000; Color: #ffe8b8; Font-Family: Verdana, Arial, Helvetica, sans-serif; Font-Size: 15px;
  Width: 1000px; Margin: 0 auto; }

.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; }
.centeredLine { Margin-Left: auto; Margin-Right: auto; Text-Align: center; }

.Right { Margin: 5px 10px 5px 15px; Float: right; }
.Left { Margin: 5px 15px 5px 10px; Float: left; }
	
hr { Width: 85%; }
	
a:link, a:visited { Color: #80ff30; Text-Decoration: underline; }
a:hover { Background-Color: #ffe8b8; Color: #000000; Text-Decoration: underline; Cursor: pointer; }
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; }

h1 { Font-Size: 150%; Font-Weight: bold; Font-Variant: small-caps; Margin-Left: 0; Margin-Bottom: 0.25em; }
h2 { Font-Size: 125%; Font-Weight: bold; Margin: 0 0 0.5em 8px; }
h3 { Font-Size: 110%; Font-Weight: bold; Margin: 0 0 0.25em 12px; }
h4 { Font-Size: 100%; Font-Weight: bold; Margin: 0 0 0.4em 16px; }
h5 { Font-Size: 90%; Font-Weight: bold; Margin: 0 0 0.5em 18px; }
h6 { Font-Size: 90%; Font-Weight: normal; Margin: 0 0 0.5em 20px; }
p { Font-Size: 90%; Font-Weight: normal; Margin: 0 0 1em 25px; }
h1, h2, h3, h4, h5, h6, p { Margin-Right: 10px; }



#main { Border: 1px solid #000000;
  Border-Width: 0 1px;
  Width: 100%; }


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

#header { Width: 1000px; Height: 237px; }
#header a:hover { Background-Color: transparent; }

#header #logo { Position: absolute; Top: 90px; Left: 420px; }
#header #logo img { Border: 3px inset #f0d068; }

#header #factsBox { Margin: -175px 0 40px 680px; Width: 300px; Height: 150px; 
  Border: 2px outset #f8e098;  Position: absolute; Background: #000000; }
#header #factsContent { Margin: -175px 0 40px 680px; Width: 300px; Height: 150px; 
  Position: absolute; Background: transparent; Border: 2px solid transparent; Z-Index: 100; Color: #ffffff; }
#header #factsContent img { Float: left; Margin: 0 5px 0 0; }

#header #factsContent table, #header #factsContent table tr, #header #factsContent table tr td {
  Margin: 0; Padding: 0; }

#header #factsContent table tr td#factHeader { Height: 20px; Width: 170px; Color: #f8e8b8; 
  Font-Weight: bold; Font-Variant: small-caps; Text-Align: center; }
#header #factsContent table tr td#coinFactoid { Height: 130px; Width: 170px; Color: #f8e8b8; 
  Text-Align: center; Vertical-Align: middle; Line-Height: 1.25; }
  
/* Nav declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#nav ul { Display: block; 
  List-Style: none; 
  Margin-Left: 15px;
  Padding-Top: 8px;
  Z-Index: 10; }
#nav ul li { Float: left;
  Margin: 0 4px; 
  Width: 155px; 
  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; }


#nav ul li ul { Display: none; Padding-Top: 0; }
#nav ul li:hover > ul { Display: block; Position: absolute; Background-Color: #222222; Border: 2px outset #ffd0a0; }
#nav ul li ul li { Float: none; Width: 210px; Line-Height: 1.5; Border-Top: 1px dashed #ffd0a0; }
#nav ul li ul li.first { Border-Top: 0; }



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

#main { Clear: both; Padding-Top: 6px; Line-Height: 1.75; Text-Align: justify; }

#main ol { Margin: 0 0 1.25em 50px; }
#main ol li { Margin-Bottom: 0.75em; Font-Size: 80%; }
#main ul { Margin: 0 0 1.25em 36px; List-Style: none; }
#main ul li { List-Style-Image: none; Margin-Bottom: 0.75em; Font-Size: 80%; }

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

#content #rightCol { Float: right; Width: 320px; Background-Color: #222222; Border: 1px inset #ffe8b8; Margin: 0 0 10px 15px;
  Font-Size: 85%; Line-Height: 1.5; Text-Align: left;  }
  
#content .captionedPic { Float: right; Background-Color: #222222; Border: 2px inset #ffe8b8; Margin: 0 0 10px 15px;
  Font-Size: 75%; Line-Height: 1.5; Text-Align: center; Width: 200px; Padding-Bottom: 5px; }
/* #content .maxWide { Width: 400px; Float: none; Text-Align: center; Margin: 0 auto 10px; } */
#content .maxWide { Width: 400px; }
#content table.logo { Float: right; Background-Color: #888888; Border: 2px inset #ffe8b8; Margin: 0 0 10px 15px; }

#content .block { Line-Height: 1.25; Margin-Bottom: 0.75em; } 

/* Styles specifically for the inventory listing
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content table#invTable { Width: 100%; }
#content table#invTable td { Vertical-Align: middle; Padding: 2px 5px; }

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

#footer { Text-Align: center; Line-Height: 1.6; Padding-Bottom: 1em; }