/*
This style came from Movable Lines ( http://www.movablestyle.com/index.php?style=Modern+Lines )
Released under the GPL ( http://www.movablestyle.com/archives/000015.php )
By Scott Yang http://scott.yang.id.au/
*/

body, table {
    font-family: verdana, helvetica;
}

body {
    background-color: #fff;
    margin: 0;
    padding: 0;
    font-size: small;
    font-weight: normal;
    background: url(blue_stripes_tile_left.gif) repeat-y;
}

a 		{ color: #668; text-decoration: none; font-weight:normal; } 
a:link		{ color: #668; } 
a:visited	{ color: #668; } 
a:active	{ color: #334; } 
a:hover		{ color: #334; }

h1, h2, h3 {
    margin: 0px;
}

#banner {
    background: #b9faff url(blue_grad_bg.png) repeat-x;
    margin: 0px;
    padding: 10px 0 15px 0;
    background-color: #b9faff;
    border-bottom: #dde solid 1px;
}

#banner-commentspop {
    border-bottom: #888 solid 1px;
    border-left: #888 solid 10px;
    color: #666;
    font-size: x-large;
    font-weight: bold;
    margin: 5px 5px 10px 5px;
    padding: 0 0 3px 3px;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
    color: #0000ff;
    font-size: xx-large;
    font-weight: bold;
    text-decoration: none;
}

#banner h1 {
    padding: 0 0 3px 13px;
    color: #fff;
}

#banner .description {
    color: #88c;
    font-size: small;
    font-weight: bold;
    margin-left: 30px;
}	

#content {
    border-right: #dde solid 1px;
}

@media screen and (min-width: 64em) {
    #content {
	margin: 0 230px 10px 10px;
    }
}

#container {
    margin: 0 10px 10px 10px;
}

#links {
    background: url(blue_stripes_tile.gif);
    background-color: #fff; 
    border-left: 1px solid #dde;
    padding: 10px;				
}

@media screen and (min-width: 64em) {
    #links {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 210px;
    }
}

#content .blog, #container .blog {
    border-left: #dde solid 1px;
}
#content .blog {
    background-color: #fff;
}

@media screen and (min-width: 64em) {
    #content .blog, #container .blog {
	margin-left: 163px;
    }
}

.blogbody {
    color: #333;
    font-size: small;
    font-weight: normal;
    line-height: 140%;			
    margin: 0 20px 15px 20px;
}

.blogbody a,
.blogbody a:link,
.blogbody a:visited {
    border-bottom: 1px dotted #334;
}
.blogbody a:active,
.blogbody a:hover {
    border-bottom: 1px solid #668;
}

.title	{ 
    color: #000000; 	
    font-size: 18px;
    font: georgia, geneva, Times;
    margin: 0 0 8px -6px;
}			

#menu {
    border-bottom: #eef solid 1px;
    border-right: #eef solid 10px;
    font-size: small;
    margin-right: 10px;
    padding: 0 5px 2px 0;
    text-align: right;  							
}		

.date	{ 
    /* background: url(blue_stripes_tile.gif); */
    border-right: #dde solid 5px;
    border-bottom: #dde solid 5px;
    border-left: #dde solid 5px;
    border-top: #dde solid 5px;
    color: #99b; 
    font-size: small;
    font-weight: normal;
    margin: 0;
    padding-top: 5px;
    padding-right: 8px;
    width: 95%;
    height: 20px;
    text-align: center;
}

@media screen and (min-width: 64em) {
    .date {
	position: relative;
	left: -151px;    
	top: 20px;
	width: 137px;
	text-align: right;
	border-right: #dde solid 1px;
	border-bottom: #dde solid 1px;
	border-top: #dde solid 1px;
    }
}

.posted	{ 
    color: #666; 
    display: block;
    font-size: x-small; 
    font-style: italic;
    margin-top: 8px;
    text-align: right;
}


.calendar {
    font-size: x-small;
    font-weight: normal;
    line-height: 140%;
    padding: 2px;
    text-align: center;	
}

div.calendar {
}

div.calendar table {
    margin-left: 8px;
}

.calendarhead {	
    border-bottom: #eef solid 1px;
    border-left: 10px solid #dde;
    color: #666;
    font-size: small;
    font-weight: bold;
    padding: 0 0 0 3px;					
    text-align: left;
    width: 100%;
}	

.side {
    color: #333;
    font-size: x-small;
    font-weight: normal;
    line-height: 180%;
    margin: 0px;
    padding: 3px 0 3px 6px;
    background-color: #fff;
    border-left: 1px solid #ddf;
    border-top: 1px solid #ddf;
    border-right: 1px solid #eef;
    border-bottom: 1px solid #eef;
    clear: both;
}

.side a:hover {
    padding-left: 3px;
    border-left: 1px solid #dde;
}

.sidetitle {
    color: #666;
    font-size: small;
    font-weight: bold;
    padding: 0 0 2px 0px;
    margin-top: 15px;
}

.syndicate {
    font-size: x-small;
    font-weight: bold;		
    padding: 2px;
    margin-top: 10px;
    text-align: center;
}	

.powered {
    font-size: x-small;
    font-weight: bold;
    line-height:140%;
    margin-top: 10px;
    padding:2px;
    text-align:center;
}	


.comments-body {
    border-left: #b9faff solid 10px;
    border-bottom: #ccc solid 1px;
    color: #666;
    font-size: small;
    font-weight: normal;
    line-height: 140%;
    margin: 0 10px 20px 10px;
    padding-left: 5px;
}		

.comments-post {
    color: #888; 
    display: block;
    font-size: x-small; 
    font-style: italic;
    margin-top: 3px;
    text-align: right;
}	

.trackback-url {
    border-bottom: #888 solid 1px;
    border-left: #888 solid 10px;
    color: #666;
    font-size: small;
    font-weight: normal;
    margin: 0 5px 10px 5px;
    padding: 0 0 3px 3px;
}

.trackback-body {
    border-bottom: #ccc solid 1px;
    border-right: #ccc solid 10px;
    color: #666;
    font-size: small;
    font-weight: normal;
    line-height: 140%;
    margin: 0 5px 10px 5px;
}		

.trackback-post {
    color: #666;
    font-size: small;
    font-weight: normal;
}

.comments-head	{ 
    background: #b9faff url(blue_grad_bg.png) repeat-x;
    color: #0000FF; 
    font-size: small; 	
    font-weight: bold;
    min-height: 40px;
    padding: 15px 0px 5px 20px;
}		

#author, #email, #url, #text, #title {
    border-bottom: #888 solid 1px;
    border-left: #888 solid 10px;
    border-right: #ccc solid 1px;
    border-top: #ccc solid 1px;
    padding-left: 3px;
}

/* Entries for my own entry formatting */
.entryimage {
  float: left;
  margin: 10px 10px 0 0;
  width: 300px;
}

/* Entries for generic left and right floats */
.floatright {
  float: right;
  margin: 2ex 4em 2ex 1em;
  width: 300px;
  align: right;
}

.floatleft {
  float: left;
  margin: 2ex 1em 2ex 4em;
  width: 320px;
  align: left;
}

/* An element simply to clear floats */
.clearer {
  clear: left; line-height: 0; height: 0;
}

/* calendar css */

.calendarHeader { font-size: 12px; font-weight: bolder; color: #fff; background: #666;}
.calendarToday { font-size: 12px; font-weight: bold; background: #b0e0e6; }
.calDayLink { font-style: italic; }
.calendar { font-size: 12px; font-weight: bold; background: #f6f6f6; }
.calendartab { font-size: 12px; font-weight: bold; background: #f6f6f6; border: 2px solid #b0e0e6;}
#Cal { font-size: 12px;}

/* From org-mode html export */
.todo   { font-family: monospace; color: red; }
.done   { color: green; }
.tag    { background-color: #eee; font-family: monospace;
          padding: 2px; font-size: 80%; font-weight: normal; }
.timestamp { color: #bebebe; }
.timestamp-kwd { color: #5f9ea0; }
.right  { margin-left: auto; margin-right: 0px;  text-align: right; }
.left   { margin-left: 0px;  margin-right: auto; text-align: left; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.underline { text-decoration: underline; }
#postamble p, #preamble p { font-size: 90%; margin: .2em; }
p.verse { margin-left: 3%; }
pre {
    border: 1px solid #ccc;
    box-shadow: 3px 3px 3px #eee;
    padding: 8pt;
    font-family: monospace;
    overflow: auto;
    margin: 1.2em;
}
pre.src {
    position: relative;
    overflow: visible;
    padding-top: 1.2em;
}
pre.src:before {
    display: none;
    position: absolute;
    background-color: white;
    top: -10px;
    right: 10px;
    padding: 3px;
    border: 1px solid black;
}
pre.src:hover:before { display: inline;}
pre.src-sh:before    { content: 'sh'; }
pre.src-bash:before  { content: 'sh'; }
pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
pre.src-R:before     { content: 'R'; }
pre.src-perl:before  { content: 'Perl'; }
pre.src-java:before  { content: 'Java'; }
pre.src-sql:before   { content: 'SQL'; }

table { border-collapse:collapse; }
caption.t-above { caption-side: top; }
caption.t-bottom { caption-side: bottom; }
td, th { vertical-align:top;  }
th.right  { text-align: center;  }
th.left   { text-align: center;   }
th.center { text-align: center; }
td.right  { text-align: right;  }
td.left   { text-align: left;   }
td.center { text-align: center; }
dt { font-weight: bold; }
.footpara:nth-child(2) { display: inline; }
.footpara { display: block; }
.footdef  { margin-bottom: 1em; }
.figure { padding: 0em; }
.figure p { text-align: center; }
.inlinetask {
    padding: 10px;
    border: 2px solid gray;
    margin: 10px;
    background: #ffffcc;
}
#org-div-home-and-up
{ text-align: right; font-size: 70%; white-space: nowrap; }
textarea { overflow-x: auto; }
.linenr { font-size: smaller }
.code-highlighted { background-color: #ffff00; }
.org-info-js_info-navigation { border-style: none; }
#org-info-js_console-label
{ font-size: 10px; font-weight: bold; white-space: nowrap; }
.org-info-js_search-highlight
{ background-color: #ffff00; color: #000000; font-weight: bold; }


/* Addtional styles for blog entries */
.bblue       { font-weight:bold; color:#4682b4; }
.borange     { font-weight:bold; color:#f4a460; }
.bred        { font-weight:bold; color:#e50000; }
.interviewer { font-weight:bold; }

blockquote {
    border-radius: 3px;
    position: relative;  /*  <--- */
    font-style: italic;
    /* text-align: center; */
    padding: 1rem 1.2rem;
    width: 80%;  /* create space for the quotes */
    color: #4a4a4a;
    margin: 1rem auto 2rem;
    color: #4a4a4a;
    background: #E8E8E8;
}

.pquote {
    float: left;
    width: 300px;
    background: #ddf;
    padding: 13px;
    margin: 0 13px 13px 0;
}

/* Try to fix bullets leaking into floats 
   https://stackoverflow.com/questions/710158/why-do-my-list-item-bullets-overlap-floating-elements
*/
ul {
    list-style: outside disc;
    margin-left: 1em;
}
ul li {
    position: relative;
    left: 1em;
    padding-right: 1em;
}