/*
Theme Name: SBIA Custom Theme
Theme URI: http://sbia.info/
Description: SBIA's custom theme.
Version: 1
Author: Muddsar Jamil

*/

/** Reset **/
td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,var,tt,sup,sub,strong,strike,small,samp,s,q,kbd,ins,img,font,em,dfn,del,code,cite,big,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,applet,span,div,body,html{font:100% inherit inherit inherit;margin:0;padding:0;border:0;vertical-align:baseline}td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,var,tt,sup,sub,strong,strike,small,samp,s,q,kbd,ins,img,font,em,dfn,del,code,cite,big,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,applet,span,div,body,html,:focus{outline:0}body{line-height:1;color:black;background:white}ul,ol{list-style:none}table{border-collapse:separate;border-spacing:0}td,th,caption{text-align:left;font-weight:normal}q:after,q:before,blockquote:after,blockquote:before{content:""}q,blockquote{quotes:"" ""}



body {
	background-image:url('imgs/bg.png'); 
}
strong { font-weight:bold;}
a{color:#5999DE;   text-decoration:underline}
a:hover{ color: #2163a9;   text-decoration:underline}
.smallLink { color: #5999DE;   text-decoration:none; font-size:.8em;}
.smallLink:hover {color: #2163a9;   text-decoration:none; font-size:.8em; }
.page {
	width:874px; background-image:url('imgs/page_bg2.png'); background-repeat:repeat-y;  
	text-align:left;
	padding:0 9px 0 9px;
	font-family:Arial, Helvetica, sans-serif !important; font-size:.9em;
	
}
.postContent{
line-height:1.5em; font-size:.8em; color:#202020;
text-align:justify;
}

.postContent::selection {
	background: #921914; /* Safari */
	}
.postContent::-moz-selection {
	background: #921914; /* Firefox */
}

.homepagePostTop { background:transparent url(imgs/post-top.png) no-repeat scroll left top; width:488px; padding: 10px 5px 3px 5px; display:block; border:0 }
.homepagePostBot { background:transparent url(imgs/post-bot.png) no-repeat scroll left top; width:468px; text-align:right; height:30px; padding:10px }
.homepagePost { background-image: url(imgs/post-bg.png); width:472px; padding:0 10px 0px 6px; }


.postDivider {
background-image:url('imgs/div1.png'); background-repeat:repeat-x; width:100%;
 }


.postContent p { margin:0; padding:0; 

}

.postTitle { color:#5999DE; font-size: 1.5em;}
.postTitle a { text-decoration:none;}
.postTitle a:hover {  text-decoration:none;  }
.additionalInfo { color: #808080; }
.sideBoxTop{ 
 width:323px; height:6px; overflow:hidden; background-image:url('imgs/side-top.png'); display:block;
}
.sideBoxBot { 
width:323px; height:6px; overflow:hidden;/* background-image:url('imgs/side-bot.png');*/display:block;
}

.sideBoxTopSmall { 
width:151px; height:3px; overflow:hidden; background-image:url('imgs/side-top-small.png'); display:block;
}
.sideBoxBotSmall { 
width:151px; height:3px; overflow:hidden;/* background-image:url('imgs/side-bot-small.png'); */display:block;
}

.sideSearchBox { 
background-image:url(imgs/search-bg.png);
border:0 none;
color:#808080;
height:19px;
padding-top:3px;
width:300px; font-size:.8em;
}
.topSearchInput { 
background-image:url(imgs/topsearch-bg.png); background-repeat:no-repeat;
border:0 none;
color:#656565;
height:19px;
padding:3px 3px 0;
width:174px; font-size:.8em;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:11px;
}


#topSearchBox { 
line-height:18px; height:18px;
vertical-align:middle;
}


.sideYourNameBox {
background-image:url(imgs/yourName-bg.png);
border:0 none;
color:#808080;font-size:.8em;
height:19px;
padding-top:3px;
width:140px;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:11px;
}

.sideYourEmailBox {
background-image:url(imgs/yourEmail-bg.png);
border:0 none;
color:#808080;font-size:.8em;
height:19px;
padding-top:3px;
width:140px;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:11px;
}

.sideYourCaptchaBox {
background-image:url(imgs/captcha-bg.png);
border:0 none;
color:#808080;font-size:.8em;
height:19px;
padding-top:3px;
width:140px;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:11px;

}


.sideTitle { color: #851d26; font-size:1.5em; line-height:normal; margin:0.3em 0 0.4em 10px;}
.sideSubTitle { border-bottom: 1px solid #D2BDB4; padding: 5px; color: #404040; font-size: 0.7em; text-align: right; } 

.sideSmallTitle {  color: #851d26; font-size:1em; line-height:normal; margin:0.3em 0 0.4em 0px; font-family:Arial,Helvetica,sans-serif; } 

.prayerTimes { 
border-left:1px solid #D2BDB4; border-top:1px solid #D2BDB4;  border-right:1px solid #D2BDB4; width:321px;
}

.onePrayer{ 
border-bottom: 1px solid #D2BDB4; padding: 5px; line-height: 1.3em; text-align: left; font-size:.8em;
}
.onePrayerAlt { 
background-color:#e8e8e8; border-bottom: 1px solid #D2BDB4; padding: 5px; line-height: 1.3em; text-align: left; font-size:.8em;
}


.thumb img { 
float:right;
padding:3px; border:1px solid #D2BDB4; overflow:hidden;
margin-left:10px;
}

#menuContainer {
	background-image:url('imgs/menu-bg.png'); background-repeat:no-repeat;
	height:33px;  line-height:33px;  width:855px;  padding-top:15px;
	  text-align:center; vertical-align:middle; margin:0;
}
 
 
.hisBox {
	width:499px; height:200px; overflow:hidden; background-color:black;
	float:left;
}

.donateBox {
	background-color:black; background-image:url('imgs/testbg.png'); background-repeat:no-repeat;
	 overflow:hidden;
	color:white;
	border-left:5px white solid;
	font-size:.9em;height:190px;
padding:5px 10px;
width:330px;
	
}
.donateBox a, .donateBox a:hover, .donateBox a:visited {text-decoration:none; font-weight:bold; font-size:1em; color:#ff3232 }

.donateBox strong { font-size:1.3em; font-weight:bold; }

.donateBox input {
	
	 color: #808080;
}
.donateBox select {
	 color: #808080;width:140px;
}
.donationButtonRed { 
width:100px; height:35px; 
background-image:url('imgs/donate_button.png');
float:right;
margin-top:10px;

}


.content {
	width:469px; background-color:white; color:#1c1c1c; float:left; 
background-color:white;
}

.content-noSide { 
width:800px; background-color:white; color:#1c1c1c; float:left; 
background-color:white;
}
.sidebar {
	background-image:url('imgs/sidebar-bg.png'); 
	 width:337px;
	 float:right;
	 padding-left:30px;
}

.clear, .clearBox {
	 clear:both;  
}
.contentContainer {
width:855px;
background-image:url('imgs/content_container_bg.png') !important; background-repeat:repeat-y;
}
.contentContainer-noSide {
width:855px;
}
.contentContainer p {
color:#202020;
/*font-size:0.9em;*/
width: 468px;
/*font-family:Verdana,sans-serif;*/
font-weight:normal;
line-height:19px;
margin:3px 0 0px;
padding-bottom:5px;

}
.xTable {
color:#202020;
font-family:Verdana,sans-serif;
font-size:0.9em;
font-weight:normal;
line-height:19px;
margin:3px 0 15px;
padding-bottom:5px;

}

.contentContainer ul { 
color:#202020;
line-height:1.5em;
width: 450px;
 list-style-type: circle;
 margin: 2em;

list-style-image:none;
list-style-position:outside;

margin:0 30px 10px;
padding-left:10px;


}
.contentContainer ul li {
    padding-left: 1em;
    margin-bottom: 1.2em;
font-weight:normal;
line-height:19px;
font-size:.9em;


}
.contentContainer ul li strong { color: #404040; font-weight:bold; }



.MyFooter { 
background-image:url(imgs/bot_bg.png);
height:250px;
border-top:5px solid #EFEFEF;
padding-left:10px;
text-align:left;
width:845px; overflow:hidden;
color: #720f0a;


}
.MyFooter a, .MyFooter a:hover { color:#720f0a; } 
.footerQuote { 
color: #720f0a;
font-family: Cambria, serif;
font-size: 16px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;font-style:italic;
}

.textAreaDisplay { /* used in some forms to display large quantities of text */

width: 455px; height: 300px;
padding:10px; 
border:1px solid #5385ba; 
background-color:#CDDCE9;

}
.textAreaDisplaySmall { /* used in some forms to display small quantities of text */
width: 455px; height: 90px;
padding:10px; 
border:1px solid #5385ba; 
background-color:#CDDCE9;
}
/** Menu styles **/

 .menu {
	font-weight:bold; font-variant:small-caps;font-family:tahoma,arial;
}
 

/** Image Menu **/

#imageMenu {
	position: relative;
	width: 500px;
	height: 200px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	height: 200px;
}

#imageMenu ul li.one a {
	background: url(imgs/featured/islam.png) repeat scroll 0%;
}

#imageMenu ul li.two a {
	background: url(imgs/featured/pbuhsaw.png) repeat scroll 0%;
}

#imageMenu ul li.three a {
	background: url(imgs/featured/local.png) repeat scroll 0%;
}

#imageMenu ul li.four a {
	background: url(imgs/featured/events.png) repeat scroll 0%;
}

#imageMenu ul li.five a {
	background: url(imgs/featured/ramadan2.png) repeat scroll 0%;
	width: 310px;
}
/** archives **/
.sz_carousel { width:800px !important; }

#szleft { width:56px; height:71px; border:0; background-repeat:no-repeat; background-image:url('http://sbia.net/site/wp-content/uploads/2011/12/newer1.png'); margin-right:15px;  cursor: pointer;}
#szright { width:56px; height:74px;border:0; background-repeat:no-repeat; background-image:url('http://sbia.net/site/wp-content/uploads/2011/12/older1.png'); margin-left:15px; cursor:pointer; }