@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
	  
html { 
	font-size: 13px; 
	font-family: "Comic Sans MS", "Lucida Grande", Verdana, Arial, sans-serif; 
	}
body{background-color:#a9a9a9;}
#cover{
	background:0 0 repeat-y #a9a9a9 url(../images/bookinnards.gif);
	padding:0;margin:0;}

/*-----------------MASTHEAD-----------------*/
#masthead{
	background:transparent 0 0 no-repeat url(../images/booktop.jpg);
	border-top:#a9a9a9 solid 24px;
	height:103px;
	position:relative;
	width:922px;
	}
#comics {position:absolute; top:111px; left:66px; z-index:999;}
#bendewey {position:absolute; top:21px; left:52px;}
#topcontact {position:absolute; top:46px; right:72px;}
a img {border:none;} 
#navigation {
	position:absolute;
	z-index:2;
	right:88px; 
	top:77px;
	width:552px;
	height:26px;
	}
/*----------NO BOARD GAMES--------*/
#navigation {
	width:540px;}
/*#navigation ul {width:572px;}*/
#navigation ul {width:560px;}
/*---------------------------------*/

#navigation ul li {float:left; list-style:none;}
#navigation ul li a {display:block; height:26px;}

#navigation ul li#cov {width:129px;}
#navigation ul li#int {width:77px;}
#navigation ul li#con {width:94px;}
#navigation ul li#ill {width:92px;}
#navigation ul li#boa {width:104px;display:none;}
#navigation ul li#ske {width:92px;}
#navigation ul li#ben {width:48px;}

#cov a:link, #cov a:visited {background:transparent 0 0 no-repeat url(../images/navigation.gif);}
#int a:link, #int a:visited {background:transparent -129px 0 no-repeat url(../images/navigation.gif);}
#con a:link, #con a:visited {background:transparent -206px 0 no-repeat url(../images/navigation.gif);}
#ill a:link, #ill a:visited {background:transparent -300px 0 no-repeat url(../images/navigation.gif);}
#boa a:link, #boa a:visited {background:transparent -392px 0 no-repeat url(../images/navigation.gif);}
#ske a:link, #ske a:visited {background:transparent -544px 0 no-repeat url(../images/navigation.gif);}
#ben a:link, #ben a:visited {background:transparent -496px 0 no-repeat url(../images/navigation.gif);}

#cov a:hover, #cov a:active {background:transparent 0 -26px no-repeat url(../images/navigation.gif);}
#int a:hover, #int a:active {background:transparent -129px -26px no-repeat url(../images/navigation.gif);}
#con a:hover, #con a:active {background:transparent -206px -26px no-repeat url(../images/navigation.gif);}
#ill a:hover, #ill a:active {background:transparent -300px -26px no-repeat url(../images/navigation.gif);}
#boa a:hover, #boa a:active {background:transparent -392px -26px no-repeat url(../images/navigation.gif);}
#ske a:hover, #ske a:active {background:transparent -544px -26px no-repeat url(../images/navigation.gif);}
#ben a:hover, #ben a:active {background:transparent -496px -26px no-repeat url(../images/navigation.gif);}

html#covers #cov a{background:transparent 0 -26px no-repeat url(../images/navigation.gif);}
html#interi #int a{background:transparent -129px -26px no-repeat url(../images/navigation.gif);}
html#concep #con a{background:transparent -206px -26px no-repeat url(../images/navigation.gif);}
html#illust #ill a{background:transparent -300px -26px no-repeat url(../images/navigation.gif);}
html#boardg #boa a{background:transparent -392px -26px no-repeat url(../images/navigation.gif);}
html#sketch #ske a{background:transparent -544px -26px no-repeat url(../images/navigation.gif);}
html#bendew #ben a{background:transparent -496px -26px no-repeat url(../images/navigation.gif);}

#trimtop {position:absolute; bottom:-29px; left:28px; z-index:1;}

#panenav {
	display: block;
	text-align: center;
	}
#panenav * {
	display: inline;
	padding: 4px;
	user-select: none;
	cursor: pointer;
	vertical-align: middle;
	}
#panenav li.active {
	background-color: #66ccff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	-moz-border-radius: 3px;
	}
#window {
	width:774px;
	background-color:#fff; 
	position:relative;
	margin-left:51px;
	border:#cbcbc7 solid 1px;
	padding:12px;
	padding-bottom:16px;
	}
html#welcome #window {padding-bottom:10px;}

#still {position:absolute; top:158px; left:18px;}
#window #dewey {float:left; margin:1em 2em 1em 1em;}
html#bendew, html#rights #window {padding-bottom:2em;}
html#bendew #window p, html#rights #window p {color:#777; padding:1em;padding-bottom:0;padding-top:.75em;line-height:1.5em;}

/*----------INTERIORS--------*/
#window ul li{
	position:relative; 
	list-style:none;
	display:inline;
	padding:0;
	
	}
#window ul a {
		display:block;
		float:left;
		width:150px;
		height:155px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;
		text-align:center;
		margin:0 4px 4px 0;		
	}
#window ul a:link img{
		float:left;
		position:absolute;
		top:0;
		left:0;}
#window ul a:hover img{
		float:left;
		position:absolute;
		top:-155px;
		left:0;}
#clearance {display:block; clear:both;}

#window ul li p{text-align:center;text-transform:uppercase; font-size:12px;color:#a9a9a9;}
html#rights #window p {font-size:11px;}
h2 {padding:1em; padding-bottom:0; font-size:14px; color:#777; text-transform:uppercase;}

#panes {
	text-align: center;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:.07em;
	color:#a9a9a9;
	line-height:18px;
	padding-bottom:0;
	border-style: none;
	width:774px;
	}
#panes img {
	border:#cbcbc7 solid 1px; 
	margin:1px auto;
	}
html#welcome #panes img {padding-top:41px; border:2px solid #666;}
#panes img.caption {
	float:right;
	border:0;}
#panes p {
	width: 600px;
	margin: 0 auto 1em auto;
	line-height: 1.2em;
	}
#panes div div { overflow: hidden; }
#previous, #next { 
	float: none; 
	cursor: pointer; 
	position:absolute; 
	top:200px;
	}
#previous {
	left:-17px;
	visibility:hidden;
	}
#next {right:-17px;}
ul#buttons {
	position:absolute; 
	left:-9999px;
	}


/*-----------------FOOTER-----------------*/
#footer{
	margin:0;padding:0;
	position:relative;
	height:203px;
	width:922px;
	clear:both;
	background:#a9a9a9 0 -33px no-repeat url(../images/bookfoot.jpg);
	}
#upc {position:absolute; z-index:999; top:-82px; left:664px;}
.cite {text-transform:uppercase;font-size:9px;}
#trimbottom{position:absolute; top:-17px; left:28px; z-index:1;}
#footer #note{position:absolute;top:41px; left:300px;}
#bottomcontact {position:absolute; top:56px; left:51px;}

/*-----------------adjust for additional titling in lower right-----------------*/

#footer img{position:absolute; margin-bottom:-2px;}

a:link, a:visited {text-decoration:none; color:#444;}
a:hover, a:active {color:#000;}
abbr {text-decoration:none; border:0;}

/*---no images visible when loading---*/
#div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10,
#div11, #div12, #div13, #div14, #div15, #div16, #div17, #div18, #div19, #div20,
#div21, #div22, #div23, #div24, #div25, #div26, #div27, #div28, #div29, #div30 {display:none;}