/* ----------------------------------------------------------------------------
	TOPDEK STYLESHEET
	Author: CC Hua
	By: WhatsHot Multimedia .:. info@whatshot.net.au .:. www.whatshot.net.au

------------------------------------------------------------------------------- */


body { 	margin: 0; padding:0; border: 0; font: normal 11px Arial, Helvetica, sans-serif; background: #444; padding-left: 8px; padding-top: 8px; padding-bottom: 30px; }

div#topnav {	width: 870px;	margin: 0; padding: 0 20px 0 0; border-bottom: 1px solid #eee; background: #fff url(../img/checkerplate.jpg) no-repeat top right; text-align: center;	}

div#topleft { 	width: 200px;	height: 170px; background: #222; margin: 0; padding:0; border: 0; float: left;
}

.bigpic { width: 200px; height: 200px; border: 0;  }

div#topright { 	width: 650px;	margin: 0; padding: 50px 0 0 0; border: 0;	float: right; }

.logo { padding-left: 0; }

div#overlord { width: 890px; background: #fff url(../img/bg-bottom.png) no-repeat bottom right; }

/* left side */

div#containerleft {	width: 730px;	margin: 0; border: 0; padding: 0;	float: left;	background: url(../img/left-fade.gif) repeat-y;	}

div#main {  	width: 450px;	margin: 0; border: 0;	padding: 18px 25px 100px 0px;	float: right;	}

/* text styles */

#main p { font: normal 12px Arial, Helvetica, sans-serif; color: #444; text-align: left; line-height: 1.7em; }
#main p a { text-decoration: none; color: #80CE00; font-weight: bold; }
#main p a:hover {  color: #444; }

#footer		{ font: normal 10px Arial, Helvetica, sans-serif; color: #999; text-align: left; line-height: 1.7em; }
#footer a 	{ text-decoration: none; color: #ccc; font-weight: bold; }
#footer a:hover {  color: #999; }

#cat	 {	margin-top: 20px; }
#cat td  { font: normal 11px Arial, Helvetica, sans-serif; color: #444; text-align: left; line-height: 1.7em; padding: 5px; vertical-align: top; }
#cat h1	 { font: bold 12px arial, helvetica, sans-serif; color: #444; padding: 0; margin: 0;  }
#cat a:link, 
#cat a:visited,
#cat a:active	{ text-decoration: none; color: #693; font-weight: bold; }
#cat a:hover 	{  color: #360; }
#cat img		{ border: 1px solid #ccc;	padding: 3px; margin: 5px; }


/* header styles */

h1 { font: normal 20px arial, helvetica, sans-serif; color: #444; padding: 0; margin: 0;  }
h2 { font: normal 16px arial, helvetica, sans-serif; color: #444; padding: 0; margin: 15px 0 0 0; }
h3 { font: normal 14px arial, helvetica, sans-serif; color: #777; padding: 0; margin: 15px 0 18px 0; line-height: 1.4em; }
h4 { font: normal 12px arial, helvetica, sans-serif; color: #444; padding: 0; margin: 10px 0 12px 0; line-height: 1.4em; }

/* right side styles */

div#containerright {
	width: 130px;
	margin: 0; border: 0; padding: 12px 0 50px 0;
	float: right;
}

.quickland { width: 100px; margin: 0; border: 0; padding: 10px 0 10px 0; border-bottom: 1px solid #ddd; }

.quicklandimage { width: 80px; float: left; }
.quicklandimage p  { margin: 0; padding: 0; border: 0; }
.quicklandimage p a { color: #80CE00; text-decoration: none; }
.quicklandimage p a:hover { color: #444; }

.imagelink { border: 1px solid #ccc;	padding: 3px; margin: 5px; }

/* clearing br */

.clear { clear: both; margin: 0; }

hr { border: 0; margin: 0; padding: 0; height: 1px; color: #ccc; background-color: #ccc; }


/*
#leftnav ul { margin: 0 0 10px 0; padding: 0; border: 0; list-style: none; }
#leftnav ul li { text-align: left; margin: 0 0 0 0; font: normal 1.1em Verdana, Arial, sans; border-top: 1px solid #444; }
#leftnav ul li a { width: 145px; display: block; margin: 0;color: #ccc; padding: 8px 5px 8px 10px; text-decoration: none; }
#leftnav ul li a:hover { color: #fff; background: #444; }

*/





/* MENU */

#navcontainer { width: 160px; margin: 0 0 0 5px; padding: 0 0 0 5px; float: left;	}

#navlist {	width: 160px;	margin: 0; border: 0; padding: 15px 15px 50px 15px;	float: left; text-align: left;	}

#navlist .header { margin: 0 0 1px 0; color: #888; text-transform: uppercase; letter-spacing: 0.2em; border-top: 0; padding:12px 5px 12px 10px;  font: normal 1.1em Arial, Helvetica, sans; }

p.info	{	font: normal 9px Arial, sans;	color: #ccc; }


#navlist li	{	width: 160px; list-style-type: none; padding: 2px; position: relative; background: #222;
	text-align: left; margin: 0 0 0 0; font: normal 11px Verdana, Arial, sans; border-top: 1px solid #444;	}

#navlist ul {	margin: 0; padding: 0;	}

#navlist li a	{	display: block; margin: 0;color: #ccc; padding: 5px; text-decoration: none;	}

#navcontainer>#navlist li a { 	width: auto; 	}

#navlist li a:hover, 
#navlist li#active a:hover	{	color: #fff; background: #444;   }



#navlist li ul { /* SECOND LEVEL LIST ITEMS */
	position: absolute;
	width: 160px;
	left: -999em;
	font: bold 11px Georgia, Arial, Helvetica, Sans-serif;
	border: 1px solid #444;
}

#navlist ul li ul li,
#navlist ul li { /* ALL LIST ITEMS */
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
}

#navlist li:hover ul,
#navlist li.sfhover ul {
	left: auto;
	margin-left: 160px;
	margin-top: -20px;
}

#navlist li ul ul { /* THIRD+ LEVEL LISTS */
	margin: -1em 0 0 160px;
}

#navlist li:hover ul ul,
#navlist li.sfhover ul ul,
#navlist li:hover ul ul ul,
#navlist li.sfhover ul ul ul {
	left: -999em;
}

#navlist li:hover ul,
#navlist li li:hover ul,
#navlist li li li:hover ul,
#navlist li.sfhover ul,
#navlist li li.sfhover ul,
#navlist li li li.sfhover ul
 { /* LISTS NESTED UNDER HOVERED LIST ITEMS*/
	left: auto;
}