/* CSS Document */

/*-----------------------------------------------
'	Company:ehaus ltd (http://www.ehaus.co.uk/)
'	Copyright © 2006, All rights reserved.
'	Date Created: May 2006
'
'	Last Modified Date: May 2006
'	Last Modified By: Joe
------------------------------------------------*/

html {margin: 0; padding: 0;}
body {background: url("/saqi/images/bg_header.png") repeat-x; padding:0; margin:10px; text-align:left; background: #fff; color: #333; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height:140%; font-style:normal; font-weight:normal; letter-spacing:0.1px; text-align:center; font-size:xx-small; voice-family: "\"}\""; voice-family: inherit; font-size:x-small;}
html>body{font-size:x-small;}

h1, h2, h3 {font-weight:bold; margin:0; padding:0;}
h1 {font-size:170%; line-height:170%;}
h2 {font-size:150%; line-height:150%;}
h3 {font-size:110%; line-height:110%;}

.displayh {margin:0; padding:0; text-transform:uppercase;}
.hide {display: none;}
.title {font-weight: bold;}
.heading {font-size:120%;font-weight:600;}

a:link, a:active, a:visited {color:#06c; text-decoration:none;}
a:hover {color: #CB3D40;}
a.add:link, a.add:visited, a.add:hover {background:url("/saqi/images/btn_add2b.png") no-repeat; height:18px; width: 86px; display:block; border:0; margin:6px 0 8px 0; float:left;}
a.add:hover {background-position:0 -18px;}
a.more:link, a.more:visited, a.more:hover {background:url("/saqi/images/btn_more_info.png") no-repeat; height:18px; width: 65px; display:block; border:0; margin:6px 0 8px 6px; float:left;}
a.more:hover {background-position:0 -18px;}
a.close:link, a.close:visited, a.close:hover {background:url("/saqi/images/btn_close.png") no-repeat; height:18px; width: 100px; display:block; border:0; margin:22px 8px 22px 6px; float:right;}
a.close:hover {background-position:0 -18px;}

#wrapper {margin:0 auto; width:770px; border: 1px solid #3A3A3A; text-align:left;}

#header {height:72px; background:url("/saqi/images/bg_header.png") repeat-x; width:770px;}
#header .logo {height:50px; width: 340px; float:left; /*background:url("/saqi/images/header_image.png") bottom left no-repeat; */margin: 0 0 6px 10px;}
#header .title {position: relative; top: 28px; left:0; width: 320px; height: 19px; border: 0;}
#header h1 span {display: none;}
#header h2 span {display: none;}
#header .qsearch {float:left; width:380px;}

#header form {float: right; margin: 30px 10px 0 0; }
#header .searchbox {width:100px; border:1px solid #3a3a3a; height:12px; margin:0; padding:1px; vertical-align: bottom; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:92%;}
.goBtn {height:16px; width:24px; border:0; margin:0 0 0 3px; padding: 0; vertical-align: bottom;}

#nav {margin:0; padding:0; float:left; border-top: 1px solid #3A3A3A; border-bottom: 1px solid #3A3A3A; width:100%;}
* html #nav {font-size: 10px;}
#nav ul {margin: 0; padding:1px 0; list-style: none; display:inline;}
#nav li {float: left; list-style: none; border-right:1px solid #3A3A3A;;}

#nav a:link, #nav a:visited, #nav a:active {text-align:center; padding: 3px 0; display:block; text-decoration:none; color: #222;}
#nav a:hover {text-decoration: none;}
#nav li.last {border-right: 0;}

.art {background: #FF9397; width: 114px;}
.art:hover {background: #D86C70;}
.biog {background: #F3CA92; width: 83px;}
.biog:hover {background: #CCA36B;}
.cult {background: #FAF99F; width: 123px;}
.cult:hover {background: #D3D278;}
.fict {background: #C6DF9E; width: 69px;}
.fict:hover {background: #9FB877;}
.food {background: #7FCA9F; width: 94px;}
.food:hover {background: #58A378;}
.hist {background: #74C7E7; width: 68px;}
.hist:hover {background: #4DA0C0;}
.phil {background: #FF95C5; width: 140px;}
.phil:hover {background: #D86E9E;}
.poli {background: #CDCCF6; width: 72px;}
.poli:hover {background: #A6A5CF;}

#content {background:url("/saqi/images/bg_content.png") repeat-y top left; clear:both; /*min-height:500px;*/} /* this min-height is a hack that doesn't quite work */

#leftcol {float:left; text-align:center; width:115px; font-size: 110%; line-height: 100%; color: #333; padding-bottom:30px;}
#leftcol .logo {margin:21px 0 17px 0; border:0;}
#leftcol ul {list-style:none; padding:0; margin:0 0 3em 0; border-top:1px solid #3A3A3A; width:100%;}
#leftcol li {list-style:none; width:100%; margin:0; padding:0;}
#leftcol ul li a:link, #leftcol ul li a:visited {text-decoration: none; color: #3A3A3A; display:block; margin-right:1px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#leftcol ul li a:hover, #leftcol ul li a:active {background-color: #efefef; border-color: #cfcfcf;}
#leftcol .margin {padding:1em 0 0 0;}
#leftcol a:link, #leftcol a:visited {text-decoration: none; color: #3A3A3A; display:block; margin-right:1px; /*border-top:1px solid #fff;*/ border-bottom:1px solid #fff;}
#leftcol a:hover, #leftcol a:active {background-color: #efefef; border-color: #cfcfcf;}
#leftcol .lowernav {border-top:0px;}

#leftcol form {margin: 4px 0 20px 0; padding:0;}
#leftcol .emailbox {width: 70px; border: 1px solid #3a3a3a; height: 12px;  margin:0; padding:1px; vertical-align: bottom; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:92%;}
.clearer {clear: left; line-height: 0; height: 0;}

#main {text-align:left; margin:0 0 0 140px; padding:50px 0 30px 0; font-size:110%;}
#editArea {margin:0 5px 0 5px; padding:20px; border-top:1px solid #3a3a3a;}

.displayImgCol {float:left; padding:0 0 0 0;width:auto;}
.displayTxtCol {float:left; margin:0 0 10px 6px;line-height: 170%;width:365px;;}


.clearer {clear: left; line-height: 0; height: 0;}
.pageTitle {margin:0 30px 0 0; text-transform: uppercase; letter-spacing: 1px; color: #666;} 

#results {margin: 0; padding: 0 0 20px 0; width: 100%; float:left;}
#results ol {list-style:none; float:left; margin:0 0 10px 0; padding: 0 0 10px 0; width: 100%; border-bottom:1px solid #999;}
#results ol li {list-style: none; clear: both; margin: 0 5px; padding:6px 0; border-top:1px solid #999; display: block;}
#results ol li p {margin:0; padding: 0;}
#results .imgCol {float:left; width:70px; margin:8px 0 0 0;}
#results .txtCol {margin: 0 0 0 75px; line-height:150%;}

.searchNav {text-align: center; padding: 0; margin:0 0 8px 0; line-height:200%;}
.searchNav p {margin: 0 0 0.2em 0; padding:0;}
.searchNav span {padding: 1px 4px 1px 4px; margin: 0; color: #000;}
.searchNav a:link, .searchNav a:visited, .searchNav a:active {font-weight: bold; background: #fff; text-decoration: none; padding: 1px 5px; border: 1px solid #ddd; margin:12px 1px 0 1px;}
.searchNav a:hover {border: 1px solid #bbb; background: #efefef;}

#list {float:left; margin:0; padding: 0 0 20px 0; width:100%;}
#list ul {list-style: none; display:inline; margin:0 0 30px 0; padding: 0; width: 100%;}
#list li {list-style: none; text-align: center; margin:0 auto; margin-bottom: 30px; float:left; width:180px;}
#list li p {margin:10px 0 0 0; padding:0;}
#list li img {border:0;}

#footer {margin:0 auto; clear:both; padding:12px; text-align:center; width:750px; letter-spacing:0;}
#footer ul {list-style:none; margin:3px 0 0 0; padding: 0;}
#footer li {list-style:none; display:inline; padding:0; margin:0;}
#footer a:link, #footer a:visited {text-decoration: none; color: #3A3A3A; margin: 0; padding:0 6px; background: url("/saqi/images/pipe.gif") no-repeat 100% 50%;}
#footer a:hover, #footer a:active {background-color: #efefef;}
#footer a.last:link, #footer a.last:visited {background: none;}
#footer a.last:hover, #footer a.last:active {background-color: #efefef;}

#indexleftcol {float:left;width:60%; min-height:100%;padding-right:2%;}
* html #indexleftcol {height:100%;}
#indexrightcol {float:right; width:34%;border:0px;padding:0;border-left:1px solid #dcdcdc;padding-left:2%;}
#indexcaption {font-weight: bold; padding: 0 0 12px 115px; text-align: center; font-size: 112%;}

ul.booklist-3 {list-style: none; margin-top: 1.4em;}
ul.booklist-3 li {list-style: none; float: left; width: 32%; padding: 2% 1.3% 1% 0; margin-bottom: 0.6em;}