@charset "utf-8";

html {
    margin-top: 0;
    padding-top: 0;
}

body {
    font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
    font-size: 13pt;
    line-height: 16pt;
    background: #575750;
    color: #cccc99;
}
a {
    text-decoration: none;
}
a:link { color: #ccccff; }
a:hover { color: #99ff99; }
a:visited { color: #9999cc; }
a.title { font-style: italic; }

.nd { text-decoration: none;
font-size: 60%; }

img { display: block; }

img.ii { display: inline; }

a img { border: 1px solid #575750; }
.bg { background: #fafaf0; }

p {
  margin-top: 0.5em;
  margin-bottom: 0.75em;
}
li {
  margin-bottom: 0.5em;
}
.left {
    float: left;
    padding-right: 8px;
    padding-left: 8px;
    margin-right: 8px;
    margin-top: 0em;
    padding: 0 0 8px 8px;
    background: #575750;
    width: 150px;
}

.left p {
  margin-top: 0em;
  font-style: italic;
  margin-right: 12px;
}
.right {
  float: right;
  margin-left: 8px;
  line-height: 0px;
  background: #575750;
}
ul {
    list-style: none;
    padding: 0;
    margin-top: 0px;
}
h1 {
    font-size: 120%;
    font-weight: bold;
    padding-top: 75px;
    margin-top: 0px;
    background: scroll url(/g/banner-bookorama-charcoal.jpg) repeat-x;
    background-position: 0% 0%;
}

h2 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0px;
    line-height: 120%;
    padding-top: 75px;
}
div#w3c { text-align: right; }

div.tn {
    line-height: 0px;
    margin: 0 0 12px 0;
}

div.tn a {
    display: block;
    border: none;
    text-decoration: none;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    background-color: #5b5b5b;
    padding: 10px;
}
div.tn a:hover {
    border-top: 1px solid #5b5b5b;
    border-left: 1px solid #5b5b5b;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #666
}

div.tn a img {
    display: block;
    border: 0;
}

div.left div.tn a img {
    margin: 0; padding: 0;
}

div#random {
    display: none;
}

div#popular {
    display: none;
}

div#recent {
    text-align: right;
}

.navbar {
    padding-bottom: 0px;
    margin-top: 4px;
    margin-right: -6px;
    width: 45em;
}

.navbar a {
    text-decoration: none;
    margin-top: 1px;
    background: #575750;
}

.white {
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    background: #575750;
    padding: 2px;
    margin-top: 0;
    display: block;
}


.navpleft {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    margin-right: 8px;
    padding-right: 8px;
}

span.status:before {
  content: "[";
}

span.status:after {
  content: "]";
}

span.status {
  color: #666;
  font-size: 80%;
}
div.featured {
  text-align: center;
  font-size: smaller;
}

div.featured div {
  font-size: smaller;
}

div.buttons {
  font-size: 12px;
  line-height: 8px;
  margin: 0.5em;
  margin-bottom: 0;
  margin-top: 0;
}
div.buttons p {
  margin: 0;
  padding: 0;
}

div.buttons img {
  display: inline;
}

/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */

/* Screen ------------------------------------------------------------------- */

@media projection, screen {

	/* Toggler - default style */
	.toggler {
	   margin:25px 0 25px 0;
		cursor:pointer;
		text-decoration: none;
		font-size: 1.4em;
		font-weight:bold;
		line-height:30px;
		display: block;
	}
a.toggler { color: #cccc99; }
	.toggler-closed {
		color:#333;
		padding-left:20px;
		height:30px;
		background: #575750 /* url('togglerc.gif')  center right no-repeat */;
		border: solid 1px #575750;
	}
	.toggler-closed:hover {
		color: #000;
		padding-left:20px;
		height:30px;
		background: #575750 /* url('togglerch.gif') center right no-repeat */;
		border: solid 1px #e3e3e3;
	}
	.toggler-opened {
		color:#333;
		padding-left:20px;
		height:30px;
		background: #575750; /* url('togglero.gif') center right no-repeat */;
		border: solid 1px #575750;
	}
	.toggler-opened:hover {
		color: #000;
		padding-left:20px;
		height:30px;
		background: #575750 /* url('toggleroh.gif') center right no-repeat */;
		border: solid 1px #e3e3e3;
	}

	/* Container - default style */
	/*
	.toggler-c {
	}
	*/
	.toggler-c-closed {
	   background:transparent;
	   border:solid 1px #e3e3e3;
		margin:-25px 0px 25px 0px;
	   padding:20px;
	}
	.toggler-c-opened {
		margin:-25px 0px 25px 0px;
	   padding:20px;
	   background: #575750;
	   border:solid 1px #575750;
	}

}

/* Print -------------------------------------------------------------------- */
@media print {

	.toggler-c { margin-bottom:25px; }
	.toggler { display: none; }

}