/* -------------------------------------------------------------- 
   Reset.css
   * Resets default browser CSS styles.
   Original by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
 
body { line-height: 1; color: #333; background: white; }
 
/* Tables still need cellspacing="0" in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
 
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; } 
 
 
/* -------------------------------------------------------------- 
   
   Typography.css
   * Sets some default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */   
 
 
body { font-size: 12px; line-height: 18px; /* Do a complete find/replace on "18px" to change this */
}
 
 
/* Default fonts */
h1,h2,h3,h4,h5,h6  { font-family: "Helvetica Neue", Helvetica, sans-serif; }
body      { font-family: "Lucida Grande", Calibri, Arial, sans-serif; } 
pre       { font-family: Monaco, "Courier New", monospace; } 
code      { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 
 
 
/* Headings
-------------------------------------------------------------- */
 
h1,h2,h3,h4,h5,h6 {color:#111; clear:both; }
 
h1 { font-size: 30px; line-height:36px; padding:0 0 18px 0; }
h2 { font-size: 20px; line-height:36px; }
h3 { font-size: 16px; line-height:36px; }
h4 { font-size: 14px; font-weight:bold; }
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 12px; }
 
 
/* Text elements
-------------------------------------------------------------- */
 
p           { margin: 0 0 18px 0; text-align:justify; }
p.last      { margin-bottom:0; }
p img       { float: left; margin:18px 18px 18px 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */
 
ul, ol      { margin: 0 0 18px 0; }
ul          { list-style-type:circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }
 
a           { color: #8E1C1C; text-decoration: underline; outline: none; }
a:hover     { color: #000; }
 
blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }
 
/* Use this to create a horizontal ruler across a column. */
hr {
  background: #8E1C1C; 
  color: #8E1C1C;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 2px;
  margin: 0 0 16px 0;
  border: none; 
}
 
 
/* Tables
-------------------------------------------------------------- */
 
table   { margin-bottom: 16px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height: 13px; padding:2px 4px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }
 
/* Some default classes
-------------------------------------------------------------- */
 
p.small   { font-size: 10px; margin-bottom: 18px; }
p.large   { font-size: 14px; line-height:36px; }
p.quiet   { color: #666; }
.hide     { display: none; }
 
/* Extra fancy typography
-------------------------------------------------------------- */
 
/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  font-size: 1.2em;
  line-height: 1%; /* Maintain correct baseline */
  font-style: italic;
}
 
/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.7em; } 
 
 
/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
 
   This could be used for side notes. For smaller type, you dont necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:
 
   New type size in ems:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
 
   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in ems) */
 
p.incr, .incr p {
	font-size: 10px; /* font size 10px */
	line-height: 1.44em;  
	margin-bottom: 18px; /* Still 1.5 x normal font size as baseline */
}
 
 
/* Surround uppercase words and such with this class.
   By: JA?rgen Arnor GA?rdsA? Lom [http://twistedintellect.com/] */
   
.caps { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; }
 /* generic */
img{border:0;}
/* POSITIONING */
div#container{margin:36px 72px 36px 108px; border-left: 4px solid #DBDBDB; padding-left:36px;}
div#header,div#topnav,div#main,div#footer{clear:left;width:100%}
div#content{clear:both;width:100%;}
div#content p{text-align: justify;}
/* HEADER */
#header h1{float:right;clear:right;color:#8E1C1C;font-size:3em;font-weight: bold;}
#logo {float:left;}
/* Navigation
------------------- */
/*Top Navigation */
#topnav{background-color:#FFFFFF;line-height: normal;}
#topnav {display:block;float:right;clear:both;width:100%;margin:0 0 72px 0 ;}
#topnav ul {display:block;clear:both;width:auto;margin:0;padding:0;}
#topnav ul li {display:block;list-style:none;margin:0;}
#topnav ul li a{display:block;}
#topnav .clear{clear: both;visibility:hidden;}
/*Top Navigation level0 */
#topnav ul#l0 {float:right; clear:both;}
#topnav ul#l0 {background-color:#FFFFFF;}
#topnav ul#l0 li{float: left;}
#topnav ul#l0 a {
font-weight: bold;
color:#DD2222;
text-decoration: none;
font-size: 24px;
border-top:4px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
padding:6px 24px;
}
#topnav ul#l0 a.selected {border-bottom:2px solid #555;}
#topnav ul#l0 a:hover {border-top:4px solid #DD2222;}
/*Top Navigation level1 */
#topnav ul#l1 {background-color:#FFFFFF;}
#topnav ul#l1 {float: left;clear:both;position:relative;}
#topnav ul#l1 li{float: left;}
#topnav  ul#l1 a {
color: #555;
text-decoration: none;
font-size: 18px;
border-right: 1px solid #555;
border-top: 1px solid #FFFFFF;
padding: 4px 16px 4px 12px;
}
#topnav  ul#l1 li:first-child a {border-left: 1px solid #555}
#topnav ul#l1 li a.selected {border-top: 1px solid #555;}
#topnav ul#l1 li a:hover {background: #C0C0C0;border-top: 1px solid #C0C0C0;}
/*Main Navigation */
div#content .navigation ul,div#content .navigation ul li {list-style:none}
div#content div.navigation {display:block;float:right;margin:0 0 4px 4px;}
div#content div.navigation ul{margin:0;}
div#content div.navigation ul li{display:block;}
div#content div.navigation ul li ul{display:block;padding:0 0 0 6px;}
div#content div.navigation ul li a{display:block;padding:4px;}
div#content div.navigation ul li a:hover {background: #87a53a;}
/*Footer*/
div#footer {margin-top:36px;}
div#footer a {text-decoration: none;}
/*Footer Navigation */
div#footer .navigation ul,div#footer .navigation ul li {display:inline;list-style:none}
div#footer div.navigation {font:0.8em; margin-left: auto; margin-right: auto; text-align: center;}
div#footer .navigation ul li a{padding:6px;}
/*Footer Copyright */
div#footer #copyright{font:0.8em; margin-left: auto; margin-right: auto; text-align: center;}
/*MAIN*/
#main {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #1E250D;
}
#main h2 {
	font-size: 1.6em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	padding-left: 0;
	padding-right: 0;	
	margin-bottom:18px;
}
#main h3 {
	font-size: 1.4em;
	color:#555;
	border-bottom: 4px solid #DBDBDB;
	padding: 0 0 1px;
	margin-bottom: 0.4em;
}
#main h4 {
	font-size: 1.2em;
/*	text-transform: uppercase; */
	font-weight: normal;
	color:#8E1C1C;
	padding-left: 0;
	padding-right: 0;	
}
#main ol {
	margin-left: 1.5em;
}
#main ul {
	margin-left: 1.2em;
	list-style: disc;
}
#main .mainfeed {
font-size: 12px; width: auto; border: 6px solid #DBDBDB; padding: 10px;
}
#main .mainfeed dd {
	list-style: none;
	list-style-type: none;
/*
	margin-bottom: 2em;
	border-bottom: 4px solid #eee;
	padding-bottom: 1em;
	clear: both;
*/
}
#main .mainfeed dd:last-child {
	border-bottom: none;
}
#main .mainfeed h3 {
	border-bottom: none;
}
/*SPECIAL*/
a.wikiterm {text-decoration:none;}