/* initial */
html,body{
	text-align:center;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#ccc;
	background-repeat:no-repeat;
	background-position:0 90px;
	font-size: 11px;
	background-color: #3c341f;
}

form{
	margin:0;
	padding:0;
}

h2{
	margin:0 0 25px -22px;
	padding:0;
	font-size:30px;
}

h3{
	margin:0 0 15px 0;
	padding:0;
	font-size:18px;
}

img{
	border:0;
}

a{
	color:#adc4ab;
	text-decoration:none;
}

ul{
	padding:0;
	margin:0 0 10px 16px;
	clear:both;
}

li{
	padding:0;
	margin:0 0 5px 0;
}

a:hover{
	color:#adc4ab;
	text-decoration:none;
	border-bottom:1px dotted #adc4ab;
}

a,label{
	cursor:pointer;
}

p{
	margin:0 0 15px 0;
}

h1 span,a span{
	display:none;
}

/* framework */
#wrapper{
	width:1000px;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 100px;
}

#header{
	margin:15px 0;
	padding:0;
	width:775px;
	height:67px;
	float:left;
	display:inline;
}

#header h1{
	background:url(../images/layout/logo.gif) left no-repeat;
	width:250px;
	height:60px;
	float:left;
	display:inline;
	padding:0;
	margin:0;
}

#header #nav{
	float:right;
	display:inline;
	margin:30px 0 0 0;
}

a.home{
	float:left;
	display:inline;
	width:41px;
	height:17px;
	background:url(../images/buttons/home.gif) top center no-repeat;
	padding-right:5px;
	border-right:1px solid #666;
}

a.home:hover{
	background:url(../images/buttons/home.gif) bottom center;
	border-bottom:none;
}

a.about{
	float:left;
	display:inline;
	width:41px;
	height:17px;
	background:url(../images/buttons/about.gif) top center no-repeat;
	padding-right:5px;
	border-right:1px solid #666;
}

a.about:hover{
	background:url(../images/buttons/about.gif) bottom center;
	border-bottom:none;
}

a.news{
	float:left;
	display:inline;
	width:36px;
	height:17px;
	background:url(../images/buttons/news.gif) top center no-repeat;
	padding-right:5px;
	border-right:1px solid #666;
}

a.news:hover{
	background:url(../images/buttons/news.gif) bottom center;
	border-bottom:none;
}

a.member{
	float:left;
	display:inline;
	width:57px;
	height:17px;
	background:url(../images/buttons/member.gif) top center no-repeat;
	padding-right:5px;
	border-right:1px solid #666;
}

a.member:hover{
	background:url(../images/buttons/member.gif) bottom center;
	border-bottom:none;
}

a.about{
	float:left;
	display:inline;
	width:57px;
	height:17px;
	background:url(../images/buttons/about.gif) top center no-repeat;
	padding-right:5px;
	border-right:1px solid #666;
}

a.about:hover{
	background:url(../images/buttons/about.gif) bottom center;
	border-bottom:none;
}

a.gallery{
	float:left;
	display:inline;
	width:47px;
	height:17px;
	background:url(../images/buttons/gallery.gif) top center no-repeat;
	padding-right:5px;
	border-right:1px solid #666;
}

a.gallery:hover{
	background:url(../images/buttons/gallery.gif) bottom center;
	border-bottom:none;
}

a.database{
	float:left;
	display:inline;
	width:63px;
	height:17px;
	background:url(../images/buttons/database.gif) top center no-repeat;
	padding-right:5px;
	border-right:1px solid #666;
}

a.database:hover{
	background:url(../images/buttons/database.gif) bottom center;
	border-bottom:none;
}

a.joinus{
	float:left;
	display:inline;
	width:44px;
	height:17px;
	background:url(../images/buttons/joinus.gif) top center no-repeat;
	padding-right:5px;
	border-right:1px solid #666;
}

a.joinus:hover{
	background:url(../images/buttons/joinus.gif) bottom center;
	border-bottom:none;
}

a.contacts{
	float:left;
	display:inline;
	width:58px;
	height:17px;
	background:url(../images/buttons/contacts.gif) top center no-repeat;
	padding-right:5px;
	border-right:1px solid #666;
}

a.contacts:hover{
	background:url(../images/buttons/contacts.gif) bottom center;
	border-bottom:none;
}

a.forum{
	float:left;
	display:inline;
	width:41px;
	height:17px;
	background:url(../images/buttons/forum.gif) top center no-repeat;
}

a.forum:hover{
	background:url(../images/buttons/forum.gif) bottom center;
	border-bottom:none;
}

#content{
	float:left;
	display:inline;
	width:auto;
	text-align:justify;
	margin-top: 315px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 12px;
	height: auto;
}

#content .kiri{
	float:left;
	display:inline;
	margin:0 0 15px 0;
}

#content .kanan{
	float:right;
	display:inline;
	margin:0 0 15px 0;
}

.gede{
	width:775px !important;
}

.lebar{
	width:500px !important;
}

.sempit{
	width:450px !important;
}

.sama{
	width:375px !important;
}

#footer{
	clear:both;
	padding:0;
	width:1075px;
	border-top:1px solid #666;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 100px;
}

ul.newslist li{
	margin:0 10px 0 0;
	clear:both;
}

ul.newslist li .img{
	float:left;
	display:inline;
	width:75px;
	height:56px;
	margin:0 10px 0 0;
	text-align:center;
	overflow:hidden;
}

ul.newslist li .img img{
	margin:5px 10px 5px 0;
	height:56px;
}

ul.newslist li p{
	margin:0 10px 0 0;
}

.item-member{
	float:left;
	display:inline;
	width:365px;
	height:110px;
	margin:10px 0 20px 20px;
}

.item-member img{
	border:3px solid #fff;
	margin:0 8px 0 0;
	float:left;
	display:inline;
	width:75px;
	height:100px;
}

.item-gallery{
	border:2px solid #fff;
	margin:8px 2px 8px 16px;
	float:right;
	display:inline;	
}

.item-gallery a img{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
}

.item-gallery a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
}

.item-gallery a img{
	float:left;
	display:inline;
	width:100px;
	height:100px;	
}

#sortby{
	font-size:10px;
}

.ddf{
	margin:10px 0 10px -15px;
	font-weight:bold;
}

.ddf2{
	margin:10px 0 10px 0;
	font-weight:bold;
}

li.pp p{	margin:0;	}

.left{
	display:inline;
	float:left;
}
.flash {
	visibility: hidden;
}


.right{
	display:inline;
	float:right;
}