html,body,table,th,td,h1,h2,h3,h4,h5,h6{
    font:inherit;
    font-weight:normal;
    margin:0;padding:0;
    
}

body {
    background:
    url(../stata.jpg) center top no-repeat,
    url(../stata-2.png) center bottom no-repeat;
    background-size:101%;

}

a{color:#26a;text-decoration:none;border-radius:0.15em;padding:0.1em;
  font-weight:bold;
}
 a:hover{background:#26a; color:#fff;}

a.locked, a.locked:hover {
    color:#444;
    background:transparent;
}

/*** BODY ***/
body {
    font:16px Cabin, Helvetica, Arial,sans-serif;
    line-height:1.4em;
    padding:1em;
    color:#222;
}

.header, .corpus, .footer, table,.header-2 {
    display:block;
    max-width:54em;
    margin:0 auto;
}

table {

}

.header author {
    
}

.header h1, .header h2 {
    font-family:"PT Serif", Arvo, "Roboto Slab",Georgia,serif;
}





/*** TABLE OF CONTENTS ***/
.project {
    display:block;
    margin-top:2em;
    position:relative;
}
.project span {
    display:none;
}
.toc strong {
    font-family:"PT Serif", serif;
    font-size:1.4em;
    line-height:1.14em;

    font-size:1.2em;
    line-height:1.333em;

    display:block;

}

.toc strong ul {
    font-size:0.71428em;
    line-height:1.4em;
    list-style-type:none;
}
.toc strong ul > li {
    padding-bottom:0.7em;
    font-style:italic;
}

.toc p {
    margin:0.8em 0;
    border:0px solid #f00;
}



.toc th, .toc td {
    vertical-align:top;
    padding:0.4em 0;
}

.toc td {display:none;}
.toc th {
    
    text-align:right;
    text-align:left;
}



.toc strong {
    text-align:right;
    position:absolute;
    top:0;
    bottom:0;
    width:12em;
    padding:0;
    margin:0;
}
.toc p {
    padding-left:16em;
}
/*** HEADER ***/

.header {

}
.header h1 {
    color:#ccc;
    font-family:Arvo, serif;
    font-weight:bolder;
    font-size:2.4em;
    line-height:1.5em;
    /**margin:0.666em 0;**/
    text-align:center;
}

.header h1 {
    font-size:3em;
    margin-bottom:0.333em;
    text-align:center;
}
.header h2 {
    color:#666;
    text-align:center;
    margin-bottom:1.6em;
    font-size:1.1em;
    color:#888880;
}

.header author {
    display:block;
    padding-bottom:1em;
    display:none;
}

/*** FOOTER ***/
.footer {
    text-align:center;
    margin-top:3em;
    padding:1em 0;
}



.corpus, .header, .footer, .header-2 {
    max-width:50em;
    
}

.header h2 {
    font-size:1.25em;
    margin-bottom:3em;
}
.header h1 {
    margin:0em 0 0em 0;
}

.header .author{
    text-align:center;
}
.header author{display:inline;
	      text-align:center;margin-top:0;}

.header a {font-weight:bold;}
.header a:hover{text-decoration:underline;}

div.header {
    max-width:58em!important;
    text-align:center;
    display:none;
}


span.caput {
    display:block;
    padding-top:0;
    margin-bottom:3em;
    margin-top:5em;
}
.caput strong {
    font-family: 'Roboto Slab', serif!important;
    font-size:2.4em;
    color:#888;
    margin-top:0.75em;
    width:6em;
    color:#000; 
    color:inherit;

    font-size:3em;

    width:4.75em;
    
}
.caput h2 {
    display:inline;
    margin:0;
    padding:0;
}

h2.draconis {
    font-size:1.2em;
    text-align:center;
    color:#888880;

    padding-top:0.5em;
    margin-left:13em;
    text-align:left;
    display:block;

    margin-left:11.25em;
    font-size:1.4em;
}

div.header-2 {
    margin-top:2em;
    max-width:63em;
}

div.header-2 > span {
    text-align:center;
    display:block;
    line-height:1.6em;
} 


.header-2 h1, .header-2 h2 {
    font-family:"Arvo","Roboto Slab", serif;
}
.header-2 h1 {
    color:#ccc;
    font-size:3em;

    line-height:1.6em;

    
    text-transform:uppercase;
    font-weight:bold;   
    margin:0.2666em 0;
    margin-top:1em;
}
.header-2 h2 {
    font-size:1.2em;
    line-height:1.333em;
    text-align:center;
    color:#888880;
    margin-bottom:1.6em;
}

span.hbar {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #CCC, rgba(255, 255, 255, 0)) repeat scroll 0% 0% transparent;
    height:0.075em;
}
div.corpus {
    margin-top:6em;
}


 .project ul {
     float:right!important;
 
 }


 @media (max-width:800px) {
     .toc .project strong {
	 position:static;
	 width:auto;
	 text-align:left;
	 height:auto;
	 font-size:2rem;
	 line-height:1em;
     }

     .toc p {
	 padding-left:0;
	 height:auto;

     }
     span.project {
	 height:auto;
	 padding:0;
	 margin:0;
	 margin-bottom:6rem;
	 position:static;
	 min-height:20px;
     }

     

     body {
	 font-size:22px;
	 padding:2.8em;
     }

     
     span#homepage {
	 font-size:1.4rem;
	 line-height:1.4em;
	 
     }

     .project li {
	 line-height:2em;
     }
     
 }

 .src-clojure, .src-python {
     background:#444!important;
     background:#fff!important;
 }
 /* THIS ISN'T THE LATEST CSS; SQUIGGLES IS MORE RECENT.*/