/* reset and fonts.css
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body
{
  background-color: #333;
  background-image: url('http://media.thinkingandmaking.com/images/story/topbar.png');
  background-repeat: repeat-x;
  font-family: georgia, serif;
  font-size: .77em;
  line-height: 1.82em;
  padding-top: 12px;
}
img
{
  display: block;
}
a
{
  color: #036;
  text-decoration: none;
}
a:hover
{
  color: #900;
  text-decoration: underline;
}
em
{
  font-style: italic;
}
strong
{
  font-weight: bold;
}



#page
{
  background-image: url('http://media.thinkingandmaking.com/images/story/header-background.png');
  background-repeat: no-repeat;
  background-position: top center;
  margin: auto;
  margin-top: 0px;
  padding-top: 36px;
/*  width: 960px; */
}

#header
{
  margin: auto;
  position: relative;
  width: 960px;
}
#header h1
{
  font-size:0.923em;
  line-height: 1.083em;
  position: absolute;
  top: 78px;
  right: 12px;
  text-align: center;
  width: 144px;
}
#header h1 strong
{
  font-weight: bold;
  text-transform: uppercase;
}
#header h1 a
{
  color: #000;
  display: block;
}
#header h1 a:hover
{
  background-color: #ffd;
  color: #900;
  text-decoration: none;
}




#content
{
  margin: auto;
  width: 960px;
}
#title
{
  background-color: #ecf4f7;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #000;
  padding-left: 36px;
  height: 167px;
  width: 731px;
}
#title h1
{
  color: #900;
  font-family: tahoma, sans-serif;
  font-size: 2.077em;
  line-height: 0.889em;
}
#title p.date
{
  color: #900;
  margin-top: 48px;
}
#title p.meta, #title p.meta a
{
  color: #069;
  text-transform: lowercase;
}
#title p.meta a:hover
{
  color: #900;
}



#intro
{
  background-image: url('http://media.thinkingandmaking.com/images/story/intro-background.jpg');
  border-top: 1px solid #ff9;
  border-bottom: 1px solid #c96;
  padding: 46px 36px;
  padding-left: 144px;
  position: relative;
  height: 99px;
}
#intro img
{
  position: absolute;
  top: 48px;
  left: 36px;
}
#intro p#synopsis
{
  color: #036;
  font: 1.31em/1.41em tahoma, sans-serif;
  width: 348px;
  margin-bottom: 6px;
}
#intro p a
{
  font-style: italic;
}



#post
{
  background-color: #ecf4f7;
  border-left: 1px solid #666;
  border-right: 1px solid #000;
  padding-top: 36px;
  font-size:1.3em;
  line-height: 1.846em;
}
#post p, #post cite, #post code, #StoryRateInput, #post div.flashpaper
{
  margin-left: 228px;
  margin-bottom: 1em;
  width: 540px;
}
#post table
{
  background-color: #ffe;
  color: #666;
  margin-left: 228px;
  margin-bottom: 1em;
  font-family: tahoma, sans-serif;
  font-size:0.846em;
  line-height: 2.182em;
}
#post table.big
{
  width: 630px;
}
#post table th
{
  color: #589bbc;
  background-color: #Dae9f0;
  border-bottom: 1px solid #ACCDDE;
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: .125em;
  padding: 0 9px;
}
#post table thead th
{
  font-family: georgia, serif;
  text-align: center;
}
#post table td
{
  padding: 3px 9px;
  border-bottom: 1px dotted #ACCDDE;
}
#post img
{
  background-color: #fff;
  float: right;
  padding: 18px;
  margin: 0 18px 18px 18px;
}
#post img.amazon-assoc
{
  background-color: inherit;
  float: none;
  padding: inherit;
  margin: inherit;
}
#post div.illustration
{
  background-color: #fff;
  float: right;
  padding: 18px;
  margin: 0 18px 18px 18px;
  width: 400px;
}
#post div.illustration p
{
  color: #666;
  font-family: tahoma, sans-serif;
  font-size: .765em;
  line-height: 1.385em;
  margin: 0;
  padding: 0;
  width: inherit;
}
#post div.illustration a
{
  color: #069;
}
#post div.illustration a:hover
{
  color: #900;
}
#post div.illustration img
{
  float: none;
  margin: auto;
  margin-bottom: 18px;
  padding: 0;
}
#post div.update
{
  background-color: #ffe;
  padding: 18px;
  margin: 0 18px 18px 18px;
}
#post div.update p
{
  color: #666;
  font-family: tahoma, sans-serif;
  font-size: .765em;
  line-height: 1.385em;
  margin: 0;
  padding: 0;
  width: inherit;
}
#post h2, #post h3
{
  font-family: tahoma, sans-serif;
  margin-left: 228px;
  font-size:0.923em;
  line-height: 2em;
}
#post h2
{
  font-weight: bold;
}
#post h3
{
  font-style: italic;
}
#post ol, #post ul
{
  list-style-position: inside;
  margin: -0.5em 0 0.5em 228px;
  padding-left: 0.5em;
  width: 540px;
}
#post ul li
{
  list-style-type: circle;
}
#post ol li
{
  list-style-type: decimal;
}
#post li
{
  margin-left: 2em;
}
#post blockquote
{
  background-image: url('http://media.thinkingandmaking.com/images/story/blockquote.png');
  background-position: top left;
  background-repeat: no-repeat;
  font-size:0.846em;
  line-height: 2.182em;
  padding: 0 30px;
  margin-bottom: -1em;
}
#post cite
{
  background-color: #fff;
  border-top: 1px solid #ccc;
  color: #666;
  display: block;
  font-size:0.846em;
  line-height: 2.182em;
  margin-left: 258px;
}
#post code
{
  background-color: #ffe;
  padding-left: 12px;
  padding-bottom: 12px;
  display: block;
  white-space: pre;
  width: 528px;
}
#post #StoryRateInput
{
  font-size:0.846em;
  line-height: 2.182em;
}
#post #StoryRateInput p
{
  margin: 0;
}
#post #StoryRateInput img
{
  border: 0;
  float: none;
  padding: 0;
  margin: 0;
}



#comments
{
  background-image: url('http://media.thinkingandmaking.com/images/story/content-background.png');
  background-position: top left;
  background-repeat: no-repeat;
  color: #999;
  margin-top: -1.5em;
  padding-top: 180px;
  width: 960px;
}
#comments a
{
  color: #999;
}
#comments a:hover
{
  color: #ffc;
}
#comments h2
{
  font-family: tahoma, sans-serif;
  font-size:1.308em;
  line-height: 1.412em;
  color: #ccc;
  margin-left: 230px;
}
p#account
{
  font-family: tahoma, sans-serif;
}
#comments h2, p#account
{
  margin-left: 230px;
}



.comment
{
  padding-left: 230px;
  position: relative;
  color: #ccc;
  margin-top: 36px;
}
.comment img
{
  position: absolute;
  top: 3px;
  left: 136px;
}
.comment h3, .comment p
{
  width: 522px;
}
.comment h3
{
  font-size:1.231em;
  line-height: 1.5em;
}
#comments .comment h3 a, .comment h3
{
  color: #ffc;
}
.comment p.comment-rate, .comment p.comment-date
{
  color: #999;
}
.comment p.comment-date
{
  font-family: tahoma, sans-serif;
  margin-top: -1.5em;
}
.comment blockquote p
{
  font-size:1.231em;
  line-height: 1.5em;
  margin-bottom: 1em;
}

#content .post-feed
{
  padding: 2em 0;
  margin-left: 230px;
}
#content a.rss
{
  background-image: url('http://media.thinkingandmaking.com/images/icons/feed-333.png');
  background-position: middle left;
  background-repeat: no-repeat;
  color: #999;
  font-family: tahoma, sans-serif;
  padding-left: 18px;
}
#content a.rss:hover
{
  color: #ffc;
}
#content a.ical
{
  background-image: url('http://media.thinkingandmaking.com/images/icons/ical-fff.png');
  background-position: middle left;
  background-repeat: no-repeat;
  padding-left: 18px;
}
#content a.ical:hover
{
}


#comment__form textarea
{
  width: 522px;
  height: 144px;
}
#comment__submit
{
  background-color: #444;
  border: 1px solid #666;
  color: #eee;
  font-family: tahoma, sans-serif;
  height: 24px;
  padding: 0 6px;
}
#comment__submit:hover
{
  background-color: #ffe;
  border: 1px solid #222;
  color: #900;
  cursor: pointer;
  cursor: hand;
}








#footer
{
  background-color: #fff;
  margin-bottom: 6em;
}
#footer-container
{
  margin: auto;
  width: 960px;
}
#footer-container div
{
  border-left: 1px solid #333;
  float: left;
  padding: 3em 1.5em 1.5em 1.5em;
  width: 18%;
}
#footer-container h2
{
  font-weight: bold;
  text-transform: uppercase;
}
#footer-container h2 a
{
  color: #000;
}
#footer-container h2 a:hover
{
  color: #900;
}
#footer-container p, #footer-container ul
{
  margin-bottom: 1em;
}
#footer ul
{
  border-top: 1px dotted #ccc;
  margin-bottom: 2.182em;
}
#footer li a
{
  border-bottom: 1px dotted #ccc;
  display: block;
  padding-left: 0px;
}
#footer li a:hover
{
  background-color: #ffe;
  text-decoration: none;
}
#footer a.rss
{
  background-image: url('http://media.thinkingandmaking.com/images/icons/feed-fff.png');
  background-position: middle left;
  background-repeat: no-repeat;
  padding-left: 18px;
}


#footer-container div#recent-posts
{
  width: 30%;
}
#recent-posts form
{
  font-family: tahoma;
  padding-left: 6px;
  width: 312px;
}
#recent-posts form input.FormTextInput
{
  border: 1px solid #ccc;
  float: left;
  font-size: 13px;
  height: 24px;
  width: 246px;
}
#recent-posts form input.FormSubmit
{
  background-color: #eee;
  border: 1px solid #ccc;
  color: #999;
  float: left;
  height: 24px;
  margin-left: 6px;
  width: 48px;
}
#recent-posts form input.FormSubmit:hover
{
  background-color: #ffe;
  border: 1px solid #ccc;
  color: #c00;
  float: left;
  height: 24px;
  margin-left: 6px;
  width: 48px;
  cursor: pointer;
  cursor: hand;
}




strike
{
	color:  #666;
}