/*
Theme Name: Resources Unpad
Theme URI: http://pupungbp.erastica.com/
Description: Knowledge Resources - Pustaka Ilmiah Design Themes.
Version: 1.0
Author: Pupung Budi Purnama
Author URI: http://pupungbp.erastica.com/
*/



* {
	margin: 0;
	padding: 0;
}
body {
	background: #e2dede url(images/header-bg.png) repeat-x top;
	text-align: center;
	font: 12px "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}
h2, h2 a {
	font-size: 14px;
	font-weight: bold;
	color: #867372;
	text-transform: uppercase;
	text-decoration: none;
}
h3 {
	font-size: 16px;
	padding-top: 10px; 
}
img {
	border: none;
}
p {
	padding-top: 15px;
	line-height: 20px;s
}
.container {
	width: 820px;
	margin: 0 auto;
	text-align: left;
}
.clearfix {
	clear: both;
}


#header {
	height: 49px;
}
#header h1 {
	background: url(images/kr-logo.png) no-repeat top left;
	width: 287px;
	height: 45px;
	float: left;
}
#header h1 a {
	height: 45px;
	width: 287px;
	text-indent: -7777px;
	display: block;
	float: left;
}

#header h2 {
	background: url(images/logocisral.png) no-repeat top left;
	width: 128px;
	height: 45px;
	float: right;
}
#header h2 a {
	height: 45px;
	width: 128px;
	text-indent: -7777px;
	display: block;
	float: right;
}
#header ul {
	float: right;
	list-style: none;
	width: 300px;
}
#header ul li {
	float: right;
}
#header ul li a {
	display: block;
	float: right;
	height: 45px;
	padding: 0px 10px;
	line-height: 45px;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 1px;
}
#header ul li a:hover, #header ul li a.active {
	background: #ff9600 url(images/header-arrow.png) no-repeat bottom center;
}

#content {
	width: 820px;
	margin: 0 auto;
	background:url(images/contentbg.png) repeat-y center;
	padding: 0 1px;
}

#searchbox {
	background: url(images/search-bg.png) repeat-x bottom;
	height: 129px;
	padding-top: 15px;
}
#searchbox form {
	/* background: url(images/searchbox-bg.png) no-repeat top center; */
	width: 779px;
	/* height: 84px; */
	height: 40px;
	margin: 0 auto;
	/* line-height: 84px; */
	vertical-align: middle;
	padding: 22px 0;
}
#searchbox form label {
	font-size: 16px;
	font-weight: bold;
	padding-right: 10px;
}
#searchbox form input.searchinput, #searchbox form input[type=text] {
	width: 550px;
	background: #ebe7e0;
	border: 1px solid #dbd2cf;
	padding: 7px;
	font-size: 14px;
	-moz-border-radius: 3px;
}
#searchbox form input[name=sa] {
	background: url(images/search-go.png) no-repeat center bottom;
	border: none;
	width: 55px;
	height: 36px;
	font-size: 18px;
	position: relative;
	margin-bottom: -1px;
	margin-left: 5px;
	cursor: pointer;
	color: #fff;
}
#searchbox ul {
	list-style: none;
	padding-top: 14px;
	padding-left: 22px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
#searchbox ul li {
	float: left;
	padding-right: 1px;
}
#searchbox ul li a {
	background: url(images/menubg.png) no-repeat top left;
	display: block;
	float: left;
	padding: 8px 0px 8px 8px;
	color: #170402;
	text-decoration: none;
}
#searchbox ul li a:hover {
	color: #870707;
}
#searchbox ul li a span {
	background: url(images/menubg.png) no-repeat top right;
	padding: 8px 8px 8px 0px;
}
#content .container {
	padding: 20px;
	width: 780px;
}

#left {
	width: 460px;
	float: left;
}
#left .artikel {
	background: #e9e7e7;
	border-top: 2px solid #e0dfdf;
	padding: 16px;
}
#left .artikel .author, .author a {
	text-transform: capitalize;
	color: #867372;
	text-decoration: none;
}
#left .artikel h3 a, #left .abstrak .title h3 a, #right .resensi h3 a, #right .klipping .content a {
	color: #870707;
	text-decoration: none;
}
#left .artikel h3 a:hover, #left .abstrak .title h3 a:hover, #right .resensi h3 a:hover, #right .klipping .title a:hover {
	border-bottom: 1px solid #870707;
}
#left .abstrak {
	padding-top: 20px;
}
#left .abstrak h2, #right .resensi h2, #right .klipping h2, #right .info h2 {
	border-top: 2px solid #e0dfdf;
	border-bottom: 1px solid #e0dfdf;
	padding: 8px 12px;
}
#left .abstrak .title {
	padding: 5px 12px;
	border-bottom: 1px dashed #e0dfdf;
}
#left .abstrak .title h3, #right .klipping .title h3 {
	font-size: 13px;
}
#left .abstrak .title .author {
	
}

#right {
	float: left;
	width: 300px;
	padding-left: 20px;
}
#right .resensi .isi{
	padding: 10px 12px;
}
#right .resensi h3 {
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 10px;
}
#right .resensi h3 a {
}
#right .resensi .cover, .data-buku .cover {
	float: left;
	padding: 3px;
	background: #e3d5cc;
}
#right .resensi ul.databuku {
	list-style: none;
	padding: 0px 0px 3px 10px;
	float: right;
	line-height: 20px;
	width: 192px;
}
#right .klipping .content {
	padding: 10px;
}

#footer {
	background: url(images/footer-bg.png) no-repeat center top;
	width: 822px;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 10px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #656565;
	text-transform: uppercase;
	text-align: left;
}
#footer a {
	padding-right: 5px;
	text-decoration: none;
	color: #656565;
}
#footer .maintained {
	float: left;
}
#footer a {
	float: right;
}
/*Inside*/
.inside #right {
	width: 200px;
}
.inside #left {
	width: 560px;
}
.inside #right .detail {
	
}
.inside .doc-download {
	padding: 10px 0px;
}
.inside .penulis {
	margin-top: 20px;
	background-color: #e0dfdf;
	border-bottom: 1px dashed #c2c0c0;
	padding: 5px 10px;
	line-height: 20px;
}
.inside .penulis h4 {
	font-size: 14px;
	padding-bottom: 8px;
	
}
.inside .info .isi p {
	padding: 5px 12px;
}
.inside a {
	color: #870707;
	text-decoration: none;
}
.inside a:hover {
	text-decoration: underline;
}
.abstrak-data, .data-buku {
	padding: 10px 10px;
	border-top: 1px solid #c2c0c0;
	border-bottom: 1px solid #c2c0c0;
	margin-top: 10px;
	background-color: #E0DFDF;
	line-height: 20px;
}
.abstrak-data label, .data-buku label {
	font-weight: bold;
	display: block;
	float: left;
	width: 100px;
}
.abstrak-data .label-content {
	display: block;
	float: right;
	width: 405px;
}
.abstrak-data br {
	clear: both;
}
.data-buku ul {
	list-style: none;
	float: left;
	padding-left: 10px;
}
.archive .artikel h3 {
	font-size: 14px;
}
.archive .artikel p {
	padding: 0;
	border-bottom: 1px dashed #c2c0c0;
	
}
ul.related_post {
	list-style: none;
}
ul.related_post li {
	padding: 4px 0;
	border-bottom: 1px solid #E2DEDE;
}