body {
		margin				: 0px;
		font-family			: verdana;
		font-size			: 10pt;
		background-image	: url(../images/background.gif);
		background-color	: #FF3300;
	}

td {
		font-size			: 8pt;
		font-family			: verdana;
	}

td a{
		color				: #AA0000;
		text-decoration		: none;
	}

td a:hover{
		color				: #FF0000;
		text-decoration		: underline;
	}

.articlesfriend{
		margin				: 10px;
		padding				: 10px;
		border				: 1px solid #EEEEEE;
		background-color	: #EEEEEE;
		font-size			: 10pt;
		font-family			: verdana;
		color				: #000000;
		-moz-border-radius	: 5px;
		-webkit-border-radius: 5px;
	}

.articlesfriend a{
		color				: #AA0000;
		text-decoration		: underline
	}

.articlesfriend a:hover{
		color				: #FF0000;
	}

.articlesfriend .af_title{
		color				: #AA0000;
		font-size			: 12pt;
		font-family			: verdana;
		font-weight			: bold;
	}

.articlesfriend .af_content{
		color				: #000000;
		font-size			: 9pt;
		font-family			: verdana;  
	}

.maincat {
		margin-left			: 5px;
		margin-right		: 5px;
		font-size			: 14pt;
	}
.maincat .catTitle {
		font-family			: verdana;
		color				: #AA0000;
	}
	
.maincat .catTitle a{
		color				: #AA0000;
		text-decoration		: none;
	}

.maincat .catTitles a{
		color				: #AA2200;
		font-style			: italic;
		font-weight			: bold;
	}

.maincat a:hover{
		text-decoration		: underline;
		color				: #303030;
	}

.artTitle{
		font-size			: 8pt;
		font-family			: verdana;
	}
	
.artTitle a{
		color				: #AA0000;
		text-decoration		: underline;
	}

.articleTitle{
		font-size			: 14pt;
		font-family			: verdana;
	}

.articleTitle a{
		color				: #AA0000;
		text-decoration		: none;
	}
	
.articleTitle a:hover{
		color				: #FF0000;
		text-decoration		: none;
	}

.articleAuthor {
		font-size			: 9pt;
		font-family			: verdana;
	}

.artContent{
		color				: #000000;
		font-size			: 9pt;
		font-family			: verdana;
}

#username{
		background-color	: #FFFFFF;
		color					: #AA0000;
		border					: 1px solid #606060;
		width					: 100px;
	}

#password{
		background-color	: #FFFFFF;
		color					: #AA0000;
		border					: 1px solid #606060;
		width					: 100px;
	}

#submitGlob{
		background-color	: #CC0000;
		font-weight			: bold;
		font-family			: verdana;
		font-size			: 8pt;
		border				: 1px solid #EEEEEE;
		color				: #FFFFFF;
		padding-top			: 1px;
		padding-bottom		: 1px;
	}
	
#searchGlob{
		background-color	: #FFFFFF;
		color					: #000033;
		border					: 1px solid #606060;
		width					: 200px;
	}

#searchButton{
		background-image : url(images/search.png);
	}
	
.app_top{
		margin-top			: 0px;
		width				: 900px;
		background-color	: #E80D0D;
		border				: 1px solid #E80909;
		padding				: 5px;
		margin				: 0 auto;
		-moz-border-radius-bottomright: 5px; 
		-webkit-border-bottom-right-radius: 5px; 
		-moz-border-radius-bottomleft: 5px; 
		-webkit-border-bottom-left-radius: 5px;
		height				: 45px;
	}

.app_top .topmenu {
		font-family			: verdana;
		font-size			: 8pt;
		color				: #303030;
		margin-top			: 10px;
		text-align			: right;
	}

.app_top .topmenu a{
		font-size			: 8pt;
		text-decoration		: underline;
		color				: #EEEEEE; 
	}
	
.app_top .topmenu a:hover{
		color				: #FFFF00; 
	}

.app_top a{
		color					: #FFFFFF;
		text-decoration	: none;
		font-size			: 10pt;
	}
.logo {
		position			: absolute;
	}

.logo a{
		font-size			: 18pt;
		font-weight			: bold;
	}

.app_top .right{
		text-align			: right;
		font-family			: verdana;
		font-size			: 8pt;
		font-weight			: 100;
		color				: #FFFFFF; 
		padding-left		: 400px;
	}

.app_top .right a{
		font-family			: verdana;
		font-size			: 8pt;
	}	
	
.footer{
		font-family			: verdana;
		font-size			: 8pt;
		text-align			: center;
		margin-top			: 0px;
		width				: 900px;
		background-color	: #E80D0D;
		border				: 1px solid #E80303;
		padding				: 5px;
		margin				: 0 auto;
		color					: #FFFFFF;
		-moz-border-radius-topright: 5px; 
		-webkit-border-top-right-radius: 5px; 
		-moz-border-radius-topleft: 5px; 
		-webkit-border-top-left-radius: 5px
	}

.mainFrame{
		border				: 0px solid #AA0000;
		padding				: 5px;
		background-color	: #EFEFEF;
		margin				: 0 auto;
		width				: 900px;
	}

.mainFrame .leftFrame{
		width				: 185px;
	}
	
.mainFrame .contentFrame{
		width				: 700px;
		/*border			: 1px solid #000033;*/
		border-right		: 1px solid #C0C0C0;
		border-left			: 1px solid #EEEDDD;
		border-top			: 1px solid #EEEDDD;
		border-bottom		: 1px solid #DDDDDD;
		background-color	: #FFFFFF;
	}

#contents {
		font-size			: 8pt;
		font-family			: verdana;
		padding				: 10px;
		overflow-y			: auto;
		overflow-x			: none;
	}

.garis_bawah {
	background-image:url(../images/titik.gif);
	}

.nav {
		font-size			: 8pt;
		font-family			: verdana;
		float				: right;
		margin-bottom		: 10px;
		margin-top			: -20px;
	}

.nav a{
		color				: #000000;
	}

.nav a:hover{
		color				: #FF0000;
	}
	
.navSearch {
		font-size			: 8pt;
		font-family			: verdana;
		margin-bottom		: 10px;
	}

.navSearch a{
		color				: #000000;
	}

.navSearch a:hover{
		color				: #FF0000;
	}

.rss_container{
		padding				: 5px;
	}

.rss_title{
		color				: #AA0000;
		font-size			: 12pt;
		font-family			: verdana;
		font-weight			: bold;
	}

._left{
		width : 98%;
		height : 599px;
		/*float:left;
		/*border : 1px solid #CCCCCC;*/
		padding-left : 5px; padding-right: 5px;
		/*overflow-y : auto;
		overflow-x : none;*/
	}

.protext{font-weight: bold; font-family: verdana; font-size: 9pt; padding-left: 5px}

._right{
		float: right;
		width : 338px;
		height : auto;
		border : 1px solid #CCCCCC;
		padding-left : 5px; padding-right: 5px;
	}

._bottom{
		float : left;
		width : 100%;
		border: 1px solid #C0C0C0;
		margin-top: 5px;
		background-color : #FFFFFF;
	}

._featured{
		margin-bottom : 5px;
	}

.meta{
		font-style : italic; font-size: 7pt; font-family: verdana;
	}

.asterisk{color : #FF0000}

.register input, select {width : 300px}
.button {background-color : #FF0000;-moz-border-radius: 5px; -webkit-border-radius: 5px; padding-top: 4px; padding-bottom : 4px; padding-left : 8px; padding-right : 8px; color : #FFFFFF; font-weight : bold; }

.depan {
		padding 			: 10px;
	}

.depans{
		font-family			: verdana;
		font-size			: 10pt;
		margin-top 			: 10px;
	}
	
.leftmenu {
		padding				: 5px;
		font-size			: 8pt;
		font-family			: verdana;
		color				: #000000;
	}

.leftmenu a{
		color				: #006600;
		text-decoration		: underline;
	}

.leftmenu a:hover{
		color				: #FF0000;
		text-decoration		: none;
	}

.menuAdmin{
		color				: #FFFFFF;
		font-weight			: bold;
		background			: #006633;
		padding				: 4px;
		border				: 1px solid #006600;
		width				: 165px;
		margin				: 1px;
		font-size 			: 10pt;
	}
	
.menuAdmin a{
		color				: #FFFFFF;
		text-decoration		: none;
		font-weight			: bold;
	}

.menuAdmin a:hover{
		color				: #FFFF00;
	}

.submenuAdmin{
		padding				: 4px;
		border				: 1px solid #006600;
		width				: 165px;
		margin				: 1px;
		font-size 			: 8pt;
		font-family			: verdana;
	}

.submenuAdmin a{
		color				: #000000;
		text-decoration		: none;
	}

.submenuAdmin a:hover{
		color				: #FF0000;
	}

.titlePage{
		background-color	: #FF0000;
		border				: 1px solid #003300;
		font-size			: 12pt;
		font-family			: verdana;
		padding				: 5px;
		color				: #FFFFFF;
		font-weight			: bold;
	}	

.viewMenu{
		font-size			: 8pt;
		font-family			: tahoma;
		color				: #FFFFFF;
		float				: right;
		margin-top			: 3px;
	}
	
.viewMenu a{
		border				: 1px solid #00CCCC;
		padding-top			: 3px;
		padding-bottom		: 3px;
		padding-left		: 5px;
		padding-right		: 5px;
		background-color	: #EEEEEE;
		margin-left			: 1px;
		text-decoration		: none;
	}

.viewMenu a:hover{
		background-color	: #FF0000;
		color				: #FFFFFF;
		text-decoration		: none;
	}
	
.viewTitle {
		font-size			: 14pt;
		font-family			: verdana;
		color				: #006600;
		font-weight			: bold;
	}

.viewMeta {
		font-size			: 10pt;
		font-family			: verdana;
		color				: #000000;
	}

.totalArt{
		float				: right;
		font-size			: 8pt;
		font-family			: verdana;
		padding-right		: 5px;
	}

.nav {
		font-size			: 8pt;
		font-family			: verdana;
	}

.nav a{
		color				: #000000;
		text-decoration		: none;
	}

.viewArticles{
		font-size			: 8pt;
		font-family			: verdana;
		width				: 100%;
		
	}

.viewArticles .viewArticlesTitle{
		background-color	: #00CC66;
		color				: #000000;
		font-weight			: bold;
	}
	
.viewArticles .viewArticlesBody1 td{
		background-color	: #FFFFFF;
	}

.viewArticles .viewArticlesBody2 td{
		background-color	: #EEFFEE;
	}

.comments{
		padding				: 5px;
		border				: 1px solid #AA0000;
		margin-bottom		: 20px;
	}

.comments #title{
		font-size			: 10pt;
		font-family			: verdana;
		background-color	: #C0C0C0;
		padding				: 3px 5px;
	}
	
.comments #content{
		font-size			: 9pt;
		font-family			: verdana;
		background-color	: #EEEEEE;
		padding				: 3px 5px;
	}
	
.news_title{
		font-size 			: 14pt;
		color 				: #AA0000;
		font-weight 		: bold;
		font-family 		: arial;
		margin-bottom 		: 15px;
		margin-left			: 10px;
		margin-right		: 10px;
		margin-top			: 0px;
	}
	
.news_content{
		margin-left			: 10px;
		margin-right		: 10px;
		margin-bottom		: 10px;
	}
	
.news_content #title{
		font-weight			: bold;
		font-size 			: 12pt;
	}

.news_content #content{
		font-size			: 9pt;
		font-family			: verdana;
	}

.news_content #date{
		font-size			: 7pt;
		font-family			: verdana;
		color				: #606060;
	}
	
.news_content #titles{
		font-size			: 14pt;
		font-weight			: bold;
		margin-bottom		: 10px;
		margin-top			: 10px;
		margin-left			: 10px;
		margin-right		: 10px;
	}
	
.news_content #contents{
		font-size			: 10pt;
		margin-left			: 10px;
		margin-right		: 10px;
		margin-bottom		: 15px;
	}

/* Interactive part */
#row_image{
	background-image : url(../images/dot.gif);
	background-repeat : repeat-x;
	width : 100%;
}
	
#interactive{
		padding 			: 15px;
}

#interactive a{
	color : #000000;
	text-decoration : none;
}

#interactive a:hover{
	text-decoration : underline;
	color : #AA0000;
}

#interactive #title{
		font-weight : bold;
		font-size : 12pt;
		font-family : verdana;
		color : #AA0000;
}

#interactive #directorytitle{
	font-weight : bold;
	color : #AA0000;
	font-size : 12pt;
	margin-bottom : 15px;
}

#interactive #directorytitle_url{
	font-weight : bold;
	color : #AA3300;
	font-size : 10pt;
}

#interactive #directoryontent_url{
	color : #000000;
	margin-bottom : 10px;
	font-size : 9pt;
}

#count input{
	background-color : #AA0000;
}