/* 
Theme Name: YufidCom		
Theme URL: http://cizkah.com
Description:  Designed by :  <a href="http://cizkah.com">cizkah</a>, using Google Custom Search
Version: 1.0
Tags:   one  column
*/


* {
	margin:0; padding: 0; 
}

body {
	background: #FDFFE9 url(images/bg.jpg) repeat-x bottom left;
	color: #444;		
	font-family: Arial,Verdana,"Trebuchet MS", sans-serif; font-size: 12px;
	margin: 0 auto; padding:0; 
	width: 100%; 
}

.result {
	background-color: #fff;
	background-image: none!important;
}

a:link, a:visited {
	color: #222; 
	text-decoration: none;
}

:focus { 
	outline: 0;
}

a:hover { 
	color: #111; 
	text-decoration: underline; 
}


img { 
	border: none;   
	margin:0; padding:0; 
}

small { 
	font-size: 11px; font-family: Arial,Verdana,"Trebuchet MS",sans-serif;
	
}

.big {
	font-size: 15px;
	line-height: 1.4em;
	color: #222;
	margin-left: 30px;
	
}


a:link img ,a:hover img,a:visited img{ 
	border:none; 
	padding:0; margin:0; 
	background:none;
}

.white a:link, .white a:visited {
	color: #fff;
}

code {
	background: #ddd; color: #222;
	padding: 10px;
	display: block;
}

h1 {
	font-size: 18px; font-weight: normal; font-family: Arial,Verdana,"Trebuchet MS",sans-serif;
	line-height: 1.3em; letter-spacing: -.5px;
	
	
}

h2 {
	font-size: 15px; font-weight: bold; font-family: Arial,Verdana,sans-serif;
	padding:0; padding-bottom: 15px; margin: 0;
	color: #222; 
	line-height: 1em;
	
	}

h3 {
	font-size: 14px; font-weight: bold;
	letter-spacing: 0.02em; line-height: 1em;
	margin-bottom: 15px;
}


h4 {
	font-size: 14px; font-weight: normal;
	line-height: 14px; 
	margin-bottom: 5px; padding:0;
}


blockquote {
	padding-left: 70px;
	background: url(images/quote.png) no-repeat top left;
	
}

.rounded{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; /* for chrome */
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

.center {
	width: 960px;
	margin: 0 auto; padding: 0 10px;
	position: relative;
}

.clear {
	clear: both;
}


#container {
	width: 960px;

}


#logo {
	width: 370px;
	margin: 0 auto; margin-bottom: 30px; margin-top: 50px;
}

#menu-max {
	width: 100%;
	height: 35px;
	background: #333;
	border-bottom: 1px solid #fff;
	padding-top: 2px;
}

#menu-wrap {
	width: 940px;
	float: left;
	
}

ul.menu-top {
	width:700px;
	clear: both;
	margin-top: 3px;
}

	ul.menu-top li {
		float: left;
		padding: 5px 15px;
		text-transform: lowercase; font-weight: bold;
		list-style: none;
		
	}

ul.menu-top li a:link,
ul.menu-top li a:visited
{
	color: #d6d6d6;
	text-decoration: none;
}

ul.menu-top li a:hover,
ul.menu-top li a:focus,
ul.menu-top li a:active {
	color: #f4f4f4;
	text-decoration: none;
}

.home ul.menu-top li.home a:link, 
.home ul.menu-top li.home a:visited,
.home ul.menu-top li.home a:active {
	color: #f4f4f4;
}

ul.support {
	float: right;
	width: 120px;
	
}
	ul.support li {
		float: left;
		margin-right: 10px;
		list-style: none;
		cursor: pointer;
		display: block;
	}	


.twitter {
	
	background: url(images/twitter.png) no-repeat center left;
	padding-left: 22px;
	float: left;
}

.twitter:hover{
	background-position: bottom left;
	
}

.donasi {
	background: url(images/donasi.png) no-repeat top left;
	width: 102px; height: 21px;
	padding-top: 5px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	float: right;
}

/*
.rss em {
	background: #333 url(images/arw.png) no-repeat;
	width: 100px;
	height: 49px;
	position: absolute;
	bottom: -100px; left: -0px;
	text-align: center;
	color: #fff;
	z-index: 2;
	display: none;
	text-indent: -99999;
}
*/
.rss {
	background: url(images/rss.png) no-repeat top left;
	display: block;
	position: relative;
	
}
#rss:hover{
	background-position: bottom left;
}

.fb {
	background: url(images/fb.png) no-repeat top left;

}

.fb:hover{
	background-position: bottom left;
	
}

#addtext {
	width: 600px;
	margin: 0 auto;
	color: #444;
	text-align: center;
}
		
#search-wrap {
	width: 940px;
	margin: 0 auto;
}

#search-wrap p {
	margin-bottom: 20px;
	line-height: 1.4em;
}

#search-wrap li {
	margin-bottom: 10px; margin-left: 20px;
}

.searchbox {
	width: 605px;
	margin: 0 auto; padding-top: 8px; padding-left: 10px; padding-bottom: 9px; 
	background: #EDF0D5;
	border: 1px solid #aaa;
	position: relative;
}

input.boxsearch {
	width: 500px;
	height: 20px; 
	padding: 5px;
	border: 1px solid #aaa;
}

input.button {
	width: 80px; height: 34px;
	position: absolute;
	top: 7px; right: 9px;
}

.box-text {
	width: 940px;
	text-align: center;
}

.shahih {
		margin-top: 40px;
}

.lang {
	font-size: 13px; font-weight: bold;
	margin-top: 10px;
}

.underline {
	border-bottom: 1px solid #aaa;
}

.lang li {
	list-style: none;
	display: inline;
}

ul.lang li a:link,
ul.lang li a:visited {
	color: #22649d;
	text-decoration: none;
}

ul.lang li a:hover,
ul.lang li a:focus,
ul.lang li a:active {
	color: #033089;
	text-decoration: none;
}

ul.lang li.id a:link, 
ul.lang li.id a:visited,
ul.lang li.ar a:link, 
ul.lang li.ar a:visited,
ul.lang li.en a:link, 
ul.lang li.en a:visited
{
	color: #22649d;
}


/* Sub Footer */

#sub-footer {
	font-size: 12px;
	margin-top: 55px; padding: 30px;
	text-align: left;
	width: 960px;
	float: left;
	background: #FDFFE9;
	
}

#sub-footer a {
	color:#22649d!important;
}


#sub-footer h2 {
	border-bottom: 1px solid #ccc;
	float: left;
	font-size: 13px; font-weight: bold;
	display: block; clear: both;
	width: 100%;
	padding-bottom:10px; margin-bottom: 10px;
	text-align: left;
}


.network {
	
	width: 175px;
	padding-right: 20px;
	
	float: left;
	
}

.network li, .bahasa li, .dariyufid li{
	list-style: disc;
	margin-left: 20px; margin-bottom: 7px;
	float: left; clear: both;
	text-align: left;
	}
	
.aplikasi {
	 width: 340px;
	 padding: 0 20px;
	 border-right: 1px solid #ccc;border-left: 1px solid #ccc;
	 float: left;
}

.aplikasi li {
	width: 140px;
	margin-left: 20px; margin-right: 10px; margin-bottom: 7px;
	list-style: disc;
	float: left; 
}

.android {
	font-size: 10px;
	color: #a10000;
	}
	
.bahasa {
	width: 120px; min-height: 185px;
	padding: 0 20px;
	border-right: 1px solid #ccc;
	float: left;
}

.dariyufid {
	width: 150px;
	padding: 0 20px;
	float: left;
}


.clear { 
	clear: both;
}

/* Footer */
#copyright {
	width: 940px;
	text-align: center; color: #666;
	padding: 10px 0; margin: 0 auto; margin-top: 20px;
	border-top: 1px solid #ccc;
}

.powered {
	margin-top: 10px;

	font-size: 11px;
	text-align: center;
}

/* RESULT */
.logo-boxsearch {
	width: 910px;
	margin-bottom: 30px; margin-top: 20px; padding-left: 50px;
	float:left;
}

.logosmall {
	float: left;
	width: 220px; height: 84px;
	margin-right: 10px;
}

.search-lang{
	float: left;
	width: 625px;
}

.lang-result {
	text-align: right;
}

.new {
		background: #FF1D25;
		margin-left: 6px; margin-top: -2px; padding: 0 2px;
		
		color: #fff;
		font-size: 10px;
		text-align: center;
	}
	
/* CSS Entri Website */


.logo-entri {
	width: 910px;
	margin-bottom: 20px;  margin-top: 30px; padding-left: 50px;
	float:left;
}

.tred {
	color: #A10000;
}

#menuentri {
	background: #1D507D;
	 margin-bottom: 20px;
	float: left;
	display: block;
	width: 920px; 

	
}

#menuentri ul {
	padding: 7px 0;
}

#menuentri li {
	display: inline;

	
}
#menuentri li a{
	padding: 7px 12px; 
}

#menuentri li a:hover {
	text-decoration: none;
	background: #1B9326;
}
#form-wrap {
	 text-align: left;
}

#form-wrap form {
	padding: 0 20px; margin: 20px 0;
}

#form-wrap li {
	list-style: none;
	margin-bottom: 15px;
	display: block;
	float: left;
	clear: both;
}




#form-wrap label {
	width: 150px;
	padding-top: 5px; margin-right: 15px;
	float: left;
	text-align: right;
}

#form-wrap input, #form-wrap select {
	border: 1px solid #e7e7e7;
	height: 22px; width: 400px;
	float: left;
	color: #222;
}

#form-wrap select {
	width: 150px;
}

#form-wrap textarea {
	border: 1px solid #e7e7e7;
	height: 100px; width: 400px;
	float: left;
}

#form-wrap input.verifikasi {
	width: 150px;
	margin-left: 165px;
	margin-top: 5px;
	float: left;
	clear: both;
}

#form-wrap input.submit {
	width: 100px; height: 30px;
	margin-left: 165px; 
	cursor: pointer;
	background: #1B9326 url(images/buton.png) repeat-x top left;
	color: #fff;
	float: left;
	clear: both;
}

#form-wrap .contoh {
	margin-left: 165px; margin-top: 5px;
	font-size: 11px;
	color: #666;
	float: left;
	clear: both;
	}