/* grimaldi/style.css 
 * Copyright(c) Christopher League, some rights reserved.
 * $Id: style.css 79 2006-05-10 16:19:40Z league $
 *
 * You are welcome to learn from and use parts of this file, but 
 * please do not copy the site design exactly.
 *
 * Not sure why I called this theme "grimaldi", it just popped into
 * my head while I was working on it.
 */

/** default font, size, and color **/
body {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", sans-serif;
    font-size: 11pt;
    color: #111;
}

/** font sizes and weights **/
div#toolbar, div#footer, div.post-date, div.post-meta, div.caption,
div#sidebar, div.download-code, div.comment-meta, div.comment-date,
form#commentform label, div.bib-note, div.post blockquote, p.remark {
    font-size: 10pt;
}
div#navbar, div#toolbar, dl.widelist dt { font-weight: bold; }
h1 { font-size: 18pt; }
h2 { font-size: 13pt; }
h3, div.comment-seq, div.comment-author { font-size: 12pt; }
h4 { font-size: 10pt; }
div#sidebar h1 { font-size: 11pt; }
h1, h2, h3 { font-weight: bold; }

/** text colors **/
div.post-date, div.post-date a, div.post-meta, div.post-meta a, 
div.caption, div#sidebar, div.download-code, 
div.comment-meta, div.comment-meta a, div.comment-date,
form#commentform label, p#pages a, div.bib-note, p.remark {
    color: #555;
}
div#navbar, div#toolbar, div#footer, 
div#navbar a, div#toolbar a,div#footer a {
    color: white;
}
div#navbar a:hover, div#toolbar a:hover,div#footer a:hover {
    color: #e8ca6b;
}
h1, h1 a:link, h1 a:visited, h2, ol.talk-list dt {
    color: #547254;
}
div#sidebar h1 {
    color: black;
}
a:link {
    color: blue;
}
a:visited {
    color: purple;
}

/** background colors **/
body {
    background: url("shadow-left.png") top left repeat-y;
}
html {
    background: url("shadow-right.png") top right repeat-y white;
}
div#masthead {
    background: url("mast-fade.png") top left repeat-x white;
}
div#navbar, div#footer {
    background: url("bar-fade.png") bottom left repeat-x #7e4b45;
}
div#navbar a.selected {
    background: #7e4b45;
}
div#toolbar {
    background: #503431;
}
div#sidebar h1 {
    background: #d46e28;
}

/* underlined links are ugly; border-bottom is close enough 
   to that universal convention. */
a {
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}
a:hover {
    border-bottom: 1px solid #ccc;
}
/* Exceptions: nav elements should not display a border */
div.post-meta a, div#sidebar a, h1 a, h2 a, h1 a:hover,
div#navbar a, div#toolbar a, div#footer a, div.post-date a,
div.comment-date a, p#pages a, div.photogrid a, table.simple a,
div.inlinephoto a, ol.bib a, #akst_form a {
    border: none;
}


/**
 ** The rest is layout: margins, padding, positioning, etc.
 ** We expect the page to be structured like this:
 **   <body>
 **     <div id='page'>
 **       <div id='masthead'/>
 **       <div id='navbar'>
 **         <a href='...' class='selected'/>
 **         <a href='...'/>
 **       <div id='toolbar'/> 
 **       <div id='adbar'/>   
 **       <div id='sidebar'/>     
 **       <div id='body'>
 **          ...
 **       </div>
 **       <div id='footer'/>
 **     </div><!-- page -->
 **   </body>
 **/
html, div#page {
    height: 100%;
}
body, div {
    margin: 0;
    padding: 0;
}
img {
    vertical-align: bottom;
    border: none;
}
div#page {
    margin: 0 15px;
}
div#masthead {
    height: 60px;
}
div#masthead img {
    position: absolute;
    top: 0px;
    left: 30px;
}
div#navbar {
    text-align: right;
    padding: 1ex 20px;
}
div#navbar a {
    border-right: 1px solid white;
    padding: 1ex 1em;
    margin: 0;
}
div#navbar a:first-child {
    border-left: 1px solid white;
}
div#navbar a.selected {
    padding-top: 1.3ex;
}
div#toolbar {
    margin: 1px 0 0 0;
    padding: .5ex 20px;
    text-align: center;
}
div#toolbar div.next {
    float: right;
}
div#toolbar div.prev {
    float: left;
}
p#pages span, p#pages a {
    padding: .2ex .5em;
}
p#pages a, p#pages span {
    background: #ddd;
}
p#pages span.selected, p#pages a:hover {
    background: #e8ca6b;
}
div#adbar {
    margin: 0px 0 0 0;
    padding: 3px 0 0 0;
    text-align: center;
}
/* layout of sidebar (on left) vs. body div */
div#sidebar {
    width: 225px;
    float: left;
    margin: 5ex 0px 1ex 10px;
}
div#sidebar h1 {
    margin: 3ex 0 1ex 0;
    padding: .4ex 1em;
}
div#body {
    padding: 0ex 15px 0 255px;
}
/* a wide body assumes no sidebar */
div#body.wide {
    padding: 0 15px;
}
div#footer {
    clear: both;
    margin: 5ex 0 0 0;
    padding: .8ex 15px;
}
/* feed image within footer -- this as ad-hoc */
div#footer img {
    float: right;
}
/* headers within the body */
div#body h1 {
    border-bottom: 2px solid #547254;
    padding: 0 0 2px 0;
    margin: 2ex 0 .7ex 0;
}
div#body h2 {
    padding: 0;
    margin: 2ex 0 0 0;
}

/* Paragraph styles */
p, ul.spaced li {
    margin: 1.4ex 0;
    line-height: 125%;
}
p.remark {
    margin-top: 1pt;
}

/** 
 ** More specialized layout within a post
 **/

/* post-meta will mark the end of a post, so wait for floats
   to clear.  Also, they usually contain an icon to the left. */
div.post {
    margin: 1ex 0 2ex 0;
}
div.post-widgets {
    float: right;
}
div.post-meta {
    clear: right;
    padding: 0 0 0 17px;
    margin: .4ex 0 0 0;
    position: relative;
}
div.post-meta > img {
    position: absolute;
    left: -1px;
    top: -1px;
}
div.post-meta > div.sociable {
    margin: 0;
}
div.sociable_tagline {
    display: inline;
}

/** floats */

div.photo {
    text-align: center;
    margin-top: 1ex;
}
div.inlinephoto {
    float: right;
    clear: right;
    margin: 1ex 0 1ex 1em;
    width: 240px;
}
div.inlinephoto div.caption {
    margin-top: 1ex;
}
div.photo img, div.inlinephoto img, 
div.photogrid div.image img,
div.photoedit div.image img {
    border: 1px solid #444;
}
div.bigcaption {
    margin-top: 1ex;
    width: 36em;
}
div#sidebar div.caption {
    margin: .5ex 0 2ex 0;
}

/** syntax highlighting using enscript 'states' */
pre.source {
    background: #f5f5f5;
    border: 1px solid #ddd;
    margin: 0 0 0 1em;
    padding: 5px;
    overflow: auto;
}
.enscript-comment {font-style: italic; color: #B22222;}
.enscript-function-name {font-weight: bold; color: #0000FF;}
.enscript-variable-name {font-weight: bold; color: #B8860B;}
.enscript-keyword {font-weight: bold; color: #A020F0;}
.enscript-reference {font-weight: bold; color: #5F9EA0;}
.enscript-string {font-weight: bold; color: #BC8F8F;}
.enscript-builtin {font-weight: bold; color: #DA70D6;}
.enscript-type {font-weight: bold; color: #228B22;}
div.download-code {
    margin: 2px 1em 1ex 0;
    text-align: right;
}

/** nicearchive -- the monthly archive links **/

td.datearcAlt2 , td.datearcAlt {
    padding: 2px;
    width: 25%;
    text-transform: lowercase;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #ddd;
}
td.datearcAlt2:first-child {
    border-left: 1px solid #ddd;
}
td.datearcAlt2 {
    background: #eee;
}
td.datearcAlt {
    background: #ddd;
}
table.datearc {
    font-size: 9pt;
    margin: 1ex auto;
    width: 165px;
}
table.datearc th {
    text-align: right;
    padding: .4ex 0;
}

/** comments **/
div.comment-author {
    margin-bottom: 6px;
}
div.comments > div {
    border-style: solid;
    border-color: #ccc;
    border-width: 0px 6px 0 0;
    padding-right: 1em;
    margin-top: 3ex;
}
div.comment-meta > img.avatar {
    float: left;
    margin: 0 .5em .5ex 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
}
div.comments > div.odd {
    border-color: #eee;
}
div.comments > div.mine {
    border-color: #e8ca6b;
}
div.comment-seq {
    float: right;
}
form#commentform img.flag {
    float: right;
    margin: 4px;
}

/** photo grid **/
div.photogrid {
    display: inline;
    float: left;
    margin: 0 8px 12px 0;
}
div.photogrid div.image {
    margin: 0 0 4px 0;
    width: 204px;
    height: 204px;
}
div.photogrid div.caption {
  background: #f0f0f0;
  border-bottom: 1px dashed #ccc;
  height: 5ex;
  padding: 4px;
  overflow: hidden;
  width: 186px;
}
div.photogrid div.label {
  background: #eee;
  border: 1px solid #ccc;
  padding: 4px;
  font-size: 9pt;
  color: #333;
}
div.photogrid div.label a {
  color: #333;
}

div.photoedit {
    clear: left;
    margin-bottom: 3ex;
    padding-bottom: 1ex;
    border-style: double;
    border-color: #ccc;
    border-width: 0 0 3px 0;
}
div.photoedit div.image {
    float: left;
    width: 200px;
    margin-bottom: 2ex;
    text-align: right;
}
div.photoedit div.editform {
    margin-left: 210px;
    padding-right: 1em;
}
span.photoid {
  color: #888;
}

form#smartq div {
    margin-bottom: 1ex;
}
form#meta-edit-form input, form#meta-edit-form textarea {
    margin-top: 4px;
}

table.simple th {
    border-bottom: 2px solid #547254;
    padding: 0 .5em .4ex .5em;
}
table.simple th a {
    font-size: 12pt;
    font-weight: bold;
    color: #547254;
}

div#photo-sidebar {
    width: 225px;
    margin-left: -240px;
    float: left;
}

dl.widelist dt {
    width: 6em;
    text-align: right;
    float: left;
    padding: 0;
    margin: 0;
}
dl.widelist dd {
    padding: 0;
    margin: 0 0 1ex 7em;
}
dl.widelist dt.over {
    font-weight: normal;
    text-decoration: line-through;
}
ol.talk-list dt {
    font-weight: normal;    
}
ol.talk-list {
    padding-left: 2em;
}

span.hilite {
    background: #ff9;
}
ol.plist li {
    margin-bottom: 1ex;
}
ol.bib {
    margin: 0 64px 0 26px;
}
img.bib-doc      { position: absolute; left: 264px; }
img.bib-web      { position: absolute; left: 282px; }
img.bib-kind     { float: right; }
img.bib-abstract { position: absolute; right: 30px; }
img.bib-note     { position: absolute; right: 50px; }
img.bib-peer     { position: absolute; right: 70px; }
div.bib-note h4 {
    margin: 0;
    text-align: left;
}
img.talk-slides { float: right; padding-left: 4px; }

div#sidebar ul {
  margin: 0 0 0 .7em;
  padding: 0 0 0 1em;
  list-style: none;
  text-indent: -1em;
}
div#sidebar ul li:before {
    content: "\2022\0020";
}
ul.spaced {
  padding-left: 1.4em;
}
div#sidebar ol {
    padding-left: 1.6em;
}
div.post blockquote {
    border-left: 2px solid #d46e28;  //#547254;
    margin-left: 1em;
    padding-left: 0.7em;
    color: #333;
}
