/*  
Theme Name: Typomancy v2
Theme URI: http://driftglass.org/
Description: Typomancy's theme, based heavily on a look and feel snarfed from Six Apart.
Version: 0.9
Author: Forrest L Norvell
Author URI: http://www.pushby.com/forrest/

	This started out as a template designed by Six Apart for their Movable Type 3.0
	template collection. I grabbed it and have been tweaking it ever since. Sometime
	soon it will have no residual Movable Type code in it.
	
	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/

/*Standard crud, mostly inherited from Six Apart template.*/

body
{
  margin: 5px 0px 80px 0px;
  background-color: #991000;
  text-align: center;
  font-family: "Myriad Pro", "Myriad Std", Myriad, "Gill Sans", Verdana, "Lucida Sans", LucidaSans, sans-serif;
  border: none;
  padding: 0px;
}

a
{
  text-decoration: underline;
}

a:link
{
  color: #41320F;
}

a:visited
{
  color: #41320F;
}

a:active
{
  color: #41320F;
}

a:hover
{
  color: #991000;
}

h1, h2, h3
{
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

#container
{
  line-height: 140%;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  padding: 0px;
  width: 700px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

#banner
{
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  padding: 0px;
	  width: 700px;
  height: 140px;
  border: none;
  margin-bottom: 60px;
}

#banner a img
{
  border:  none;
  margin:  0px;
  padding: 0px;
}

a#banner-img
{
  display: none;
}

#banner a
{
  text-decoration: none;
  vertical-align: text-bottom;
  text-align: left;
}

#banner h1
{
  font-size: xx-large;
}

#banner h2
{
  font-size: small;
}

#center
{
  float: left;
  width: 500px;
  overflow: hidden;
}

.content
{
  padding: 24px 24px 24px 24px;
  background-color: #FFFFFF;
  color: #000000;
  font: 12px/16px "Myriad Pro", "Myriad Std", Myriad, Verdana, "Lucida Sans", LucidaSans, sans-serif;
}

#right
{
  float: left;
  width: 200px;
  background-color: #ffffff;
  overflow: hidden;
  }



.content p
{
  color: #000000;
  text-align: left;
  margin-bottom: 10px;
}

.content blockquote
{
  line-height: 120%;
  border-left: 3px #991000 outset;
  padding-top: 0px;
  padding-left: 6px;
}

.content li
{
  line-height: 150%;
  list-style-type: none;
  list-style-position: outside;
}

li.numbered
{
  display: list-item;
  list-style-type: decimal-leading-zero;
  list-style-position: inside;
  margin-bottom: 6px;
  padding: 0px;
}

ol {
  padding-left: 24px;
  padding-right: 24px;
  margin: 0px		;
}

.content h2
{
  color: #991000;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
}

.content h3
{
  color: #25221A;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
}

.content p.posted
{
  color: #8C8976;
  font-size: x-small;
  border-top: 1px solid #8C8976;
  text-align: left;
  margin-bottom: 25px;
  line-height: normal;
  padding: 3px;
}

.sidebar
{
  padding: 15px;
}

.sidebar h2
{
  color: #991000;
  font-size: small;
  border-bottom: 1px solid #991000;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  padding: 3px;
  letter-spacing: 3px;
}

.sidebar ul
{
  padding-left: 0px;
  margin: 0px;
  margin-bottom: 12px;
}

.sidebar li
{
  color: #25221A;
  font-size: x-small;
  text-align: left;
  line-height: 150%;
  margin-top: 6px;
  list-style-type: none;
}

.sidebar img
{
  border: 3px solid #FFFFFF;
}

.photo
{
  text-align: left;
  margin-bottom: 20px;
}

.link-note
{
  font-size: x-small;
  line-height: 150%;
  text-align: left;
  padding: 2px;
  margin-bottom: 15px;
}

#powered
{
  font-size: x-small;
  line-height: 150%;
  text-align: left;
  color: #25221A;
  margin-top: 50px;
}

#comment-data
{
  float: left;
  width: 180px;
  padding-right: 15px;
  margin-right: 15px;
  text-align: left;
  border-right: 1px dotted #8C8976;
}

textarea[id="comment-text"]
{
  width: 80%;
}

/* Special-purpose design solutions by me. */

.update p
{
  font-style: italic;
  font-size: 12px;
  color: #41320F;
}

.strikethrough
{
  text-decoration: line-through;
  color: #8C8976;
}

/* FontAgent Pro bug IDs: Pr obably a hack to modify their status via styles, but this way I can change all references to them sitewide.*/

#fap001
{
  color: #991000;
  text-transform: uppercase;
}

#fap002
{
  color: #991000;
  text-transform: uppercase;
}

#fap003
{
  color: #991000;
  text-transform: uppercase;
}

#fap004
{
  color: #991000;
  text-transform: uppercase;
}

#fap005
{
  color: #991000;
  text-transform: uppercase;
}

#fap006
{
  color: #991000;
  text-transform: uppercase;
}

#fap007
{
  color: #991000;
  text-transform: uppercase;
}

#fap008
{
  color: #991000;
  text-transform: uppercase;
}

#fap009
{
  color: #991000;
  text-transform: uppercase;
}

#fap010
{
  color: #991000;
  text-transform: uppercase;
}

#fap011
{
  color: #991000;
  text-transform: uppercase;
}

#fap666
{
  color: #991000;
  text-transform: uppercase;
}