/* CSS Document */
/* ------------ */

/* Universal styles */

body { text-align: center; background-color: #FFF; background-image: url(images/body2.gif); background-position: center; background-repeat: repeat-y; font-family: Georgia, serif; font-size: 76%; }

p, h1, h2, h3, h4, h5, ul, ol, li, div, img { margin: 0; padding: 0; background-position: left top; background-repeat: no-repeat; line-height: 1.6em; padding-bottom: .5em; margin-bottom: .5em; }

ul, ol { list-style-type: disc; list-style-position: inside; }
	li { padding-bottom: .1em; margin-bottom: .1em; }

h2 { font-size: 2.8em; color: #BD0B28; line-height: 1.4em; }
h3 { font-size: 2.1em; color: #BD0B28; }
h4 { font-size: 1.6em; color: #666; }
p { font-size: 1.6em; } 
ul { font-size: 1.6em; }
h5 { font-size: 1.2em; line-height: 1.2em; margin-bottom: .25em; padding-bottom: .25em; }

a:link, a:visited { text-decoration: none; color: #BD0B28; }
a.contact, a.contact:link, a.contact:visited { color: #FFF; }
a:hover { text-decoration: underline; }

img { border: none; }
	img.inline { float: left; margin-right: 1em; margin-bottom: 1em; }
	img.inline-left { float: left; margin-right: 1em; margin-bottom: 1em; }
	img.inline-right { float: right; margin-left: 1em; margin-bottom: 1em; }

hr { display: none; }

.nopadding { margin: 0; padding: 0; }
.clear { clear: both; }
.unbold { font-weight: normal; }
.sectionbreak { clear: both; padding-top: 1em; margin-top: 1em; padding-bottom: 1em; margin-bottom: 1em; border-top: 1px dotted #666; }

/* Main structural styles */

#container { width: 800px; margin: 0 auto; }
	#container div { text-align: left; }

	#masthead { width: 800px; background-image: url(images/logo.gif); color: #BD0B28; margin-bottom: 40px; }
		#masthead h1 { position: relative; left: -9999px; width: 0px; height: 0px; }
		#masthead ul { display: inline; float: left; font-size: 1.2em; list-style: none; border-right: 1px dotted #666; padding-bottom: 30px; }
			#masthead ul li { display: block; margin: 0 10px; padding: 0; }
			#masthead ul.first li { margin-left: 0px; }
			#masthead ul.first { margin-left: 320px; }
			#masthead ul.last { border-right: none; }

	.content { clear: both; padding-top: 30px; color: #222; }
		.content-left { width: 280px; float: left; padding-right: 20px; color: #FFF; }
		.content-right { width: 480px; float: right; }

		.content-left a:link, .content-left a:visited { color: #FFF; font-weight: bold; }
		.content-left a:hover, .content-left a:active { text-decoration: none; border-bottom: 1px dotted #FFF; }

		.content-left h2, .content-left h3 { color: #FFF; }

	#footer p { width: 280px; clear: both; padding-right: 20px; font-size: 1.1em; color: #FFF; margin-bottom: .2em; padding-bottom: .2em; }

/* Spiel page styles */

	#spiel h2 { text-align: right; position: relative; top: -.3em; color: #FFF; }
	/*#spiel h2#latest-releases, #spiel h2#upcoming-releases { padding-top: 1em; margin-top: 1em; border-top: 1px dotted #666; }*/
	#spiel h3.book-title { padding-bottom: 0; margin-bottom: 0; }
	#spiel .content-right h5.more-news { padding-bottom: 2em; border-bottom: 1px dotted #666; margin-bottom: 2em; }


/* Book page styles */

	h2.book-title { padding-bottom: .25em; margin-bottom: .25em; }

		/*div.lookinside img { float: left; border-right: 1px solid #CCC; border-bottom: 1px solid #AAA; padding-bottom: 0; margin-right: 1em; }*/

	.info { width: 45%; float: left; list-style: none; font-size: 1.3em; }
	
	.purchases { padding-left: 30px; width: 45%; float: right; background-image: url(images/trolley.gif); background-position: left center; }
		#shop-test .purchases { width: auto; margin-left: 110px; float: none; }
	
	.release-date { width: 45%; float: right; }
	
	.content-left img { border: 1px solid #FFF; padding-bottom: 0; margin-bottom: 1em; }

	/*div.quotes { clear: both; }*/
		
/* Blog styles */

	.post-title { text-align: right; font-size: 1.8em; margin: 0; padding: 0; position: relative; top: -.2em; }
	.post-date { color: #FFF; text-align: right; font-weight: normal; margin-top: 0; padding-top: 0; }