/*  PRESENTATION STYLESHEET  */
/*
#ebeeae  cream
#d1e6b4  lt green
#6f9170  subdued green
#0f3059  deep blue
#4c7174  dusty blue
#b15106  dk brown-orange
#fbbe5e  sherbert orange
#1a4017 dkgreen
#0f3059 dkblue
*/
body
{
  margin: 0;
  padding: 0 0.5em 0 0;
}

body#home
{
  background: #fff url(/images/alchemy/bg.gif) no-repeat 170px 60px;
}

html>body #header,
html>body #footer,
html>body #columns /*wraps around all columns*/
{
  background: url(/images/alchemy/section_bg.png);
}
.main-content
{
}

p, pre, blockquote, label, fieldset, address { margin: 1em 5%; }

pre
{
  white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
  white-space: -pre-wrap;     /* Opera 4 - 6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word;      /* IE 5.5+ */
}

a, a:link
{
  color: #144076;
}
a:active
{
  color: #c85106;
}
a:visited
{
  color: #666;
}
a:hover
{
  color: #c85106;
}


/* "SPECIAL" LINKS */
#col-a a, #col-a a:link,
#col-b a, #col-b a:link,
#footer a, #footer a:link
{
  text-decoration: none;
  color: #144076;
  border-bottom: 1px solid #144076;
}
#col-a a:visited,
#col-b a:visited,
#footer a:visited
{
  color: #144076;
  border-bottom: 1px dotted #ccc;
}
#col-a a:active,
#col-b a:active,
#footer a:active
{
  color: #c85106;
  border-bottom: 1px solid #c85106;
}
#col-a a:hover,
#col-b a:hover,
#footer a:hover
{
  color: #c85106;
  border-bottom: 1px solid #c85106;
}


div.nolinkcolor a, div.nolinkcolor a:visited,
#col-a div.nolinkcolor a, #col-a div.nolinkcolor a:visited, #col-a div.nolinkcolor a:hover,
#col-b div.nolinkcolor a, #col-b div.nolinkcolor a:visited, #col-b div.nolinkcolor a:hover,
#col-c div.nolinkcolor a, #col-c div.nolinkcolor a:visited, #col-c div.nolinkcolor a:hover
{
  text-decoration: none;
  border: none;
}


input, textarea
{
  background: #f5faef;
  font-size: 1.1em;
}
input.textinput
{
  font-family: courier new, courier, monospace;
}
input.small
{
  font-size: 1.5em;
}
input.button
{
  color: #232323;
  cursor: hand;
  background-color: #efefef;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #999;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
  padding: 1px;
}
input.button:hover, input.button:focus
{
  background-color: #d1e6b3;
  border: 1px solid #999;
  border-top: 2px solid #666;
  border-left: 2px solid #666;
  padding: 0px 2px 2px 0px;
}

/* ********************* */
#header h1
{
  text-indent: -9000px;
  background: url(/images/alchemy/title_main.gif) no-repeat;
  height: 30px;
}
#header h1 a
{
  display: block;
  height: 30px;
  width: 200px;
}

/* ********************* */
#webulizations h3
{
  text-indent: -9000px;
  background: url(/images/alchemy/title_webulizations.gif) no-repeat;
  height: 30px;
  width: 130px;
}
#webulizations ul
{
 list-style: none;
 margin: 0;
 padding: 0;
}
#webulizations li
{
  margin: 0.6em;
}
#webulizations ul li a
{
  padding: 8px 4px 1px 26px;
}
#webulizations ul li a:hover
{
  border: 1px dotted #ddd;
  padding: 7px 3px 5px 25px;
  background-color: #efefef;
}
li#webs-neurotic
{
  width: 145px;/*keep the text from "bumping" into the bowl image*/
}
#webs-neurotic a
{
  background: url(/images/alchemy/webu_icon_eye.gif) 0 0.2em no-repeat;
}
#webs-eclipse a
{
  background: url(/images/alchemy/webu_icon_sun.gif) 0 0.2em no-repeat;
}
#webs-genealogy a
{
  background: url(/images/alchemy/webu_icon_tree.gif) 0 0.2em no-repeat;
}
#webs-campbell a
{
  background: url(/images/alchemy/webu_icon_campbell.gif) 0 0.2em no-repeat;
}
#webs-moxie a
{
  background: url(/images/alchemy/webu_icon_paw.gif) 0 0.2em no-repeat;
}
#webs-ingsoc a
{
  background: url(/images/alchemy/webu_icon_peace.gif) 0 0.2em no-repeat;
}
#webs-resume a
{
  background: url(/images/alchemy/webu_icon_resume.gif) 0 0.2em no-repeat;
}
#webs-guest a
{
  background: url(/images/alchemy/webu_icon_guest.gif) 0 0.2em no-repeat;
}
#webs-photo a
{
  background: url(/images/alchemy/webu_icon_photo.gif) 0 0.2em no-repeat;
}

/* ********************* */
#hr-top, #hr-bottom
{
}
#hr-top hr, #hr-bottom hr
{
}

#main
{
  background: url(/images/alchemy/header_glyphs.gif) -40px -25px no-repeat;
}
#header
{
  * border: 1px solid #fff;/*for ie*/
  height: 60px;
}

html>body #header
{
  border: 1px solid transparent;
  position: relative;
  left: -1px;
}
#hr-top
{
  visibility: hidden;
  display: none;
}
#header div
{
  text-align: right;
  position: relative;
  position: absolute;
  top: 30px;
  right: 105px;
  font-size: 110%;
  letter-spacing: 0.02em;
  /*
  font-variant: small-caps;
  */
  font-family: arial, sans-serif;
  font-style: italic;
  font-weight: bold;
}
#header div a
{
  text-decoration: none;
  border-bottom: 1px dotted #ddd;
  color: #999;
}

#img-0
{
  background: url(/images/alchemy/bowl.gif) no-repeat top left;
  width: 100px;
  height: 200px;
  position: absolute;
  top: 42px;
  right: 0px;
  z-index: 11;
}
#img-1
{
  background: url(/images/alchemy/steam_anim.gif) no-repeat top left;
  width: 100px;
  height: 120px;
  position: absolute;
  top: -35px;
  right: 0px;
  z-index: 10;
}

.main-content
{
  padding: 1em;
}

#col-a, #col-c
{
  border: 1px dotted #b15106;
  border-width: 1px 0 0 0;
}
#col-a
{
  background: url(/images/alchemy/line_grey.gif) repeat-y top right;
}
#col-c
{
  padding-top: 75px;
  * padding-top: 80px;/*for ie*/
  position: relative;
  left: 1px;
  /*if you add borders/padding/margin etc. need to re-adjust the margin*/
}

#col-b
{
  /* just for ie*/
  * border: 1px dotted #b15106;
  * border-width: 1px 1px 0 0;
  * width: 169px;
  * background: #f5faef;/*for ie*/
  padding: 0 0 2em 0;
  /*if you add borders/padding/margin etc. need to re-adjust the margin*/
}
html>body #col-b
{
}

html>body .cols-wrapper/*left border - extends all the way down */
{
  border: 1px dotted #b15106;
  border-width: 0 0 0 1px;
  background: #fff url(/images/alchemy/bg.gif) no-repeat 0 0;
}

#col-c
{
}
#col-c img
{
  margin-left: 5px;
}

#cam-web, #cam-clie
{
  margin: 2em 0 0 0;
  font-weight: bold;
}

#footer
{
  border-top: 1px dotted #b15106;
  background: #f5faef;
}
#footer hr
{
  visibility: hidden;
  display: none;
}


#randquote
{
  font-size: 0.9em;
  background: #fff;
  margin: 0.5em 10em;
  padding: 1em;
  border: 1px dotted #ddd;
  -moz-border-radius: 8px 0 8px 0;
}

#form-search,
#footer-content
{
  font-size: 0.9em;
  text-align: right;
  padding: 1em;
}

/* ========================================================================= */
/* MT specific */
/* ********************* */
#recent-entries h3
{
  text-indent: -9000px;
  background: url(/images/alchemy/title_recent_entries.gif) no-repeat;
  height: 30px;
  width: 135px;
}
#recent-entries-comments h3
{
  text-indent: -9000px;
  background: url(/images/alchemy/title_recent_comments.gif) no-repeat;
  height: 30px;
  width: 165px;
}
/* ********************* */
#archives h3
{
  text-indent: -9000px;
  background: url(/images/alchemy/title_archives.gif) no-repeat;
  height: 30px;
  width: 80px;
}

#archives
{
  margin-bottom: 3em;
}

#recent-entries ul,
#recent-entries-comments ul,
#archives ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #144076;
}

#recent-entries ul li a,
#recent-entries-comments ul li a,
#archives ul li a
{
  display: block;
  width: 96%;/*do not remove*/
  padding: 4px 2px 2px 4px;
}

#recent-entries ul li a:visited,
#recent-entries-comments ul li a:visited,
#archives ul li a:visited
{
  color: #144076;
  border-bottom: 1px dotted #144076;
}

#recent-entries ul li a:hover,
#recent-entries-comments ul li a:hover,
#archives ul li a:hover
{
  color: #fff;
  background-color: #7c9c7a;
  border: 1px solid #144076;
  border-width: 0 1px 1px 1px;
  padding: 4px 1px 2px 3px;
}

#feed, #powered, #getfirefox
{
  margin: 0.4em 2em;
}

#feed a, #powered a, #getfirefox a
{
  text-decoration: none;
  border: none;
  display: block;
  height: 15px;
  width: 80px;
}
#feed a
{
  background: url(/images/alchemy/badge_rss.png) no-repeat top left;
  margin: 0 0 2em 0;
}
#powered a
{
  background: url(/images/alchemy/badge_mt.png) no-repeat top left;
}
#getfirefox a
{
  background: url(/images/alchemy/badge_getfirefox.gif) no-repeat top left;
}

#feed a span, #powered a span, #getfirefox a span
{
  visibility: hidden;
  display: none;/*if don't sent display:none - ie will increase the height of the div to where the text would have gone*/
}

.entry
{
}

.entry-head h2
{
  margin: 0;
}

.entry-categories
{
  border: 1px dashed #d1e6b4;
  margin: 0;
  text-align: right;
}

.entry-excerpt
{
}

.entry-extended
{
  text-align: right;
  font-style: italic;
}

.entry-posted
{
  margin: 1em 0;
}

.comments-head h3
{
  font-size: 1.4em;
  margin: 0;
}

/*
You can, however, use another solution to get the same effect and be able to resize the image :

.textimg { position:relative ; }
.textimg .backimage { position:absolute ; top: 0px ; left: 50% ; width: apx; height: bpx ; }

<div class="textimg">
<img class="backimage" src="<imageURL>">
your text goes here
</div>
*/
/*
http://www.stopdesign.com/articles/replace_text/#notes
http://phark.typepad.com/phark/2003/08/accessible_imag.html
*/

.kiva
{
  margin: 4em 1em 0 1em;
}
.wcg
{
  margin-top: 4em;
	margin-left: 2em;
}

.google_ad_archive_main
{
  width: 336px;
  height: 280px;
  float: right;
  margin: 0.6em 0 1.5em 1em;
}