wrt/p1k3.css

/* p1k3.css - Always a work in progress.  Cobbled together by Brennen Bearnes
   for use at:

   http://p1k3.com/

   And anywhere else your heart desires.  If you need any help, my e-mail can
   be found at the above mentioned site.
*/

/* body */

hr {
  height: 1px;
  color: gray;
}

body {
  color: #000000;
  background: white;
  margin-top: 0em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
  font-family: sans-serif;
}

td { vertical-align: top; }

table.census {
  border-collapse: collapse;
}

table.census tr td {
  font-size: small;
  border: 1px dashed black;
  padding: 3px;
}

table.census tr th {
  padding: 5px;
}

/* highlight stuff */

.num { color:#2928ff; }
.esc { color:#ff00ff; }
.str { color:#ff0000; }
.dstr { color:#818100; }
.slc { color:#a020f0; font-style:italic; }
.com { color:#838183; font-style:italic; }
.dir { color:#008200; }
.sym { color:black; }
.lin { color:#555555; }
.kwa, .kwc { color:#000000; font-weight:bold; }
.kwb { color:#008b8b; }

/* divs */

#entries {
  position: absolute;
  left: 10px;
  top: .5em;
  width: 70%;
  z-index: 1;
  margin-top: .5em;
  background: #fff;
}

div.entry {
  border: none;
  padding-left: 1em;
  padding-right: 1em;
  max-width: 38em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1px;
  margin-bottom: 1px;
  line-height: 1.3;
}

div.pagebox {
  font-size: smaller;
  border: 1px solid black;
  margin-left: 2em;
  margin-right: 2em;
  padding: 2em;
}

/* Stuff for retcon <div>'s. */

.retcon {
  padding: 1em;
  margin-top: .5em;
  margin-bottom: .5em;
  max-width: 90%;
  background-color: #6699CC;
  border: 1px;
  border-style: outset;
}

/* Headers */

h1, h2, h3, h4, h5, h6 {
  font-family: "Georgia", "DejaVu Serif", "Bistream Vera Serif", "Lucida Bright", serif;
}

/* I use <h1> for the page title... */
h1 {
  font-size: 2em;
  font-weight: normal;
  color: #718c9d;
  text-align: left;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: .1em;
}

h1 a:link { color: #006600; text-decoration: none; }
h1 a:visited { color: #006600; }

/* <h2> for icons ... */
h2 {
  float: right;
  font-size: 1.5em;
  font-weight: normal;
  color: gray;
  margin-bottom: 0em;
  margin-top: .2em;
  padding: .5em;
}

/* <h3> for dates and document titles on entries ... */
h3 {
  clear: none;
  text-align: left;
  font-size: 1.25em;
  font-weight: normal;
  margin-top: .5em;
  margin-bottom: .5em;
  margin-left: 0em;
}

/* And so on. */
h4 {
  font-size: 1.1em;
  font-weight: normal;
  font-style: italic;
  text-indent: 1em;
  margin-top: 0em;
  margin-bottom: .5em;
}

/* Block level elements */

pre {
  font-family: "courier", monospace;
}

/* List items: */
li {
  margin-bottom: .3em;
}

dl {
  margin-left: 2em;
}

/* Paragraph formatting. */
p {
  margin-bottom: 1em;
  text-indent: 0em;
}

p.centerpiece {
  text-align: center;
  clear: both;
}

p.left {
  float: left;
  clear: none;
}

p.right {
  float: right;
  clear: none;
}

p.footnote {
  font-size: smaller;
}

p.rights {
  font-style: italic;
  font-family: Georgia, "DejaVu Serif", "Bistream Vera Serif", "Lucida Bright", serif;
}

sup {
  line-height: 0;
  vertical-align: text-top;
}

/* stuff for little sidebar / linkbar thingies */

#linkdump {
  font-size: smaller;
  clear: none;
  padding: .5em;
  position: absolute;
  right: 10px;
  top: 2em;
  width: 25%;
  z-index: 0;
  height: 90%;
  overflow: auto;
}

img, img a {
  border: none;
}

p.headerimage {
  overflow: hidden;
}

.linkdump p {
  margin: 0 0 0.5em 0;
}

.linkdump ul {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.linkdump blockquote {
  margin-left: .6em;
  margin-right: .6em;
}

/* Navigation links to dates... */
.datelink a:link { text-decoration: none; color: gray;}
.datelink a:hover, .datelink a:active { text-decoration: underline; }

p.datelink {
   clear: both;
   margin-bottom: 2em;
   margin-top: .5em;
   text-align: right;
   font-size: smaller;
}

ul.datelink li img {
  padding: 5px;
}

/* Generalized link colors */
a:link { color: #3333FF; text-decoration: none; }
a:visited { color: #003399; text-decoration: none; }
a:active { color: #FF0000; text-decoration: underline; }
a:hover { text-decoration: underline; }

/* Wala link colors */

a.new { color: #AA0000; }

a.external  { color: #6666AA; }

/* Other Stuff */

/* Quoting */

blockquote {
  margin-left: 3em;
  margin-right: 3em;
  margin-bottom: 0.5em;
}

blockquote.stephen {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: .5em;
  padding-bottom: .5em;
  margin-left: 2em;
  margin-right: 2em;
  font-family: sans-serif;
  background-color: lightyellow;
  line-height: 1.5em;
}

blockquote.saalon {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: .5em;
  padding-bottom: .5em;
  margin-left: 2em;
  margin-right: 2em;
  color: #666666;
  font-family: Times, "Times New Roman", serif;
  font-size: small;
  font-weight: normal;
  line-height: 150%;
}

blockquote.saalon a { text-decoration: underline; }
blockquote.saalon a:link { color: #6B71B3; }
blockquote.saalon a:visited { color: #6B71B3; }
blockquote.saalon a:active { color: #8289D9; }
blockquote.saalon a:hover { color: #8289D9; }

blockquote.brent {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: .5em;
  padding-bottom: .5em;
  margin-left: 2em;
  margin-right: 2em;
  background: #FFFFFF;
  font-family: "Georgia, Times New Roman";
  color: #000077;
}

blockquote.brent a:link { color: #4477FF }
blockquote.brent a:visited { color: #0033AA }
blockquote.brent a:active { color: #00CCFF }

blockquote.pnh {
  background:#ffffff;		
  padding-left: 1em;
  padding-right: 1em;
  padding-top: .5em;
  padding-bottom: .5em;
  margin-left: 2em;
  margin-right: 2em;
  font-family:georgia,serif;
  font-size:14px;
  font-weight:normal;
  line-height:19px;
}

blockquote.pnh a {color: #999966; font-weight:bold; }
blockquote.pnh a:link { color: #000066; text-decoration: none; }
blockquote.pnh a:visited { color: #444464; text-decoration: none; }
blockquote.pnh a:active { color: #EEE; background: #660000; }
blockquote.pnh A:hover { color: #EEE; background: #660000; }

address { 
  text-align: left;
  font-weight: bolder;
  font-style: italic 
}

acronym:hover {
  color: green;
}

abbr:hover {
  color: green;
}

em strong, strong em {	
   font-variant: small-caps;
   font-style: normal;
   font-weight: bolder;
}

/* Booklike: Initial text indents, no spacing between paragraphs. : */

.booklike {
   padding-top: .2em;
   padding-bottom: .2em;
}

.booklike p {
   text-indent: 2.5em;
   margin-top: 0em;
   margin-bottom: 0em;
}

/* For poetry and stuff within booklike blockquotes. */
.booklike p.stanza {
   text-indent: 0em;
   margin-top: 0em;
   margin-bottom: 1em;
}

blockquote.booklike {
   padding-right: 1em;
   padding-left: 1em;
   padding-top: .2em;
   padding-bottom: .2em;
}

blockquote.booklike p {
   text-indent: 2em;
   margin-top: 0em;
   margin-bottom: 0em;
}

blockquote.booklike p.stanza {
   text-indent: 0em;
   margin-top: 0em;
   margin-bottom: 1em;
}

blockquote.booklike p.cite {
  text-align: left;
  text-indent: 3em;
}

blockquote p.cite {
  text-align: left;
  text-indent: 3em;
}

blockquote.chat p {
  text-indent: -.5em;
}

/* inputbox stuff */

input, textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /* font-size: 10px; */
}

input, textarea {
  background-color: #eee;
  border-width: 1px;
  border-style: solid;
  float: none;
}

textarea {
  border-color: #999 #FFF #FFF #999;
}

input {
  border-color: #FFF #999 #999 #FFF;
}

/* portfolio hacks */

div.folio {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}

em.folio {
  font-style: italic;
  font-size: 1.5em;
  font-family: serif;
}

div.folio table tr td {
  margin-bottom: 2em;
  vertical-align: middle;
}

p.navigation {
  font-size: 1.5em;
}