/*
Theme Name: Dunia Masjid
Theme URI: duniamasjid.com
Description: -
Author: 27th Island
Author URI: www.27thisland.com
Version: 2.0
License: GNU General Public License

*/
/* CSS Document info */

/*----------------CSS Info----------------------*/
/* Website		: duniamasjid.com				*/
/* Start Date	: 05 March 2012			  		*/
/* End Date		: 						  		*/
/* Slicer		: Agung Hari Wijaya		  		*/
/* Email		: a9un9hari@gmail.com	  		*/
/*----------------CSS Info end------------------*/
@charset "utf-8";
/*---google font---*/
@import url(http://fonts.googleapis.com/css?family=Philosopher:400,700);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
/* standard reset */
body {font-size:12px;color:#666;margin:0;text-align:left;padding:0;background:url(images/bg_bottom.jpg) bottom repeat-x #fff;}
body,p,h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {font-family:'Philosopher',sans-serif;}
td,th,div{font-size:12px;line-height:130%;}
td,th{padding:4px;}
h1,h2,h3,h4,h5,h6,h7{line-height:120%;}
h3{margin:0px;font-size:14px;}
h2{font-size:18px;margin:4px 0px;}
p {text-align:left;margin:3px 0px;line-height:150%;}
table,td,th{vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q {quotes:"" "";}
a img{border:none;}
pre {text-align:left;}
input[type=text]:focus,input[type=password]:focus{outline:none;color:#FFF;
								-webkit-box-shadow:0 0 5px #be8306;
								   -moz-box-shadow:0 0 5px #be8306;
										box-shadow:0 0 5px #be8306;}
input[type=submit]{cursor:pointer;background:#db9e0b;height:27px;display:block;font-weight:bold;font-size:14px;color:#323232;border:none;float:right;
						-webkit-border-radius:5px;
						   -moz-border-radius:5px;
								border-radius:5px;}
.clear{clear:both; height: 1px;}
* html .clearfix, *html .cf { height: 1%; overflow: visible; }

*+html .clearfix, *+html .cf { min-height: 1%; }

.clearfix:after, .cf:after  {
                            clear: both;
                            content: ".";
                            display: block;
                            height: 0;
                            visibility: hidden;
                            }

.fake-hidden{position:absolute !important;top:-9999px !important;left:-9999px !important;}
/* standard Hyperlink */
a {text-decoration:none;color:#7a7a7a;outline:none;}
a:hover {text-decoration:none;color:#be8306;outline:none;}
a:visited{outline:none;}
a:link{outline:none;}

/*---wrapping---*/
.wrapper-out{background:url(images/bg.jpg) ;width:100%;margin:0 auto;padding:0;overflow: hidden;}



.wrapper-home .wrapper-inner{width:1054px;margin:0 auto;}
.wrapper{background:url(images/bg_top.jpg) repeat-x;}
.wrapper .wrapper-inner{width:960px;margin:0 auto;}
/*---end wrapping---*/

/*---navigation---*/
/*---end navigation---*/
	
/*---header---*/
.header{background:url(images/bg_header.jpg) repeat-x bottom;height:80px;}
.header .wrapper-header{width:960px;margin:0 auto;}
.header .wrapper-header .logo{position:absolute;z-index:5;background:url(images/logo.png) no-repeat;width:150px;height:210px;text-indent:-9999px;float:left;margin:0px 0px 0px 60px;padding:0px;}
.header .wrapper-header .navtop{font-size:14px;color:#7a7a7a;float:right;width:775px;height:80px;text-transform: uppercase;}
.header .wrapper-header .navtop ul{list-style:none;padding:0;margin:0;height:80px;text-align: right;}
.header .wrapper-header .navtop ul li{display:inline;margin:0;padding-left:30px;}
.header .wrapper-header .navtop ul li a{height:80px;display:inline-table;padding-top:40px;}
.header .wrapper-header .navtop ul li a:hover{background:url(images/bg_header_active.jpg) center top no-repeat;color:#be8306;}
/*---end header---*/

/*---slider---*/
.slider{background:#000;height:400px;width:1350px;position:relative;padding:0;margin:0;z-index:0;margin: 0 auto;}
.slider #slides{position:absolute;top:0px;left:0px;z-index:-1;}
.slider .slides_container {width:1350px;overflow:hidden;position:relative;display:none;}
.slider .slides_container div.slide {	width:1350px;height:400px;display:block;}
.slider .pagination {margin: 0 auto 0;width:100%;z-index:999;position:absolute; padding: 12px 0; bottom: 0; left: 0;
    background: #10100f;
    text-align: center;
}
.slider .pagination li {margin:0 10px;list-style:none; display: inline-block;}
.slider .pagination li a {display:block;width:14px;height:0;padding-top:14px;
    background: transparent url(images/pagination.png) no-repeat top left;
float:left;overflow:hidden;}
.slider .pagination li.current a {background-position:top right;}
.slider .caption {z-index:500;position:absolute;bottom:-35px;right:235px;height:123px;padding:10px;width:395px;font-size:13px;line-height:1.5;color:#fff;text-shadow:none;
    background: transparent url(images/black_opacity.png) repeat top;
    overflow: hidden;
    font-family:'PT Sans',sans-serif;
}
.slider .caption .mini{color:#ab7508;font-size:12px;}
.slider .caption .title, .slider .caption .title a{color:#f0b209;font-size:30px;margin:0;padding:0;}
.slider .caption p{color:#e1dfd6;font-size:13px;margin:0;padding:0;font-family:'PT Sans',sans-serif;}
.slider .bottom{width:100%;height:30px;position:relative;background:#000;background:rgba(0,0,0,.5);margin-top:-30px;}
/*---end header---*/

/*---content----*/
.content{margin:0 auto;padding-top:20px;text-align:center;width:960px;position:relative;}
.content .navigation{border-bottom:#817e7a dotted 2px;border-top:#817e7a dotted 2px;padding:5px 1px;}
.content .navigation .link{float:left;width:665px;margin:7px 0 0; padding: 0; list-style: none; text-align: left;}
.content .navigation .link li{
  display: inline;
  margin: 0 5px 0 0;
}

.content .navigation .pagination{float:none;width:100%;margin-top:7px;}
.content .navigation .link a,.content .navigation .pagination a{color:#323232;font-size:14px;padding:5px;
							-webkit-border-radius:5px;
							   -moz-border-radius:5px;
									border-radius:5px;}
.content .navigation .pagination{
  font-size: 14px;
}
.content .navigation .link .current-menu-item a,.content .navigation .link a:hover,.content .navigation .pagination a:hover{background:#d1ac2f;}
.content .navigation .pagination .next{float:right;}
.content .navigation .pagination .prev{float:left;}
.content .navigation .form-search{float:right;width:290px;}
.content .navigation .form-search input[type=text]{background:#cdcac3;border:#a6a49e solid 1px;width:220px;padding:5px;
						-webkit-border-radius:5px;
						   -moz-border-radius:5px;
								border-radius:5px;
                                float: left;}
								
.content .gallery {width:100%;margin:10px 0;}
.content .gallery .box-gallery{width:255px;height:255px;float:left;margin:10px 30px;border:2px solid #171717;position:relative;}
.content .gallery .box-gallery .box-caption{
  position:absolute;
  bottom:0;width:100%;background: transparent url(images/black_opacity.png) repeat top; ;text-align:left;padding:5px 0;left: 0;}
.content .gallery .box-gallery .box-caption .caption-title{color:#be8306;font-family:'PT Sans',sans-serif;font-weight:bold;font-size:13px;width:100%;padding-left:10px;}
.content .gallery .box-gallery .box-caption .caption-desc{color:#8c8c8c;font-family:'PT Sans',sans-serif;font-size:13px;width:100%;padding-left:10px;}
.content .post-cont{
  margin: 0 30px 20px;
  border-bottom: 2px solid #171717;
  padding: 0 0 15px;
}
.content .post-cont h2.post-title{
  text-align: left;
}
.content .post-attr{
  text-align: left;
  margin: 4px 0;
}

.content-login{background:url(images/bg_content_login.png) no-repeat center bottom; margin: 0 auto 50px;}
.content-kontak{background:url(images/bg_kontak2.jpg) no-repeat center top;margin:50px auto; color: #282725;padding-top: 200px;}
.content-kontak a{
  color: #282725;
}

.content .content-left{width:270px;float:left;margin-top:120px;}
.content .content-left .sidebar{width:100%;margin-top:20px;padding:0;}
.content .content-left .sidebar li{list-style:none;font-family:'PT Sans',sans-serif;border-bottom:1px solid #aeaca7;padding-top:10px;}
.content .content-left .sidebar li h4{text-align:left;color:#966a0c;font-size:11px;font-weight:bold;margin:0;padding:0;}
.content .content-left .sidebar li p{color:#111111;}
.content .content-right{width:647px;float:right;}
.play-video{position: relative;width: 270px;height: 203px;display: block;}
.play-video img{border: 3px solid #000;}
.play-video .play-video-btn{
  position: absolute;
  width: 270px;
  height: 203px;
  background: transparent url(images/video-play-button.png) no-repeat center center;
  z-index: 1000;
  top: 0;
  left: 0;
}
.content .widget{
  text-align: left;
  border-bottom: 1px solid #AEACA7;
  font-family: 'PT Sans',sans-serif;
  padding: 10px 15px;
  margin-bottom: 15px;
  font-size: 14px;
}
.content .widget .widget-title{
  color: #966A0C;
  font-weight: bold;
  font-size: 18px;
}
.content .widget ul{
  padding-left: 15px;
}

.content .content-right .header-content{background:url(images/bg_head.png) no-repeat top center;padding-top:20px;color: #ab7508;text-transform: capitalize;}
.content .content-right .header-content h2{background:#eeeae0;padding:5px;border-top:2px #52504e dotted;border-bottom:2px #52504e dotted;font-size: 30px;}
.content .content-right .inner-content p{font-family:'PT Sans',sans-serif;color: #333; line-height:20px; font-size:13px; margin:0px 0px 20px 0px; text-indent: 0px;}
.content .content-right .inner-content img{border:2px solid #111;}
.content .content-right .inner-content .box-gallery{float:left;margin:10px 10px 10px 0;border:2px solid #171717;position:relative;}
.content .content-right .inner-content .box-gallery .box-caption{position:absolute;bottom:0;width:100%;background:#000;text-align:left;padding:5px 0;opacity:0.7;}
.content .content-right .inner-content .box-gallery .box-caption .caption-desc{color:#e5e2d9;font-family:'PT Sans',sans-serif;font-weight:bold;font-size:11px;width:100%;padding-left:10px;text-align:center;opacity:1;margin:0 auto;}

.content .content-right-login,.content .content-right-kontak{
	background	:url(images/bg_login.jpg);
	width		:510px;
	margin		: 0px 100px 50px 0;
	padding		:20px;
	text-align	:left;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	border-radius			: 3px;
	-webkit-box-shadow:0 0 10px 3px #2d2d2d;
	   -moz-box-shadow:0 0 10px 3px #2d2d2d;
			box-shadow:0 0 10px 3px #2d2d2d;
}
.content .content-right-login .login-title{
	font-size	:20px;
	font-weight	:bold;
	font-family	:'PT Sans',sans-serif;
}
.content .content-right-login .desc{
	font-size	:14px;
	font-family	:'PT Sans',sans-serif;
	color		:#7d7a73;
}
.content .content-right-login label{
	font-size:14px;
	font-family:'PT Sans',sans-serif;
	font-weight:bold;
}
.content .content-right-login hr{border:1px solid #b5b0a0;margin:20px 0;}
.content .content-right-login input[type=text],.content .content-right-login input[type=password],
.content .content-right-kontak input[type=text],.content-right-kontak input[type=password],.content .content-right-kontak textarea{
	font-size		:14px;
	padding			:8px;
	background-color:#ddd9cc;
	width			:320px;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	border-radius			: 3px;
	-webkit-box-shadow:0 2px 5px #c0bcb1 inset;
	   -moz-box-shadow:0 2px 5px #c0bcb1 inset;
			box-shadow:0 2px 5px #c0bcb1 inset;
	border: 1px solid #bbb;
}
.content .content-right-login input[type=text]:focus,.content .content-right-login input[type=password]:focus,
.content .content-right-kontak input[type=text]:focus,.content-right-kontak input[type=password]:focus,.content .content-right-kontak textarea:focus{
	color:#000;
	outline:none;color:#000;
	-webkit-box-shadow:0 0 5px #be8306;
	   -moz-box-shadow:0 0 5px #be8306;
			box-shadow:0 0 5px #be8306;
}
.content .content-right-login input[type=submit]{
	margin:5px 100px 0 0;
}
.content .content-right-kontak{
	font-family:'PT Sans',sans-serif;
	width:550px;
	margin-right:50px;
	-webkit-box-shadow:0 0 10px 3px #a3a3a3;
	   -moz-box-shadow:0 0 10px 3px #a3a3a3;
			box-shadow:0 0 10px 3px #a3a3a3;
}
.content .content-right-kontak input[type=submit]{
  margin: 5px 5px 0;
}

.content .content-left-kontak{
	margin-left:30px;
    padding-top: 45px;
}
.content .content-left-kontak p{
  margin: 5px 0;
}

.content .content-left-kontak .hr{
	border:none;
	height:1px;
	display:block;
	background:url(images/bg_dot.png) repeat-x;
}
.content .content-left-kontak .title{
	color:#a16706;
	font-size:24px;
	color:#000;
}
.content .content-left-kontak .desc{
	text-align:center;
	font-size:13px;

}
.content .content-left-kontak .tlp-fax-mail{
	margin:5px auto;
	text-align:left;
	font-size:13px;
}
.content .content-left-kontak .tlp-fax-mail span{
	padding-left:32px;
	margin:20px 0 20px 20px;
	height:20px;
}
.content .content-left-kontak .tlp-fax-mail .fax{
	background:url(images/fax.png) no-repeat;
}
.content .content-left-kontak .tlp-fax-mail .tlp{
	background:url(images/tlp.png) no-repeat;
}
.content .content-left-kontak .tlp-fax-mail .mail{
	background:url(images/mail.png) no-repeat;
}
.content .content-left-kontak form{
	text-align:left;
	padding-top:30px;
}
.content .content-right-kontak .form-left{
	float:left;
	width:275px;	
	text-align:left;
}
.content .content-right-kontak .form-right{
	float:right;
	width:275px;
	text-align:left;
}
.content .content-right-kontak textarea{
	width			:525px;
	height			:100px;
}
.content .content-right-kontak input[type=text],.content-right-kontak input[type=password]{
	width			:250px;
}
.content .related{
  text-align: left;
}
.content .related ul{
  margin: 5px 0;
  padding-left: 15px;
}

/*---end content----*/

/*---sidebar---*/
/*---end sidebar---*/
	
/*---footer---*/
.footer {background: #090909 url(images/bg_footer.jpg) repeat-x top;width:100%;min-height:280px;color:#FFF; margin-top:30px;}
.footer .wrapper-footer {width:960px;min-height:238px;margin:0 auto;}
.footer .wrapper-footer .footer-bottom{text-align:center;}
.footer .footer-box{width:270px;min-height:190px;float:left;margin:0 25px;padding-top:30px;}
.footer .footer-box .footer-title{color:#bf8406;font-size:15px;font-weight:bold;}
.footer .footer-box .footer-content{font-family:'PT Sans',sans-serif;color:#8e8e8e;font-size:13px;}
.footer .footer-box .news{color:#a8a8a8;font-size:13px;}
.footer .footer-box .news .kirim-btn{
  margin: 10px 12px;
}

.footer .footer-box .news label{width:40px;display:inline-table;line-height:10px;}
.footer .footer-box .news input[type=text]{background-color:#111111;width:230px;border:1px solid #111111;font-size:14px;padding:3px;margin-top:10px;color:#2f2f2f;
						-webkit-border-radius:5px;
						   -moz-border-radius:5px;
								border-radius:5px;}
.footer .footer-box .footer-box-sosial{background:#111111;padding:10px;font-family:'PT Sans',sans-serif;margin: 10px 0;
						-webkit-border-radius:5px;
						   -moz-border-radius:5px;
								border-radius:5px;}
.footer .footer-box .footer-box-sosial p{color:#8e8e8e;}
.footer .footer-box .footer-box-sosial a{color:#966a0c;}
.footer .footer-box .footer-box-sosial a:hover{color:#7a7a7a;}
.footer .footer-box .footer-box-sosial .time{color:#4c4b4b;}
.footer .footer-box .footer-box-link{width:100%;float:left;padding-top:10px;font-family:'PT Sans',sans-serif;}
.footer .footer-box .footer-box-link a{display:inline-table;width:100%;margin-bottom:10px;float:left;color:#a8a8a8;border-bottom:1px solid #171717;}
.footer .footer-box .footer-box-link a:hover{color:#966a0c;}
#twitwidget {
height:98px;
overflow:hidden;
position:relative;
width:240px;
}
.twitterwidget-title {
	display: none;
}

.twitterwidget-title:hover{
	color: #ddd;
}
.twittwit:first-child{
  opacity:1;
filter:alpha(opacity=1);
}

.twittwit {
left:0;
opacity:0;
filter:alpha(opacity=0);
padding:5px 10px;
position:absolute;
text-shadow:none;
top:5px;
width:220px;
}
/*---end footer---*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 10px 15px;
}

.alignleft {
    float:left;
    margin: 5px 15px 10px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
/* =End of WordPress Core
-------------------------------------------------------------- */