/*
 * Fatah Development (c) 2009
 * == Content Custom for PASCA WALISONGO ==
 * All rights reserved.
 * */

a.top:link,a.top:visited {
	font-size: 10px;
	text-transform: lowercase;
	color: white;
}
a.top:hover {
	font-size: 10px;
	text-transform: lowercase;
	color: #ddd;
}

.menu { margin: 5px; padding: 8px; }
.menu h4 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; }
.menu ul { padding:0; margin:0; font-size:0; list-style: none; }
.menu ul li { padding:1px 0 2px 0; margin:0; display:block; background: url(../images/dots.gif) repeat-x left bottom; }
.menu ul li a{ display:block; background:url(../images/list-style.gif) 0 2px no-repeat; font-size: 11px; color:#3a5005; background-color:inherit; padding:3px 0 3px 19px; }
.menu ul li a:hover { color:#77903c; background-color:#efefef; }

.menu-custom { margin: 5px; padding: 8px; }
.menu-custom h4 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; }
.menu-custom ul { padding:0; margin:0; font-size:0; list-style: none; }
.menu-custom ul li { padding:5px 0 5px 0; margin:0; display:block; background: url(../images/dots.gif) repeat-x left bottom; }
.menu-custom ul li a{ display:block; font: 10px "Tahoma"; color:#3a5005; background-color:inherit; }
.menu-custom ul li a:hover { color:#77903c; background-color:#efefef; }
.menu-custom .tglx { font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }

.banner {
	margin-left: 7px;
	margin-top: 5px;
}

.telp {
	font: 10px/1.8em "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	background: transparent url(../images/phone.gif) no-repeat;
	padding: 2px 0 3px 17px;
	margin: 0 10px 0 -3px;
}

.fax {
	font: 10px/1.8em "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	background: transparent url(../images/print.gif) no-repeat;
	padding: 2px 0 3px 20px;
	margin: 0 10px 0 0;
}

.email {
	font: 10px/1.8em "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	background: transparent url(../images/email.gif) no-repeat;
	padding: 2px 0 3px 20px;
	margin: 0 10px 0 0;
}

#content {
	padding: 8px;
}

#content h1,h2,h3,h4,h5,h6 {
	font-family: "Century Gothic", Helvetica, sans-serif;
}

#content .sub-title {
	padding-top: 5px;
	margin: 1px 0 5px 0;
	background: white url(../images/dots.gif) repeat-x left top;
}

#content .sub-title .tgl {
	font: 10px/1.8em "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	background: white url(../images/date.gif) no-repeat;
	padding: 2px 0 3px 20px;
	margin: 0 20px 0 0;
}

#content .sub-title .kategori {
	font: 10px/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: white url(../images/kategori.gif) no-repeat;
	padding: 2px 0 3px 20px;
	margin: 0 20px 0 0;
}

#content .sub-title .author {
	font: 10px/1.8em "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	background: white url(../images/author.gif) no-repeat;
	padding: 2px 0 3px 20px;
	margin: 0 20px 0 0;
}

#content .sub-title .more {
	font: 10px/1.8em "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	background: white url(../images/more.gif) no-repeat;
	padding: 2px 0 3px 20px;
	margin: 0 20px 0 0;
}

#content .sub-title .comment {
	font: 10px/1.8em "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	background: white url(../images/comment.gif) no-repeat;
	padding: 2px 0 3px 20px;
	margin: 0 20px 0 0;
}

#content ul {
	padding: 2px 2px 0 15px;
}

#content ol {
	padding: 2px 2px 0 20px;
}

#content li {
	margin-left: 10px;
	line-height: 1.5em;
}

#content p {
	line-height: 1.5em;
	padding-top: 6px; padding-bottom: 6px;
}

#content .div-bottom {
	margin: 15px 0 0 0;
	padding: 5px 0 0 0;
	background: white url(../images/dots.gif) repeat-x left top;
}

.title-info {
	font: 16px "Century Gothic", Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 5px 0;
}
.inner {
	padding-top: 10px; padding-bottom: 10px; padding-left: 25px;  padding-right: 20px;
}

#search {
	background: transparent;
	padding-left: 5px;
	width: 140px;
}

.search-input {
	border: 0 solid transparent;
	background: transparent;
	padding: 1px;
	font: 11px Arial, Tahoma, Helvetica, sans-serif;
}

.title-tab {
	font: 16px "Century Gothic", Helvetica, sans-serif;
	font-weight: bold;
	color: green;
	padding: 5px 0 8px 0;
}
.content-tab {
	padding-top: 5px;
}

/* 
 * JQuery Comments
 * 
 */
.div-comments {
	margin-top: 10px;
	padding: 2px; 
	margin-bottom: 10px;
}
.div-comments h3 {
	font-size: 16px;
	color: green; font-weight: bold;
	margin-bottom: 10px;
}
.div-comments td {
	padding: 5px;
}
.div-comments .comments-box {
	margin: 5px;
	padding: 8px; 
	border: 1px solid #dbdbdb;
}
.fcomment td {

}
.fcomment td.atas {
	vertical-align: top;
}
.fcomment input,textarea {
	padding: 1px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.error {
	background : #fefefe;
	border : 0px solid #dd8800;
	font-size: 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-left : 5px;
	display : none;
	font-weight: bold;
	color: red;
}
.clear_error {
	background : #D8FAD9;
	border : 1px solid #dd8800;
	font-size: 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-left : 5px;
	padding : 2px;
	display : none;
}
.responce {
	margin: 5px; padding: 8px;
}
.comment_listing{
	padding-top: 10px;
}
.list-comments {
	margin: 5px; padding: 8px;
	border: 1px solid #ccc;
	margin-top: 10px;
}
.list-comments-sub {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}