html {overflow-y:scroll;}

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

ul,ol {list-style:none;}

img,fieldset {border:0;}

abbr[title],acronym[title],dfn[title] {cursor:help;}

table {border-collapse:collapse;border-spacing:0;}

input,select,textarea {margin:0;}

textarea {overflow-y:auto;}

blockquote,q {quotes:none;}

blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}

body {line-height:1.2;color:#000;background:#fff;}



/*! --- Utility classes --- */

.tr {text-align:right;}

.tl {text-align:left;}

.tc {text-align:center;}

.unicode {font-family:'arial unicode ms','lucida sans unicode',arial,sans-serif;}

.fl {float:left;}

.fr {float:right;}

.hide {position:absolute;left:-999em;}

.void {display:none;visibility:hidden;}

.cf:after, .li-cf li:after, .column-1-inner:after {content:'.';display:block;font-size:0;height:0;clear:both;visibility:hidden;}

.cf, .li-cf li, .column-1-inner {zoom:1;}

.cb{clear:both;}



/*! --- Base styles --- */

body {font-size:12px;font-family:arial,verdana,sans-serif;background:#000;color:#fff;}

h1,h2,h3 {text-transform:uppercase;color:#7d332f;}

a {color:#F69F13;text-decoration:none;}

a:hover {color:#000;text-decoration:none;}

p a {text-decora tion:none;}

a.cta {font-weight:bold;}

input.text, textarea, select {font-size:12px;font-family:arial, sans-serif;}

input.text, textarea {border:1px solid #444;padding:2px;width:150px;}

textarea {width:auto;}

select#country {width:155px;}

input.submit,

button {background:#7c322e;color:#c9c1ad;padding:2px 4px;border:0;font:bold 12px arial,sans-serif;

	text-transform:uppercase;cursor:pointer;}

	input.submit:hover,

	button:hover {background:#000;}

input[type=radio] {position:relative;top:2px;}





/*skulduggerypleasant*/

.box

{

margin-left:17px;

float:left;

}

.box .bg

{

float:left;



}



.row

{

margin-top:17px;

}





.thumb

{

float:left;

}


.home-promo-scroll 
{

	color:#000000;

	

}

.first

{

	margin-left:0px;

	margin-top:0px;

	

}



h2

{

font-size:18px;

}

h2.black

{

color:#000000

}



h2.white

{

color:#FFFFFF;

margin-bottom:10px;

}



.small

{



width:314px;

height:290px;



}

.small .inner

{

width:223px;

margin:0 auto;

text-align:center;

padding:20px;

}



.small .inner span h2

{

	font-size:12px;

	margin-top:15px;

	font-weight:bold;

}



#bodyshell

{ 

	background:url(../images/home-bg.jpg) no-repeat center top;

	margin:auto;min-height:800px;height:auto !important;

	height:800px;

}



	.games {

		background:url(../images/sp_australian_v2.jpg) no-repeat center top;	

	}



/* layout*/

#wrapper

{

 width:979px; 

 margin:0 auto;

 position:relative;

 margin:auto;

 padding:0 18px;

 background-color:#000000;

 min-height:1200px;

 height:auto !important;

 height:1200px;



 

}



#content

{

 min-height:800px;

 height:auto !important;

 height:800px;

}



#header

{

	height:88px;

}

#nav

{

	background:url(../images/nav.jpg) no-repeat center top ;

	float:right;

	width:645px;

	height:53px;

	margin-top:17px;

	

}

#nav li{float:left;font-size:18px;}

#nav li a {overflow:hidden;}

#nav li a span{
  text-indent:-5000px;
  display:block;
  height:30px;
}

#nav li a:focus {outline:0;}

#nav-home span {width:75px;}
#nav-books span {width:115px;}
#nav-characters span {width:115px;}
#nav-author span {width:130px;}
#nav-extras span {width:200px;}

#footer{

background:#990000;

width:100%;

height:160px;

background:url(../images/footer.jpg)  no-repeat;

}



#footer #footer-links

{

margin-top:56px;

margin-right:10px;

float:right;

display:inline;

}



#footer #footer-links li{float:left;}

#footer #footer-links li img{border-left: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}

#footer #footer-links li img.last{border-right: 1px solid #FFFFFF;}



#footer #footer-links li#newsletter{margin-right:150px; }
#footer #footer-links li#fblike{margin-left:200px; }
#footer #footer-links li#newsletter a span{height:27px;width:200px; display:inline-block;visibility:hidden}
#footer #footer-links li#newsletter a:focus {outline:0;}











/*new home css*/

.long_box

{

width:612px;

height:256px;

padding:17px;





}



.long_box img.thumb

{

	border:solid;

	border-width:7px;

	color:#000000;



}

.long_box .left

{

	width:193px;

	float:left;





}

.long_box .content

{

	width:356px;

	height:234px;
	background:url(../images/bg_trans.png);	
	/*background-color:#FFFFFF;*/

	/*background:rgb(255,255,255);
    /*background-color: rgba(255, 255, 255, 0.8);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF endColorstr=#00000000);
	
/* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#00000000)";
			



	float:left;

	margin-left:10px;

	padding:22px 22px 0px 22px;

	



	display:inline;

	

	



}



.long_box .navbar{

color:black;}



.long_box .navbar img

{

margin:0;

padding:0;

border:0px;

position:relative;

top:5px;



}



.long_box .navbar a{color:#000;}



.long_box span{margin-top:20px;display:block;color:#000;}







.bg_new{background:url(../images/home-news-bg.jpg) no-repeat;}

.bg_blog{background:url(../images/home-blog-bg.jpg) no-repeat;}

.bg_small{background:url(../images/home-blog-bg.jpg);}



/*css from old site for pages*/



/* Books Intro Page */



#booksIntro{

}


#booksIntro h2 {
  margin-bottom:9px;
  color:white;
}

	.centerContent {

		text-align:center;

	}



#booksIntroPics{

	width:586px;

	/* float:left; */

}

#booksIntroPics img{

}

#booksIntroCopy{

	width:375px;

	height:400px;

	float:left;

	overflow:auto;

}



.bookItem{

	width: 172px;

	float:left;

	margin-right:20px;

}



.bottom-item-footer{

	width: 172px;

	height:100px;

	text-align:center;

	/*background-image:url(../images/books/book-reflection.png);*/

	background-repeat:no-repeat;

}



.bottom-item-footer img{

	margin-top:10px;

}





/* Characters Page */

#charDiv{

	padding-top:0px;

	padding-left:25px;

}

.charInfoDiv{

	float:left;

	width:220px;

	padding-right:10px;

	

}



/* Author Page */



.authorPage{

	background-image:url(../images/extras/extrasBg.jpg);

	background-repeat:no-repeat;

}



#authorDiv{

	padding-top:0px;

}

#authorDivPics{

	height:306px;

	width:260px;

	float:left;

}

#authorDivPics img{

	border:1px solid white;

}

#authorDivCopy{

	width:390px;

	float:left;

	overflow:auto;

}



/* Extras Page */



#extrasIntSwf{

	height:120px;



}



.extrasPage{

	background-image:url(../images/extras/extrasBg.jpg);

}



#extrasDiv{

	/*overflow:auto;*/

}



#extrasContentLeftDiv{

	width:270px;

	border-right:1px solid #5b5b5b;

	float:left;

}

#extrasContentMidDiv{

	width:285px;
	height:700px;

	padding-left:28px;

	border-right:1px solid #5b5b5b;

	float:left;

}

#extrasContentRightDiv{

	height:472px;

	width:252px;

	padding-left:19px;

	float:left;

}



/* Books Detail Pages */





.booksScrollDiv{

	width:95%;

}

#booksDetail{

	padding-top:50px;

	height:470px;

}

#booksDetailPics{

	height:306px;

	width:260px;

	float:left;

}

#booksDetailPics img{

	border:1px solid white;

}

#booksDetailCopy{

	width:690px;

	height:470px;

	float:left;

	overflow:auto;

}

#booksDetailLinks{

	text-align:center;

}

#booksDetailLinks img{

	border:none;

}





/*regsiter*/



#register li{margin-top:15px;}





#register li label

{

font-size:14px;

width:130px;

display:block;

float:left;

position:relative;

top:5px;

}



#register li input{float:left;}

#register li input.radio{margin-right:20px;}

#register li label.short{width:auto;margin-right:10px;}



/* avatar */



#avatarFlashHolder {

	background:url(../images/avatar_page_bcg.jpg) no-repeat top left;

	height:1000px;

	position:relative;

	width:950px;

}



	#avatarFlashHolder h1 {

		text-indent:-9999px;

		display:none;

	}



	#avatarFlash {

		position:absolute;

		right:66px;

		top:204px;

	}

	

#avatarForFaceBook {

	display:none;

}

#booksDetailPics ul.dropdown {
  
  margin:12px auto;
  width:172px;
}

/*
* 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; } 
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }
*/
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: transparent; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 0px 0px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: transparent; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 172px; visibility: hidden; position: absolute; top: 100%; left: 0; background-color:#000; padding:3px; border:2px solid #ccc; }
ul.dropdown ul li 					{ font-weight: normal; background: transparent; color: #000; 
									  border-bottom: none; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }