body
{
	background: #eee;
	padding: 0;
	margin: 0;
}

body, p, td, li
{
	color: #444;
	font-family: "ITC New Baskerville", "Baskerville", "Palatino Linotype", "Bitstream Vera Serif", georgia, "Times New Roman", serif;
	font-size: medium;
}

a:link
{
	color: #09F;
}

a:visited
{
color: #666;
}

#container /* offset for letting the body background show through */
{
	padding: 0;
	margin: 10px 10px 10px 10px;
	background: #fff;
	border: 1px solid #ccc;
}

#box
{
	padding: 0 10px 10px 10px;
	margin-left: 10px;
}

.nav
{
	font-family: univers, "Univers 55", myriad, "Lucida Grande", "Franklin Gothic Medium", "Bitstream Vera Sans", verdana, helvetica, sans-serif;
	font-size: medium;
	font-style: oblique;
}

.footer
{
	font-size: small;
	font-weight: bold;
	margin-left: 5px;
}

/* MAIN NAV */


#header
{
	background: #000000;
	color: #CCCCCC;
	padding: 0;
	margin: 0;
	height: 1%; /* IE 6 bug fix */
}

#logo
{
	float: left;
	padding: 0;
	vertical-align: middle;
}


#main-nav
{
	padding: 10px;
	border-bottom: 1px solid #0099FF;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
	text-align: right;
	height: 1%; /* IE 6 bug fix */
}

#main-nav ul li a:link
{
color: #0099FF;
}

#main-nav ul li a:visited
{
color: #ccc;
}

#main-nav ul, #main-nav li
{
	display: inline;
	margin: 10px;
	padding: 0;
	color: #666;
	font-weight: bold;
}

h1.swap
{
	height: 17px;
	width: 81px;
	background-image: url("/images/logo_jjgnet.gif");
	background-repeat: no-repeat;
	margin: 0;
	vertical-align: middle;
}

h1.swap span
{
	display: none;
}

#pinstripe
{
height: 2px;
background: #000;
margin-bottom: 10px;
font-size: 0px; /* IE 6 bug fix */
}

/* END MAIN NAV */

/* RIGHT NAV */

#rightnav
{
	float: right;
	border: 1px dotted #09F;
	font-size: 11px;
	margin: 0 5px 20px 20px;
	padding: 5px;
}

#rightnav h3
{
	margin: 0;
	padding: 0;
	font-size: 13px;
}

#rightnav h3 a:hover
{
	text-decoration: underline;
	color: #000;
}

.submenu
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.submenu li
{
	margin-top: 5px;
	background: #eee;
	border-style: solid;
	border-width: 1px;
	border-color: #DEDEDE #CCC #CCC #DEDEDE;
}

.submenu a
{
	text-align: left;
	font-size: 11px;
	display: block;
	padding: 3px;
	color: #09F;
	font-weight: bold;
	text-decoration: none;
}

.submenu a:hover
{
	background: #ccc;
	color: #000;
	text-decoration: underline;
}

/* old hover border styles maybe to be restored someday

	border-color: #dedede #999 #999 #dedede;
	border-width: 1px;
	border-style: solid;

*/

/* END RIGHT NAV */


h1
{
	font-size: large;
	color: #000000;
}

hr
{
	color: #000;
	border-style: solid;
	border-top: 1px;
}


img.icon
{
	float: left;
	padding-right: 10px;
	vertical-align: top;
	border-style: none;
}

img.photo
{
	float: left;
	padding-right: 10px;
	vertical-align: top;
	border-style: none;
	margin: 5px 10px 5px 0px;
}


img.illo
{
	padding: 10px;
	border-style: none;
}

img.smallcover
{
	padding: 0;
	border-style: none;
}

p.illo
{
	text-align: center;
}

.sidebox
{
	padding: 10px 10px 1px 10px;
	margin: 10px 10px 0 10px;
	background-color: #CCC;
}

#pathbox
{
	padding: 0 5px 0 5px;
	margin: 10px 10px 0 10px;
}

.graybox
{
	padding: 10px;
	background-color: #CCC;
	width: 75%;
	color: #000;
}

.sublist
{
	list-style-type: none;
}

/* BLOG */

.fronthed
{
	border: 1px dotted #09F;
	font-family: univers, "Univers 55", myriad, "Lucida Grande", "Franklin Gothic Medium", "Bitstream Vera Sans", verdana, helvetica, sans-serif;
	font-size: medium;
	font-style: oblique;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #eee;
	color: #333;
}

#flushright h2, #flushright li, .link-note, #powered
{
	text-align: right;
}

.sidelist li
{
	font-size: small;
	line-height: 100%;
	margin-top: 5px;
}


/* BOOK */

#coverimage {
	float: left;
	vertical-align: top;
	border: none;
	margin: 0 30px 40px 0;
}

#bookrevrule
{
	clear: both;
	width: 100%;
}

#bookcovertext
{
	float: left;
	width: 50%;
	margin: -6px 30px 30px 0;
	vertical-align: top;
}

#bookblurbs
{
	margin: 10px;
}

#bookreviews
{
	text-align: center;
}

/* END BOOK */