/* CSS Document */

/*-----------------------------------------------
'	Title: Screen styles fo Virago Press
'	Author: Ehaus Ltd (http://www.ehaus.co.uk/)
'	Copyright: Copyright © 2006, All rights reserved.
'	Date Created: September 2006
'
'	Updated: September 2006
'	Updated By: Joe
------------------------------------------------*/


* {margin: 0; padding: 0; color: #333; font-family: "Trebuchet MS", Trebuchet, geneva, verdana, sans-serif; line-height:140%; letter-spacing:0.1px; font-size: x-small; voice-family: "\"}\""; voice-family: inherit;font-size:small;}
html>* {font-size:small;}

body {margin: 0; padding: 0; behavior: url("include/csshover.htc"); background: url("../images/bg_body.png") top left repeat-y #fff;}
p, q {margin:0 0 0.8em 0;}
.bold {font-weight: bold;}
.italics {	font-style : italic;}

h2 {font-size: 200%;}
h3 {font-size: 160%; margin: 0.2em 0 0.5em 0; font-weight: bold;}
h4 {font-size: 110%; margin: 0; font-weight: bold;}

#container {width: 820px; padding: 0; margin: 0; z-index: 1; position: relative;}

a:link, a:active, a:visited {color: #cc0033; text-decoration: none;}
a:hover {background: #FBCFD1;}
a.green:link {color: #00776F;}
a.green:hover {background: #D9F3F2;} 
a.green:visited {color: #00776F;}
a.green:active {color: #00776F;}

.hide, #printLogo, #accessibility {display: none;}
.jacketSm, .jacketLrg {border: 1px solid #008D84; background: #fdfdfd; padding: 12px;}
.jacketM {align:left; border: 1px solid #008D84; background: #fdfdfd; padding: 12px;}
.jacketm {align:left; border: 1px solid #008D84; background: #fdfdfd; padding: 12px;}
.jacketSm {float: right; margin: 0 0 0 4px;}
.jacketLrg {float: left; margin: 5px 12px;}
.author {float:right; padding:4px 4px 4px 4px;border: 1px solid #008D84; background: #fdfdfd; padding: 12px;}
.staffpic {border: 1px solid #cecece; background: #fdfdfd; padding: 5px 5px 12px 5px; margin: 0 4px 4px 0; float: left;}
.gutter {margin: 20px 0 0 0;}
.fixheight {min-height:190px;}
.quote {border-left: 1px dotted #008D84;padding:3px;}
* html .fixheight {height:190px;}
h4.ured {color:#cc0000;text-transform:uppercase;}

#index-banner {clear: both; padding: 0; float: left; margin: 1em 0 0 0;}
#index-banner h2 {display: block; width: 820px; height: 130px; margin: 1em 0 0 0; background: url("../images/home_banner.gif") top left no-repeat #F8F8F8;}
#index-banner h2 span {display: none;}

#contentLcol {clear: both; width: 820px; height: 10px; background: url("../images/bg_content_lcol.png") top left repeat-x; padding: 0; margin: 2em 0 0 0;}
#content {width: 100%; float: left; padding: 0 0 4em 0; margin: 0; border-bottom: 1px dotted #999;}
/*#content {clear: both; width: 100%; padding: 0; margin: 0;}*/

a.newsletter:link, a.newsletter:visited  {position: absolute; top:0; right: 0; width: 776px; display: block; text-align: right; color: #fff; background: url("../images/newsletter.gif") 778px 2px no-repeat #008D84; padding:1px 44px 1px 0; margin: 0; height: 20px; font-weight:bold;}
a.newsletter:hover, a.newsletter:active {text-decoration: none; color: #fff; background-color: #006F68;}

a.title:link, a.title:visited {font-weight: bold;line-height: 150%;}
a.title:hover, a.title: active {font-weight: bold;line-height: 150%;}

#header {background: #00B0A5; padding: 0; margin: 0; position: relative; height: 160px;}
#header h1 {position: absolute; top: 24px; left: 4px; margin: 0; font-size: 2px; z-index: 5;}
#header h1 a {display: block; background: url("../images/logo.png") top left no-repeat; width: 320px; height: 122px; text-indent: -1000px; margin:0; padding: 0;}

#topLinks {text-align: right; position: absolute; width: 800px; margin: 0 auto; top: 38px;}
#topLinks li {list-style: none; float: right;  z-index: 2;}
#topLinks li a {line-height: 0.9em; color: #fff; text-decoration: none; font-weight:bold; padding: 0 8px; margin: 0; border-left: 1px solid #54CAC3;}
#topLinks li a:hover {text-decoration: none; background: #008D84;}
#topLinks li a.lastLi, #footer li a.lastLi {border: none;}

#qsearch {text-align: right; margin: 0 auto; position: absolute; width: 800px; top: 70px;}
#qsearch fieldset {border: 0; text-align: right; display: inline;}
#qsearch legend {display: none;}
#qsearch form {color: #fff; font-weight: bold;}
#qsearch form label {display: none; margin: 0px;}
#qsearch select {width: 100px; font-size: 11px;  margin: 0 5px 0 0;}
#qsearch input {width: 150px; margin: 0 5px 0 0; padding:1px; }
#qsearch form #qsearch-go {width: 32px; height: 18px; border: 0; padding:0; margin: 1px 0;}

/*global navigation*/
#nav2 {position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; z-index: 10;}
#nav2 ul {height: 30px; position: relative; list-style: none; display:inline; margin:0; padding:0;  background: #00B0A5;}
#nav2 ul li {height: 22px; position: relative; list-style: none; float: right; background: url("../images/nav_vert.gif") top left no-repeat #F8F8F8; padding: 8px 0 0 0;}
#nav2 ul li.left {float: right; background: url("../images/nav_curve.png") top left no-repeat #F8F8F8;  padding-left: 70px; list-style: none;}
#nav2 ul li a {font-weight:bold; color: #B52300; text-decoration: none; padding: 0 6px; margin: 0; display:block;}
#nav2 ul li a:hover {color: #00776F; background: transparent;}

#nav2 ul ul {display: none; position: absolute; top: 30px; left: 0; width: 255px; background: none;}
#nav2 ul li:hover ul {display: inline;}
#nav2 ul ul li {list-style:none; border:0; margin: 0; padding: 0; line-height:100%; float: left; color: #ccc; background: #fff;}
#nav2 ul ul a:link, #nav2 ul ul a:visited {font-weight: normal; display:inline; margin:0; padding: 0 6px; font-size:100%; float: left;}
#nav2 ul ul a:hover {color: #00776F; background: transparent;}

/*old nav*/
#nav {position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; z-index: 10;}
#nav ul {height: 30px; list-style: none; display:inline; margin:0; padding:0;  background: #00B0A5;}
#nav ul li {height: 22px; list-style: none; float: right; background: url("../images/nav_vert.gif") top left no-repeat #F8F8F8; padding: 8px 0 0 0;}
#nav ul li.left {float: right; background: url("../images/nav_curve.png") top left no-repeat #F8F8F8;  padding-left: 70px; list-style: none;}
#nav ul li a {font-weight:bold; color: #B52300; text-decoration: none; padding: 0 6px; margin: 0; display:block;}
#nav ul li a:hover {color: #00776F; background: transparent;}

div.DropDown h2 {display:none;}
div.DropDown {position:absolute; border:0; margin: 0; padding:0; display:none;}
div.DropDown ul {margin:0; padding:0; border:0; text-decoration:none; background:#fff;}
div.DropDown li {list-style:none; border:0; margin:0; padding:2px 0 4px 8px; line-height:100%; float: left; color: #ccc; background:#fff;}
div.DropDown a:link, div.DropDown a:visited {display:inline; margin:0; padding: 0 6px 0 0; font-size:100%; float: left;}
div.DropDown a:hover {color: #00776F; background: transparent;}

#contentIndex {width: 100%; float: left; padding: 0; margin: 0; border-bottom: 1px dotted #999;}

#indexNew {clear: left; float: left; width: 760px; padding: 0 30px 30px 30px; margin: 30px 0 0 0;}
#indexNew ul {float: left; list-style: none; margin: 1.4em 0 0 0;}
#indexNew li {list-style: none; margin: 0 5px; float: left;}
#indexNew li a img {float: left;}
#indexNew span {display: none;}
#indexNew.win {width:85%;}
#indexNew.win li {margin: 0 3px;}

#display {width:590px; float:left; margin-left:10px;}
#display dl {margin: 0; padding:0; line-height:170%;}
#display dt {margin:0 0 0.8em 0; padding:0 0 6px 0; border-bottom:1px dotted #333333; color: #333333; display:block; font-weight: bold; font-family:"Trebuchet MS", verdana, Arial; font-size:140%; line-height:140%; letter-spacing: 0.1em; text-transform: uppercase;}
#display .biblio {clear: left; border-top: 1px dotted #333333; padding: 1em 0 0 0;}
#display .jacket {float:left; padding: 0 0 1em 0;}
#display h4.name, .name  {font-size:140%; line-height:140%; letter-spacing: 0.1em; text-transform: uppercase; margin: 0.8em 0; padding:0 0 6px 0; border-bottom:1px dotted #333333;}
#leftcol {float:left; position: relative; width:200px; padding: 20px 0px 40px 10px; background:#F8F8F8; border-bottom: 4px solid #008D84;}
#leftcol ul {list-style:none;}
#leftcol li {list-style:none;}

.indexCol1 {float:left; border-right: 1px dotted #999; width: 420px; padding: 20px 18px 60px 30px;}
.indexCol2 {position: relative; float:left; width: 300px; padding: 20px 0 60px 20px; background: url("../images/meet_bg.png") 180px 51px no-repeat;}
.indexCol2 p.padding, .indexCol2 h4 {padding-right: 145px;}
.authormonth {position: absolute; top: 65px; right: 19px;}
.imgvmc {float: right; border: 0; margin: 0 0 0 4px;}

.pageCol1 {float:left; border-right: 1px dotted #999;border-top:1px dotted #999; width: 360px; padding: 20px 18px 20px 30px;margin-top:30px;}
.pageCol2 {position: relative; float:left; width: 360px; padding: 20px 18px 20px 30px;margin-top:30px;border-top:1px dotted #999; }

.dottedline {border-bottom:1px dotted #999;w idth:100%;}

/* class added for index Three Book Display */
.indexThree {width: 420px;}
.indexThree ul {float: left; list-style: none; margin-bottom: 2em; width: 420px;}
.indexThree li {list-style: none; padding: 0 12px 0 0; margin: 0; float: left;}
.indexThree li a img {float: left; margin: 0 0 5px 0;}

#author-banner {width: 454px; margin: 0 auto; text-align: center; border: 1px solid #008D84; background: #fdfdfd; padding: 10px 10px;}
#author-banner a img {margin: 0 5px; border: 0;}
#author-banner a:hover {background-color: #fff;}

#footer {clear: both; width: 820px; margin: 0 auto; text-align: center; padding: 20px 0 30px 0;}
#footer ul {list-style: none; margin: 0 auto; padding: 20px 0 30px 0; background: url("../images/footer_horiz.png") top no-repeat;}
#footer li {list-style: none; display: inline; margin: 0; padding: 0;}
#footer a {padding: 0 8px; margin: 0 0 0 -4px; border-right: 1px solid #D08481; line-height: 0.9em;}

.ehaus {text-align: center; padding: 2em 0 4em;margin: 0;}
.entry {margin:0; padding: 0;}
.dots {border-bottom: 1px dotted #999; width:100%;padding:5px 5px 5px 5px;}

/* newsletter */
#leftNewsSide {float:left; position: relative; width:200px; padding: 20px 0px 40px 10px; background:#F8F8F8; }