/* screen.css
 *
 * A clean, simple stylesheet that aims for
 * a consistent vertical rhythm.
 *
 * Base font height: 16px
 * Base line length: 24px
 *
 * AUTHOR: Mark Reid <mark@reid.name>
 * Modifications by James Bergstra
 */

/* Reset everything */
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: none;
}

body{
	background:#fff;
	font:13px/20px Arial,Tahoma,Helvetica,sans-serif;
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	color:#222;
}
ul {
    padding-left: 1.2em;
}

/* Hack via Joel Spolsky to make image rescaling nicer in IE */
img { -ms-interpolation-mode:bicubic; }

/* IE6 ignores this and uses default size of 16pt */
html>body { font-size:16px; }
html { overflow-y: scroll; } /* force the right scrollbar to always be present */

h1,h2,h3,h4 { 
	line-height:1em; 
	font-size:1.5em; 
	font-weight: normal; 
	clear: left; 	
	font-family: 'lucida grande', sans-serif; 
}
h1 { margin-bottom: 1em; }
h2 {
	font-size: 100%;
	line-height: 1.5em;
	margin:1.5em 0 1.5em 0;
	font-weight:bold;
}
#header ul li { display: inline; }
#header ul li a {
	padding: 0.4em 0.3em 0 0.3em;
	display: inline;
}
#header h1 a {
    color: black;
    text-decoration: none;
    font-size: 100%;
    /*line-height: 1.5em; */
    /* margin:1.5em 0 1.5em 0; */
    font-weight:bold;
}
/* This shifts */
#header h1, h2, h3 {
    margin-left: 135px;
    padding-top: 0em;
}
#header-title {
    line-height: 1.6em;
    font-size: 100%;
}
#header-tabs td {
    padding-left: 0.2em;
    padding-right: 0.2em;
}
#header-tabs {
    /*position: absolute;*/
    /*float: right;*/
    /*top: 0; */
    /*right: 1em;*/
    /*font-size: 100%;*/
    /*line-height: 1.6em;*/
    /*display: block;*/
    /*margin: 0; */
    /*width: 100%;*/
    text-align: right;
}
/*
#header ul li a:hover {
	color: blue;
	border-bottom: 2px solid blue;
}
    */
#header{
    /*background:url(images/container-bg.jpg) repeat-y;*/
    border-bottom: 1px dashed #aba;
    margin-bottom: 1.0em;
}
.navplain {
    color: black;
    text-decoration: none;
}
.navlink {
}

#site {
	max-width: 46em;
	margin: 1.5em auto 3em auto;
	line-height:1.5em;
}

#page, #disqus_thread {
	background: white;
/*	background-image: url(grid.png); */
	padding: 3em 3em 1.5em 3em;
	border: 1px solid #ccc;
}
#mugshot {
    position: absolute;
    width:120px;
    border: 2px solid black;
}
.inabox {
    position: relative;
    margin-left: 135px; /* match this to width of mugshot */
    line-height: 1.43em;
    height: 11em; /* make sure to leave some space under mugshot */
}

.section { 
	/*font-size: 87.5%; */
	line-height: 1.43em; 
	margin-bottom: 1.43em;
	margin-top: 1.43em;
	margin-left: 9.4em;
	padding-right: 3em;
}
.section h1 {
	/* font-family: Palatino, georgia, serif; */
	font-size: 100%;
	line-height: 1.43em;
	/*position: absolute;*/
        float: left;
	width: 6em;
	max-width: 6em;
	margin-left: -8.0em;
	font-weight: bold;
	font-variant: small-caps;
        text-align: right;
}
.section ul {
    padding-left: 0em;
}
.section p { margin-bottom: 1.43em; }

.date {
    text-align: right;
    color: gray;
}


#footer {
    float: right;
    text-align: right;
    font-size: 80%;
    margin-top: 2em;
}
#footer-text {
    padding-right: 0.5em;
    }
.footer-icon {
    vertical-align: middle;
    padding-bottom: 2px;
}

.cvlink { 
    font-size: 100%;
}

#post {
    max-width: 46em;
    margin: 1.5em auto 3em auto;
    line-height:1.5em;
}
.posttext h2 {
    margin-left: 0em;
}
.posttext p {
    padding-top: 1em;
}

.dateline {
    padding-bottom: 1em;
    font-style: italic;
}