* {	margin: 0;	padding: 0;}body {	background-color: #000;	color: #fff;	font-family: Arial;	font-size: 12px;}body#normalbg {	background: #000 url(../images/shared/secret_bg.jpg) top left no-repeat;	position: relative;		width: 980px;}body#blurredbg {	background: #000 url(../images/shared/blurred_bg.jpg) top left no-repeat;}#inner-holder {	background: url(../images/shared/inner_bg.jpg) top center no-repeat;	}#page-top {	background: url(../images/shared/top_bg.gif) no-repeat;	float: left;	height: 170px;	position: relative;	text-align: left;}	/* home top ----------------------------------------------------------------------------- */ #content {	float: left;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	line-height: 16px;	padding: 0px 0 0px 0;		}#greendot {	height: 17px;	left: 580px;	position: absolute;	top: 225px;	width: 17px;	z-index:88;		}#greendot a{	height: 17px;	display: block;	width: 17px;}#content-left {	float: left;	padding: 35px 15px 0 16px;	position: relative;	width: 620px;}#content-right {	background: url(../images/shared/right_shadow.jpg) top left no-repeat;	float: left;	line-height: 16px;	margin-left: 10px;	padding: 20px 0 0 20px;	position: relative;	width: 225px;}#content-left p,#content-right p {	padding: 10px 0;}#content-right span {	display: block;	padding: 2px 0 10px 0;}#content-right a {	color: #3a900e;	font-weight: bold;	padding: 4px 0 0px 0;}#blurred-content {	margin: 100px auto 0 auto;	width: 993px;	}#competiton {	background:   url(../images/competition/bg.jpg) no-repeat;	display: inline;	float: left;	height: 517px;	position: relative;	width: 993px;}#revealed {	background: url(../images/revealed/revealed_bg.jpg) no-repeat;	display: inline;	float: left;	height: 517px;	position: relative;	width: 993px;}#details-content {	left: 35px;	position: absolute;	top: 120px;	line-height: 16px;}#details-content th {	width: 145px;	text-align: left;}#details-content td {	width: 370px;}#photo {	position: absolute;	right: 75px;	top: 65px;}#credit {	color: #565656;	font-size: 11px;	position: absolute;	right: 70px;	top: 470px;}#revealed-link {	background: url(../images/revealed/icon_arrow.gif) no-repeat 0 5px;	padding: 0 0 0 15px;}#revealed-link span {	display: block;	float: left;	font-weight: bold;}#revealed-link a {	display: block;	float: left;	font-weight: bold;}/* intro ---------------------- */#intro-holder  {	float:left;	position: relative;}#intro-fuzz  {		position: absolute;	top:223px;	left:390px;}/*  staff */#staff {	background: url(../images/staff/bg.jpg);	display: inline;	float: left;	height: 517px;	position: relative;	width: 993px;}#staff-content {	 	left: 35px;	line-height: 16px;	position: absolute;	top: 140px;	width: 450px;}#staff-content th {	text-align: left;	width: 152px;}#staff-content td {	width: 370px;}.staff-details {	line-height: 16px;	position: absolute;	right: 35px;	top: 140px;	width: 300px;}#staff1 ,#staff2 ,#staff3 ,#staff4 {	background: url(../images/staff/profile_top.jpg) no-repeat;	display: none;	height: 246px;	padding: 20px 0 0 20px;	position: absolute;	right: 40px;	top: 150px;	width: 435px;}#staff1 strong ,#staff2 strong,#staff3 strong,#staff4 strong {	color: #ffc026;	text-transform: uppercase;}.tableline {	border-bottom: 1px solid #1c1c1c;}#staff1 th,#staff2 th,#staff3 th,#staff4 th {	font-size: 11px;	padding: 4px 0;	text-align: left;	width: 150px;}#staff1 td,#staff2 td,#staff3 td,#staff4 td {	font-size: 11px;	padding: 4px 0;	text-align: left;	width: 260px;}#staff1 table,#staff2 table,#staff3 table,#staff4 table {	margin-top: 5px;}#plink1 a {	background: url(../images/staff/jackson.jpg) no-repeat 0 0;	cursor: pointer;	display: block;	float: left;	height: 262px;	width: 76px;}#plink1 a:hover ,#plink1 a.selected {	background: url(../images/staff/jackson.jpg) no-repeat 0 -262px;}#plink2 a {	background: url(../images/staff/brooke.jpg) top left no-repeat;	cursor: pointer;	display: block;	float: left;	height: 262px;	width: 114px;}#plink2 a:hover ,#plink2 a.selected {	background: url(../images/staff/brooke.jpg) no-repeat 0 -262px;}#plink3 a {	background: url(../images/staff/twins.jpg) top left no-repeat;	cursor: pointer;	display: block;	float: left;	height: 261px;	width: 139px;}#plink3 a:hover,#plink3 a.selected {	background: url(../images/staff/twins.jpg) no-repeat 0 -261px;}#plink4 a {	background: url(../images/staff/devlin.jpg) top left no-repeat;	cursor: pointer;	display: block;	float: left;	height: 261px;	width: 94px;}#plink4 a:hover,#plink4 a.selected {	background: url(../images/staff/devlin.jpg) no-repeat 0 -261px;}#link1 a,#link2 a,#link3 a,#link4 a {	color: #fff;	cursor: pointer;	float: left;	font-size: 12px;	font-weight: bold;}#link1 a {	margin-right: 25px;}#link2 a {	margin-right: 30px;}#link3 a {	margin-right: 40px;}#link4 a {	margin-right: 10px;}#link1 a:hover,#link1 a.selected,#link2 a:hover,#link2 a.selected,#link3 a:hover,#link3 a.selected,#link4 a:hover,#link4 a.selected {	color: #ffbf26;}/* Login ------------------------------------------------------- -*/#login {	background:  url(../images/login/bg.jpg) no-repeat;	width:389px;	height: 400px;	position: relative;	margin: 150px auto 0 auto;		}#login-name {position: absolute;top:75px;left:80px;	}#login-age {position: absolute;top:120px;left:80px;	}#login-email {position: absolute;top:170px;left:80px;}#login-btn {position: absolute;top:220px;left:50px;	}.login-inp {	border:none;;	padding: 2px;	width:280px;	background: none;	color:#fff;}.login-sel {	border: none;	background: transparent;	color:#fff;	padding: 2px;	width:290px;}/* GAME -------------------------------------------------------- */#game {	background: url(../images/game/game_bg.jpg) no-repeat;	display: inline;	float: left;	height: 517px;	position: relative;	width: 993px;}#game-inner {margin: 11px auto 0 auto;		width: 970px;}/* SYNOPSIS ---------------------------------------------------- */#synopsis {	background: url(../images/sypnosis/bg.jpg) no-repeat;	display: inline;	float: left;	height: 517px;	position: relative;	width: 993px;}#synopsis-inner {	left: 35px;	line-height: 16px;	position: absolute;	top: 130px;	width: 400px;}#synopsis-inner ol li{	 	line-height: 24px;	padding: 0 15px 0 0;	 }#synopsis-inner p {	padding: 10px 0 30px 0;}#synopsis-inner strong {	color: #e9b500;}#bookphoto {	position: absolute;	right: 75px;	top: 65px;}#compterms {	background: url(../images/competition/bg2.jpg) no-repeat;	display: inline;	float: left;	height: 517px;	position: relative;	width: 993px;}/* End home top------------------------------------------------- */  #call {	height: 40px;	position: absolute;	right: 0;	top: 10px;	width: 180px;}#logo {	height: 40px;	left: 0;	position: absolute;	top: 94px;	width: 180px;}#robot {	position: absolute;	right: 50px;	top: 120px;}#wowwee {	bottom: 25px;	position: absolute;	right: 30px;}#comp-content {	left: 35px;	position: absolute;	top: 135px;	width:700px;}#comp-content h3 {	color: #ffbf26;	font-family: Arial;	font-size: 16px;	font-weight: bold;	margin-bottom: 10px;	text-transform: uppercase;}#comp-content strong.close {	color: #ffbf26;	font-family: Arial;	font-size: 12px;	font-weight: bold;	margin-bottom: 10px;}#comp-content a {	color: #ffbf26;	font-family: Arial;	font-size: 12px;	font-weight: bold;}/*  ABOUT ------------------------------------------------------------ */#col-left {	display: inline;	float: left;	margin-left: 100px;	padding: 275px 0px 0 0px;	position: relative;	width: 296px;}#col-left ul {	list-style-type: none;}#col-left ul li {	background: url(../images/shared/icon_list.gif) no-repeat 5px 14px;	border-top: 1px dotted #6b6a67;	padding: 10px 0 10px 15px;	width: 220px;}#col-left ul li a {	color: #fff;	font-size: 12px;}#col-left ul li a:hover {	color: #ffbf26;	font-size: 12px;	text-decoration: none;}#col-right {	background: url(../images/shared/right_shadow.jpg) top left no-repeat;	float: left;	font-size: 12px;	padding: 270px 0 40px 0px;	position: relative;	width: 580px;	line-height: 16px;}#col-right a {	color: #e9b500;		font-size: 12px;}#col-right ol {	margin:0 0 0 20px;}#secret-bar {	border-bottom: 1px dotted #6b6a67;	border-top: 1px dotted #6b6a67;	color: #6b6a67;	font-family: Georgia;	font-size: 18px;	padding: 15px 0;}#secret-bar a {	color: #6b6a67;	font-family: Georgia;	font-size: 18px;}#col-right p {	padding: 10px 0;}#col-right span {	color: #676767;	display: block;	font-size: 12px;	margin-top: 15px;}.input-background {	background: url(../images/shared/input.gif) no-repeat;	color: #fff;	font-size: 12px;	text-align: left;	width:580px;	height:36px;	padding: 8px 0 0 0;	}.input-textarea {	background: url(../images/shared/textarea.gif) no-repeat;	color: #fff;	font-size: 12px;	text-align: left;	width:580px;	height:155px;	padding: 8px 0 0 0;	}.input-text{	display:block;	float: left;	width:110px;	padding-left: 10px;	font-weight: bold;		}.input-background input,.input-background textarea{	display:block;	float: left;	}#secretsubmit {	float: right;}.secret-inp {	width:400px;	border: none;	background:none;	color:#fff;font-size:12px;}.secret-textarea {	width:400px;	height: 140px;	border: none;	background:none;	color:#fff;	font-family: arial;	overflow: auto;	font-size:12px;}.inp-bg {	background: url(../images/shared/input_read.gif) no-repeat;	width: 182px;}.inp-rss {	background: none;	border: none;	color: #fff;	font-size: 11px;}#rssbox {	border-bottom: 1px dotted #6b6a67;	border-top: 1px dotted #6b6a67;	margin: 0 0 20px 0;	padding: 15px 0;	width: 230px;}#rssbox .left {	float: left;	padding-left: 10px;	width: 50px;}#rssbox .right {	color: #fff;	float: left;	font-size: 11px;	width: 170px;}#rssbox .right a {	color: #fff;	display: block;	font-size: 11px;}#rssbox .right strong {	color: #e9b500;	font-family: Georgia;	font-size: 20px;	font-weight: normal;}ul.yellow {	list-style-type: none;	position: relative;}ul.yellow li {	background: url(../images/shared/icon_yellow.gif) no-repeat 0px 10px;	padding: 5px 0 0px 20px;}ul li a {	color: #fff;	font-size: 12px;}/* LINKS--------------------------------------------------------------  */ a:hover.seemore{	 	text-decoration: underline;}a.seemore{	background: url(../images/home/btn_seemore.jpg) no-repeat;	color: #fff;	display: block;	float: left;	font-family: Verdana;	font-size: 12px;	 font-weight: bold;	line-height: 26px;	margin: 12px 0px 0 00px;	text-align: left;	width: 80px;	padding-left: 34px;	height:30px;}/*  NAVIGATION ----------------------------------------------- */#nav-holder {	float: left;	height: 52px;	width: 993px;}#nav-holder img {	display: block;	float: left;}#nav-1 a,#nav-2 a,#nav-3 a,#nav-4 a,#nav-5 a {	display: block;	float: left;	font-size: 0;	height: 52px;	line-height: 0;	text-indent: -2000px;}#nav-1 a {	background: url(../images/nav/nav_1.gif) no-repeat;	width: 157px;}#nav-2 a {	background: url(../images/nav/nav_2.gif) no-repeat;	width: 179px;}#nav-3 a {	background: url(../images/nav/nav_3.gif) no-repeat;	width: 176px;}#nav-4 a {	background: url(../images/nav/nav_4.gif) no-repeat;	width: 96px;}#nav-5 a {	background: url(../images/nav/nav_5.gif) no-repeat;	width: 124px;}#nav-holder a:hover,#nav-holder a.selected {	background-position: 0 -52px;}#subnav {	border-top: 1px solid #dddddd;	margin-top: 20px;	padding: 15px 0;}#subnav a {	color: #2e91cf;	display: block;	float: left;}#subnav a:hover {	color: #858585;	text-decoration: none;}#subnav span {	color: #d9d9d9;	display: block;	float: left;	font-size: 14px;	text-align: center;	width: 20px;}/* FOOTER -------------------------------------------------------------- */#footer {		height: 35px;	text-align: left;		margin:0px auto 0 auto;	width: 993px;	}#footer-left {	color: #fff;	float: left;	font-family: Arial;	font-size: 12px;	line-height: 36px;	padding: 15px 0 0 340px;}#footer-puffin {	color: #fff;	float: left;	font-family: Arial;	font-size: 11px;	padding: 15px 0 0 0px;}#footer-left a {	color: #ffbf26;	font-size: 12px;	text-decoration: none;}#footer-left a:hover {	text-decoration: underline;}#footer-id {	background: url(../images/shared/id.gif) no-repeat 105px 24px;	color: #fff;	display: inline;	float: right;	font-family: Arial;	font-size: 11px;	height: 40px;	line-height: 36px;	margin-left: 260px;	padding: 15px 0 0 0px;	width: 130px;}#footer-id a {	color: #ffbf26;	float: left;	font-size: 11px;	text-decoration: none;}#footer-id a:hover {	text-decoration: underline;} #footer-other {	float: left;	height: 60px;	text-align: left;		margin-bottom: 20px;	}#footer-left-other {	color: #fff;	float: left;	font-family: Arial;	font-size: 12px;	line-height: 36px;	padding: 15px 0 0 130px;}#footer-puffin-other {	color: #fff;	float: left;	font-family: Arial;	font-size: 11px;	padding: 15px 0 0 400px;}#footer-left-other a {	color: #ffbf26;	font-size: 12px;	text-decoration: none;}#footer-left-other a:hover {	text-decoration: underline;}#footer-id-other {	background: url(../images/shared/id.gif) no-repeat 105px 24px;	color: #fff;	display: inline;	float: left;	font-family: Arial;	font-size: 11px;	height: 40px;	line-height: 36px;	margin-left:80px;	padding: 15px 0 0 0px;	width: 130px;}#footer-id-other a {	color: #ffbf26;	float: left;	font-size: 11px;	text-decoration: none;}#footer-id-other a:hover {	text-decoration: underline;} /* GENERAL --------------------------------------------------------*/ a{	 color:#ffbf26;	outline: none;	text-decoration: none;}a:hover{	text-decoration: underline;	}.clear{	clear: both;	font-size: 0px;	height: 0;	line-height: 0px;	margin: 0px;	padding: 0px;}img{	border: 0;}p{	margin: 0px;	padding: 0px;}form{	font-size: 11px;	margin: 0;	padding: 0;}.line{	background-color: #D3D3CD;	font-size: 0px;	height: 1px;	line-height: 0px;	margin: 10px 0;	padding: 0;}.dot-line{	border-top: 1px dotted #6b6a67;	font-size: 0px;	height: 1px;	line-height: 0px;	margin: 15px 0 25px 0;	padding: 0;}.dot-line-narrow{	border-top: 1px dotted #6b6a67;	font-size: 0px;	height: 1px;	line-height: 0px;	margin: 15px 0 25px 0;	padding: 0;	width: 230px;}#double-line {	border-bottom: 1px solid #0a0a0a;	border-top: 1px solid #202020;	font-size: 0;	line-height: 0;	margin: 15px 0;}.thankyou {	color: #c7a54d;}h3 a {	color: #3a900e;	display: block;	font-size: 12px;	font-weight: bold;	margin-top: 5px;	padding: 0;}h1 {	color: #e9b500;	font-family: Georgia;	font-size: 36px;	font-weight: normal;	line-height: 36px;	margin-bottom: 10px;}h2 {	color: #e9b500;	font-family: Georgia;	font-size: 24px;	font-weight: normal;	margin-bottom: 10px;}h4 {	color: #e9b500;	font-family: Georgia;	font-size: 20px;	font-weight: normal;	margin-bottom: 10px;}h3 {	color: #fff;	font-family: Arial;	font-size: 16px;	font-weight: bold;	margin-bottom: 10px;}.secretmsg {border:1px dotted #e9b500;padding:3px;color:#e9b500;text-align:center;}/* NEW CODE 2010 FEBRUARY ------------------------------- *//*  NAVIGATION ----------------------------------------------- */#nav-1-2010 a,#nav-2-2010 a,#nav-3-2010 a,#nav-4-2010 a,#nav-5-2010 a	{	display: block;	float: left;	font-size: 0;	height: 52px;	line-height: 0;	text-indent: -2000px;	}#nav-1-2010 a	{	background: url(../images/2010/nav/nav_1.jpg) no-repeat;	width: 157px;	}#nav-2-2010 a	{	background: url(../images/2010/nav/nav_2.jpg) no-repeat;	width: 158px;	}#nav-3-2010 a	{	background: url(../images/2010/nav/nav_3.jpg) no-repeat;	width: 176px;	}#nav-4-2010 a	{	background: url(../images/2010/nav/nav_4.jpg) no-repeat;	width: 96px;	}#nav-5-2010 a	{	background: url(../images/2010/nav/nav_5.jpg) no-repeat;	width: 116px;	}#nav-holder a:hover,#nav-holder a.selected	{	background-position: 0 -52px;	}#footer-left-new	{	color: #fff;	float: left;	font-family: Arial;	font-size: 12px;	line-height: 36px;	padding: 15px 0 0 15px;	}#footer-left-new a	{	color: #ffbf26;	font-size: 12px;	text-decoration: none;	}#footer-left-new a:hover	{	text-decoration: underline;	}#footer-icons	{	float: left;	padding: 25px 0 0 200px;	}#footer-icons a	{	float: left;	margin: 0 10px 0 0;	}#thebooks	{	background: url(../images/2010/thebooks/bg_thebooks.jpg) no-repeat;	display: inline;	float: left;	height: 517px;	position: relative;	width: 993px;	}#thebooks-inner	{	line-height: 16px;	margin: 60px auto 0 auto;	width: 905px;	}#meet-punk	{	background: url(../images/2010/bg_meet_punk.jpg) no-repeat;	display: inline;	float: left;	height: 517px;	position: relative;	width: 993px;	}#meet-punk-inner	{	display: inline;	float: left;	line-height: 16px;	margin: 120px 0 0 37px;	width: 400px;	}#meet-punk-inner th	{	text-align: left;	width: 205px;	}#meet-punk-inner table	{	margin: 10px 0 20px 0px;	}#revealed-new	{	background: url(../images/2010/bg_jason_revealed.jpg) no-repeat;	display: inline;	float: left;	height: 517px;	position: relative;	width: 993px;	}#details-content-new	{	left: 35px;	line-height: 16px;	position: absolute;	top: 120px;	}#details-content-new th	{	text-align: left;	width: 145px;	}#details-content-new td	{	width: 370px;	}#credit-new	{	color: #565656;	font-size: 11px;	position: absolute;	right: 70px;	top: 470px;	}#revealed-link-new	{	background: url(../images/revealed/icon_arrow.gif) no-repeat 0 5px;	padding: 0 0 0 15px;	}#revealed-link-new span	{	display: block;	float: left;	font-weight: bold;	}#revealed-link-new a	{	display: block;	float: left;	font-weight: bold;	}/*  CAST --------------------------------------------------- */#cast {	background: url(../images/staff/bg.jpg);	display: inline;	float: left;	height: 517px;	position: relative;	width: 993px;}#cast-content {	 	left: 35px;	line-height: 16px;	position: absolute;	top: 140px;	width: 520px; }#cast-content th {	text-align: left;	width: 152px;}#cast-content td {	width: 370px;}/*.staff-details {	line-height: 16px;	position: absolute;	right: 35px;	top: 140px;	width: 300px;}*/#staff1-new ,#staff2-new ,#staff3-new ,#staff4-new,#staff5-new  {	background: url(../images/staff/profile_top_new.jpg) no-repeat;	display: none;	height: 266px;	padding: 20px 0 0 20px;	position: absolute;	right: 40px;	top: 150px;	width: 360px;	 }#staff1-new strong ,#staff2-new strong,#staff3-new strong,#staff4-new strong ,#staff5-new strong{	color: #ffc026;	text-transform: uppercase;}.tableline {	border-bottom: 1px solid #1c1c1c;}#staff1-new th,#staff2-new th,#staff3-new th,#staff4-new th ,#staff5-new th{	font-size: 11px;	padding: 4px 0;	text-align: left;	width: 150px;}#staff1-new td,#staff2-new td,#staff3-new td,#staff4-new td ,#staff5-new td {	font-size: 11px;	padding: 4px 0;	text-align: left;	width: 200px;}#staff1-new table,#staff2-new table,#staff3-new table,#staff4-new table,#staff5-new table {	margin-top: 5px;}#plink1-new a {	background: url(../images/staff/jackson.jpg) no-repeat 0 0;	cursor: pointer;	display: block;	float: left;	height: 262px;	width: 76px;}#plink1-new a:hover ,#plink1-new a.selected {	background: url(../images/staff/jackson.jpg) no-repeat 0 -262px;}#plink2-new a {	background: url(../images/staff/brooke.jpg) top left no-repeat;	cursor: pointer;	display: block;	float: left;	height: 262px;	width: 114px;}#plink2-new a:hover ,#plink2-new a.selected {	background: url(../images/staff/brooke.jpg) no-repeat 0 -262px;}#plink3-new a {	background: url(../images/staff/twins.jpg) top left no-repeat;	cursor: pointer;	display: block;	float: left;	height: 261px;	width: 139px;}#plink3-new a:hover,#plink3-new a.selected {	background: url(../images/staff/twins.jpg) no-repeat 0 -261px;}#plink4-new a {	background: url(../images/staff/devlin.jpg) top left no-repeat;	cursor: pointer;	display: block;	float: left;	height: 261px;	width: 94px;}#plink4-new a:hover,#plink4-new a.selected {	background: url(../images/staff/devlin.jpg) no-repeat 0 -261px;}#plink5-new a {	background: url(../images/staff/yakimoto.jpg) top left no-repeat;	cursor: pointer;	display: block;	float: left;	height: 259px;	width: 90px;	margin-top: 4px;}#plink5-new a:hover,#plink5-new a.selected {	background: url(../images/staff/yakimoto.jpg) no-repeat 0 -259px;}#link1-new a,#link2-new a,#link3-new a,#link4-new a,#link5-new a {	color: #fff;	cursor: pointer;	float: left;	font-size: 12px;	font-weight: bold;}#link1-new a {	margin-right: 25px;}#link2-new a {	margin-right: 30px;}#link3-new a {	margin-right: 40px;}#link4-new a {	margin-right: 10px;}#link5-new a {	margin-left: 25px;}#link1-new a:hover,#link1-new a.selected,#link2-new a:hover,#link2-new a.selected,#link3-new a:hover,#link3-new a.selected,#link4-new a:hover,#link4-new a.selected,#link5-new a:hover,#link5-new a.selected {	color: #ffbf26;}#manymore{	 	 	height: 9px;	 	position: absolute;	right: 40px;	top: 450px;	width: 198px;	 }#sneakpeek {	background: url(../images/2010/thebooks/bg_thebooks.jpg)  no-repeat;	display: inline;	float: left;	height: 517px;	position: relative;	width: 993px;}#sneakpeek-inner {	left: 35px;	line-height: 16px;	position: absolute;	top: 40px;	width: 400px;}