/* local.css */

/* + extra for rightbar */
  #rightbardiv, #rightbardiv2 { float:right; width:30%; }

/* external links */
  #wikibody a.external {
    background: url(http://josquin.us/pmwiki/pub/external.png) center right no-repeat;
    padding-right:13px;
  }

/* flickralbum */
  .flickralbum { margin:25px; }
  .flickralbum img {
    padding:5px;
    margin:5px;
    border:1px solid #afafaf;
  }

  #mainheader {letter-spacing:-3px;}

/* Category cloud */
  .categorycloud { padding:0px 10% 0px 10%; line-height:normal; }
  .categorycloud a { text-decoration:none; font-size:2em; padding:5px;}


/* post tags */
  .tags {
    padding:10px;
    clear:both;
  }
  .tags a {
    text-decoration:none;
    color:#ff6622;
  }
  #taglist {
    margin:25px;
    padding:10px;
    border:1px solid #000;
    text-align:center;
    text-transform:lowercase;
  }
  #taglist a {
    text-decoration:none;
    color:#ff6622;
  }


/* del.icio.us lists */
  .tagroll {margin-left:10px; margin-right:10px;}
  .tagroll ul li a {padding:0px;}
  .tagroll li a {display:inline;}
  .tagroll h2 a {display:inline;}
  #sidebar .tagroll .delicious-banner {margin-left:-5px; padding-left:0px;}

  .linkroll h2 {border:0px; text-size:1em;}

/* showhide tweak */
  .hidediv { display:none;}

/* rounded corners dialog box, from Scott Schiller */
  .dialog { margin:0px auto; color:#fff; }
  .dialog .hd .c, .dialog .ft .c { 
    font-size:1px; /* ensure minimum height */
    height:13px;
  }
  .dialog .ft .c { height:14px; }
  .dialog .hd { background:transparent url(http://josquin.us/corners/tl.gif) no-repeat 0px 0px; }
  .dialog .hd .c { background:transparent url(http://josquin.us/corners/tr.gif) no-repeat right 0px; }
  .dialog .bd { background:transparent url(http://josquin.us/corners/ml.gif) repeat-y 0px 0px; }
  .dialog .bd .c { background:transparent url(http://josquin.us/corners/mr.gif) repeat-y right 0px; }
  .dialog .bd .c .s { 
    margin:0px 8px 0px 4px; background:#000 url(http://josquin.us/corners/ms.jpg) repeat-x 0px 0px;
    padding:1em;
}
  .dialog .ft { background:transparent url(http://josquin.us/corners/bl.gif) no-repeat 0px 0px; }
  .dialog .ft .c { background:transparent url(http://josquin.us/corners/br.gif) no-repeat right 0px; }
  .dialog a:link, a:visited {color:#c00;}
  .dialog a:active, a:hover {color:#00c;}

/* Default pmwiki styles */

/* markup */
  table.markup { border:2px dotted #ccf; width:90%; }
  td.markup1, td.markup2 { padding-left:10px; padding-right:10px; }
  table.vert td.markup1 { border-bottom:1px solid #ccf; }
  table.horiz td.markup1 { width:23em; border-right:1px solid #ccf; }
  table.markup caption { text-align:left; }
  div.faq p, div.faq pre { margin-left:2em; }
  div.faq p.question { margin:1em 0 0.75em 0; font-weight:bold; }

/* pmwiki */
  ul, ol, pre, dl, p { margin-top:0px; margin-bottom:0px; }
  code.escaped { white-space: nowrap; }
  .vspace { margin-top:1.33em; }
  .indent { margin-left:40px; }
  .outdent { margin-left:40px; text-indent:-40px; }
  a.createlinktext { text-decoration:none; border-bottom:1px dotted gray; }
  a.createlink { text-decoration:none; position:relative; top:-0.5em;
    font-weight:bold; font-size:smaller; border-bottom:none; }
  img { border:0px; }

/* wikistyles */
  .frame { border:1px solid #cccccc; padding:4px; background-color:#f9f9f9; }
  .lfloat { float:left; margin-right:0.5em; }
  .rfloat { float:right; margin-left:0.5em; }

/* styling of commentbox entries */
  .messagehead, .journalhead {
    margin:1em 0 0 0;
    padding:0 0 0 3px;
    border:1px solid #999;
  }
  .messageitem, .journalitem {
    margin:0;
    padding:3px;
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
  }
  .messagehead { background:#e5e5ff; }
  /*use the following if message head should be same as message item */
  /* .messagehead { background:#eef; border-bottom:none; } */
  .messageitem { background:#eef; }
  .journalhead { background:#ffb; }
  .journalitem { background:#ffc; }

  .diaryhead h4 { border-bottom:1px solid #999; margin-bottom:1px; }
  * html .diaryhead h4 { margin-bottom:0; }
  .diaryitem {background:#ffc;
    margin:0;
    padding:3px;
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
  }
  .messagehead h5, .messagedate h4, .journalhead h5, .journaldate h4,
    .diaryhead h4 { margin:0.25em 0 0 0; }

  .commentbutton { margin:0 0 0 5px; padding:0 3px }
  .commenttext { width:100%; margin:0 0 3px 0 }
  em.access { font-style:normal; color:#FF2222;}

/* lightbox */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://josquin.us/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://josquin.us/lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

/* multiple columns */
.multicolumn {
padding : .5em 0;
-moz-column-width : 18em;
-moz-column-gap : 25px; 
-moz-column-rule : thin solid black; 
border-bottom:1px dotted grey;}

/* db test */
.dbnav {
  float:right;
  padding:10px;
  background-color:#ccf;
}
.dbnav a { color:#336;}
.dbnav a:link, .dbnav a:visited { color:#336; }
.dbnav a:hover, .dbnav a:active { color:#336; }
table.dbtable td, table.dbtable th { padding-right:20px; }
table.dbtable th { background-color:#336; color:#fff;}

/* pre tags - white space wrap */
pre {
 white-space: pre-wrap;       /* CSS-3                  */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999    */
 white-space: -pre-wrap;      /* Opera 4-6              */
 white-space: -o-pre-wrap;    /* Opera 7                */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* extra blog styles */
.continue { background-color:#933; width:100%; color:#fff; text-align:right; }
.continue a:link, .continue a:visited { color:#fff; text-decoration:none; display:block; padding-right:5%; }
.continue a:hover, .continue a:active { color:#fff; background-color:#933; }

.previous-posts { min-width:10em; max-width:30em; }
.linkroll { max-width:30em; }
.linkroll ul, .linkroll li { padding:0; margin:0;  }
.previous-posts ul, .previous-posts li { padding:0; margin:0; }
.previous-posts ul li, .linkroll ul li { list-style:none; border-bottom:1px dotted #336; }
.previous-posts ul li a, .linkroll ul li a { display:block; text-decoration:none; padding:2px 10px; }
.previous-posts ul li a:link, .previous-posts ul li a:visited, .previous-posts ul li a:active, .previous-posts ul li a:hover { color:#900; }
.linkroll ul li a:link, .linkroll ul li a:visited, .linkroll ul li a:active, .linkroll ul li a:hover { color:#900; }
.previous-posts ul li a:link span, .previous-posts ul li a:visited span { color:#336; }
.linkroll ul li a:link span, .linkroll ul li a:visited span { color:#336; }

.bshares { display:none; }

/* blog styles */
#wikitext div.blogpost-title {
  padding:.5em 30px;
  line-height:1em;
  font-size:2.5em;
  margin:0;
  text-align:center;
  font-family: Georgia, Times, "Times New Roman", serif;
}
#wikitext div.post-title a:link, #wikitext div.post-title a:visited { text-decoration:none; color:#000; }        
#wikitext div.post-title a:hover, #wikitext div.post-title a:active { color:#000; text-decoration:none; }
.blogpost-content { width:68%; padding-left:1em; float:left; border-left:1px dotted #336; }
.blogpost-meta { width:30%;  padding-right:1em; float:left; text-align:right; margin-left:-5%; }
.blogpost-date { font-size:120%; font-weight:bold; color:#336; }
.blogpost-time { font-style:italic; }
.blogpost-commentlink { padding:1em 0; }
.blogpost-comment-item { padding-bottom:15px; }
.blogpost-comment-gravatar { float:left; padding:0 10px 10px 0; }
.blogpost-comment-author h5 { font-size:125%; font-style:normal; font-weight:bold; }
.blogpost-comment-author h5 a { text-decoration:none; }
.blogpost-comment-meta { padding-bottom:10px; }
.blogpost-comments form h3 { margin-left:30%; padding-bottom:10px; }
.blogpost-comments form table td { padding-right:10px; }
.blogpost { 
  float:left; 
  width:100%; 
  overflow:hidden; 
 }
 .nicetitle { margin-top:1em; }
.socialbookmarks table { margin-top:.25em; margin-right:-.25em; text-align:right;}
.socialbookmarks td { padding:.25em; }

div.content-sub-item, div.previous-posts, div.delicious-posts {
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

.blogpost .post-title { line-height:1em; }
.post-edit-link, .post-comment-link, .post-categories { float:right; }
.post-comment-link { background:url(/images/icons/comment.png) no-repeat 0 4px; padding-left:18px;}
.blogpost .post-categories { padding-left:10px; }
.post-date, .post-time { font-size:75%; }
.post-date { background:url(/images/icons/clock2.png) no-repeat 0 4px; padding:4px 0 5px 20px; }