*{
    width: auto;
/*    overflow-x: hidden; */
    margin: 0em;
    padding: 0em;
}

/* -------- Sticky Footer -------- */
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap 
{
    height: 100%;
}

body > #wrap 
{
    height: auto; 
    min-height: 100%;
}

#main 
{
    padding-bottom: 50px;  /* must be same height as the footer */
}

footer 
{
    display: block;
    position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
} 

/* CLEAR FIX*/
.clearfix:after 
{
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix 
{
    display: block;
}

/* -------- Sticky Footer -------- */

html
{
    font-family: Gill Sans,sans-serif;
    font-size: 83%;
}

ul
{
    list-style-position: inside;
}

article
{
    overflow-x: hidden;
    font-family: Gill Sans, sans-serif;
}

sidebar
{
    font-family: Gill Sans,sans-serif;
    font-weight: 300;
}

header
{
    width: 100%;
    height: 140px;
    display: block;
    border-bottom: 1px solid purple;
    background-color: #8768AB;
    background-image: url("logo-bottom.png");
    background-repeat: no-repeat;
    -webkit-background-size: auto 140px;
}

header a
{
    display: block;
    height: 100%;
    width: 250px;
}

header a h1
{
    display: none;
}

nav ul
{
    background-color:white;
    width: 100%;
    height: 0px;
}

nav ul li
{
    display: inline-block;
    width: auto;
    margin-left: 20px;
    min-width: 140px;
    height: 1.4em;
    text-align: center;
}

nav ul li /* unselected */
{
    background-color: #ddd;
    margin-top:-1px;
    border-left: 1px solid purple;
    border-right: 1px solid purple;
    border-bottom: 1px solid purple;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

/* Firefox 3 hack */
html>/**/body nav ul li, x:-moz-any-link, x:default 
{
margin-top: 0px;     
}
/* END */

nav ul li.selected
{
    background-color: #8768AB;
    border: 1px solid purple;
    border-top: 1px solid #8768AB;
}

html a:link, html a:visited
{
    color: black;
    text-decoration: none;
    font-variant: small-caps;
}

article p a:link, article p a:visited
{
   color: #8768AB;  
   font-weight: bold;
}

.postmetadata a:link, .postmetadata a:visited
{
    color: black;
}

#respond
{
    margin: 3em;
}

sidebar
{
    float: right;
    width: 200px;
    min-height: 150px;
    padding:5px;
}

sidebar h1
{
    font-size: 0.7em;
    color: white;
    text-align: center;
    padding: 3px;
    border-bottom: 1px solid purple;
    margin: -5px;
    margin-bottom: 0px;
    background-color: #8768AB;
}

article
{
    display:block;
    padding-left: 25px;
    padding-right: 25px;
}


footer
{
    background-color: #333;
    color: #fff;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    font-size: 0.6em;
}

footer a:link, footer a:visited
{
    color: #ccf;
}

#main
{
/*    background-color:white;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;*/
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#main h1#primary
{
    padding-top: 50px;
    padding-left: 20px;
    width: 100%;
}

sidebar > div
{
    border: 1px solid purple;
    border-top: 0px;
    padding: 5px;
    margin-bottom: 5px;
}

a.note
{
    vertical-align: super;
    font-size: 0.75em;
    padding: 2px;
}

article p
{
    text-align: left;
    line-height: 1.3em;
    word-spacing: 0.4em;
    margin-bottom: 1.8em;
}

article aside
{
    float: right;
    text-align: right;
    font-size: 1.8em;
    margin: 10px;
    line-height: 1.1em;
    width: 200px;
/*    overflow: hidden; */
    border-left: 6px solid #8768AB;
    color: gray;
}

article aside cite
{
    font-size: 0.4em;
    color: black;
    display:block;
    word-spacing:0.4em;
}

body
{ 
    background-color: #eee;
    background-image:url("bg.png");
    background-position:center center;
    background-repeat:repeat-y;
}


footer aside
{
    text-align: right;
    float: right;
    width: 400px;
}

footer nav ul
{
    position: relative;
    top: 5px;
    border:none;
    background-color: none;
    border: none;
}
footer nav ul li
{
    min-width: 80px;
    background-color: transparent;
    border-left: 0px;
    border-bottom: 0px;
    border-radius: 0px;
    border-right: 1px dotted gray;
}

footer nav ul li:last-child
{
    border-right: 0px;
}




  table{ 	border-width: 0px; 	border-spacing: ; 	
border-style: outset; 	border-color: gray; 	border-collapse: 
collapse; 	background-color: white; } table th { 	border-width: 
1px; 	padding: 5px; 	border-style: solid; 	border-color: gray; } 
table td { 	border-width: 1px; 	padding: 5px; 	border-style: 
dotted; 	border-color: gray; } 

pre code
{
background-color: black;
color: white;
display: block;
padding: 1em;
margin: 1em;
font-size:94%;
border: 1px solid grey;
overflow: auto;
}

table{
margin-top: 0.8em;
margin-bottom: 0.8em;
}

h3#comments
{
  margin-top: 2em;
  margin-left: 2em;
  margin-bottom: -2em;
}
ol.commentlist
{
margin: 2em;
}

#main
{
font-family: Gill Sans,sans-serif;
}