/*
Theme Name: BinBayyah
Theme URI: http://www.east2westweb.com
Description: The Customized WordPress theme For Shaykh Abdullah Bin Bayyah
Version: 1.0
Author: east2westweb
Author URI: http://wwww.east2westweb.com


1.	RESET
	Global reset for all HTML elements

background :#042D49;
header color:7DACCE;
background menu color:#5F8EAF;
text color: #336A98;

ab.alaydrus@gmail.com
/*------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none; color:#042D49;}

/* Layout  and structure*/
body{background:#060304 url(images/bg.jpg); font: 12px/16px normal sans-serif, arial, helvetica, tahoma, verdana;}
#body{background:transparent url(images/bg.jpg) 50% 0 no-repeat;}
#body-wrapper{margin:0 auto; min-height:1080px;width:1080px; background:transparent url(images/shadow.png) repeat-y;}
  .clearer{clear:both;}

#main-wrapper{width:968px; margin:0 auto;}
  #header{background: url(images/top_.png) top left no-repeat; width:968px;}
    .navigation{padding:20px 20px 10px;}
    .navigation ul{margin:0; padding:0;}
    .navigation ul li{float:left; margin:13px 0 0;padding:4px 14px 2px;}
    .navigation ul li a {color: #fff; font-size:18px; text-transform:uppercase; font-family:Signika, sans-serif; font-weight:400; }
    .current-menu-item { background:#489ED4;
       -moz-border-radius: 25px;
       -webkit-border-radius: 25px;
       -html-border-radius: 25px;
       border-radius: 25px;
       behavior: url(scripts/border-radius.htc);
       border-radius: 25px;}    
    
    .navRside{width:230px; background:url(images/icon_bismillah.png) top right no-repeat; float:right;}
    .banner{height:150px; background:url(images/banner.jpg) no-repeat;}
    .social-media{float:right; width:160px; margin:50px 20px 0 0;}
	.social-media h3{color:#fff; text-align:right; margin:0 0 10px 0; font-family:signika,serif; font-size:12px; letter-spacing:0;}
        .social-media li{margin:0; padding:0; float:left; width:32px;}
	  .flickr{ background:url(images/icon_media.png) 0 1px no-repeat;width:34px; height:28px; display:block;}
	  .facebook{ background:url(images/icon_media.png) -34px 1px no-repeat;width:34px; height:28px; display:block;}
	  .twitter{ background:url(images/icon_media.png) -68px 1px no-repeat;width:34px; height:28px; display:block;}
	  .youtube{ background:url(images/icon_media.png) -102px 1px no-repeat;width:34px; height:28px; display:block;}
	  .feed{ background:url(images/icon_media.png) -136px 1px no-repeat;width:35px; height:28px; display:block;}
  #content{}
    #top-area{height:335px;}
      .images{float:left;width:672px;height:335px; overflow:hidden;}
      .images img{width:672px;}
      .sidebar-news{float:right; width:296px; height:335px; font: 10px/12px sans-serif,arial, tahoma; background:url(images/bg_news.jpg) no-repeat; color:#fff;}
      .sidebar-news .title {background:url(images/title_news.png) no-repeat; width:299px; height:34px; margin:-28px 0 0 -1px;}
      .sidebar-news h3{font-size:14px; text-transform:capitalize; padding:8px 18px 0; line-height:18px; letter-spacing:0; color:#fff; margin:0;}
      .sidebar-news a {color:#272E3F;}
      .sidebar-news ul{padding:0px 20px 0 10px;}
      .sidebar-news ul li{margin: 0 0 16px 0;}
         .news-date{float:left; width:55px; height:56px;background:url(images/box_date.png) no-repeat;text-align:center;font-size:14px;}
	   .dd{margin:15px 0 3px;}
	   .mm{text-transform:uppercase; font-weight:200;}
	  .news-entry{float:right; width:200px;}
	    a.news-title{font-weight:bold;font-size:12px;}
	    a.news-more{ float:right;}
	    a:hover.news-title, a:hover.news-more {text-decoration:underline; color:#489ED4;}
    #main-area{min-height:600px;}
       .sidebar{float:right; width:296px; min-height:600px; background:url(images/side_bg.png) repeat-y;}
	  
	  .menu-sidebar{height:270px; width:296px; background:url(images/img_side.png) no-repeat;}
	   .menu-sidebar ul{padding:15px 0 0;}
	   .menu-sidebar ul li{ background:url(images/side_menu.png) no-repeat; width:154px; height:31px; margin:10px 0 10px -10px;}
	   .menu-sidebar ul li a{color: #fff; font-size:16px; line-height:32px;text-transform:capitalize; font-family:Signika, serif; margin:10px 19px; font-weight:normal;}
	   .menu-sidebar ul li a:hover{color:#272E3F;}
	   .menu-sidebar .current-menu-item { background:#272E36;
			    -moz-border-radius: 8px;
			    -webkit-border-radius: 8px;
			    -html-border-radius: 8px;
			    border-radius: 8px;
			    behavior: url(scripts/border-radius.htc);
			    border-radius: 8px;
			}
	   
	   .search, .shaykh, .mailing{margin:20px 0 10px 9px; color:#fff;}
	     
	     .search h3{text-transform:uppercase; font-size:14px; font-weight:normal; letter-spacing:0; color:#fff;}
	     
	   .shaykh{}
	     .shaykh .title{float:right; width:310px; height:34px; font: 10px/30px sans-serif,arial, tahoma; background:url(images/title_sidebar.png) no-repeat; color:#fff; margin-bottom: 8px;}
	     .shaykh .title h3{margin:0;font-size:14px; font-weight:normal; margin:0 0 0 22px; letter-spacing:0;  line-height:30px; color:#fff;}
	     .sh-entries{clear:both;display:block;}
	       .sh-images{float:left;width:78px; height:78px;}
	       .sh-entry{float:right; width:200px; font-size:10px;}
	         a.sh-title , a.sh-more {color:#4AA1D7;}
		 a:hover.sh-title, a:hover.sh-more {color:#999;}
		 a.sh-title {font-size:14px;}
		 a.sh-more {}
	     
	   .mailing{}
	     .mailing h3{margin:0;font-size:14px; font-weight:normal; letter-spacing:0; color:#fff;}
	   
       

.label{float:left; margin:4px 0 0; padding:0;}
#searchform input.go {
	background:#E8E8FF url(images/icon_go.png) left no-repeat; padding: 1px 4px 1px 49px;color:#3D3D3D;border:2px solid #489ED4; font: 100% 'trebuchet ms',helvetica,sans-serif; height:20px; width:160px; float:left;
}
#mailform input.join {
	background:#E8E8FF url(images/icon_join.png) left no-repeat; padding: 1px 4px 1px 49px;color:#3D3D3D; border:2px solid #489ED4; font: 100% 'trebuchet ms',helvetica,sans-serif; height:20px; width:160px; float:left;
}
#searchform input.button, #mailform input.button {
	background:#E8E8FF url(images/icon_play.png) left no-repeat;color:#050;border:none; height:24px;
	padding: 0px 0px 0px 20px;font: 100% 'trebuchet ms',helvetica,sans-serif; float:right;
	margin:1px 43px 0 0;
	[margin-right:44px;
	margin-right:49px;] /*google chrome*/
}
#searchform input.button, #mailform input.button{
	margin-right/*\**/: 49px\9 /*IE 8*/	
}

.rounded-corners, .current-menu-item { background:#489ED4;
     -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -html-border-radius: 25px;
    border-radius: 25px;
    behavior: url(scripts/border-radius.htc);
    border-radius: 25px;
}
      
.content{width:632px; min-height:600px;background:#fff; margin:0; padding:20px 20px 0 20px;}
.post {width:600px;}
h1,h2, h3, h4,h5,h6 { font: 14px/18px Signika, sans-serif, helvetica, arial; font-weight:400; text-transform:uppercase; color:#042D49;}
h1 { font-size: 21pt;letter-spacing: -1px; margin:0 0 12px; padding: 0 0 6px 0; border-bottom: 2px solid;}
h2 { font-size: 18pt;letter-spacing: -1px; margin:0 0 12px;}
h3 { font-size: 16pt;letter-spacing: -1px; margin:0 0 12px;}
h4 { font-size: 13pt;letter-spacing: -1px; margin:0 0 12px; color:#4AA1D7;}
h5 { font-size: 12px; font-weight: normal; margin:0 0 12px; color:#7DACCE;}
h6 { font-size: 11px; font-weight: normal; margin:0 0 12px;}
p {margin:0 0 12px 0; line-height:16px; }
li.titles{line-height: 16px; list-style: disc; margin:0 0 8px 15px;}
li.titles a{padding: 4px 8px;}
li.titles a:hover{color: #fff; background: #7DACCE;}


.space20{margin: 20px 0;}
.line{ border-bottom: 2px solid; padding-bottom: 6px;}
.box {margin-bottom: 18px; float: left;}
.info{font-size: 10px;margin: -10px 0 12px 0;}
.moreread{font-weight: bold;}
.left{float: left;}
.left img, p img{border: 1px #ccc solid; padding: 2px;}
.right{float: right; width: 455px;}
#copyright{bottom: 0; margin: 0 -20px; background: #4AA1D7;}
.copy, .developer{ padding: 0 20px; color:#fff; font-size: 10px; text-align: center;}
.copy{text-transform: uppercase; padding-top: 6px;}
a.e2w{font-weight: bolder;}
.question{ color:#042D49; font-weight: bold;}
.answer{}
.content .space20 .wp-pagenavi{padding: 10px 0 !important;}

/* form elements */
form { margin:0 0 10px 0;}
form p { margin: 0; padding: 0px 0px 8px 0px; color: #999;}
label { font-weight: bold; color: #777777;}
/*
input,  select,  textarea {
	margin: 5px 0; padding: 2px 10px; color: #234E78; border:0; font-weight:bold; border:1px solid #ccc;
	font: 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif; }*/
input:focus, select:focus, textarea:focus { color: #234E78; }
textarea {padding:0; width:480px;}

/* media area @ home page */

ul#media {padding: 15px 5px 15px 15px; margin: 0 0 30px 0; background: #4AA1D7; width: 100%; float: left;}
#media li{ float: left; padding: 2px; margin:0 15px 0 0; background: #ddd;}
#media li a{}
#media li a img{width: 125px; height: 125px;  display: block; background: #fff;}