/*

yellow = FFC

lightpink = FED
brightpink = FAB
palepink = FCB

lightpurple = CAB
purple = 657

darkblue = 007398
lightblue = 399

orange = D63
red = C00

darkgrey = 555

slate = CBA

lightbrown = A76
brown = 644

purplebrown = 544

*/


/* GENERAL */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote { padding: 0; margin: 0; background-position: top left; background-repeat: no-repeat; }

hr { display: none; }

.clear { clear: both; float: none; }
.pad { margin-top: 10px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; }

a:link, a:visited { color: #399; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

img, a img { border: none; }
img.bookcover { border: 3px solid #EEE; -webkit-box-shadow: 0 0 3px #666; }

html { font-family: Georgia, serif; height: 100%; background-color: #544; }

body { line-height: 1.6; color: #033; background-color: #FED; background-image: url(images/body-background.jpg); background-repeat: repeat; }

.container { margin: 0 auto; width: 960px; }

ul.nav li { display: inline; }

p { font-size: 18px; padding-bottom: 6px; margin-bottom: 6px; }

ul { list-style-position: inside; padding-bottom: 6px; margin-bottom: 6px; }



/* HEADER */

	#header {
		width: 960px; margin: 0 auto; height: 310px;
		margin-bottom: 40px;
		background-image: url(images/header-background-scroll-photo2.png);
		background-position: top left;
		position: relative;
		}

	#header h1 { position: absolute; top: 0; left: 0; }

		#header h1 a {
			display: block;
			width: 476px;
			height: 280px;
			background-image: url(images/masthead-normal.png);
			}

		#home #header h1 a { background-image: url(images/masthead-home.png); cursor: default; }
			#header h1 a span { position: absolute; left: -9999px; }	
			
	/* Main navigation */

	#header ul.nav.main { position: absolute; left: 519px; top: 150px; }

		#header ul.nav.main li { display: inline; }

			#header ul.nav.main li a { display: block; height: 80px; float: left; margin-left: 15px; }

			#header ul.nav.main li#books-link a { width: 106px; background-image: url(images/navigation-main-books.png); margin-left: 45px; }
			#header ul.nav.main li#books-link a:hover { background-position: -106px 0; }
			#books #header ul.nav.main li#books-link a { background-position: -212px 0; cursor: default; }

			#header ul.nav.main li#blog-link a { width: 87px; background-image: url(images/navigation-main-blog.png); }
			#header ul.nav.main li#blog-link a:hover { background-position: -87px 0; }
			#blog #header ul.nav.main li#blog-link a { background-position: -174px 0; cursor: default; }

			#header ul.nav.main li#about-link a { width: 115px; background-image: url(images/navigation-main-about.png); }
			#header ul.nav.main li#about-link a:hover { background-position: -115px 0; }
			#about #header ul.nav.main li#about-link a { background-position: -230px 0; cursor: default; }

				#header ul.nav.main li a span { position: absolute; left: -9999px; }

	/* Secondary navigation */

	#header ul.nav.subnavigation { position: absolute; right: 0; top: 5px; }

		#header ul.nav.subnavigation li { display: inline; }

			#header ul.nav.subnavigation li a { display: block; height: 53px; float: left; margin-right: 10px; }
				#header ul.nav.subnavigation li a small { position: absolute; left: -9999px; }

			#header ul.nav.subnavigation li#authorvisits-link a { width: 152px; background-image: url(images/navigation-secondary-authorvisits.png); }
			#header ul.nav.subnavigation li#authorvisits-link a:hover { background-position: -152px 0; }
			#authorvisits #header ul.nav.subnavigation li#authorvisits-link a { background-position: -304px 0; cursor: default; }

			#header ul.nav.subnavigation li#teachers-link a { width: 132px; background-image: url(images/navigation-secondary-teachers.png); }
			#header ul.nav.subnavigation li#teachers-link a:hover { background-position: -132px 0; }
			#teachers #header ul.nav.subnavigation li#teachers-link a { background-position: -264px 0; cursor: default; }

			#header ul.nav.subnavigation li#contact-link a { width: 150px; background-image: url(images/navigation-secondary-contact.png); }
			#header ul.nav.subnavigation li#contact-link a:hover { background-position: -150px 0; }
			#contact #header ul.nav.subnavigation li#contact-link a { background-position: -300px 0; cursor: default; }
	

/* CONTENT */

	/* Primary */

	#content .primary { width: 680px; float: left; margin-bottom: 60px; }

		#content .primary h2 {
			font-size: 30px; font-weight: normal; font-variant: small-caps; color: #FED; line-height: 1.1; text-shadow: #888 0 -1px 1px;
			padding: 5px 40px 5px 20px;
			background-color: #D63; background-image: url(images/primary-h2-1.jpg); background-repeat: repeat;
			border-top-left-radius: 30px; border-top-right-radius: 30px;
			-webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px;
			-moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px;
			-khtml-border-top-left-radius: 30px; -khtml-border-top-right-radius: 30px;
			}
			
			#content .primary h2 a { color: #FED; }

		#content .primary .article {
			background-color: #FFF; padding: 20px;
			border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;
			-webkit-border-bottom-left-radius: 30px; -webkit-border-bottom-right-radius: 30px;
			-moz-border-radius-bottomleft: 30px; -moz-border-radius-bottomright: 30px;
			-khtml-border-bottom-left-radius: 30px; -khtml-border-bottom-right-radius: 30px;
			}
		
			#content .primary .article p,
			#content .primary .article ul,
			#content .primary .article ol { font-size: 18px; }
			
			#content .primary .article ul,
			#content .primary .article ol { padding-left: 15px; margin-left: 15px; padding-bottom: 6px; margin-bottom: 6px; }
			
			#content .primary .article blockquote { padding: 0 0 12px 12px; margin: 0 0 12px 12px; font-size: 17px; color: #444; font-style: italic; }
				#content .primary .article blockquote p { font-size: 17px; font-style: italic; }


	/* Secondary */
	
	#content .secondary { width: 640px; float: left; padding: 0 20px; margin-bottom: 40px; }
		
		#content .secondary h3 {
			font-size: 22px; font-weight: normal; color: #544; font-variant: small-caps;
			padding-bottom: 6px; margin-bottom: 24px; border-bottom: 1px solid #CBA;
			}
			
			#content .secondary h3 a { color: #544; }
			
		#content .secondary h5 { font-size: 14px; color: #544; }

		#content .secondary p + h5 { margin-top: 6px; padding-top: 6px; }
		
		#content .secondary p { font-size: 16px; }
			
	/* Sidebar */
	
	#content .sidebar {
		width: 210px; padding: 10px 20px; float: right; clear: right; margin-bottom: 20px;
		background-color: #CBA; color: #544;
		border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; 
		}

		#content .sidebar h2, #content .sidebar h3, #content .sidebar h4 {
			font-size: 20px; font-weight: normal; color: #544; font-variant: small-caps; line-height: 1.2; 
			padding-bottom: 3px; margin-bottom: 3px;	
			}
			
		#content .sidebar p + h2, #content .sidebar form + h2,
		#content .sidebar p + h3, #content .sidebar form + h3,
		#content .sidebar p + h4, #content .sidebar form + h4 { margin-top: 4px; padding-top: 4px; }			
			
		#content .sidebar h5 { font-size: 13px; padding-bottom: -3px; margin-bottom: -3px; }

		#content .sidebar p,
		#content .sidebar ul { font-size: 14px; }
		
		#content .sidebar ul { list-style-type: none; list-style-position: inside; line-height: 1.3; }
			#content .sidebar ul li { margin-top: 3px; padding-top: 3px; padding-bottom: 3px; margin-bottom: 3px; }
			
		#content .sidebar form { padding-bottom: 6px; margin-bottom: 6px; }
			
			#content .sidebar a { color: #657; }
			
			

/* FRONT PAGE STYLES */

		body#home .sidebar#latestbook img { float: left; width: 100px; position: relative; left: -6px; }
		body#home .sidebar#latestbook p { padding-left: 110px; }
	



/* BLOG STYLES */	
	

	/* Structural */
	
	body#blog #content .posts { width: 710px; float: left; }
	

	/* Meta */
	
	body#blog #content .meta { margin-top: 36px; margin-bottom: 12px; }
	
		body#blog #content .meta p { color: #544; font-size: 14px; padding-bottom: 1px; margin-bottom: 1px; }
		
		body#blog #content .meta small { font-size: 14px; }
	

	/* Posts */
	
	body#blog.single .primary { margin-bottom: 0; } /* For joining main blog post to comments section */

		body#blog.single .primary .article {
			border-bottom-left-radius: 0; border-bottom-right-radius: 0;
			-webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0;
			-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0;
			-khtml-border-bottom-left-radius: 0; -khtml-border-bottom-right-radius: 0;
			padding-bottom: 40px;
			}
	
		body#blog .primary .article p,
		body#blog .primary .article blockquote,
		body#blog .primary .article blockquote p,
		body#blog .primary .article ul,
		body#blog .primary .article ol { font-size: 16px; }

		body#blog .edit { text-align: right; }
	

	/* Secondary (comments and tweets) */
	
	body#blog #content .secondary h2 { font-family: Georgia, serif; font-size: 21px; margin-bottom: 12px; }
	body#blog #content .secondary.tweet h2 { position: absolute; left: -9999px; }
	
	/* More posts */
	
	#moreposts { text-align: center; }
	
	/* Sidebar */
	
	body#blog .sidebar#blognavigation li small { font-size: 11px; color: #555; }
	

	/* Comments */
	
		body#blog.single #comments {
			background-color: #FED;
			padding-top: 20px; padding-bottom: 40px;
			border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;
			-webkit-border-bottom-left-radius: 30px; -webkit-border-bottom-right-radius: 30px;
			-moz-border-radius-bottomleft: 30px; -moz-border-radius-bottomright: 30px;
			-khtml-border-bottom-left-radius: 30px; -khtml-border-bottom-right-radius: 30px;
			border: 1px solid white; border-top: 2px dotted #FCB;
			width: 638px;
			}
		
			body#blog.single #comments ol { list-style-type: none; }
			
				body#blog.single #comments .comment { clear: both; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; }
				
				body#blog.single #comments .comment-body p { padding-left: 225px; }
			
				body#blog.single #comments .comment-author.vcard,
				body#blog.single #comments .comment-meta { width: 200px; float: left; clear: left; }
				
				body#blog.single #comments .comment-meta { padding-bottom: 20px; margin-bottom: 20px; }
				
				body#blog.single #comments .comment .reply { display: none; }
			
				#comments cite { font-size: 16px; font-style: normal; }
				#comments .says { display: none; }
			
				body#blog.single #comments .comment-meta { font-size: 12px; }
				

	/* Navigation */

	body#blog #tagcloud a:after { content: ", "; }
	body#blog #tagcloud a:last-child:after { content: ""; }

	body#blog .backtoblogfrontpage{ color: #399; }


/* ABOUT PAGE */

	body#about #content .meta ul { list-style-type: none; }
	body#about .sidebar#likes ul { font-size: 13px; font-weight: bold; }
	
	

/* BOOK STYLES */	
	
		#books .primary { margin-bottom: 0; }
			#books .primary .article {
				border-bottom-left-radius: 0; border-bottom-right-radius: 0;
				-webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0;
				-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0;
				-khtml-border-bottom-left-radius: 0; -khtml-border-bottom-right-radius: 0;
				}
				#books .primary .article img { width: 180px; float: right; }
				#books .primary .article p { padding-right: 200px; }
				#books .primary .article blockquote.excerpt { padding-left: 0; margin-left: 0; }
					
		#books .secondary { width: 250px; float: right; margin-top: 24px; padding-left: 0; padding-right: 0; }
			#books .reviews h3 { position: absolute; left: -9999px; }
			#books .reviews blockquote { margin-top: 20px; font-style: italic; }
				#books .reviews blockquote cite, #books .reviews blockquote em { font-style: normal; }
			
		
		#books .sidebar {
			width: 640px; float: left; clear: left; margin-bottom: 40px;
			border-top-left-radius: 0; border-top-right-radius: 0;
			-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0;
			-moz-border-radius-topleft: 0; -moz-border-radius-topright: 0;
			-khtml-border-top-left-radius: 0; -khtml-border-top-right-radius: 0;
			}
			#books .vendors h4 { display: inline; float: left; margin-right: 20px; }
				#books .vendors ul { padding-bottom: 10px; margin-bottom: 10px; }
				#books .vendors ul li { display: inline; float: left; margin-top: 0; padding-top: 0; margin-right: 10px; line-height: 30px; }


/* FOOTER */

#footer {
	clear: both;
	background-color: #544;
	color: #CBA;
	padding-top: 20px;
	margin-top: 120px;
	padding-bottom: 20px;
	font-family: Helvetica, Arial, sans-serif; 
	text-align: center; 
	}
	
	#footer a { color: #CBA; }
	#footer a:hover { color: #FFF; text-decoration: none; }
		#footer .nav li a span { position: absolute; left: -9999px; }
	
	#footer .nav.contact { width: 550px; float: left; margin-left: 56px; }
		#footer .nav.contact li a { display: block; float: left; height: 40px; background-position: 0 -40px; margin-right: 30px; }
		#footer .nav.contact li#contactlili a { width: 160px; background-image: url(images/footer-contactlili.png); } 
		#footer .nav.contact li#contactagent a { width: 166px; background-image: url(images/footer-contactagent.png); }
		#footer .nav.contact li#twitofalili a { width: 130px; background-image: url(images/footer-twitofalili.png); }
		#footer .nav.contact li a:hover { background-position: 0 0px; }

	#footer .nav#publishers { width: 150px; float: left; background-image: url(images/footer-publishers.png); padding-left: 145px; padding-top: 15px; }
		#footer .nav#publishers li { display: list-item; list-style-type: none; font-size: 12px; color: #FFF; text-align: left; }
			#footer .nav#publishers li a { padding-left: 20px; background-repeat: no-repeat; }
			#footer .nav#publishers li a[href="http://www.allenandunwin.com"] { background-image: url(images/footer-publishers-allenandunwin.gif); }
			#footer .nav#publishers li a[href="http://www.bdb.com.au"] { background-image: url(images/footer-publishers-blackdogbooks.gif); }
	
	#footer div.clear { margin-top: 5px; padding-top: 5px; padding-bottom: 10px; margin-bottom: 10px; }
	
	#footer .nav.main, #footer .nav.subnavigation { display: inline; text-shadow: #333 0 -1px 0; }
		#footer .nav.main li, #footer .nav.subnavigation li { font-size: 16px; padding-left: 5px; padding-right: 5px; }
		#footer .nav.main li { font-weight: bold; font-family: Georgia, serif; }
		#footer .nav.main li:first-child { padding-left: 0; }
		
	#footer #websitecredit { margin-top: 20px; text-shadow: #333 0 -1px 0; }	
		#footer #websitecredit small { font-size: 11px; }




