/*
	global.css
	stylesheet for dot-font.com
	created Feb 3 2007 by Paul Novitski, juniperwebcraft.com
*/

/*====================
global
====================*/
*
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Sans-Serif;
	font-style: normal;
	font-weight: normal;
}
html
{
	height: 100%;
}
body
{
	height: 100%;
	font-size: 99%;
}
a
{
	text-decoration: none;
	color: #006666;
}
a:hover
{
	color: #993400;
}
em
{
	font-style: italic;
}
strong
{
	font-weight: bold;
}
ul
{
	list-style-type: none;
}
/*====================
page
====================*/
div#pagewrap
{
	position: relative;
	min-height: 100%;
	text-align: left;
	background-color: #FFF;
	color: #000;
}
* html div#pagewrap
{
		height: 100%;
}
/* This ensures a healthy gap between content & header */
div#pagewrap hr
{
	clear: left;
	visibility: hidden;
	height: 3em;
}
/*====================
header / masthead
====================*/
h1,
h1 img,
h1 a
{
	width: 760px;
	height: 149px;
}
h1 a img
{
	border: none;
}
/*====================
site menu
====================*/
ul#sitenav
{
	width: 760px;
	height: 17px;
}
ul#sitenav li
{
	float: left;
}
ul#sitenav li a
{
	display: block;
	height: 17px;
	border: none;
	background: url("/images/dot-font-navbar.gif") left top no-repeat;
}
ul#sitenav li span
{
	position: absolute;
	left: -1000em;
}
ul#sitenav li a:hover
{
	background: url("/images/dot-font-navbar.gif") 0px -17px no-repeat;
}
ul#sitenav li.books		a { width: 173px; }
ul#sitenav li.column	a { width: 128px; }
ul#sitenav li.publisher a { width: 150px; }
ul#sitenav li.jdb		a { width: 309px; }

ul#sitenav li.books		a		{ background-position:   0px 0px; }
ul#sitenav li.column	a		{ background-position: -173px 0px; }
ul#sitenav li.publisher a		{ background-position: -301px 0px; }
ul#sitenav li.jdb		a		{ background-position: -451px 0px; }

ul#sitenav li.books		a:hover { background-position:   0px -17px; }
ul#sitenav li.column	a:hover { background-position: -173px -17px; }
ul#sitenav li.publisher a:hover { background-position: -301px -17px; }
ul#sitenav li.jdb		a:hover { background-position: -451px -17px; }

/*====================
column 1
====================*/
div#column1
{
	clear: left;
	float: left;
	margin-left: 70px;
}
* html div#column1
{
	margin-left: 35px;
}
div#column1 p
{
	margin: 12px 0;
	background-color: #FFF;
}


div#column1 p.bookcover
{
	float: left;
}
div#column1 p#bookcover1
{
	margin-left: 2px;
}
div#column1 p#bookcover2
{
	margin-left: 20px;
}


div#column1 p.bookcover a
{
	display: block;
	overflow: hidden;
	width: 96px;
	height: 139px;
	border: 1px solid #000;
}
div#column1 p.bookcover a:hover
{
	border-color: #993400;
}


div#column1 p.bookcover a img
{
	border: none;
}
div#column1 p.bookcover a:hover img
{
	margin-left: -96px;
}



div#column1 p.byline
{
	clear: left;
}
div#column1 p.byline img
{
	width: 226px;
	height: 32px;
}
div#column1 img.callout
{
	display: block;
	width: 226px;
	height: 173px;
}
/*====================
column 2
====================*/
div#column2
{
	float: left;
	width: 315px;
	margin-top: 8px;
	margin-left: 15px;
}
div#column2 img.first
{
	margin-top: 4px;
}
div#column2 h2
{
	margin-bottom: .8em;
	font-size: .75em;
}
div#column2 h3
{
	margin-bottom: .6em;
	font-size: .8em;
}
div#column2 p,
div#column2 ul.downloads li
{
	font-size: .65em;
	line-height: 1.5;
}
div#column2 p,
div#column2 ul.downloads
{
	margin-bottom: 0.9375em;
}
div#column2 ul.downloads
{
	margin-left: 1em;
	list-style-type: disc;
}
div#column2 a
{
	color: #666633;
	color: #006666;
}
div#column2 a:hover
{
	color: #993400;
}
span.title
{
	font-style: italic;
}
span.sitetitle
{
	font-weight: bold;
	color: #993400;
}
cite
{
	color: #993300;
}
p.venue
{
}
div#column2 p.separator
{
}

/*====================
column 3
====================*/
div#column3
{
	float: left;
	width: 108px;
	margin-top: 8px;
	margin-left: 18px;
	font-size: x-small;
}
div#column3 p
{
	margin: 0 0 13px 0;
}
div#column3 p a
{
	border: none;
}
div#column3 p img
{
	display: block;
	padding: 2px 0px;
	border: 1px dotted #FFF;
}
div#column3 p a:hover img
{
	border-color: #993400;
}

/*====================
footer
====================*/
div#footer
{
	position: relative;
	width: 760px;
	margin-top: -3em;
	font-size: x-small;
}
div#footer p
{
	line-height: 1.5;
}
div#footer p.copyright
{
	float: left;
	width: 288px;
	padding-top: 1.5em;
	text-align: right;
}
div#footer p.credit
{
	float: left;
	width: 288px;
	margin-left: 20px;
}
div#footer a
{
	font-weight: bold;
	color: #000;
	color: #993300;
	color: #000;
	color: #006666;
}
div#footer a:hover
{
	color: #993400;
}