/*

|15|  195  |15|  195  |15|  195  |15|
|15|       405        |15|  195  |15|
|15|     300     |15|     300    |15|
|15|111|15|111|15|111|15|111|15|111|15|

*/

/* Fonts */

@font-face
{
  font-family: 'clarendon_plain';
  src: url('fonts/clarendon_plain.eot');
}
@font-face
{
  font-family: 'clarendon_plain';
  src: url(//:) format('no404'), url('fonts/clarendon_plain.woff') format('woff'), url('fonts/clarendon_plain.ttf') format('truetype'), url('fonts/clarendon_plain.svg#clarendon_plain') format('svg');
}
@font-face
{
  font-family: 'clarendon_bold';
  src: url('fonts/clarendon_bold.eot');
}
@font-face
{
  font-family: 'clarendon_bold';
  src: url(//:) format('no404'), url('fonts/clarendon_bold.woff') format('woff'), url('fonts/clarendon_bold.ttf') format('truetype'), url('fonts/clarendon_bold.svg#clarendon_bold') format('svg');
}
h2
{
  font-family: 'clarendon_bold';
}
h3
{
  font-family: 'clarendon_plain';
}

/* links and navigation */

a,
#column div.subnav a:hover,
#column div.subnav span
{
  color: #f00;
}
a:hover,
a.cover:hover span
{
  color: #fff;
  background-color: #f00;
  outline: 1px solid #f00;
  text-decoration: none;
}
#column div.subnav a
{
  text-decoration: none;
  color: #000;
}
#column div.subnav a:hover
{
  text-decoration: underline;
  background-color: #fff;
  outline: none;
}
a.cover:hover
{
  background-color: #fff;
}
a.cover:hover,
a.cover:hover span
{
  outline: none;
}
.body-articles a,
.body-sections a,
.body-articles div.subnav a:hover,
.body-sections div.subnav a:hover,
.body-articles div.subnav span,
.body-sections div.subnav span,
#sidebar div.subnav li.current a
{
  color: #0c419a;
}
.body-pages-shop a,
.body-pages-shop div.subnav a:hover,
.body-pages-shop div.subnav span
{
  color: #f0037f;
}
.body-articles a:hover,
.body-sections a:hover
{
  color: #fff;
  background-color: #0c419a;
  outline: 1px solid #0c419a;
}
.body-pages-shop a:hover
{
  color: #fff;
  background-color: #f0037f;
  outline: 1px solid #f0037f;
}
h2 a,
h2 a:hover
{
  text-decoration: none !important;;
  color: #000 !important;
  background-color: #fff !important;;
  outline: none !important;;
}

/* page structure */

body,
html
{
  margin: 0;
  padding: 0;
  font: 14px/1.3 georgia, serif;
  background-color: #f6f6f8;
}
#column
{
  position: relative;
  margin: 0 auto;
  padding: 5px 10px 20px 10px;
  width: 653px;
}
#nav
{
  margin: 0;
  padding: 0;
  height: 90px;
  list-style-type: none;
}
#nav li
{
  margin: 0;
  padding: 0;
}
#nav a
{  
  position: absolute;
  top: 0;
  display: block;
  width: 142px;
  height: 114px;
  margin: 0;
  padding: 0;
  background-color: #fff498;
}
#nav a span
{
  display: none;
}
#nav-categories a
{
  top: 22px;
  left: 46px;
  background-image: url(images/nav-categories.png);
}
#nav-articles a
{
  top: 2px;
  left: 171px;
  background-image: url(images/nav-articles.png);
}
#nav-shop a
{
  top: 23px;
  left: 305px;
  background-image: url(images/nav-shop.png);
}
#nav-contact a
{
  top: 6px;
  left: 497px;
  background-image: url(images/nav-contact.png);
}
#nav li a:hover,
#body-categories-show #nav-categories a,
.body-articles #nav-articles a,
.body-sections #nav-articles a,
#nav li.current a
{
  font-weight: bold; /* Somehow needed for IE to pick up the hover event... */
  z-index: 999;
}
#nav li a:hover
{
  outline: none;
}
#shadow
{
  position: relative;
  top: 5px;
  left: 5px;
  background-color: #aaa;
}
#sheet
{
  position: relative;
  top: -5px;
  left: -5px;
  background-color: #fff;
  border: 4px solid #000;
}
* html #sheet
{
  height: 1%;
}
#header
{
  height: 200px;
  background: #ff0000 url(images/header-luister.png) 10px 10px no-repeat;
}
.body-articles #header,
.body-sections #header
{
  background: #0c419a url(images/header-webster.png) 10px 10px no-repeat;
}
.body-pages-shop #header
{
  background: #f0037f url(images/header-hamster.png) 10px 10px no-repeat;
}
#header h1
{
  display: none;
}
#container
{
  float: right;
  width: 100%;
  margin: 0 0 0 -210px;
}
#body-books-show #container
{
  float: left;
  margin: 0 -210px 0 0;
}
#container #main
{
  margin: 0 0 0 210px;
}
#body-books-show #container #main
{
  margin: 0 210px 0 0;
}
#main .inner
{
  padding: 15px 15px 0 15px;
}
#sidebar
{
  float: left;
  width: 210px;
  background-color: #fff;
}
#body-books-show #sidebar
{
  float: right;
}
#sidebar .inner
{
  padding: 15px 0 15px 15px;
}
#body-books-show #sidebar .inner
{
  padding: 15px 15px 15px 0;
}
#secondary_nav
{
  margin: 15px 0 -10px 0;
  padding: 0;
  list-style-type: none;
  font-size: 80%;
  text-align: center;
}
#secondary_nav li,
#secondary_nav li a
{
  display: inline;
  margin: 0;
  padding: 0;
}
#secondary_nav li
{
  padding: 0 .25em;
}
#search
{
  margin: 20px 0 0 0;
  text-align: center;
}

/* search form */

form#search .text
{
  width: 300px;
  border: 1px solid #aaa;
  border-color: #aaa #ddd #ddd #aaa;
}
form#search .submit
{
  border: 1px solid #aaa;
  border-color: #ddd #aaa #aaa #ddd;
  background-color: #eee;
}

/* content styling */

hr
{
  clear: both;
  width: 645px;
  margin: 0 -15px 15px -15px;
  padding: 0;
  border: none;
  height: 2px;
  background: #fff url(images/dash.png) 0% 50% repeat-x;
}
* html hr
{
  position: relative;
  top: 0;
  left: 0;
}
#container hr
{
  margin: 15px -15px 15px -225px;
}
#body-books-show #container hr
{
  margin: 15px -225px 15px -15px;
}
hr.top
{
  height: 4px;
  background: #000;
}
h2
{
  margin: 0 0 5px 0;
  font-size: 45px;
  line-height: 45px;
}
#sidebar h2
{
  margin: 0;
}
h3
{
  margin: 0 0 15px 0;
  font-size: 100%;
}
p
{
  margin: 0 0 1em 0;
}
div.meta
{
  margin: 0 0 1em 0;
}
div.meta p
{
  margin: 0;
  font-weight: bold;
}

/* weblog */

p.meta
{
  margin: .5em 0;
}
p.continue
{
  margin: 15px 0;
}

/* book */

.cover img
{
  margin: 0 auto;
}
#body-categories-show .cover
{
  margin-bottom: 1em;
}
a.cover,
.cover img,
a.cover span
{
  display: block;
}
a.cover span
{
  text-align: center;
}
* html #body-categories-show div.book
{
  height: 1%;
}
#body-categories-show .cover
{
  float: left;
}
#body-categories-show div.book a.cover
{
  width: 195px;
}
#body-categories-show div.book div.inner
{
  margin: 0 0 0 210px;
  padding: 0;
}
* html #body-categories-show div.book div.inner
{
  width: 402px;
}
#sidebar .cover,
#body-books-show div.book .cover
{
  margin: 0 0 15px 0;
}
#body-books-show div.book .cover
{
  width: 405px;
}
div.book div.order
{
  margin: 0 0 20px 0;
}
div.book blockquote
{
  margin: 0;
  padding: 0;
}
div.book blockquote p
{
  margin: 1em 0 0 0;
}
div.book p.source
{
  margin: .5em 0 1em 0;
  text-align: right;
}

/* sidebar and subnavigation */

div.subnav,
div.feed
{
  font-weight: bold;
}
div.feed small,
div.feed small a
{
  font-weight: normal;
  color: #666 !important;
}
div.feed a,
div.feed small a
{
  display: inline !important;
}
#main div.subnav
{
  margin: 0 0 15px 0;
  font-size: 120%;
}
div.subnav ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.subnav li
{
  margin: 0;
  padding: 0;
}
* html div.subnav ul
{
  height: 1%;
}
#main div.subnav li
{
  float: left;
  background: #fff url(images/star.png) bottom right repeat-x;
  white-space: nowrap;
}
div.subnav a,
div.subnav span
{
  display: block;
  background-color: #fff;
}
div.subnav li.a
{
  padding-right: 19px;
}
div.subnav li.b
{
  padding-right: 38px;
}
div.subnav li.c
{
  padding-right: 57px;
}
#sidebar div.subnav
{
  margin: 0 0 15px 0;
}

/* look inside */

#body-assets-show 
{
  padding: 1em;
  background-color: #f6f6f8;
}
#body-assets-show img
{
  display: block;
  margin: 0 auto;  
  border: 1px solid #999;
}
#body-assets-show p
{
  margin: 2px 0 0 0;
  text-align: center;
}
#body-assets-show p span
{
  color: #ccc;
}
#body-assets-show p span.inactive
{
  color: #999;
}