body 	
		{ 	margin-left: 0%; 
			margin-top: 0%; 
			border-top-width: 0pt;
			border-left-width: 0pt;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 8pt; 
			color: #FFFFFF;
			background-color: #0C0C0C; 
			vertical-align: top;
			text-align: center; 
			margin: 0 auto; 
			padding: 0; 
			min-width: 900px; }

font	
		{	font-family: Arial, Helvetica, sans-serif; 
			font-size: 8pt; }
a:link	
		{	color: #ff0000; }
a:visited
		{	color: #808080; }
a:active
		{	color: #FF5708; }
a:hover 
		{ 	color: #ffffff; 
			text-decoration: none; }			
.plain
		{ 	color: #ffffff;
			text-decoration: none; }
.enhance 
		{ 	color: #ffffff; 
			text-decoration: none; }			

/* headings */

h1		
		{	font-size: 18pt;
			font-weight: bold; }
h2		
		{	font-size: 16pt;
			font-weight: bold; }
h3		
		{	font-size: 14pt;
			font-weight: bold; }
h4		
		{	font-size: 12pt;
			font-weight: bold; }
h5		
		{	font-size: 10pt;
			font-weight: lighter; }
h6		
		{	font-size: 8pt;
			font-weight: lighter; }

.nopad
		{	padding-top: 0px; 
			padding-bottom: 0px;
			margin: 0px; }
			
/* body wrapper div */

div.wrapper
		{	text-align: left; 
			width: 900px; 
			margin: 0px auto; 
			margin-top: 2px; 
			margin-bottom: 10px; 
			padding: 2px;
			border-width: 1px; 
			border-color: #333333;
			border-style: solid; 
			background-color: #0C0C0C; }
html>body div.wrapper	
		{	width: 896px; }		/* non-IE child selector fix */

/* centre zone */

div.bod
		{	width: 880px;
			height: auto;
			min-height: 600px;
			float: left; 
			text-align: left; 
			padding: 3px 3px 3px 6px; }
			
/* logo */

div.hlogo
		{	border: 0px; 
			margin: 0px; 
			padding: 0px; 
			width: 100%;
			float: left; 
			background-image: url('img/htop-fill.gif'); }

div.hlogo2
		{	border: 0px; 
			margin: 0px; 
			padding: 0px; 
			width: 100%;
			height: 19px;
			float: left; 
			background-image: url('img/htop-navfill.gif'); }

/* category nav list */

div.nav a
		{	padding: 1px 1px 1px 3px; 
            display: block;
			width: 156px; }
div.nav a:link	
		{	color: #ffffff; }
div.nav a:visited
		{	color: #808080; }
div.nav a:active
		{	color: #ff0000; }
div.nav a:hover 
		{ 	background-color: #800000;
			color: #000000; 
			text-decoration: none; }
div.nav br
        {   display: none; }
		
/* category nav selection */

div.navsel
		{	padding: 1px 1px 1px 3px; 
            display: block;
			width: 100px;
			background-color: #444444;
			color: #ff0000; 
			text-decoration: none; }
div.navsel br
        {   display: none; }
			
/* menu divs */

div.navmenu
		{	border-width: 1px 3px 3px 1px;
			border-style: solid;
			border-color: #444444;
			background-color: #1D1D1D;
			color: #FFFFFF;
			position: absolute;
			width: 100px;
			margin-left: auto;
			min-height: 90px;
			top: 145px;
			left: 354px;
			z-index: 99;
			display: none; }
div.navmenu ul
		{	position: absolute;
			padding: 0px;
			margin: 0.4em;
			list-style: none; 
			width: 93px; }
div.navmenu ul li
		{	position: relative; }			
div.navmenu ul a
		{	display: block;
			padding: 1px 1px 1px 3px;
			color: #FFFFFF; }
div.navmenu ul a:hover
		{	display: block;
			color: #000000;
			background-color: #800000;
			text-decoration: none; }
			
/* pennant panels */

div.pennantbox
		{	width: 150px;
			float: left; 
			margin: 0px; }	
div.pennant
		{	position: relative;
			width: 145px;
			border: 1px solid #333333;
			padding: 0px;
			margin: 2px; 
			float: left; 
			overflow: hidden; }
div.pennant img
		{	position: relative;
			left: -55px;
			top: 0px;
			border: 1px solid #555555; }
div.pennantbutbox
		{	border: 1px solid #333333;
			width: 145px;
			margin: 2px;
			padding: 0px; }
div.pennantbutbox span
		{	margin-top: 0.5em;
			margin-bottom: -5px;
			text-align: center;
			display: block; }
			
div.lowerpennantbox
		{	position: relative;
			width: 100%; 
			height: auto;
			padding: 0px;
			margin: 0px;
			overflow: hidden; }
div.lowerpennant
		{	width: 145px;
			height: 160px;
			min-height: 200px;
			position: relative;
			border: 1px solid #333333;
			padding: 0px;
			margin: 2px 1px 2px 2px; 
			background-position: -55px 0px; 
			background-repeat: no-repeat; }
div.lowerpennant span
		{	margin-top: 4em;
			margin-bottom: -5px; 
			text-align: center; 
			display: block; }
div.featurebox
		{	width: 445px;
			min-height: 200px;
			position: relative;
			border: 1px solid #333333;
			margin: 2px 1px 2px 2px; 
			float: left; }
			
/* data divs */

div.girlbox
		{	position: relative;
			float: left;
			width: 60%; }
			
div.bioshortbox
		{	position: relative;
			float: left; 
			width: 60%; 
			height: 210px; 
			overflow: hidden; 
			border: 1px solid #333333; 
			padding: 5px; }
div.bioshortbox #more
		{	position: relative;
			bottom: 18px; 
			left: 150px; }
a.pic:hover
		{	cursor: pointer; }
			
div.biolongbox
		{	clear: left;
			position: absolute;
			left: 0px;
			top: 0px;
			display: block; }
div.biolongbox2
		{	clear: left;
			position: relative;
			width: 100%; 
			height: 100%; 
			overflow: hidden; 
			border: 1px solid #333333; 
			padding: 3px; 
			display: block; }

div.biocollt
		{	width: 30%;
			position: relative;
			clear: both;
			float: left;
			text-align: left;
			font-weight: bold; }
div.biocolrt
		{	width: 60%;
			position: relative;
			float: left;
			text-align: left;
			margin-bottom: 0.35em; }
div.biostmt
		{	width: 100%;
			position: relative;
			clear: left;
			text-align: justify; }
			
div.webbox
		{	position: relative;
			float: left;
			width: 214px;	
			height: 89px;
			background-image: url('img/pan-linkboxfill.gif');
			border: 1px solid #333333; 
			padding: 3px; 
			text-align: left; 
			margin-left: 5px; }
div.webboxhead
		{	font-size: 110%; 
			font-weight: bold;
			vertical-align: top;
			padding-bottom: 0.25em; }
div.webboxbody
		{	margin-top: 0.5em;
			line-height: 0.25em; }
div.webboxbody img
		{	vertical-align: middle; 
			margin-bottom: 0.25em; }
div.stuffbox
		{	position: relative;
			float: left;
			width: 220px;
			height: 119px;
			border: 1px solid #333333;
			padding: 0px;
			text-align: left;
			margin: 4px 0 0 5px; }
						
/* locker divs */

#optionmenu ul
		{ 	margin: 0;
			padding: 0;
			list-style-type: none;
			text-align: center; }

#optionmenu ul li 
		{	display: inline; 
			padding: .1em .5em;
			font-weight: bold; }

#optionmenu ul li a
		{	text-decoration: none;
			padding: .1em .5em;
			color: #FFFFFF;
			background-color: #333333; }

#optionmenu ul li a:hover
		{	color: #000000;
			background-color: #EEEEEE; }
			
div.sections
		{	position: relative;
			border: 1px solid #333333;
			width: 98%;
			padding: 5px;
			margin: 2px;
			text-align: left;
			display: block; }
			
div.sectionheads
		{	position: relative;
			padding: 3px;
			margin: 1px;
			background-color: #AAAAAA;
			color: #000000;
			font-weight: bold;
			width: 98%;
			vertical-align: middle;
			text-align: left; }
div.sectcollt
		{	width: 20%;
			position: relative;
			clear: both;
			float: left;
			padding-right: 2em;
			text-align: right;
			vertical-align: middle;
			font-weight: bold; }
div.sectcolrt
		{	width: 70%;
			position: relative;
			float: left;
			text-align: left;
			margin-bottom: 0.35em; }
			
/* gallery */

#gallalbumthm
		{	margin-bottom: 2px; 
			vertical-align: top; }
div.gallphotothm
		{	position: relative;
			float: left;
			text-align: center;
			border: 1px solid #333333;
			padding: 5px;
			margin: 7px 5px 5px 0; }
div.gallphotothm:hover
		{	border-color: #ff0000; 
			cursor: pointer; }
div.gallphotothm a:link img
		{	border-color: #333333; }

/* separator divs */

div.sep
		{	display: block;
			width: 100%;
			background-color: #aaaaaa;
			color: #000000; 
			text-decoration: none; 
			clear: both; 
			line-height: 0px; 
			font-size: 1px; 
			padding: 2px 2px 2px 6px; }

div.break
		{	clear: both;
			margin: 0px;
			padding: 0px;
			border: 0; }

/* horizontal slider */

#stage
		{	width: 550px; 
			overflow: auto;
			overflow-x: hidden; 
			overflow-y: hidden; 
			height: 90px; 
			margin: 0 auto; }
#slider-buttons
		{	width: 550px; 
			margin: 0 auto; }
#myList
		{	width: 2000px; 
		 	border: 0; 
			margin: 0; 
			padding: 0; 
			left: 0px; }
#myList li
		{	list-style: none; 
			margin: 0; 
			padding: 0; 
			border: 0; 
			margin-right: 2px;
			padding: 4px; 
			background:	#333333;
			float: left;
			width: auto;
			height: 88px; }
			
/* horizontal slider2 */

div#scrollbar 
		{	display: none; }
div#wn	
		{	position: relative; 
			width: 590px; 
			height: 92px; 
    		overflow: hidden; }
div#scrollbar 
		{	position: relative; 
    		width: 590px; 
			height: 13px;
    		display: block; /* display:none initially */
    		font-size: 1px; } /* so no gap or misplacement due to image vertical alignment */
div#track 
		{	position: absolute; 
			left: 10px; 
			top: 0;
    		width: 570px; 
			height: 12px; 
    		background: #333333; }
div#dragBar 
		{	position: absolute; 
			left: 1px; 
			top: 1px;
    		width: 20px; 
			height: 10px; 
    		background-color: #CC0000; }  
div#left 
		{ 	position: absolute; 
			left: 0; 
			top: 1px; 
			vertical-align: middle; }  
div#right 
		{ 	position: absolute; 
			right: 0; 
			top: 1px; 
			vertical-align: middle; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right 
		{	-moz-user-select: none;
    		-khtml-user-select: none; }
/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img 
		{	display: block; } 

/* general blog setup */

.post1
		{ 	background-color: #333333;
			padding: 5px 0 5px 0; }
.post2
		{ 	padding: 5px 0 5px 0; }
					
/* misc */

div.err	
		{	font-size: 11pt; 
			color: #FF0000; 
			border: 1px solid #333333; 
			margin: auto; 
			margin-bottom: 1em; 
			width: 80%; }

ul.li
		{	list-style: square;
			display: block; 
			padding: 0px; }
ul.home
		{	list-style: square;
			display: none; }
			
#ordlist li
		{	margin-bottom: 0.5em; }
pre	
		{	font-family: Arial, Helvetica, sans-serif; }
td		
		{	font-size: 8pt; }
HR		
		{ 	height: 1px; margin: 3px; }
B		
		{	font-weight: bold; }
P	
		{	margin-top: 1em;
			line-height: 1em; }
		
select.smallfont
		{ 	font-size: 9pt; }