/* 
  Site: Web Analytics 2.0
  Author: Derek P. Collins, dcollins@kissmetrics.com
  Time: 2009-10-21 09:00:01
*/

/* RESET: =reset
------------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* GENERAL: =general
------------------------------------------------------------*/
body {
  background-color: #2a2829;
  color: #ddd;
  font-family: georgia, times, serif;
  padding-bottom: 30px;
  -webkit-text-stroke: 1px transparent;
}
@media only screen and (max-device-width: 480px) { body { -webkit-text-stroke: 0 black; } }
#wrapper {
  margin: 0 auto;
  width: 940px;
}
a img { border: none; }

/* HEADER: =header
------------------------------------------------------------*/
#header {
  margin: 38px 30px 15px 30px;
  overflow: hidden;
}
#header h2 {
  color: #898989;
  float: left;
  font-size: 18px;
  font-weight: normal;
  text-shadow: #000 1px 1px 1px;
}
#header h2 .author { color: #fff; }

/* TOP NAV: =top_nav
------------------------------*/
#top_nav {
  float: right;
  list-style: none;
}
#top_nav li {
  background: url(../images/top_nav_bullet.png) 0 53% no-repeat;
  color: #717171;
  float: left;
  padding: 0 6px 0 14px;
}
#top_nav li#nav_home { background-image: none; }
#top_nav li a {
  color: #ffb853;
  display: block;
  float: left;
  font-size: 16px;
  text-decoration: none;
  text-shadow: #000 1px 1px 1px;
}
#top_nav li a:hover {
  color: #d6973d;
  text-decoration: underline;
}
#top_nav li.external a { color: #8ee6ec; }
#top_nav li.external a:hover { color: #70c6cc; }

/* CONTENT: =content
------------------------------------------------------------*/
#content {
  background: url(../images/content_bg.png) 0 0 repeat-x;
  overflow: hidden;
  padding: 30px 0 0 0;
}
#home #content { background: url(../images/content_bg_home.png) 0 0 repeat-x; }
#content h1 {
  background: url(../images/title.png) 0 0 no-repeat;
  height: 42px;
  margin-bottom: 2px;
  text-indent: -9999px;
  width: 343px;
}
#content .sub_title {
  background: url(../images/sub_title.png) 0 0 no-repeat;
  height: 13px;
  padding-bottom: 32px;
  text-indent: -9999px;
  width: 489px;
}

/* MAIN: =main
------------------------------------------------------------*/
#main {
  float: left;
  padding: 0 15px 0 30px;
  width: 554px;
}
#main h2 {
  color: #fff;
  font-size: 22px;
  margin-bottom: 10px;
}
#main p {
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 18px;
}
#main p.center { text-align: center; }
#main a { color: #ffb853; }
#main a:hover {
  color: #d6973d;
  text-decoration: underline;
}
#main blockquote { margin-bottom: 18px; }
#main blockquote p {
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 0;
}
#main cite {
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}
#main ol,
#main ul { margin-left: 20px; }
#main ol li,
#main ul li {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 18px;
}
#main ol.nums {
  list-style: none;
  margin: 0 0 6px 8px;
}
#main ol.nums li {
  background-position: 0 0;
  background-repeat: no-repeat;
  padding: 1px 0 5px 38px;
}
#main ol.nums .one { background-image: url(../images/list_one.png); }
#main ol.nums .two { background-image: url(../images/list_two.png); }
#main ol.nums .three { background-image: url(../images/list_three.png); }
#main img.right {
  float: right;
  margin: 0 0 10px 18px;
}

/* CALLOUT: =callout
------------------------------*/
#callout { margin-bottom: 52px; }
#callout p {
  color: #fff;
  font-size: 15px;
  line-height: 30px;
  margin-bottom: 0;
  text-shadow: #2a2020 1px 1px 1px;
}
#callout .about_book_btn { margin-top: 10px; }
#callout .about_book_btn a {
  background-color: #db9d46;
  color: #fff;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.09em;
  padding: 8px;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#callout .about_book_btn a:hover { background-color: #cf8f36; }

/* NOTICE: =notice
------------------------------*/
.notice {
  margin: 0 0 18px 18px;
  position: relative;
}
.notice .exclaim {
  background: url(../images/notice_exclaim.png) 0 0 no-repeat;
  height: 39px;
  position: absolute;
  left: -18px;
  top: 28%;
  width: 39px;
}
#main .notice p {
  background-color: #fdfd99;
  color: #2a2829;
  font-size: 13px;
  font-weight: bold;
  line-height: 25px;
  padding: 12px 30px;
  margin-bottom: 0;
}
#main .notice a { color: #ff8718; }
#main .notice a:hover { color: #e57c1b; }

/* REVIEW: =review
------------------------------*/
#main blockquote.review {
  margin-left: 18px;
  position: relative;
}
#main blockquote.review .quote {
  background: url(../images/review_quote.png) 0 0 no-repeat;
  height: 39px;
  position: absolute;
  left: -18px;
  top: 10px;
  width: 39px;
}
#main blockquote.review p {
  background-color: #797979;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 0;
  padding: 10px 20px 10px 30px;
  text-shadow: #575757 1px 1px 1px;
}
#main blockquote.review cite {
  background-color: #575757;
  color: #d3d3d3;
  display: block;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  padding: 10px 20px 10px 30px;
  text-align: right;
}

/* SIDE: =side
------------------------------------------------------------*/
#side {
  float: left;
  padding: 0 30px 0 15px;
  width: 296px;
}

/* ORDER: =order
------------------------------*/
#order h3 {
  background-color: #131212;
  color: #fff;
  font-size: 12px;
  margin-top: 20px;
  padding: 10px;
  text-transform: uppercase;
}
#order ul {
  list-style: none;
  margin-bottom: 30px;
}
#order ul li {
  background: #648e91 url(../images/order_hr.png) bottom left repeat-x;
  padding-bottom: 2px;
}
#order ul li a {
  background: #648e91 url(../images/order_arrow.png) 11px 50% no-repeat;
  color: #fff;
  display: block;
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 12px 11px 12px 20px;
  text-decoration: none;
  text-shadow: #578184 1px 1px 1px;
}
#order ul li a:hover { background-color: #5d8689; }
#order ul li#bn {
  background-image: none;
  padding-bottom: 0;
}
#order ul li#bn a { padding-bottom: 14px; }

/* FOOTER: =footer
------------------------------------------------------------*/
#footer {
  background: url(../images/footer_hr.png) top left repeat-x;
  padding-top: 21px;
  overflow: hidden;
}
#footer p {
  background-color: #191919;
  color: #a9a9a9;
  font-size: 12px;
  margin: 0;
  padding: 20px 30px;
  width: 410px;
}
#footer p.contact {
  float: left;
}
#footer p.connect {
  float: right;
  text-align: right;
}
#footer a {
  color: #ffb853;
  text-decoration: none;
}
#footer a:hover {
  color: #d6973d;
  text-decoration: underline;
}