/* TITLE: Stylesheet for Purple Haze
 URI  : /purplehaze/purplehaze.css
 MODIF: 2002-12-15 17:34 +0800
 That was the original. This is heavily modified by moi (Zanzibar).
*/

/* ###### Color Scheme ###### */

/*
 * CHANGING THE COLOR SCHEME
 * -------------------------
 * 
 * Four basic colors were used in the design. To change the
 * color scheme, just edit these four values below.
 *
 */

/* @import url(http://www.google.com/cse/api/branding.css); */

* { margin: 0; padding: 0; }

/* .topOfPage, q, h1, h2, h3, .headerTitle, .headerLinks, .headerLinks *, .sideBox *, #footer * */

.topOfPage, q, h1, h2, h3, .headerTitle, .headerLinks, .headerLinks *, #footer *
{ /* Text Color: */  color: #a0a0ff; }

.headerTitle a { text-decoration: none; }

q, h2,  #header, .sideBox, .sideBox div, #footer
{ /* Border Color: */  border-color: #c0c0ff; }

#header
{ /* Background Color (darker): */  background-color: #f0f0ff; }

.subheader
{ font-style: italic; font-size: smaller; color: #333333; padding-bottom: 2px; float: left; }

q, #footer, .sideBox a:hover
{ /* Background Color (lighter): */  background-color: #fcfcff; }

.sideBox, .sideBox *
{ /* Background Color (lighter): */  background-color: #f0f0ff; }

body {
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 1em;
  text-align: center;
}

.leadred { color: red; font-weight: bold; }
.leadgreen { color: green; font-weight: bold; }
.dropcap { float: left; margin-top: 0px; width: 38px; font-size: 56px; line-height: 48px; }
.orgtxt { color: orange; font-weight: bold; }
.picstyle { float: right; margin-left: 3px; }
.picstyle img { margin: 2px 3px 2px 3px; }
.credits { font-size: xx-small; color: gray; }


h1, h2, h3 {
  font-family: "trebuchet ms", tahoma, sans-serif;
}

h1 {
/* @todo: change so that margin follows post, instead of preceding */
  margin-top: 2em;
  border-bottom: 1px solid;
  padding-bottom: 0.5ex;
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }

code {
  font-family: "lucida console","courier new","courier",monospace;
  font-size: 90%;
}

div#mainwrap {
  min-width: 780px;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

q {
  font-family: tahoma,verdana,helvetica,arial,sans-serif;
  font-weight: bold;
  border: 2px dotted;
  margin: 0 1em 1ex 1em;
  padding: 0.5ex 0.5ex 0.5ex 1ex;
  width: 9em;
  float: left;
}

/* ### Header ### */

#top {
  text-align: center;
  border-bottom-color: black;
  padding: 0.25em 0;
}

#header {
  border-bottom: 2px solid;
  height: 5.5em;
  margin-bottom: 0.5em;  /* was 5mm */
  padding: 1em 2.5mm 0 5mm;
}

.headerTitle {
  font-size: 300%;
/*  font-stretch: semi-expanded; */
}

.headerTitle img {
  float: left;
  margin: 0 0.5em 0 0;
}

.headerLinks {
  text-align: right;
}

.headerLinks * {
  text-decoration: none;
  font-weight: bold;
  padding-right: 1ex;
  margin-bottom: 0;
  padding-bottom: 0;
}

.headerLinks a:hover {
  text-decoration: underline;
}

/* ### End Header ### */

/* ### Footer ### */
/* Currently broken */
#footer {
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding-bottom: 0.75ex;
  background-color: #f0f0ff;
  text-align: center;
  padding-top: 0.5em;
}

.footerImg {
  padding-right: 3mm;
  padding-top: 2mm;
  float: right;
}
/* ### End Footer ### */

/* #### TXP stuff #### */
.innerhead {
  border-bottom-color: black;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.innerhead a { text-decoration: none; }

.related { padding-top: 1em; }

.related ul {
  list-style-position: inside;
  padding-left: 1em;
  list-style-image: url(http://exold.com/images/65.png);
}

#popular {
  margin-left: 0;
  padding-left: 0.3em;
  list-style-position: outside;
  list-style-image: url(http://exold.com/images/55.png);
  font-size: smaller;
}

#popular li { padding: .2em 0; }

#rssCatArchive {
  margin-left: 0.1em; 
}

#rssCatList {
  margin-left: -1em !important;
/*  padding-left: 0.1em;
  padding-top: 0.1em; */
}

.datesubhead
{
font-weight: normal;
font-size: smaller;
}

/* Experimental blogroll */
.blogroll a { display: block; }

.blogroll {
/*  font-size: 90%; */
}
/* #### End TXP Stuff #### */

/* ### CSS Layout ### */
div#contentarea
{
  background-color: #FFF;
  position: relative;
}

div#contentarea2 {
  background-color: #FFF;
  position: relative;
}

div#leftcontent {
  width: 170px;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  font-size: .80em;
}

div#centercontent {
  background-color: #FFF;
  margin: 0 220px 0 170px;
  padding: 0.5em 0.5em 1em 0.5em; 
}

div#rightcontent {
  width: 220px;
  position: absolute;
  top: 0px;
  right: 0px;
  overflow: hidden;
}

div#footer {
  background-color: #f0f0ff;
  text-align: center;
  padding-top: 0.5em;
}
/* ### End CSS Layout ### */

/* ### Sidebar content margins ### */
.sideBox {
  border-top: 2px solid;
  border-bottom: 2px solid;
  width: 220px;
  margin-top: 5mm;
  font-size: 90%;
}

div#leftcontent * { margin: 0.25em 0.25em; }
div#rightcontent * { margin: 0.25em 0.25em; }
div#centercontent p { margin: 1em 0.5em 1em; }
/* ### End sidebar content margins ### */

/* Alsett clearing method */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-block; }

/* IE fixes */
* html .clearfix { height: 1%; }
.clearfix { display: block; }