/*
	Makebook Main CSS
	David Nash
	http://davidnash.com.au
	
	Design by Verb
	http://verb.com.au
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li,
dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

html {
	font: small Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-style: normal;
	font-weight: normal;
}

body {
	background: #d8d8d8;
}

a img { border: 0; }

table {	border-collapse: collapse;}

.clear { clear: both; }

.hidden { display: none; }

.hi { color: #399 }

#Background {
	background: #fff;
}

#Wrap {
	width: 980px;
	min-height: 600px;
	margin: 0 auto;
	padding: 0;
}


#Head {
	height: 90px;
	background: url("../images/bg-head.png") no-repeat;
	position: relative;
}

	#Head h1 a {
		display: block;
		width: 197px;
		height: 56px;
		background: url("../images/logo-makebook.gif") no-repeat;
		
		position: absolute;
		left: 43px;
		top: 12px;
	}

	#ForgotPassword {
		position: absolute;
		color: #555;
		top: 20px;
		left: 427px;
		font-size: 90%;
	}

	#RememberMeHolder {
		position: absolute;
		top: 20px;
		left: 514px;
	}

		#RememberMeHolder label {
			position: relative;
			top: -3px;
			left: 5px;
			color: #444;
			font-size: 90%;
		}

	#LoginEmail, #LoginPassword, #LoginButton {
		display: block;
		position: absolute;
		top: 16px;
		font-family: Arial, sans-serif;
		border-width: 0;
		color: #444;

	}

	.loginInput {
		width: 121px;
		height: 17px;
		padding: 4px 5px 0 6px;
		font-size: 1.1em;

		background: url("../images/bg-input-text.gif") no-repeat;
	}

	#LoginEmail { left: 604px; }
	#LoginPassword { left: 748px; }
	
	#LoginButton { 
		left: 888px; 
		width: 38px;
		height: 20px;
		background: url("../images/bg-button.gif") no-repeat;
		font-size: 1em;
		padding: 0 0 1px 0;
	}

	#LoginButton:hover {
		top: 17px;
		left: 889px;
	}


#Head ul#Navigation {
	list-style: none;
	position: absolute;
	top: 45px;
	left: 256px;
	width: 723px;
}

	#Navigation li {
		float: left;
		height: 35px;
	}

	#Navigation li:hover, #Navigation li.active {
		background: #399 url("../images/bg-nav-hover-top-left.gif") no-repeat;
		border-bottom: 1px solid #fff;
	}
	
	#Navigation li:hover a, #Navigation li.active a {
		border-color: #399;
		color: #fff;
	}

	#Navigation li:hover span, #Navigation li.active span {
		background: transparent url("../images/bg-nav-hover-top-right.gif") no-repeat 100% 0;
		float: left;
	}
	
	#Navigation li a {
		float: left;
		display: block;
		padding: 0 12px;
		height: 16px;
		font-size: 13px;
		text-decoration: none;
		color: #777;
		font-weight: bold;

		position: relative;
		top: 10px;

		border-width: 0 1px;
		border-left-color: #fff;
		border-right-color: #cbcccc;
		border-style: solid;
	}

		#Navigation li a#Register { color: #399; }
		
		#Navigation li:hover a#Register, 
		#Navigation li.active a#Register { color: #fff; }





#Main {
	padding: 10px 30px;
	font-size: 1.3em;
}

	#Main a {
		color: #399;
	}

#Shadow {
	background: #d8d8d8 url("../images/bg.jpg") repeat-x;
	height: 84px;
}

	#Shadow #Foot {
		width: 980px;
		margin: 0 auto;
		padding: 13px 70px 0 0;

		font-size: 1.1em;
		text-align: right;
		color: #555;
	}

	#Shadow #Foot a {
		color: #555;
		text-decoration: none;
	}

	#Shadow #Foot a:hover { text-decoration: underline; }


/*
	Press page
*/
#Page_Press {
	position: relative;
	top: 20px;
}

	#Page_Press #Microphone {
		position: absolute;
		display: block;
		top: 24px;
		left: 208px;
	}

	#Page_Press h2 {
		font-size: 2.8em;
		font-weight: normal;
		line-height: 1.4;
		position: absolute;
		color: #555;
		top: 19px;
		left: 438px;
	}

	#Page_Press div {
		position: absolute;
		left: 440px;
		top: 186px;
	}

	#Page_Press p {
		color: #666;
		padding-bottom: 1em;
		font-size: 1.1em;
		line-height: 1.4;
	}

	#Page_Press a {
		color: #399;
		text-decoration: none;
	}

	#Page_Press a:hover { text-decoration: underline; }

	#Page_Press #Reflection {
		position: absolute;
		left: 414px;
		top: 327px;
	}

/*
	About page
*/
#Page_About {
	position: relative;
	height: 677px;
	top: 20px;
}

	#Page_About #Intro {
		font-size: 165%;
		color: #555;
		text-align: center;
		line-height: 1.5;
		width: 700px;
		margin: 0 auto;
		position: relative;
		top: -8px;
	}

	#Page_About .column {
		position: absolute;
		top: 158px;
		width: 210px;
		color: #555;
		line-height: 1.5;
		text-align: center;

		padding-top: 159px;
	}

		#Page_About .column h2 {
			color: #399;
			font-size: 191%;
			padding-bottom: 8px;
		}

	#Page_About #Create {
		left: 28px;
		background: url("../images/about-pencil.jpg") no-repeat 47% 17px;
	}

	#Page_About #Share {
		left: 258px;
		background: url("../images/about-stamp.jpg") no-repeat 46% 1px;
	}

	#Page_About #Communicate {
		left: 488px;
		background: url("../images/about-mic.jpg") no-repeat 43% -3px
	}

	#Page_About #Grow {
		left: 709px;
		background: url("../images/about-ruler.jpg") no-repeat 42% 20px;
	}


/*
	Home page
*/

#Page_Home {
	position: relative;
	height: 480px;
	background: url("../images/home-book.gif") no-repeat 91px 13px;
}

	#Page_Home h2 {
		position: absolute;
		width: 213px;
		height: 58px;
		background: url("../images/home-title.gif") no-repeat;
		top: 222px;
		left: 538px;
	}

	#Page_Home #Intro {
		position: absolute;
		width: 330px;
		top: 292px;
		left: 538px;
		color: #666;
		font-size: 102%;
		line-height: 1.45;
	}

	#Page_Home #Items div {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 50px;
		height: 50px;
		cursor: pointer;
	}

		#Page_Home #Items #MBIE {
			top: 215px;
			left: 177px;
			width: 50px;
			height: 45px;
		}

		#Page_Home #Items #ShareYourWork {
			top: 270px;
			left: 156px;
			width: 70px;
			height: 70px;
		}

		#Page_Home #Items #VideoBooks {
			left: 301px;
			top: 208px;
		}

		#Page_Home #Items #BlogBook {
			top: 135px;
			left: 402px;
		}

		#Page_Home #Items #ShortStory {
			top: 47px;
			left: 472px;
		}

		#Page_Home #Items #ForKids {
			top: 100px;
			left: 506px;
		}

		#Page_Home #Items #Recipes {
			top: 66px;
			left: 541px;
			height: 30px;
		}

		#Page_Home #Items #EasyToUse {
			top: 140px;
			left: 626px;
			width: 100px;
		}

		#Page_Home #Items #MBIEDigest {
			top: 57px;
			left: 664px;
			width: 65px;
			height: 45px;
		}

		#Page_Home #Items #Newsletter {
			top: 105px;
			left: 730px;
			width: 90px;
		}

	#Page_Home #ItemContent .zoomBook {
		position: absolute;
		left: 183px;
		top: 57px;
		width: 288px;
		height: 403px;
		background: #eee;
	}


	#Page_Home #ItemContent #IC_EasyToUse,
	#Page_Home #ItemContent #IC_ForKids
	{
		left: 482px;
	}

	#Page_Home #ItemContent #IC_MBIEDigest
	{
		left: 492px;
	}

	#Page_Home #ItemContent #IC_ShortStory
	{
		left: 447px;
	}
	
	#Page_Home #ItemContent #IC_Recipes
	{
		left: 492px;
	}

	#Page_Home #ItemContent #IC_Newsletter
	{
		left: 562px;
	}

	#Page_Home .zoomBook img.bookBG {
		display: block;
		z-index: -2;
	}

	#Page_Home .zoomBook .bookBlurb {
		position: absolute;
		
		left: 32px;
		top: 220px;
		
		width: 220px;
		text-align: center;
		font-size: 14px;

		color: #666;
	}

		#Page_Home .zoomBook .bookBlurb a {
			font-size: 12px;
		}


/*
	Partners Page
*/

#Page_Partners {
	width: 580px;
	margin: 0 auto;
}

	#Page_Partners h2 {
		color: #399;
		text-align: center;
		font-size: 2em;
		padding: 19px 0 0 0;
	}

	#Page_Partners #Intro {
		font-size: 1.7em;
		text-align: center;
		color: #777;
		padding: 7px 0 34px 0;
	}

	#Page_Partners img {
		float: left;
		padding: 0 49px 20px 48px;
	}

	#Page_Partners p, #Page_Partners li {
		padding: 0.4em 0 0.6em 40px;
		line-height: 1.5;
		color: #555;
	}

	#Page_Partners li {
		padding-left: 10px;
	}

	#Page_Partners ul {
		padding-left: 55px;
	}

/*
	Contact page
*/
#Page_Contact {
	background: #fff url("../images/contact-cans.jpg") no-repeat 107px 100px;
	padding: 0 0 30px 400px;
	position: relative;
	height: 400px;
	color: #555;
}

	#Page_Contact h2 {
		color: #399;
		position: relative;
		top: 76px;
		left: 98px;
		font-size: 24px;
	}

	#Page_Contact #EmailAddresses {
		position: absolute;
		left: 501px;
		top: 121px;
		font-size: 110%;
		width: 300px;
	}

		#Page_Contact #EmailAddresses p {
			padding-bottom: 0.8em;	
		}

		#Page_Contact #EmailAddresses a {
			position: absolute;
			left: 80px;
			text-decoration: none;
		}

		#Page_Contact #EmailAddresses a:hover { text-decoration: underline; }

/* not used:
	#Page_Contact #Address {
		position: absolute;
		left: 501px;
		top: 243px;
		font-size: 120%;
	}
*/

/*
	Competitions page
*/

#Page_Competition {
	height: 540px;
	padding: 0 0 30px 0;
	position: relative;
	color: #555;
}

	#Page_Competition h2 {
		color: #399;
		position: absolute;
		left: 370px;
		top: 0;
		font-size: 27px;
	}

	#Page_Competition h3 { 
		color: #399;
		padding-bottom: 0.8em;	
	}

	#Page_Competition #LeftRibbon {
		position: absolute;
		left: 32px;
		top: 14px;
	}

	#Page_Competition #RightRibbon {
		position: absolute;
		left: 810px;
		top: 14px;
	}


	#Page_Competition #Intro {
		position: absolute;
		top: 39px;
		left: 8px;

		width: 100%;
		font-size: 17px;
		line-height: 1.45;
		text-align: center;
	}
		
		#Page_Competition #Intro p {
			padding-bottom: 8px;
		}

	#Page_Competition #Columns {
		position: absolute;
		left: 137px;
		top: 167px;
	}

		#Page_Competition #Columns .col {
			width: 210px;
			float: left;
			padding: 141px 20px 0 0;
			text-align: center;
			line-height: 1.4;
		}
			
			#Page_Competition #Columns .col p {
				padding-bottom: 0.8em;
			}

			#Page_Competition #Columns .col a {
				display: block;
				padding-bottom: 0.8em;
			}


		#Page_Competition #Columns #Masterpiece {
			background: url("../images/comp-book.jpg") no-repeat 24px 25px;
		}

		#Page_Competition #Columns #FlashFic {
			background: url("../images/comp-pencil.jpg") no-repeat -1px 0;
		}

		#Page_Competition #Columns #FunkyFairy {
			background: url("../images/comp-wand.jpg") no-repeat 34px 0;
		}
	


.overlay {
	font-size: 13px;
	color: #555;
	text-align: center;
	line-height: 1.45;
}
	
	.overlay p {
		padding-bottom: 0.9em;
	}

#MasterpieceOverlay {
	padding-top: 125px;
	background: url("../images/comp-book.jpg") no-repeat 50% 10px;
}

#FlashFicOverlay {
	padding-top: 140px;
	background: url("../images/comp-pencil.jpg") no-repeat 40px 20px;
}

#FunkyFairyOverlay {
	padding-top: 135px;
	background: url("../images/comp-wand.jpg") no-repeat 82px 0px;
}