* {margin:0;padding:0;}


html {
	background:transparent url(images/portal/background.png);
}

body {
	background:transparent url(images/portal/background-top.png) top left repeat-x;
	text-align:center;
	font-family:"Trebuchet MS", Verdana,Arial,Helvetica;
	margin-bottom:50px;
}

#page {
	width:800px;
	margin:0 auto;
	text-align:justify;
	background:#606090;
	border:4px solid #a9a9e9;
	border-radius:30px;
	padding:20px;
	top:50px;
	position:relative;
	color:white;
}

.clearfloat:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#main {
	width:580px;
	float:left;
}

#sidebar {
	width:170px;
	margin-top:68px;
	padding:5px;
	float:right;
}

#badge {
	position:absolute;
	top:-45px;
	right:-50px;
	background:transparent url(images/portal/badge.png);
	width:121px;
	height:121px;
}

#badge span {
	display:none;
}

* html #badge {
	background:transparent url(none);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/portal/badge.png', sizingMethod='scale');
}

a {
	text-decoration:none;
	color:white;
}

div#lastentry p a {
	border-bottom:1px dotted white;
}

a:hover {
	color:#a9a9e9;
}

h1 {
	text-indent:-9999px;
	background:transparent url(images/portal/planetozh.gif);
	width:175px;
	height:67px;
}

h2 a {
	background:transparent url(images/portal/titlebar.gif) 0 32px;
	width:427px;
	height:29px;
	text-indent:50px;
	position:relative;
	left:-48px;
	margin-bottom:20px;
	font: normal 20px "Trebuchet MS",Arial,Helvetica,sans-serif;
	padding-top:3px;
	display:block;
}

.h2block:hover h2 a {
	background:transparent url(images/portal/titlebar.gif) 0 0;
}

.timeline-header h1.summary {display:none}

h3 {
	font-size:12px;
	color:#eef;
	margin-bottom:10px;
	letter-spacing:0.1px;
}

h3 span {
	font-size:9px;
	color:#eef;
	display:block;
}

#lastentry {
	width:575px;
	overflow:hidden;
	margin-bottom:20px;
}

#lastentry img {
	padding:3px;
	border:1px solid #88a;
}

#lastentry .imgcenter {
	display:block;
}

#lastentry .imgleft {
	float:left;
	margin:3px 5px 5px 0;
}

#lastentry .imgright {
	float:right;
	margin:3px 0 5px 5px;
}

#lastentry p {
	color:#eef;
	font-size:13px;
	margin:13px 0;
}

.lastentries {
	width:575px;
	overflow:hidden;
	margin-bottom:20px;
}

.entry {
	margin:0 10px 10px 0px;
	padding:10px;
	width:163px;
	height:50px;
	overflow:hidden;
}

.entry:hover {
	background:#558 url(images/portal/emboss.png) top left;
}

#entries12,#entries34 {
	float:left;
}
#entries56 {
	float:right;
}

.entrynbr {
	float:right;
	font:40px bold verdana,arial,sans-serif;
	color:#558;
	top:-10px;
	right:-10px;
	position:relative;
	cursor:default;
}

#page ul {
	list-style-image: url('images/portal/bullet.png');
	list-style-type: circle;
	margin-left:20px;
}

* html #page ul {
	list-style-image: url('images/portal/bullet.gif');
}	

#sidebar {
	color:#99b;
	font-size:11px;
}

#sidebar p {
	margin:12px 0;
}

#gallery {
	text-align:center;
}

#gallery ul {
	list-style:none;
	margin:0;
	padding-top:1px;
	width:150px;
	height:51px;
	margin:0 auto;
	background:transparent url('images/portal/gallerybg.gif');
}

#gallery ul li {
	float:left;
}


.galleryctrl {
	padding-left:40px;
	width:120px;
	height:30px;
}

.galleryctrl a {
	border-bottom:2px solid #a9a9e9;
	border-left:1px solid #a9a9e9;
	border-right:1px solid #a9a9e9;
	background:transparent url('images/portal/gallerybg.gif') -3px -6px;
	margin:0 2px;
	padding:0 10px;
	height:16px;
	width:30px;
	float:left;
	text-align:center;
	font:10px bolder verdana,sans-serif;
}

.galleryctrl a:hover {
	padding-bottom:2px;
	color:white;
}


#bigfeed, #feedicon {clear:both;overflow:hidden;}
#bigfeed a {
	text-indent: -9999px;
	width: 107px;
	height: 144px;
	float: left;
	margin-left: 20px;
	background: url(images/portal/big_rss.gif) no-repeat -121px 0;
}
#bigfeed a:hover {
	background-position:-10px 0;
}

#feedicon a {
	text-indent: -9999px;
	width: 93px;
	height: 52px;
	float: left;
	margin: 0 60px 10px 30px;
	background: url(http://planetozh.com/images/feedicon/feedicon.php) no-repeat 0 0;
}

#tlabtn {
	text-align:center;
	}

#tlabtn img {
	border:0;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -15px;
	left: -15px;
	z-index: 1;
}

.hoverbox img
{
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 35px;
	height: 35px;
	border-color: #7070a0;
	border-style:solid;
	border-width:1px;
}

.hoverbox li {
	background: #505080;
	border-color: #88b;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 2px;
	position: relative;
}

.hoverbox .preview {
	border-color:#558;
	border-width:3px;
	width: 77px;
	height: 77px;
}

/* =Internet Explorer Hacks
----------------------------------------------------------------------*/

* html .hoverbox a {
	position: relative;
	font-size:10%;
}

* html .hoverbox a:hover {
	font-size: 100%;
	z-index: 300;
}

* html .hoverbox a:hover .preview {
	top: -18px;
	left: -18px;
}

* html .hoverbox li {
	position: static;
}