/*
+---------------------------------------------------------------+
|	e107 website system
|
|	©William Moffett 2001-2005
|	http://e107.net
|	que@e107.net
|
|	Released under the terms and conditions of the
|	GNU General Public License (http://gnu.org).
+---------------------------------------------------------------+
*/

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #666666; background: #4a0000 url(images/bg.jpg) top repeat-x; }

a 
{ color: #3A566C; font-weight: bold; text-decoration:none; }

a:hover 
{ color: #A3ADB5; font-weight: bold; text-decoration: underline; }

p {}

h1, h2, h3, h4, h5, h6{
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	border: 1px solid #9DA1A6;
	margin: 2px 0 6px 0;
	padding: 4px 0px 0px 6px;
	text-align: left;
	height: 21px;
	background: url(images/menuhb.jpg) repeat-x;
	}

table 
{ margin: 0px; padding: 0px; border: none; border-collapse: collapse; }

td 
{ text-align:left; vertical-align:top; padding-left:2px; padding-right:2px; }

blockquote {}

ul, ol {}

form { }

input
{ margin:2px; }

hr 
{ margin-top: 2px; height: 1px; border: none; background-color: #3f3f3f; }

/* SITE LAYOUT */

#main { margin: 0 auto; width: 82.3%; padding: 0; background: url(images/headb.jpg) repeat-x; height: 235px; border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; }

/************* #search styles ***************/

#search{
	margin: 0px;
	margin-top: 1%;
	padding: 1px 4px 4px 10px;
	font-size: 90%;
	text-align:right;
	display:block;
	float: right;
}
	
#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	margin: 0px;
	padding: 0px;
}

#search{
	margin: 0px;
	padding: 4px 4px 0px 10px;
	font-size: 90%;
	text-align: right;
	display: block;	
}

/* end of search box */

#head { margin: 0; padding: 0; width: 100%; height: 220px; background: url(images/head.jpg) repeat-x transparent; float: left; }

#topmenu { margin: 0 auto; padding: 0; width: 90%; height: 34px; background: url(images/topmenub.jpg) repeat-x; border-left: 1px solid #000000; border-right: 1px solid #000000;}

/* main menu */

#navigation
{ margin: 0 0 0 0; padding: 184px 0 0 0; list-style-type: none; width: 100%; float: left; }

#navigation a
{ display: block; text-decoration: none; text-align: center; color: #FDFDB3; padding: .2em .5em; float: left; color: #fff;}

#navigation a:hover
{ color:  #A3ADB5; font-weight: bold;  }

#navigation li
{ display: inline; }

/* end of main menu */

#main2 { margin: 0 auto; padding: 4px 0 0 0; background: #ffffff url(images/menub.jpg) repeat-y right ; width: 82.3%; border-left: 1px solid #ff0000; border-right: 1px solid #ff0000; }

#lmenu 
{ margin: 6px 0 6px 4px; padding: 2px; width: 22%; background: #ffffff; float: right; border: 1px solid #9DA1A6; text-align: left; font: 10px Arial, Helvetica, sans-serif normal; color: #666666;}

.news 
{ margin: 6px 4px 6px 4px; padding: 2px; width: 75%; float: left; background: #ffffff; border: 1px solid #9DA1A6; }

.title
{   padding: 6px 0 0 6px; margin: 2px 0 0 0; font: 12px Arial, Helvetica, sans-serif; color: #fff; text-align: left; border-left: 1px solid #9DA1A6; border-right: 1px solid #9DA1A6; border-top: 1px solid #9DA1A6; height: 21px; background: url(images/menuhb.jpg) repeat-x ; font-weight: bold; }
   
.story
{ padding: 0 4px 0 6px; margin: 0; text-align: left; background: #ffffff; border-left: 1px solid #9DA1A6; border-right: 1px solid #9DA1A6; font: 10px Arial, Helvetica, sans-serif normal; color: #666666;}


.date
{ padding: 6px 6px 6px 0; margin: 0 0 6px 0; font: 9px Arial, Helvetica, sans-serif bold italic; color: #666666; text-align: right; border: 1px solid #986265; height: 21px; background: #ffebc3; }
   
.postby
{ text-align: right; padding: 7px 7px 7px 0px; margin: 0; color: #666666; font: 10px Arial, Helvetica, sans-serif bold italic;} 

#rmenu 
{ margin: 6px 4px 6px 0; padding: 2px; width: 22%; float: right; background: #ffffff; border: 1px solid #9DA1A6; text-align: right; font: 10px Arial, Helvetica, sans-serif normal; color: #666666;}

#footer 
{ margin: 0; padding: 4px 0 0 0; text-align: center; background: url(images/menuhb.jpg) repeat-x; width: 100%; height: 34px; clear: both; font: 10px Arial, Helvetica, sans-serif normal; color: #ffffff; }


/* end of layout */

/* E107 STYLES */

.bodytable {
	padding: 8px;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color: #ccc;
}

.indent {
	padding: 5px;
	margin: 5px;
	font: 9px verdana, tahoma, arial, sans-serif;
	color: #000000;
	border: 1px solid;
	/* background-color: #333333; */
	border-bottom: #39393b 1px solid;
	border-left: #151515 1px solid;
	border-right: #39393b 1px solid;
	border-top: #151515 1px solid;
	/* background: #B8BFC6; */
	background-image:url(images/background_quote.jpg)
}
	.indentchat{
	border: 1px solid #ffffff;
	margin:2px;
	padding:4px; 
	display:block;
	text-decoration:none;
	font-weight:bold;
	text-align: left;
	color: #666666;
	background: #eaeaea;
	
	}
.tanggalChat {
	color: #a8a8a8;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.komen_chat {
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color: #333333;
}

.small {

	color: #666666;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.smalltext {
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color: #666666;
}
.smallbottom {
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color: #666666;
	text-align:left;
}

.tbox {
	background-color: #fff;
	border: #9DA1A6 1px solid;
	color: #000;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.helpbox {
	background-color: #1f1f1f;
	border: #9DA1A6 1px solid;
	color: #cccccc;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.button{
	margin:2px 2px;
	background: url(images/menuhb.jpg) repeat-x bottom;
	border: #9DA1A6 1px solid;
	color: #fff;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif bold;
	text-align:center;
}

/* FORUM STYLES */

.spacer {
	padding: 2px 0 2px 0;
}
.fcaption {
	padding:0px 4px;
	height:21px;
	line-height:21px;
	background: url(images/menuhb.jpg) repeat-x #f0d700;
	border: 1px solid #9DA1A6;
	color: #fff;
	font-weight:bold;
}

.fcaption span.smalltext{
	color: #000;
}

.fcaption span.smalltext a:hover{
	color: #000;
}

.fcaption a {
	color: #000;
	text-decoration: none;
}

.fcaption a:hover {
	color: #fff;
}

a.forumlink{
	color: #000;
	text-decoration: none;
}

a.forumlink:hover{
	color: #FFFFFF;
}

.fborder {
	border:0px;
	background-color: transparent;
}

.forumheader{
    background: #ffebc3;
	padding:0px 4px;
	height:20px;
	line-height:16px;
	font-weight:bold;
	color: #666666;
	border: 1px solid #986265;
	
}

.forumheader2{
   background: #ffffff;
	color: #666666;
	padding: 4px;
	border: #9DA1A6 1px solid;
	}
	
 .forumheader3{
   background: #ffffff;
	color: #666666;
	padding: 4px;
	border: #9DA1A6 1px solid;

}

 .forumheader4{
	background-color: #ffffff;
	font: 10px verdana, tahoma, arial, sans-serif;
	color: #666666;
	padding: 4px;
	border: #9DA1A6 1px solid;
}

.finfobar{
	color: #666666;
	padding: 4px;
	border: #986265 1px solid;
	background: #ffebc3;
}