body {
	text-align: center; /*supaya center di ie*/
	font-family: "Avant Garde", Helvetica, Calibri, Arial, sans-serif;
	background: #fff url(images/bodybg.jpg) top left repeat;
	/*font-family: "Avant Garde","Century Gothic",sans-serif;*/
		
}

body * {
	font-size: 9pt;	
	/*font-weight: bold;*/
}

img { behavior: url(iepngfix.htc); } /*fix png transparency pada IE*/

#maintable {	
	margin-left: auto; margin-right: auto; /* supaya center di firefox, opera*/
	width: 609px;
	border-collapse: collapse;
}

#banner {
	background: url(images/banner.gif);	
	background-position: right;
	background-repeat: no-repeat;
	height: 52px
}

#menu * {
	font-size: 8pt;
	font-weight: bold;
}

#menu table {
	width: 100%;
	border-collapse: collapse	
}

#menu table td {
	padding: 0px;
	margin: 0px;
	background-image: url(images/menubg.jpg);
	height: 29px;
}

#menu div.separator {
	float:left;
	background-image: url(images/menuseparator.jpg);
	height: 29px;
	width: 2px;
}

#menu td.menuright {
	background-image: url(images/menuright.jpg);
	height: 29px;
	width: 5px;
}

#menu a {
	text-decoration: none;
}

#menu a div.link {	
	float:left;
	background-image: url(images/menubg.jpg);
	height: 29px;
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 29px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */	
}

#menu a div.link:hover {
	background-image: url(images/menubgroll.jpg);
}

#menu a div.home {
	float:left;
	background-image: url(images/menuleft.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 5px;
}

#menu a div.link:hover div.home {
	background-image: url(images/menuleftroll.jpg);
}

/*untuk hover pada IE*/
#menu a div.link {
    behavior: url(iehoverlink.htc);
}

#tdborder {
	border-top: solid 10px #F1F1F1;
	background-color: #F1F1F1;
	width: 20px;
}

#isi {
	background: url(images/tablebg.gif);
	/*background: #fff;*/
	width: 550px;
	/*border: solid 10px #F1F1F1;*/
	border-top: solid 10px #F1F1F1;
	border-right: solid 5px #F1F1F1;
	vertical-align:top;
	padding: 0px;
}

#isi * {
	color: #fff;
}

#isi input, #isi textarea, #isi select {
	color: #000;
}

#isi table {
	width: 100%;
}

#isi table td {
	border: none;
}

#isi h1 {
	text-align: center;
	font-family: "Arcade America", Comic Sans MS;
	font-size: 16;	
}

#gambarheader, #gambarsamping {
	background: #fff;
	vertical-align: top;
	padding: 0px;
}

#gambarheader *, #gambarsamping * {
	color: #000;
}

#bannerisi {
	border-collapse: collapse;
	height:21px;	
}

#bannerisi td {
	font-family: Arial;
	padding:0px;
	margin:0px;
}

#bannerisi span {
	color: #FFBF01;
}

#bannerisi a {
	color: #fff;
	text-decoration: none;
}

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

#bannerisileft {
	background-image: url(images/bannerisileft.jpg);
	width:5px;
	background-position: left;
	background-repeat: none;
}

#bannerisimid {
	background-image: url(images/bannerisimid.jpg);
	width:430px;
	background-position: left;
	background-repeat: repeat-x;	
}

#bannerisiright {
	background-image: url(images/bannerisiright.jpg);
	width:5px;
	background-repeat: none;
}

#tdseparator {
	border-top: solid 10px #F1F1F1;	
	background-color: #CECECE;
	width: 2px;
	font-size: 1px;
}

#top10 {
	background: #fff;	
	border-top: solid 10px #F1F1F1;
	border-left: solid 5px #F1F1F1;
	width: 155px;
	vertical-align:top;
	text-align:center;
}

#top10content {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#top10footer {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	vertical-align: bottom;	
	text-align: right;
}

#divbataswaktu {
	background-image: url(images/bgbataswaktu.jpg);
	background-repeat: no-repeat;
	width: 155px;
	height: 88px;
	color: #fff;
	padding-top: 8px;
	font-weight: normal;
}

#bannertop10 {
	background-image: url(images/bannertop10.jpg);
	width: 155px;
	height: 21px;
	color: #fff;
	font-family: Arial;
}

#divisitop10 {	
	width: 155px;
	height: 200px;
	overflow: auto;
}

#top10 table {
	margin-left:auto; margin-right:auto;
	border: none;
}

#top10 table td {
	border: none;
}

.thumbnail {
	width: 80px;
	height: 80px;
}

#top10 table td .thumbnail {
	width: 60px;
	height: 60px;
}

.thumbnailcontainer {
	padding-top: 3px;
	padding-left: 3px;
	width: 87px;
	height: 87px;
	/*border: solid 1px #ccc;*/
}

.pageimg, .coverimg {
	width: 128px;
	height: 170px;	
}

.pageimgcontainer {
	padding-top: 3px;
	padding-left: 3px;
	width: 135px;
	height: 178px;
	/*border: solid 1px #ccc;*/
}

.divvote {
	border:solid 1px #000; 
	width:100%; 
	height:10px;
	min-height:1px;
	text-align:left;
}

.divvote div {
	background-color:#0f0;
	height:10px;
	font-size:1px;	
}

#maintable .tdkomiklist {
	/*border: solid 1px #ccc;*/
	text-align:center;	
	vertical-align:top;
	padding-bottom: 10px;	
}

#maintable .tdkomiklist .thumbnailcontainer {
	margin-left: auto;
	margin-right: auto;
}

#bannerfooter {
	background-image: url(images/bannerfooterbg.jpg);
	background-position: left;
	background-repeat: repeat-x;
	height: 35px;
	border-collapse: collapse;
	width: 100%;
}

#bannerfooter #kiri {
	background-image: url(images/bannerfooterleft.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 355px;
}

#bannerfooter #kanan {
	background-image: url(images/bannerfooterright.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#btnlihatisi {
	/*display: block;*/
	background-color: transparent;
	background-image: url(images/btnbg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding: 0px 5px;	
	font-weight: bold;
	text-decoration: none;
}

#btnlihatisi:link, #btnlihatisi:visited {
	color: #fff;
}

#btnlihatisi:hover, #btnlihatisi:active {
	color: #FFBF01;
}

.popup {
	background-color: #000;
	color: #fff;
}

body.popupbody {
	background: #fff;
}