/*
	Makebook Overlay CSS
	David Nash
	http://davidnash.com.au
	July 2009
*/

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; }  

.hidden { display: none; }

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

body {
	background: #fff url("images/bg.jpg") no-repeat;
	font-size: 13px;
}

h1 {
	font-weight: normal;
	font-size: 18px;
	color: #555;
	line-height: 1.5;
	
	position: absolute;
	width: 388px;
	left: 172px;
	top: 173px;
}

div { position: absolute; }

a { 
	color: #399; 
	position: absolute;
}

img { position: absolute; }

p {	padding: 0 0 1em 0; }

ul { 
	padding: 0 0 0 15px;
	width: 175px;
}

li { padding: 0 0 1px 5px; }

#Preview {
	left: 793px;
	top: 134px;
}

/*
	mbie	
*/

#mbie h1 {
	left: 172px;
	top: 173px;
}

#mbie #Image {
	left: 172px;
	top: 284px;
}

#mbie #Right {
	left: 368px;
	top: 274px;
	width: 200px;
}

#mbie #Below {
	left: 172px;
	top: 550px;
	width: 388px;
}


/*
	share
*/
#Share h1 {
	left: 210px;
	top: 170px;
	font-size: 20px;
}

#Share p {
	font-size: 12px;
}

#Share  #Image {
	left: 172px;
	top: 281px;
}

#Share #Left {
	left: 172px;
	top: 518px;
	width: 190px;
}

#Share #Right {
	left: 370px;
	top: 355px;
	width: 187px;
}

#Share a {
	left: 172px;
	top: 648px;
}


/*
	Video	
*/
#Video h1 {
	left: 170px;
	top: 163px;
	width: 388px;
	font-size: 28px;
	text-align: center;
}

#Video p {
	font-size: 12px;
}

#Video  #Image {
	left: 172px;
	top: 281px;
}

#Video #Left {
	left: 172px;
	top: 496px;
	width: 190px;
}

#Video #Right {
	left: 374px;
	top: 355px;
	width: 187px;
}

#Video a {
	left: 172px;
	top: 648px;
}


/*
	Blog	
*/
#Blog h1 {
	left: 170px;
	top: 163px;
	width: 388px;
	font-size: 21px;
	text-align: center;
}

#Blog p {
	font-size: 12px;
}

#Blog  #Image {
	left: 168px;
	top: 295px;
}

#Blog #Left {
	left: 172px;
	top: 451px;
	width: 190px;
}

#Blog #Right {
	left: 374px;
	top: 335px;
	width: 187px;
}

#Blog a {
	left: 172px;
	top: 648px;
}

/*
	ShortStory	
*/
#ShortStory h1 {
	left: 170px;
	top: 145px;
	width: 388px;
	font-size: 22px;
	text-align: center;
}

#ShortStory p {
	font-size: 12px;
}

#ShortStory  #Image {
	left: 172px;
	top: 255px;
}

#ShortStory #Left {
	left: 172px;
	top: 390px;
	width: 190px;
}

#ShortStory #Right {
	left: 374px;
	top: 264px;
	width: 187px;
}

#ShortStory a {
	left: 171px;
	top: 633px;
}

/*
	Kids	
*/
#Kids h1 {
	left: 167px;
	top: 179px;
	width: 388px;
	font-size: 20px;
	text-align: center;
}

#Kids p {
	font-size: 12px;
}

#Kids  #Image {
	left: 159px;
	top: 265px;
}

#Kids #Left {
	left: 171px;
	top: 439px;
	width: 190px;
}

#Kids #Right {
	left: 374px;
	top: 344px;
	width: 176px;
}

#Kids a {
	left: 171px;
	top: 633px;
}

/*
	Recipes	
*/
#Recipes h1 {
	left: 167px;
	top: 148px;
	width: 388px;
	font-size: 22px;
	text-align: center;
	line-height: 1.3;
}

#Recipes p {
	font-size: 12px;
}

#Recipes  #Image {
	left: 159px;
	top: 247px;
}

#Recipes #Left {
	left: 171px;
	top: 389px;
	width: 190px;
}

#Recipes #Right {
	left: 374px;
	top: 250px;
	width: 184px;
}

#Recipes a {
	left: 171px;
	top: 633px;
}


/*
	Easy to Use
*/
#Easy h1 {
	left: 167px;
	top: 148px;
	width: 388px;
	font-size: 20px;
	text-align: center;
	line-height: 1.3;
}

#Easy p {
	font-size: 12px;
}

#Easy  #Image {
	left: 179px;
	top: 218px;
}

#Easy #Left {
	left: 172px;
	top: 373px;
	width: 190px;
}

#Easy #Right {
	left: 374px;
	top: 210px;
	width: 194px;
}

#Easy a {
	left: 171px;
	top: 649px;
}

#Easy li {
	padding: 0 0 0 0;
	font-size: 11px;
}


/*
	MbieDigest	
*/
#MbieDigest h1 {
	left: 167px;
	top: 165px;
	width: 388px;
	font-size: 20px;
	text-align: center;
}

#MbieDigest p {
	font-size: 12px;
}

#MbieDigest  #Image {
	left: 159px;
	top: 252px;
}

#MbieDigest #Left {
	left: 171px;
	top: 431px;
	width: 190px;
}

#MbieDigest #Right {
	left: 374px;
	top: 313px;
	width: 176px;
}

#MbieDigest a {
	left: 171px;
	top: 650px;
}


/*
	Newsletter	
*/
#Newsletter h1 {
	left: 167px;
	top: 163px;
	width: 388px;
	font-size: 28px;
	text-align: center;
}

#Newsletter p {
	font-size: 12px;
}

#Newsletter  #Image {
	left: 172px;
	top: 310px;
}

#Newsletter #Left {
	left: 171px;
	top: 442px;
	width: 190px;
}

#Newsletter #Right {
	left: 374px;
	top: 313px;
	width: 176px;
}

#Newsletter a {
	left: 171px;
	top: 650px;
}