body {
	background-color:#3A5188;
	background-image: url(/_images/bgfade-2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 2;
	color: #fff;
	padding:0;
	margin:0;
	font-size:90%;
}
h1
{
	font-size:2.5em;
	margin:5px 0 0 0;
}
h1,h2
{
	margin:0;
	color: #003399;
	padding: 10px 130px 0 10px;
	line-height:1;
	letter-spacing:-0.04em;
}
h2
{
margin:10px 0 0 0;
}
h3
{
margin:25px 0 0px 0;
line-height:1.7;
font-size:1.4em;
}

#bookimg {
	position:absolute;
	right:20px;
	top:65px;
	width:220px;
	height:233px;
	z-index:1;
}
li {
	list-style-type: square;
}
#bodycontent {
	margin:0 0 0 0;
	padding: 15px 265px 20px 20px;
	clear:both;
}
#bodycontent p,
#bodycontent li {
	line-height:1.6;
	font-size:1.2em;
}
a {
	color: #FFCC33;
}
.english {
	background-image: url(/_images/flags/uk.gif);
}
.japanese {
	background-image: url(/_images/flags/japan.gif);
}
.french {
	background-image: url(/_images/flags/france.gif);
}
.canadian {
	background-image: url(/_images/flags/canada.gif);
}
.us {
	background-image: url(/_images/flags/usa.gif);
}
.german {
	background-image: url(/_images/flags/germany.gif);
}
.sitepoint {
	background-image: url(/_images/flags/sitepoint.gif);
}
.english, .japanese, .french, .canadian, .us, .german, .sitepoint {
	background-repeat: no-repeat;
	background-position: left center;
	list-style:none;
	padding-left:25px;
}
a:hover {
	color: #FFFF66;
}
strong {
	color: #FFFF66;
	font-weight: normal;
}
h1 strong,h2 strong
{
color:#0000CC;
font-weight:bold;
}
#googleads
{
	margin:10px 0 20px -10px;
	clear:both;
	background-image: url(/_images/google-bg.png);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-left: 12px;
}
#nav
{
	float:left;
	width:100%;
	margin-top:30px;
	background-image: url(/_images/nav-bg-line.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#nav ul
{
padding:0;
margin:0 240px 0 20px;
}
#nav li
{
list-style:none;
float:left;
padding:0;
}
#nav li a
{
color:#0033CC;
border:1px solid gray;
text-decoration:none;
display:block;
padding:5px 9px;
margin:6px 0 0 1px;
background:#fff url(/_images/tabg-bg.jpg) repeat-x top;
line-height:1;
font-size:1.1em;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
body#about  #nav li a#nav-about,
body#news #nav li a#nav-news,
body#buy #nav li a#nav-buy,
body#reviews #nav li a#nav-reviews,
body#contact #nav li a#nav-contact,
body#htmlref #nav li a#nav-htmlref,
body#otherbooks #nav li a#nav-otherbooks
{
border-bottom:1px solid white;
margin:0 0 0 1px;
padding:8px 9px;
background:#fff url(/_images/tabg-bg-current.jpg) repeat-x top;
}
#nav li a:hover
{
background:#fff url(/_images/tabg-bg-current.jpg) repeat-x top;
border-bottom:1px solid white;
}
#firstpara
{
	color:#000033;
	background-image: url(/_images/alpha-1.png);
	padding: 0.8em;
	margin-right:10px;
	font-size: 1.3em;
}
#randomquote
{
	line-height:1.5;
	font-size:small;
	z-index:20;
	/*
	background-image: url(/_images/alpha-1.png);
	*/
	background:#5F719E;
	margin-bottom:30px;
	padding:0;
}
#randomquote blockquote
{
padding:8px 10px;
margin:0;
}
#randomquote blockquote p
{
margin:0 0 15px 0;
}
a img, map, area, img
{
border:none !important;
}
.floatleft
{
float:left;
margin:0 20px 10px 0;
}
legend
{
font-weight:bold;
}
label
{
width:200px;
display:block;
float:left;
}
#submit
{
margin-left:200px;
}
#orderdirect {
	position:absolute;
	right:55px;
	top:347px;
	z-index:21;
}
#findoutmore {
	position:absolute;
	right:55px;
	top:417px;
	z-index:21;
}

.testimonial
{
	border:1px solid #3A5188;
	padding:1.2em;
	line-height:1.9;
	background-image: url(_images/testimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.testimonial blockquote
{
	margin:0;
	background-image: url(_images/quotes.gif);
	background-repeat: no-repeat;
	background-position: center center;font:1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

/* Blog-specific styles */
h3.post-title,
#comments h4
{
padding:0.2em 0.5em;
background:#273B6C;
font-family:"Trebuchet MS"
}
.post p
{
padding:0.2em 0.5em;
line-height:1.8;
}
#single-post-metadata
{
border-top:2px solid #273B6C;
font-family:verdana, helvetica, sans-serif;
font-size:0.6em;
line-height:1.2;
}
#single-post-metadata p,
.post-footer-header
{
padding:0.1em 0 0 0.3em;
}

#comments
{
background:#485E94;
border:1px solid #273B6C;
}
#comments textarea
{
background:#D8DEEF;
font-weight:bold;
color:#192C59;
}
#comments form
{
padding:0 0 1em 1em;
}
#comments h4
{
margin:0;
}
.alignleft
{
float:left;
}
.alignright
{
float:right;
}
.middle
{
text-align:center;
}
.post-date-home
{
float:right;
font-family:"Trebuchet MS",sans-serif;
margin:1.3em 0 0.2em 0.7em;
color:orange;
font-size:small;
}
h3.post-title a
{
text-decoration:none;
color:white;
}
h3.post-title a:hover
{
color:orange;
}

#leadtextad
{
position:absolute;
bottom:100%;
color:#FFFFFF;
font-size:1em;
}
#footerbreadbutter
{
	width:500px;
}
#footerbreadbutter
{
	font-size:10px;
	font-family:arial, sans-serif;
	color:#fff;
}
#sidebarbits
{
	position:absolute;
	right:42px;
	top:500px;
	width:196px;
}
#sidebarbits ul, 
#sidebarbits li 
{
	padding:0;
	margin:0;
	list-style:none;
}
#sidebarbits li 
{
	line-height:1.3;
	font-family:arial, sans-serif;
	font-weight:normal;
	font-size:0.8em;
	padding-left:10px;
	background: url(/_images/sidebar-bullet.gif) no-repeat 0px 5px;
}
#breadbutter-sidebar
{
	margin-top:35px;
	padding:8px;
	background: url(/_images/sidebar-ads-bg.gif) repeat-x top;
}
#breadbutter-sidebar h4
{
margin:0;
font-family:arial, sans-serif;
}
#siprs
{
	font-family:arial, sans-serif;
	line-height:1.2;
	font-weight:normal;
	border:1px solid gray;
	padding:4px;
}
p#siprs
{
	font-size:0.8em;
}
#buyoptions {font-size:1.4em;}
.imgfloatleft {float:left;margin:0 10px 10px 0;}
.imgfloatright {float:right;margin:0 0 10px 10px;}

@media print
{
	#googleads, #nav, #randomquote
	{
		display:none !important;
	}
	body
	{
	line-height:1.5;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	}
	h1
	{
	font-size:large;
	}
	h2
	{
	font-size:medium;
	}
}

@media screen and (max-device-width: 480px)
{
	h1 {font-size:3.3em;}
	h2 {font-size:2.3em;}
	div#bodycontent {font-size:2.5em;}
	#nav ul li a {font-size:1.7em;}
	#randomquote p {font-size:2em;}
	.crufty {display:none;}
	#firstpara {line-height:1.4;}
	body#about  #nav li a#nav-about,
	body#news #nav li a#nav-news,
	body#buy #nav li a#nav-buy,
	body#reviews #nav li a#nav-reviews,
	body#contact #nav li a#nav-contact,
	body#htmlref #nav li a#nav-htmlref,
	body#otherbooks #nav li a#nav-otherbooks,
	#nav li a
	{
		margin:6px 10px 5px 1px;
		border:2px solid #036;
		width:200px;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		padding:5px 9px;
	}
	#nav
	{
		background-image: none;
		margin-bottom:-20px;
	}
}