@charset "UTF-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}
body {
	font-family: "Helvetica Neue",Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #333;
}
.clear {
	clear: both;
}
/*
@all 
****************** */
h1, h2, h3, h4 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

p { 
	margin: 0 0 20px 0; 
}
a {
	color: #003366;
}
a:hover {
	color: #000;
	text-decoration: none;
}


/*
@design 
****************** */
#header {
	background: #003366;
}

#all {
	width: 98%;
	margin: 20px auto;
}
#wrap-content {
	float: left;
	width: 100%;
}
#content {
	margin-right: 520px;
}
#content .gap {
	padding-right: 20px;
}
#sidebar {
	margin-left: -300px;
	width: 300px;
	float: left;
}
.inline {
	float: left;
	width: 200px;
	margin-left: -510px;
}
.listed ul {
	list-style: none;
}
.listed li {
	border-bottom: 1px solid #FFBC66;
	margin-bottom: 10px;
}
/*
@header 
****************** */
#header {
	position: relative;
	height: 160px;
}
#logo {
	position: absolute;
	left: 20px;
	top: 20px;
}
#logo h1 a {
	background: url(logo.gif) 0 0 no-repeat;
	height: 120px;
	width: 431px;
	display: block;
	text-indent: -5000px;
}
#logo h2 {
	display: none;
}

.login {
	position: absolute;
	right: 10px;
	color: #fff;
	top: 10px;
	width: 290px;
	background: #0066CC;
	border: 1px solid #99CCFF;
	padding-bottom: 15px;
}
.login .infos {
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 90%;
}
.login a {
	color: #fff;
}
.login .gap {
	padding: 10px;
}
.login p {
	margin: 0 0 5px;
}
.login label {
	width: 100px;
	float: left;
	font-weight: bold;
}
.login input {
	padding: 2px 4px;
	background: #E3F1FF;
	border: 1px solid #99CCFF;
}
#log-in {
	margin-left: 100px;
	background: #488640;
	color: #fff;
	font-weight: bold;
	border: 1px solid #68C00C;
	border-right: 1px solid #386932;
	border-bottom: 1px solid #386932;
}

/*
@menu 
****************** */
#menu ul{
	list-style: none;
	background: #0066CC;
	height: 30px;
	padding-top: 10px;
	padding-left: 20px;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	color: #E3F1FF;
	font-size: 130%;
	text-decoration: none;
	padding: 0 10px;
	border-bottom: 5px solid #0066CC;
}
#menu ul li.active a {
	color: #fff;
	font-size: 130%;
	padding: 5px 10px;
	text-decoration: none;
	border-bottom: 5px solid #003366;
}
#menu ul li a:hover {
	color: #fff;
	font-size: 130%;
	padding: 5px 10px;
	text-decoration: none;
	border-bottom: 5px solid #E3F1FF;
}


/*
@sidebar 
****************** */
.boxr h2 {
	font-size: 130%;
}
.boxr {
	border: 1px solid #68C00C;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}
.boxr a {
	color: #339933;
}
.boxr a:hover {
	color: #333;
	text-decoration: none;
}
.boxr ul {
	list-style: none;
}
.boxr ul li {
	background: url(tick.png) 0 5px no-repeat;
	padding-left: 16px;
}
.members {
	background: #E3F1FF;
	padding: 10px;
	margin-bottom: 20px;
}
.inline h3.title {
	border-bottom: 1px solid #999;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: normal;
	margin-bottom: 10px;
}
.members p {
	margin: 0;
}
.members .infos {
/*	color: #0066CC; */
	font-size: 95%;
	color: #fff;
	padding: 4px 5px;
	margin-top: 10px;
	background: #99CCFF;
}
.infos ul {
	list-style: none;
}
.infos a {
	color: #fff;
}
.infos ul li {
	background: url(tag_blue.png) 0 6px no-repeat;
	padding-left: 16px;
}
.inline .boxed {
	padding: 10px;
	margin-bottom: 20px;
}
.listed {
	background: #F9F69F;
}
.actip {
	background: #E9D9F9;
}

.full {
	background: #333;
	color: #fff;
	padding: 2px 3px;
}

/*
@post 
****************** */
hr {
	display: none;
}
#content ul {
	margin-left: 20px;
}
.history ul {
	list-style: none;
}
.history ul li {
	background: url(star.png) 0 4px no-repeat;
	padding-left: 16px;
}
.history h2 {
	border-bottom: 1px solid #ccc;
	margin: 10px;
	padding-bottom: 5px;
	font-size: 120%;
}
.history h1 {
	font-size: 140%;
	margin-top: 20px;
	background: #333;
	color: #fff;
	padding: 5px;
}
h2.pertama {
	font-size: 250%;
	border-bottom: 2px solid #333;
	padding: 0 0 10px;
	color: #488640;
	margin-bottom: 10px;
}
.post {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

blockquote {
	margin-left: 30px;
	border-left: 2px solid #efefef;
	padding-left: 10px;
}
.meta {
	background: url(date.png) 0 0 no-repeat;
	padding-left: 20px;
	color: #333;
}
.info {
	background: #CDF99F;
	padding: 10px;
	margin-bottom: 20px;
	border-top: 2px solid #68C00C;
	border-bottom: 2px solid #68C00C;
}
.info h3 {
	float: left;
	background: #68c00c;
	margin-right: 10px;
	padding: 5px 10px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0px -1px 1px #1c0b03;
	letter-spacing: -1pt;
}
.info p {
	margin: 0;
}

.list {
	background: #ECE3D7;
	padding: 20px;
}

.list ul {
	list-style: none;
}
.list a {
	color: #963;
}
.list a:hover {
	color: #630;
	text-decoration: none;
}
.list ul li {
	background: url(lightbulb.png) 0 5px no-repeat;
	padding-left: 16px;
}
.in-post {
	background: #efefef;
	padding: 10px;
	margin-bottom: 20px;
}

/* Tayang */
.tayangin {
	border: 1px solid #CDF99F;
	padding: 10px;
	margin: 5px 0 10px
	position: relative;
}
span.id {
	position: absolute;
	top: 0;
	right: 10px;
}
.tayangin h2, .sudahin h2 {
	margin: 0 0 10px;
	padding: 0;
}
span.left {
	width: 170px;
	float: left;
}

/* Sudahin */
.sudahin {
	border: 1px solid #FF99AE;
	padding: 10px;
	position: relative;
	margin:  5px 0 10px;
	background: #FFEBEF;
}

/*
@footer 
****************** */
#footer {
	background: #efefef;
	padding: 20px;
	border-top: 2px solid #ccc;
	position: relative;
	color: #666;
}
#footer a {
	color: #000;
}
#footer a:hover {
	text-decoration: none;
}
#footer p.right {
	position: absolute;
	right: 20px;
	top: 20px;
}