html { height:101%; }
body { line-height:1.35; font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif; }
p { margin: 1em 0; }
div.divhr hr { display:none; }
#wrapper { margin:0 auto; width: 100%; max-width:760px; text-align:left; }
em { font-style:italic; }
span.term { text-decoration:none; font-weight:700; }
a img { text-decoration:none; border-width:0; }
a { color:#239; }
a:hover { color:#293; text-decoration:none; }
h1,h2,h3,h4,h5,h6 { color:#239; }
.block, blockquote { display:block; margin:.5em 20px; padding:.5em; border-left:3px solid #000; }
.name { font-style:italic; }
ol li { margin:1em 0; }
div#startfoot { clear:both; height:1px; overflow:hidden; margin:1em; background-color:red; }
address { clear:both; display:block; border-top:3px solid #000; color:#000;
font-style:normal; text-align:right; padding-bottom:10px; margin-top:2em; }
.floatright { float:right; }
.clearboth { clear:both; }
a.emph { font-weight:700; text-decoration:none; }
a.emph:hover { text-decoration:underline; }
.stanza { margin:.5em 0; }
.stanza .line { display:block; margin-left:15px; text-indent:-15px; }
img#me { float:right; padding:1px; border:3px solid #000; margin:0 0 20px 20px; max-width: 50%; height: auto;}
ul { list-style-type:square; margin:1em 0 1em 20px; padding:0; }
ol { margin:1em 0 1em 20px; padding:0; }
ul > li, ol > li { margin:.5em 0; padding:0; }
/*********
* Header *
*********/
div#header a { line-height: 30px; padding: 0 5px; margin: 3px; /* space for border */
text-decoration: none; font-weight: 700; }
div#header a:hover, div#header a.active, div#header a#myname {margin: 0; border: 3px solid black; }
/* For some reason, the negative margin doesn't work without this div wrapping myname: */
div#mynamediv { display: block; float: right; margin-bottom: -3px; }
a#myname { display: block; font-size: 150%; }
div#nav { display: block; float: left; margin-bottom: -3px; }
div#nav a, div#subnav a { display: inline-block; }
div#top-sep { clear:both; height: 0px; line-height: 1px; overflow:hidden;
border-top: 3px solid black; margin-bottom: -3px; }
div#subnav { display: block; float: left; margin-left: 20px; font-size: 85%; }
div#endheader { clear:both; height:0; line-height:1px; overflow:hidden; }
/*****************
* Reference List *
*****************/
.reflist { list-style-type:none; padding:0; margin:0; }
.reflist > li { padding:0; margin:0; padding-left:20px; margin-bottom:1em; }
.reflist .title { font-size: 120%; font-weight:700; display:block; margin-left:-20px; margin-bottom:-.5em; }
.reflist div.abstract { //margin-top: -.5em; }
.reflist div.abstract p.abstract { font-weight:700; }
.reflist div.abstract > div { margin-top:-.5em; font-size: 90%; }
.reflist p { margin:.5em 0; }
.reflist ol.reflinks { list-style-type:none; margin:-.5em 0 0; padding:0; }
.reflist ol.reflinks li { display:inline; margin:0; padding:0; }
.reflist ol.info { list-style-type:square; margin:0 0 0 20px; padding:0; }
.reflist ol.info > li { margin:.5em 0; padding:0; }
/****************
* Thumb Gallery *
****************/
.gallery { list-style:none; margin:1em 0; padding:0; text-align: center; }
.gallery li { margin:0; padding:0; display: inline-block; }
.gallery a { display:block; float:left; text-align:center; width:190px; font-weight:700; text-decoration:none; }
.gallery a span { display:block; height:4.5em; width:186px; padding:0 2px; margin-top:-3px; }
.gallery a img { width:180px; height:180px; padding:1px; border:3px solid #FFF; margin:1px; }
.gallery a:hover img { border:3px solid #000; }
/********************/
/* The html tag has class .js when javascript is enabled, .nojs otherwise.*/
@media all and (min-width: 760px) {
/* On wide viewports, put caption on the right */
.nojs .showcase {
height:608px;
}
.showcase {
position:relative; /* anchor for nav's "position: absolute" */
}
.nojs .showcase .scitems {
height:608px;
}
.showcase .scitems {
overflow:auto; /*scroll*/
}
/* Todo: use clearfix solution from http://www.sitepoint.com/clearing-floats-overview-different-clearfix-methods/
insdead of the overflow:hidden one */
.showcase div.scitems > div, .showcase-solo {
width:100%;
overflow: hidden;
}
.js .showcase div.scitems > div {
display: none;
}
.js .showcase div.scitems > div.active {
display: block;
}
.showcase div.scitems .piccontainer, .showcase-solo .piccontainer {
width:600px;
float:left;
padding:1px;
border:3px solid black;
}
.showcase div.scitems img.pic, .showcase-solo img.pic {
display:block;
margin:0 auto;
}
.showcase div.desc, .showcase-solo div.desc {
margin-left:608px;
border-top:3px solid #000;
border-bottom:3px solid #000;
font-size:90%;
}
.showcase div.desc p, .showcase-solo div.desc p {
margin:.5em 0 .5em 5px;
}
}
@media all and (max-width: 760px) {
/* On narrow viewports, put caption on the bottom */
.nojs .showcase .nav {
display: none;
}
.js .showcase {
position: relative; /* anchor for nav */
}
.showcase, .showcase-solo {
width: 608px;
max-width: 100%;
margin: 0 auto;
}
.js .showcase div.scitems > div {
display: none;
}
.js .showcase div.scitems > div.active {
display: block;
}
.nojs .showcase div.scitems > div {
margin-top: 1em;
}
.nojs .showcase div.scitems > div:first-child {
margin-top: 0em;
}
.showcase div.scitems div.piccontainer,
.showcase-solo div.piccontainer {
width: 600px;
max-width: calc(100% - 8px);
margin: 0 auto;
border: 3px solid #000;
padding: 1px;
}
.showcase div.scitems div.piccontainer img.pic,
.showcase-solo div.piccontainer img.pic {
display: block;
width: auto;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.showcase div.scitems div.desc,
.showcase-solo div.desc {
display: block;
width: calc(100% - 8px);
max-width: 600px;
margin: -3px auto 0 auto;
border: 3px solid black;
padding: 1px;
font-size: 90%;
}
.showcase div.scitems div.desc p,
.showcase-solo div.desc p {
margin:.5em 0 .5em 5px;
}
}
/* showcase nav */
.showcase ol.nav {
display:block;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
z-index:100;
}
.showcase ol.nav li {
float:left;
margin:0 2px 0 0;
padding:0;
}
.showcase ol.nav li a img {
width:50px;
height:50px;
padding:1px;
margin:3px;
background-color:#FFF;
zoom:1;
filter:alpha(opacity=50);
opacity:.5;
}
.showcase ol.nav li a:hover img,
.showcase ol.nav li.active a img {
margin:0;
border:3px solid #000;
filter:alpha(opacity=100);
opacity:1;
}
/*********
* Toggle *
*********/
.js .toggleHide > *:not(:first-child) {
display:none;
}
.js .toggleHide > *:first-child > *:first-child:after {
content: " (Show)";
//color: red;
}
.js .toggleShow > *:first-child > *:first-child:after {
content: " (Hide)";
}
.js .toggleHide > *:first-child, .js .toggleShow > *:first-child {
text-decoration: none;
}