/* ----------------------------------- */
/* CSS DOCUMENT - AndyGriffiths.com.au */
/* ----------------------------------- */


/* UNIVERSALS */

html { margin: 0; padding: 0; }

body { margin: 0; padding: 0; text-align: center; 
	background: url(images/body.jpg) 0 0 repeat-x; 
	font-family: Verdana, sans-serif; color: #000; }

div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, table, a { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; background-position: 0 0; }
		
ul { list-style-position: outside; list-style-type: none; }
ol { list-style-position: inside; list-style-type: decimal; }
		li { padding-bottom: .2em; margin-bottom: .2em; }
		ol li { padding-left: 1.4em; text-indent: -1.4em; }
		
a:link { color: #CC0000; text-decoration: none; }
a:visited { color: #CC0000; text-decoration: none; }
a:hover, a:active { color: #CC0000; text-decoration: underline; }

hr { display: none; }

img { padding-bottom: .2em; margin-bottom: .2em; }
img, a:link img { border: none; text-decoration: none; }
	img.inlineleft { float: left; clear: left; border: none; margin-right: .8em; }
	img.inlineright { float: right; clear: right; border: none; margin-left: .8em; }

.clear, .break { float: none; clear: both; }
.sectionbreak { padding-top: 20px; margin-bottom: 20px; border-bottom: 1px dotted #BBB; }
.pad { padding-top: 1em; padding-bottom: 1em; } 
.hide { display: none; }
.show { display: block; }

/* Container */

.container { width: 900px; margin: 0 auto; text-align: left; }
	#main { background-image: url(images/container.jpg); min-height: 695px; height: auto !important; height: 695px; }
body#home #main { background-image: url(images/home-container.jpg); }


/* Masthead */

h1#masthead { position: relative; left: -9999px; width: 0px; height: 0px; padding: 0; margin: 0; }

p#tagline { position: relative; left: -9999px; width: 0px; height: 0px; padding: 0; margin: 0; }


/* Main menu */

ul#menu-main { position: absolute; width: 900px; height: 220px; }
	ul#menu-main li { display: inline; float: left; margin-right: 20px; }
		ul#menu-main li a { display: block; height: 30px; }
			ul#menu-main li a:link, ul#menu-main li a:visited { background-position: 0 0; }
			ul#menu-main li a:hover { background-position: 0 -55px; }
				ul#menu-main li a span { display: block; position: relative; left: -9999px; }

		ul#menu-main li a.home { width: 164px; height: 175px; margin-right: 225px; background-image: url(images/menumain-home.jpg); background-position: 0 0; }
			body#home ul#menu-main li a.home { background-position: -492px 0; cursor: default; }
			ul#menu-main li a.home:hover { background-position: -164px 0; }
			ul#menu-main li a.home:active { background-position: -328px 0; }
	
	ul#menu-main li a.about { width: 46px; background-image: url(images/menumain-about.jpg); }
			body#about ul#menu-main li a.about { height: 55px; background-position: 0 -110px; cursor: default; }

	ul#menu-main li a.news { width: 114px; background-image: url(images/menumain-news.jpg); }
			body#news ul#menu-main li a.news { height: 55px; background-position: 0 -110px; cursor: default; }

	ul#menu-main li a.books { width: 48px; background-image: url(images/menumain-books.jpg); }
			body#books ul#menu-main li a.books { height: 55px; background-position: 0 -110px; cursor: default; }

		ul#menu-books { width: 110px; height: 490px; position: relative; left: -580px; top: 200px; float: left; margin-right: -110px; }
			body.allbooks#books ul#menu-books { display: none; }
			body#books ul#menu-books { top: 175px; }
		ul#menu-books li { display: block; float: none; margin-bottom: 5px; }
			ul#menu-books li a { background-image: url(images/menu-books.jpg); display: block; width: 110px; height: 70px; }
			ul#menu-books li a span { position: relative; left: -9999px; }
				
				ul#menu-books li a.schoolingaround:link { background-position: 0 0; }
				ul#menu-books li a.schoolingaround:hover { background-position: -110px 0; }
				ul#menu-books li a.schoolingaround:active, body.schoolingaround ul#menu-books li a.schoolingaround { background-position: -220px 0; }
				
				ul#menu-books li a.thejustseries { background-position: 0 -70px }
				ul#menu-books li a.thejustseries:hover { background-position: -110px -70px; }
				ul#menu-books li a.thejustseries:active, body.thejustseries ul#menu-books li a.thejustseries { background-position: -220px -70px; }
				
				ul#menu-books li a.thebumseries { background-position: 0 -140px; }
				ul#menu-books li a.thebumseries:hover { background-position: -110px -140px; }
				ul#menu-books li a.thebumseries:active, body.thebumseries ul#menu-books li a.thebumseries { background-position: -220px -140px; }
				
				ul#menu-books li a.thebadbooks { background-position: 0 -212px; }
				ul#menu-books li a.thebadbooks:hover { background-position: -110px -212px; }
				ul#menu-books li a.thebadbooks:active, body.thebadbooks ul#menu-books li a.thebadbooks { background-position: -220px -212px; }
				
				ul#menu-books li a.earlyreaders { background-position: 0 -280px; }
				ul#menu-books li a.earlyreaders:hover { background-position: -110px -280px; }
				ul#menu-books li a.earlyreaders:active, body.earlyreaders ul#menu-books li a.earlyreaders { background-position: -220px -280px; }
				
				ul#menu-books li a.worldofstupidity { background-position: 0 -350px; }
				ul#menu-books li a.worldofstupidity:hover { background-position: -110px -350px; }
				ul#menu-books li a.worldofstupidity:active, body.worldofstupidity ul#menu-books li a.worldofstupidity { background-position: -220px -350px; }
				
				ul#menu-books li a.justmacbeth { background-position: 0 -420px; }
				ul#menu-books li a.justmacbeth:hover { background-position: -110px -420px; }
				ul#menu-books li a.justmacbeth:active, body.justmacbeth ul#menu-books li a.justmacbeth { background-position: -220px -420px; }

					body.schoolingaround ul#menu-books li a.schoolingaround, body.thejustseries ul#menu-books li a.thejustseries, body.thebumseries ul#menu-books li a.thebumseries, body.thebadbooks ul#menu-books li a.thebadbooks, body.earlyreaders ul#menu-books li a.earlyreaders, body.worldofstupidity ul#menu-books li a.worldofstupidity, body#justmacbeth ul#menu-books li a.justmacbeth
					{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor: default; }


	ul#menu-main li a.faqs { width: 43px; background-image: url(images/menumain-faqs.jpg); }
			body#faqs ul#menu-main li a.faqs { height: 55px; background-position: 0 -110px; cursor: default; }

	ul#menu-main li a.articles { width: 60px; background-image: url(images/menumain-articles.jpg); }
			body#articles ul#menu-main li a.articles { height: 55px; background-position: 0 -110px; cursor: default; }

	ul#menu-main li a.links { width: 40px; background-image: url(images/menumain-links.jpg); }
			body#links ul#menu-main li a.links { height: 55px; background-position: 0 -110px; cursor: default; }


/* Content */

.content-main { width: 700px; margin-top: 220px; padding-left: 200px; }
	#home .content-main, #about .content-main, .single#articles .content-main, #links .content-main
		{ width: 480px; float: left; }

h2 { font-size: 18px; line-height: 1.6em; font-family: "Gill Sans", "Gill Sans MT", "Gill Sans Std", Tahoma, sans-serif; padding-bottom: .3em; margin-bottom: .3em; }

p, ul, ol, blockquote { font-size: 12px; line-height: 1.7; padding-bottom: .5em; margin-bottom: .5em; }
		
h3 { font-size: 16px; line-height: 1.6em; padding-top: .6em; margin-top: .6em; padding-bottom: .3em; margin-bottom: .3em; font-family: "Gill Sans", "Gill Sans MT", "Gill Sans Std", Tahoma, sans-serif; }

h4 { font-size: 13px; line-height: 1.4em; padding-top: .4em; margin-top: .4em; padding-bottom: .3em; margin-bottom: .3em; font-family: "Gill Sans", "Gill Sans MT", "Gill Sans Std", Tahoma, sans-serif; }
	p + h4 { margin-top: .6em; padding-top: .6em; }


h5 { font-size: 10px; line-height: 1.4em; padding-bottom: .2em; margin-bottom: .2em; font-family: Tahoma, sans-serif; }

h6 { font-size: 9px; line-height: 1.4em; padding-bottom: .2em; margin-bottom: .2em; font-family: Tahoma, sans-serif; font-weight: normal; }

div.sidebar { width: 180px; float: right; clear: right; }
	div.sidebar li, div.sidebar p { font-size: 11px; line-height: 1.3em; }
	div.sidebar h4 { font-size: 12px; }

/* Home page */

.available-now-coming-soon { margin-top: 220px; padding-top: 3.6em; }
	.available-now-coming-soon img { float: left; }
	.available-now-coming-soon h4 { padding-left: 65px; padding-top: 0; margin-top: 0; padding-bottom: .2em; margin-bottom: .2em; }

.latest-news { margin-top: 0; }


/* About page */

body#about .sidebar { margin-top: 220px; }

div#portrait-alternate div { float: left; width: 30px; padding-right: 6px; }	

div#portrait-main h4 { text-align: right; font-size: 10px; font-family: Tahoma, sans-serif; }

body#about div.content-swap { text-align: right; color: #AAA; }
	.content-swap h6 { display: inline; }
		#reviews .show-reviews a:link, #reviews .show-reviews a:visited,
		#reviews .show-reviews a:hover, #reviews .show-reviews a:active,
		#extract .show-extract a:link, #extract .show-extract a:visited,
		#extract .show-extract a:hover, #extract .show-extract a:active { color: #AAA; text-decoration: none; cursor: default; }
		

/* News and blog page */

div.events { width: 700px; }

div.posts { width: 480px; float: left; }
	h5.post-details { color: #666; font-weight: normal; margin-bottom: 40px; }

	div.comments h4 { padding-top: .8em; margin-top: .8em; } 
	h5.comment-details { color: #666; font-weight: normal; }


/* FAQs page */

body#faqs h3 { font-size: 14px; line-height: 1.6em; padding-top: .8em; margin-top: .8em; padding-bottom: .2em; margin-bottom: .2em; }


/* Articles */

body#articles .sidebar { margin-top: 287px; }

body#articles h2 { padding-bottom: .2em; margin-bottom: .2em; }

body#articles h4 { padding-top: 0; margin-top: 0; padding-bottom: .6em; margin-bottom: .6em; }

body#articles .content-main ul { list-style-type: none; }
body.single#articles .content-main ul { list-style-position: inside; list-style-type: disc; padding-left: 1em; text-indent: -1em; padding-bottom: 0; margin-bottom: 0; position: relative; top: -.4em; }
	body#articles .content-main li { padding-bottom: .4em; margin-bottom: .4m; line-height: 1.5em; }

	body#articles .content-main .intro { color: #555; padding-bottom: 12px; border-bottom: 1px dotted #BBB; margin-bottom: 12px; }

	body#articles .content-main blockquote { padding: 0 20px 0px 20px; margin: 0 20px 20px 20px; border-left: 5px solid #DDD; }
		body#articles .content-main blockquote p:last-child { padding-bottom: 0; }
	
			body.whydidtheboyfalloffhisbike#articles .content-main blockquote .credit { text-align: right; }
	body#articles .content-main h5:last-child { padding-top: 1.2em; margin-top: 1.2em; text-align: right; color: #CC0000; }

	body#articles .sidebar h4 { padding-bottom: .2em; margin-bottom: .2em; }
	body#articles .sidebar li { padding-bottom: .2em; margin-bottom: .2em; }

/* Links page */

body#links .content-main ul { list-style-type: none; }
	body#links .content-main li { padding-bottom: .2em; margin-bottom: .2em; line-height: 1.5em; }


/* 'Just Macbeth!' */

body#justmacbeth #reviews h3 { margin-top: 1.2em; padding-top: 1.2em; }

body#justmacbeth #reviews h4 { margin-top: 1.2em; padding-top: 1.2em; border-top: 1px dotted #BBB; }

body#justmacbeth #reviews h3 + h4 { margin-top: .4em; padding-top: .4em; border-top: none; }


/* Footer */

#footer { clear: both;  margin: 0 auto; margin-top: 10px; width: 700px; padding-left: 200px; text-align: left; }

	#footer a:link, #footer a:visited { color: #666; text-decoration: none; }
	#footer a:hover, #footer a:active { color: #CC0000; text-decoration: none; }

	#footer ul { font-size: 14px; font-family: "Gill Sans Std", "Gill Sans", Tahoma, sans-serif; font-weight: bold; }
	#footer ul#footermenumain { width: 540px; float: left; padding-top: 50px; padding-bottom: 50px; margin-bottom: -20px; }
	#footer ul#footermenucontact { width: 160px; float: right; }
	
		#footer li { float: left; margin-right: 20px; text-transform: lowercase; }
			#footer li.home { list-style-type: none; }
				body#home #footer li.home { display: none; }
			#footer li.faqs { text-transform: none; }
			#footer li.contact { list-style-type: none; margin-right: 0; width: 160px; background-image: url(images/footer-contact.jpg); text-align: center; padding-top: 50px; padding-bottom: 50px; margin-bottom: -20px; }

		p#copyright-notice { clear: both; margin: 0; padding-bottom: 10px; font-size: 9px; }
			p#copyright-notice a:link, p#copyright-notice a:visited { color: #000; }
			p#copyright-notice a:hover, p#copyright-notice a:active { color: #000; text-decoration: underline; }