/* Time-stamp: </home/wrf/web/pmwiki/pub/skins/mybarthelme/mybarthelme.css, Thu,  7 Jul 2016, 20:06:58 EDT, w540, wrf, http://wrfranklin.org/>
NAME: mybarthelme.css
AUTHOR: Chi Shang Cheng <chengsta at chengsta com>
CREATED: 2007-01-07
DESCRIPTION: This is a port of the Barthelme Wordpress theme for PmWiki.
ORIGINAL AUTHOR: Scott Allan Wallick
ORIGINAL AUTHOR URI: http://scottwallick.com/
*/
/*
"Barthelme" (C) 2006 Scott Allan Wallick - http://scottwallick.com/ - and distributed under the terms of the GNU General Public License v2
*/
html {
	margin: 0;
	padding: 0;
}
body {
	margin: 1%;
	padding: 0;
	background: white;
	color: #222;
        font-family: "Lora", "DejaVu Sans","Trebuchet MS","Cambria",sans-serif;
	line-height: 140%;
}
/* GLOBAL ELEMENT COMBINATIONS */
div#content blockquote, div#content h1, div#content h2, div#content h3, div#content h4,div#content h5, div#content h6 {
p	background: white;
	color: #444;
}
/* HEADER STUFF */
div#header {
	background: #97ffb8;
	color: black;
	margin:  0;
	padding: 1em;
	font-size: 1.2em;
	line-height: 160%;
	font-weight: bold;
        font-variant: small-caps;
        text-shadow: 0px 2px 3px #555;
}
h1#title {
	line-height: 110%;
	margin: 0;
}
p#description {
	font-size: 1.5em;
	line-height: 170%;
	margin: 0;
}

/* WRAPPER - CONTAINER - CONTENT STUFF */
div#content {
	margin: 0;
	padding: 0;
}
div#content h1 {
        font-size: 1.3em;
	margin: 0;
        line-height: 160%;
	color: black;
}
div#content h2 {
	font-size: 1.2em;
	line-height: 150%;
	color: black;
}
div#content h3 {
	font-size: 1.1em;
	line-height: 150%;
	color: black;
}
ol.toc, ul.toc {  
        margin-left: 1em;
}
ol, ul {    list-style-position:inside;
        margin-left:0em;
        padding-left: 1em;
        text-indent: -1em;
}
ol ol, ul ul { font-size: 95%; 
        margin-left:4em;
        margin-top: .5em;
        margin-bottom: .5em;
	padding-left: 3em;
	text-indent: -1.5em;
}
ol ol ol, ul ul ul { font-size: 90%; 
	padding-left: .5em;
	text-indent: -1.5em;
}
div#content p {
	margin: 0.5em 0;
}
div#content blockquote {
	border-left: 1em solid #cfd5dd;
	font-size: 0.9em;
	padding-left: 1em;
}
div#content hr {
	border: 0;
	border-bottom: 1px solid #888;
	margin: 1em 0 1em 0;
}

/* SIDEBAR STUFF */
div#sidebar {
        text-align:left;
        display:inline; /*for ie6 */
	width: 28%;
        min-width:10em;
        background: #87a8a8;
        color: black;
        margin:  0 0 0em 1%;
        padding: 1%;
        border:2px solid black;
	float: right;
	font-size: .7em;
}
div#sidebar h2 {
	font-size: 1em;
	margin: 0;
	text-transform: uppercase;
}
div#content hr {
        color: green
}
div#sidebar a, div#sidebar a:active, div#sidebar a:link, div#sidebar a:visited {
	color: #444;
	text-decoration: none;
}
div#sidebar a:hover,div#sidebar ul li ul li:hover  {
	background: white;
	text-decoration: underline;
}

/* FOOTER STUFF */
div#footer {
	background: white;
	clear: both;
	color: #888;
	padding: 5em 0 1em 3em;
}
div#footer p {
	font-size: 0.9em;
	margin: 0;
}
/* GLOBAL ALIGNMENT AND MISC ELEMENTS */
.alignleft { float: left; }
.alignright  { float: right; }
abbr, acronym {
	border-bottom: 1px dotted #546188;
	cursor: help;
}
code, pre {
	font: 1em/normal "courier new", courier, monospace;
}
.clearer {
	clear: both;
	height: 0;
}
/* IMAGE ELEMENTS, INCLUDING LINKS */
img { border: none; }
div#content img.center {
	display: block;
	margin: 0.4em auto;
}
div#content img.alignright { margin: 0.4em 0 0.4em 1.1em }

div#content img.alignleft { margin: 0.4em 1.1em 0.4em 0; }

/* FORMS FOR COMMENTS AND SEARCH / INCLUDES STYLES FOR THE WP-CONTACTFORM PLUGIN */
div.formcontainer p{
	margin: 0.5% 0 1% 0;
}
form {
	margin: 0.3% 0 0 0;
	padding: 0;
}
input#s {
	margin: 0 0 0.4% 0;
	padding: 0.2%;
	width: 70%;
}
textarea {
	/* height: 13em; */
	float: left;
	width: 77%;
	margin: 0 0 0.5% 0;
}
input#searchsubmit, input#submit, input.e_button { border: 1px outset #999; }

input#s, input#summary, input#author { width: 66%; }

input#s, input#summary, input#author, textarea {
	border: 1px inset #999;
	padding: 0.2%;
}
div.formcontainer {
	font-size: 1%;
	margin: 0 0 3% 0;
	width: 100%;
}
span.formright, span.formleft {
	display: inline;
	float: left;
	margin: 0 0 0.5% 0;
}
span.formleft {
	clear: both;
	text-align: right;
	width: 15%;
	margin: 0 2% 0 0;
}
span.formright { width: 80%; }
/* LINK STYLES */
div#header a, div#header a:active, div#header a:link, div#header a:visited {
	background: transparent;
	color: black;
}
div#header a:hover {
	background: transparent;
	color: #e5e5e5;
}
div#content a, div#content a:active, div#content a:link, div#content a:visited {
	color: #546188;
	background: transparent;
}
div#content a:hover {
	color: #000;
	background: transparent;
}
div#footer a, div#footer a:active, div#footer a:link, div#footer a:visited {
	background: white;
	color: #888;
}
div#footer a:hover {
	background: white;
	color: #222;
	text-decoration: none;
}

/* jquery masonry */

.wrap {
    background: #FFF;
    xpadding: 5px;
}

.wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.jbox {
    margin: 5px;
    padding: 10px;
    border: 1px solid #456;
    background: #e0ffff;
    float: left;
}


/* columns */

.col {
       column-width:20em; 
       -moz-column-width:20em; 
       -webkit-column-width:20em; 
       border: 2px solid gold;
       margin: 1em;
       padding: 1em;
       column-rule: inset 1px #456; 
       -moz-column-rule: inset 1px #456; 
       -webkit-column-rule: inset 1px #456; 
}

.col2 {
       column-width:20em; 
       -moz-column-width:20em; 
       -webkit-column-width:20em; 
       border: 2px solid gold;
       margin: 1em;
       padding: 1em;
       column-rule: inset 2px gold;
       -moz-column-rule: inset  2px gold;
       -webkit-column-rule: inset  2px gold;
       moz-border-radius:10px;  
       webkit-border-radius:10px; 
       border-radius:10px;
       -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); 
       webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
       break-inside: avoid;
}

/* col3 is col2 with less indentation for lists */

.col3 {
       column-width:20em; 
       -moz-column-width:20em; 
       -webkit-column-width:20em; 
       border: 2px solid gold;
       margin: 1em;
       padding: 1em;
       column-rule: inset 2px gold;
       -moz-column-rule: inset  2px gold;
       -webkit-column-rule: inset  2px gold;
       moz-border-radius:10px;  
       webkit-border-radius:10px; 
       border-radius:10px;
       -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); 
       webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
       break-inside: avoid;
}

/* col0 is col3 but in 1 column */

.col0 {
       border: 2px solid gold;
       margin: 1em;
       padding: 1em;
       moz-border-radius:10px;  
       webkit-border-radius:10px; 
       border-radius:10px;
       -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); 
       webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
       break-inside: avoid;
}

ol.col3, ol.col0 {
    margin-left:0;
    padding-left:0;
}


h2 { column-span:all;
     -moz-column-span:all;
     -webkit-column-span:all;
     }

h1, h2, h3 { break-after: avoid; 
        margin-bottom: 1em;
}

li, p { break-inside: avoid; }

/* print vs screen */

@media print { 

 }

@media screen { 
body, textarea, .jbox {
	overflow: auto;
           }
.col0, .col, .col2, .col3 {
       background: #f0fff8;
       } 
}


/* http://www.pmwiki.org/wiki/Cookbook/CSSPopups */
/* ===== Tooltip Popups (relative positioned) =====*/
span.poptip { display:none; background-color:#ffffcc; }

a:hover span.poptip {
  display:block; position:absolute; margin-left:50px;
  width:200px;
  font-size:smaller;
  text-align:center;
  padding:5px;
  border: 1px solid black;
}