body {
    background-color:#fff;
    font-family:serif;
    margin:0px;
    padding:0px;
    font-size:1.25em !important;
    line-height: 1.6em !important;
}

.strong {
	color:red;
	font-weight:700;
}

a:link { 
       color: #cc3333; 
       text-decoration: none; 
}

a:hover { 
	text-decoration: underline; 
	}

a:visited { 
	  color : #cc3333;
	  text-decoration: underline; 
	  }

blockquote {
            border:solid 1px #666;
            background-color:#ccc;
            padding:10px;
            padding-left:30px;
            padding-right:30px;
            margin-top:30px;
            margin-right:5%;
            font-family:monospace;
}

blockquote:after {
    content: attr(cite);
    text-align:right;
    font-family:sans-serif;
    font-size:1em;
    display:block;
}
		 

code {
       color:brown;
}

ins {
 display:block;
 text-decoration:none;
}

ins h1 {
    padding-top:75px;
}

#home {
    text-decoration: none;           
    color:#ededed;
}

#home:visited {
    text-decoration: none;           
    color:#ededed;
}

#home:hover {
    color:#adadad;
}

li { 
     /* line-height:20px; */
 }

ol {
 line-height:20px;
}

/* */

#aaronlinks {
 margin-bottom:5px;
 margin-right:0px;
}

#aaronlinks li {
 display:inline;
}

#aaronlinks li:before {
 content:"  ";
}

#aaronlinks li:after {
 content:"";
}

#content {
 margin-right:10%;
 margin-left:20%;
 margin-bottom:30%;
 padding:10px;
 padding-top:55px;
 clear:both;
}

#content blockquote p {
 text-indent: 25px;
 line-height: 1.3em;
}

#content h1 {
 margin-top:0px;
 font-family:sans-serif;
 color:#222;
 font-size:1.5em;
 opacity:.95;
}
	
#content h1:after {
 display:none;
 font-size:11px;
 color:darkslategray;
 margin-top:10px;
 content:attr(class);
}


#content p {
 text-indent:50px;
 text-align:justify;
 /* line-height:1.5em; */
 color:#222;
}


#footer {
 clear:all;
 text-align:right;
 padding-top:2%;
 padding-bottom:50px;
 background-color:#fff;
 float:right;
 padding-right:10%; 
 width:80%;
 margin-bottom:0px;
 font-family:sans-serif;
 font-size:.7em;
}

#next:before { 
	     content:"";
}

#nextprev {
 text-align:right;
 display:block;
 font-family:sans-serif;
 font-size:.7em;
}

#nextprev li {
 display:inline;
}

#pagetitle {
 text-align:right;
 color:#666;
 font-size:.7em;
 font-family: sans-serif;
}

#photos {
 float:left;
 height:auto;
 border:none;
 margin-right:50px;
 margin-bottom:25px;
 margin-top:90px;
 max-width:550px;
}

#prev:after { 
    /*  ↔ */
    /* content:"↔";; */
    color:#ccc;
}

#rolling {
 border:none;
}

#toc {
 padding:0px;	 
 padding-top:90px;
 margin-left:575px;
 margin-right:50px;
 font-family:sans-serif;
 font-size:.8em;
}

#toc li {
 list-style-type:none;
 line-height: 1.5em;
}

#toc li:before {
 content:"↓";
}

#misc {
 padding:0px;
 padding-top:90px;
 padding-bottom:10px;
 margin-left:575px;
 margin-right:60px;
 font-family:sans-serif;
 font-size:.8em;
}

#misc li {
 list-style-type:none;
 line-height: 1.5em;
}

#misc-prev:before {
 content:"←";
}

#misc-next:before {
 content:"→";
}

#misc-syn:before {
 content:"≡";
}
  
#misc-twitter:before { 
 content:"@";
}

#misc-talks:before { 
 content:"∴";
}

/* */

.flickrimg {
  border:1px dotted #ccc;
  padding:5px;
  opacity:.25;
  float:left;
  margin:5px;
}

.flickrimg img {
 border:none;
}

.glyph {
       color:#666;
}

.nextprev {
 clear:both;margin:0px;padding-right:10%;padding-bottom:3px;border-bottom:1px
 solid #ccc;
}

#splash {
	margin:0px;
	padding:0px;
}

.splash {
  border:1px dotted #666;
  border-left:none;
  padding-left:30px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  display:block
}

.post {
 margin-bottom:5px;
}

.permalink {
 color:#adadad;
 text-align:right;
 display:block;
 font-size:.7em;
 margin-top:4px;
 margin-bottom:50px;
 font-family:sans-serif;
}

.refersto li { 
               list-style-type: none;
	       font-size:11px;
	       line-height:17px;
	       font-family:sans-serif;
 }

.title {
 float:right;
 text-align:right;
 padding:0px;
 padding-right:50px;
 padding-top:10px;
 margin:0px;
 font-family:sans-serif;
 color:#ededed;
 opacity:.5;
}

.title h1 {
    padding: 0 !important;
    margin: 0 !important;
    margin-top: .3em !important;
    font-size: 1em;
}

hr {
   margin:0px;
   width:0px;
   margin-left:50px;
   margin-top:30px;
   margin-bottom:30px;
   border:none;
   border-top:1px solid #ededed;
}

li {
	       line-height:17px;
}

/* this is the random cruft that just started to accumulate in the html files... */

.cite {
	font-family:serif;
	text-align:right;
        font-size:small;
}

.cite:before {
	content:"-";
}

h2, h3, h4 { margin-left : 50px; }

.rel {
    margin-left: 75px;
    margin-right:30px;
    margin-bottom:40px;
}

.rel li {
    line-height:1.6em;
    margin-bottom:10px;
    list-style-type:auto;
    font-style:italic;
}

.rel li p {
text-indent: 0px !important;
}

.rel li p:first-child {
    /* font-weight: 700 !important; */
}

.inbetween { margin-left : 100px; margin-right:30px; margin-bottom:40px; }

.inbetween li { line-height:20px; margin-bottom:10px; list-style-type:auto; }

.hier { font-family: sans-serif; margin-bottom: 30px; }

.image500 {
    max-width: 500px;
    margin: 0 auto !important;
    margin-top:2em !important;
    margin-bottom:2em !important;
    
    /*
    margin-left:auto;
    margin-right:auto;
    margin-top:2em;
    margin-bottom:2em;
    */
}

.image500 a img {
 border: 1px dotted #ccc;
 padding:10px;
}

.image500 img {
 border: 1px dotted #ccc;
 padding:10px;
}

.image640 {
    max-width: 640px;
    margin: 0 auto !important;
    margin-top:2em !important;
    margin-bottom:2em !important;

    /*
    margin-left:auto;
    margin-right:auto;
    margin-top:2em;
    margin-bottom:em;
    */
}

.image640 a img {
 border: 1px dotted #ccc;
 padding:10px;
}

.image640 img {
 border: 1px dotted #ccc;
 padding:10px;
}

pre {
font-size : 11px;
margin-left:75px;
margin-bottom:40px;
margin-top:20px;
border:none;
color:darkslategray;
}

pre strong {
color:red;
font-weight:700;
}

.imconversation {
border:solid thin;
margin:5px;
margin-bottom:30px;
}


.imconversation .timestamp {
display:none;
}

.imconversation .message {
display:inline;
margin-left:10px;
margin-right:10px;
}

.imconversation .send {
  padding:5px;
}

.imconversation .receive {
  padding:5px;
  background-color:#ededed;
}

h2 {
margin-top: 40px;
}

.dots_row {
margin-left:140px;
margin-bottom:10px;
}

.dots {
float:left;
margin-right:10px;
}

.dots img {
border:1px dotted #ccc;
padding:10px;
}

.pinboard_aa{
padding:5px;
padding-left: 50px;
font-size:1.5em;
}

blockquote {
margin-bottom:40px;
margin-left:100px;
margin-right:75px;
padding:25px;
padding-left:35px;
padding-right:35px;
}

blockquote p {
text-indent: 0px !important;
}

blockquote .attr {
text-align:right !important;
font-size:small;
width:100%;
display:block;
}

blockquote .attr:before {
content: "– ";
}

#bwr {
	border-top:1px solid #ccc;
	margin-top:60px;
	padding-top:50px;
	padding-bottom:50px;
}

#bwr h3 {
	margin-top:50px;
}


/* end of cruft */

/* yay! new cruft... */

.biglink {
    font-weight:700;
    text-align:center !important;
    display:block;
    margin-top:40px;
    margin-bottom:50px;
    font-size:1.5em;
    font-family:sans-serif;
}

.missing-image:before{
    content: "Sigh. I have managed to lose or misplace this image. Good times.";
    font-weight: 700;
    font-family: sans-serif;
    color: #999;
    text-align:center;
    padding-top:2em;
    padding-bottom:2em;
    display:block;
}

@media (max-width: 768px) {

       body {
       margin: 0px !important;
       padding: 0px !important;
       }

       pre {
       	margin: .5em !important;
	padding:.5em !important;
	max-width:600px !important;
	overflow: scroll !important;
	border:1px dotted #ccc;
       }

       img {
              height:auto;
	      width:auto;
	      max-width:600px;
	      max-height:600px;
       }

       .img500{
	      margin:0px !important;
       }

       .img640{
	      margin:0px !important;
       }

       blockquote {
            padding:.4em;
	    padding-left: 1.5em !important;
	    padding-right: 1.5em !important;
	    margin:0 !important;
            font-family:monospace;
	    text-align: left !important;
	    }

	    .rel {
	    margin: .5em !important;
	    }

       .title {
       display:block !important;
       width:100% !important;
       margin-bottom:1em !important;
       }

       #photos {
       	margin: 0px !important;
	display:block !important;
	float:none !important;
	text-align:center;
       }

       .splash {
       padding: 0px !important;
       margin:1em !important;
       margin-top: 0px !important;
       margin-bottom: 0px !important;
       border: none;
       }

       .splash img {
       	border: .5em solid #000;
       }

       #pagetitle {
       margin-right:1em !important;
       margin-top:.5em !important;
       margin-left:1.5em !important;
       margin-bottom: 1.5em !important;
       padding-right: 1em !important;
       display:block !important;
	float:none !important;
       }

       #content {
       	margin: 0 !important;
	padding: 0 !important;
	border: solid thing !important;
       }

       .content {
       	margin: 1em !important;
       	margin-right: 1.25em !important;
       }

       .links, .permalink {
       	margin: 1em !important;
       	margin-right: 1.25em !important;
       }

       h2 {
       	margin-left: 0 !important;
	padding-left: 0 !important;
       }

       p {
       text-indent: 0px !important;
       } 

       #toc {
       	margin: 1em !important;
	margin-bottom: 3em !important;
       	margin-right: 1.25em !important;
	/* display: block !important; */
	padding: 0px !important;
	display:none !important;
	float:none !important;
       }

       #misc {
       margin:1em !important;
       margin-left:1.5em !important;
       margin-bottom: 2em !important;
       padding: 0px !important;
       display:block !important;
	float:none !important;
       }

       #misc-syn, #misc-twitter, #misc-talks {
       	display:none !important;
       }

       .nextprev {
	      padding: 1em !important;
       	      padding-right: 1.25em !important;
       }

       #nextprev {
       text-align:left;
       margin:1em !important;
       padding:0px !important;
       		 display:inline !important;
       }

       #nextprev {
       	margin:0px !important;
              padding:0px !important;
       		 display:inline !important;
       }

       /*
       .permalink {
       	display: block !important;
	text-align:left !important;
       }
       */

       #footer {
       width:100% !important;
       padding: 0px !important;

       	margin: 1em !important;
	margin-bottom: 3em !important;
       	margin-right: 1.25em !important;
       }
}

@media (max-width: 500px){

       img {
              height:auto;
	      width:auto;
	      max-width:400px;
	      max-height:400px;
       }

       pre {
	max-width:450px !important;       
       }
}

@media (max-width: 400px){

       img {
              height:auto;
	      width:auto;
	      max-width:300px;
	      max-height:300px;
       }

       pre {
	max-width:350px !important;       
       }
}

@media (max-width: 320px){

       img {
              height:auto;
	      width:auto;
	      max-width:250px;
	      max-height:250px;
       }

       pre {
	max-width:280px !important;       
       }
}