body {
	background:#FF89B5;background-image:url(../images/background.gif);margin:0;	
	font:12px/20px Arial, Helvetica, Sans-serif;
	color:#333;
	line-height:1.6;
}
body a {color:#d80000;text-decoration:none;}
body a:hover{color:#369}
body h1, h2{background:#D8004E;background-image:url(../images/bgtitle.jpg);margin:0;
position: relative;
background-repeat: repeat-x;
text-shadow: white 1px 1px 0;
margin: 10px 0 15px;
padding: 5px 10px;
border-radius: 5px;}

#outer-wrapper {
	background:#FF89B5;background-image:url(../images/pinkel.jpg);margin:0;	
	border: 0px solid #222;
	height: auto;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#outer-wrapper #header {
	height: 90px;
	width: auto;
}
#outer-wrapper #header .hleft {
	height: 75px;
	width: 70px;
	margin: 5px;
	float: left;
	border: 0px solid #0FF;
	}

#outer-wrapper #header .hright {
	font-size: 12px;
	color: #666666;
	font-family: Arial,Helvetica,Sans-Serif;
	text-align: center;
	float: right;
	height: 70px;
	width: 200px;
	margin: 5px;
	}
ul.menu,ul.menu li,ul.menu ul{list-style:none;float:left;color:#f00;font-weight: bold;}
ul.menu a{font-size:11px; color:#666; padding-right:10px; padding-left:10px;text-decoration:none;}

#outer-wrapper #post-wrap {
	height: auto;
	width: auto;
	margin: 10px 0px;
	border-top: 1px solid #0F0;
	box-shadow:0px 0px 30px rgba(0,0,0,.2);
}

#page {width:auto; background-color:#fff; padding: 10px; margin-top:10px; box-shadow:0px 0px 30px rgba(0,0,0,.2);}
	h1 {color:#f00; font-family: Oswald, sans-serif;font-size: 16px;text-transform: uppercase;}

#contact {width:auto; margin:5px; padding: 60px; float:center; background-color: #ddd; font-size:12px; color: #666;}
input.tombol { width: 180px;
background-color: #d80000;
font-family: 'Oswald',sans-serif;
border: 0;
cursor: pointer;
line-height: 30px;
vertical-align: middle;
display: block;
text-align: center;
height: 30px;
text-decoration: none;
color: #FFF;
text-transform: uppercase;
}
.tooltip {
    display:none;
	background:transparent url(img/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
}

/* NAVIGASI */
#navigation {float:left; width:auto; background:#000; list-style: none; height: 36px; margin:0; padding:0;position:absolute; font-family: Oswald, sans-serif;font-size: 14px;text-transform: uppercase;}
#navigation li { position:relative; float: left; height: 36px; padding-left:10px;}
#navigation li a.pertama, #navigation li a.pertama:hover { border-left:medium none !important;}
#navigation li a, #navigation li a:link, #navigation li a:visited { display:block; text-decoration:none; float:left; background:#000; height:36px; color:#fff; line-height:36px; padding: 0 9px 0 9px; border-right: solid 1px #eee; font-weight: bold;}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active { background:#4A4A4A; color:#fff;}
/* menu */
#navigation li:hover > ul {display: block;}
/* level 2 list */
#navigation ul.children {list-style:none; display: none; margin: 0;padding: 0; width : 160px; position: absolute;top: 36px;left: 0; background: #000; border: solid 0px #fff;}
#navigation ul.children  li a, #navigation ul li a:link, #navigation ul li a:visited { display:block; text-decoration:none; float:left; background:#000; height:35px; color:#fff; line-height:36px; padding: 0 9px 0 9px; border-top: solid 1px #4A4A4A; font-weight: bold; width : 160px;}
#navigation ul.children  li a:hover, #navigation ul li a:focus, #navigation ul li a:active { background:#4A4A4A; color:#fff; position: relative}
/* level 3+ list */
#navigation  ul ul {left: 179px;top: -1px;}
#navigasi { list-style:none; height:36px; max-width:970; background:#000; padding:0px; border-top:2px solid #f00; border-bottom: 2px solid #4A4A4A;}
#search{ width:180px; float:right; margin:5px 10px 5px 10px;}
.clear{clear:both;}

#wrap-body {width: 980px; margin-top: 10px; background-color: #eee; }
#kotakberita {width: 620px; float: left; background-color: #fff; padding: 5px 20px; }
.contentinfo {background-color: #fff; font-size: 12px; }
/*
h2.title {color:#f00; font-family: Oswald, sans-serif;font-size: 18px;text-transform: uppercase; margin:10px 5px; }
h3.title {color:#f00; font-family: Oswald, sans-serif;font-size: 16px; margin:10px 5px; }
*/
#isiberita {font:15px/20px Arial, Helvetica, Sans-serif; color:#333; line-height:1.5; text-align: justify; margin-top:10px; margin-bottom: 20px; padding-bottom: 10px;border-bottom: 3px solid #eee; }
#isiberita ul,#isiberita li {margin:-10px 0 -10px 20px; padding:2px 5px; color:#333;}
#isiberita ol,#isiberita li {margin:-10px 0 -10px 20px; padding:2px 5px; color:#333;} 
#isiberita p{margin: -5px 0px; padding: 0px;}
#isiberita blockquote p{color: blue; background-color: #eee; margin: -20px 2px; padding: 5px;}
#isiberita blockquote{margin: -5px 20px;}

#sidebar {width: 300px; float: right; background-color: #fff; padding: 5px;}
#sidebar h3 {	background:#D8004E;background-image:url(../images/bgtitle.jpg);margin:0;}
.imageshome {float:left; margin: 5px; width: 80px; height: auto;}
.imageskat {float:left; margin: 5px; width: 80px; height: auto; max-height:70px;}
.imagessingle {float:left; margin: 5px; width: 200px; height: auto;}

.widget {
	background-color: #fff;
	margin-bottom: 10px;
	padding: 0px;
	border: 2px solid #FF89B5;
	overflow:hidden;word-wrap:break-word;
}

.widget p {border: 0px solid #222;padding:5px 10px; margin:0px;}
.widget h3 {background-color: #4C4C4C; color: #f00; height:32px; padding:0px 15px; margin:0px 0 5px 0; font-size:15px; font-weight:bold; line-height:32px; letter-spacing:-1px;}
.widget ul,.widget ul li {margin:0px;border-bottom:1px solid #ededed; padding:2px 5px; color:#333; list-style:none;}
.widget ul li a:link{ color:#FF89B5; text-decoration:none; }
.widget ul li a:hover{ color:#f00; text-decoration:none; }

.terkait ul li a:link{ color:#FF89B5; text-decoration:none; }
.terkait ul li a:hover{ color:#f00; text-decoration:none; }

.clear{clear:both;}


.kotak-kategori {
	width: 600px;
	margin: 10px 0px;
	padding: 10px 0px;
	background-color: #fff;
	border: 0px solid #0ff;
	height: auto;
}

.bagi-kategori {
	width: 290px;
	float: left;
	margin: 0px 5px;	
	padding: 3px 5px;
	border: 0px solid #00f;
}
ul.duakategori {padding:2px 5px; color:#f00; list-style:none;margin:0px;}
ul.duakategori li ,ul.duakategori ul li {margin:0px;border-bottom:3px dotted #ededed; padding:2px 5px; color:#333; list-style:none;}
ul.duakategori a, ul.duakategori ul{ color:#FF89B5; text-decoration:none; }
ul.duakategori a:hover, ul.duakategori ul{ color:#f00; text-decoration:none; }

.tekskat{
	border-bottom:2px dotted #B6B6B6;
	padding: 5px 3px 10px 3px;
	font-size: 12px;
	height: 50px;
	line-height: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.tekskat a{text-decoration:none;}
h3.titlekat {font-size:18px; background: url(../images/title-bg.png) bottom no-repeat; margin:5px 0px; padding:5px 0px;}
h3.titlekat a{text-decoration:none;text-transform: uppercase;color: #d80000;font-family: 'Oswald',sans-serif;}

.titlekat,.titlekat a{text-decoration:none;color: #FF89B5;margin:0px;}

.archive .category {
	width: 300px;
	float: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 15px;
}

/* navigasi paging */
.page-link {
color: #000;
font-size: 20px;
margin: 15px 0 22px 0;
word-spacing: 0.3em;
background: #eee;
}
.page-link a:link,
.page-link a:visited {
background: #FF89B5;
color:#FFF;
font-weight: normal;
padding: 0px 8px;
text-decoration: none;
}

.page-link a:active,
.page-link a:hover {
background: #f00;
}

/* Komentar */
#komentar{border: 1px dashed #FF89B5;margin: 5px 0px; padding: 5px 10px;}
p.komen-nama{margin:2px 0px 0px 0px; font-size: 14px; color: #D00;}
p.komen-info{margin:0px 0px; font-size: 11px; color: #ccc;}
p.komen-isi{margin:5px 0px;}
.grav-komen{float:right; border: 1px dashed #FF89B5;}

/* footer */
#footer{background:#4A4A4A; color:#eee; text-align:center; font-size:12px; padding:5px 5px 13px; margin:0; height:30px;border-top:2px solid #f00;}