/*
Theme Name: IT Theme 2
Description: Custom Theme for ImamTahir.com
Version: 1
Author: Mudassir Jamil
*/

/** reset **/ 
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}:focus{outline:0;}body{line-height:1;color:#000;background:#FFF;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:400;}blockquote:before,blockquote:after,q:before,q:after{content:"";}


* {
	 font-size:100.01%;
}
html,body { height:100%; }
 
body {
text-align:left; font-size:.9em;
font-family:Verdana,Helvetica,Arial,Geneva,sans-serif;
background: #FFF url(imgs/body_bg_red.png) repeat scroll 0 0;
}
a{color:#858e6c;text-decoration:none; font-size:.9em; padding:2px}
a:hover{color:#9bb842;   text-decoration:none; font-size:.9em; padding:2px}

strong { font-weight:bold; }
h1 { font-size:24px; font-weight:normal; }
.postTitle {  font-size:24px; font-weight:normal; }
.postTitle h1,postTitle h1 a { font-size:24px; font-weight:normal;}

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

}

.alignleft { float:left; padding-right:10px; }

.postContent strong { font-weight:bold; color: black}

.postContent a { color: #7f090b; text-decoration:none; font-size:.9em !important; }
.postContent a:hover { background-color: #eb292d; color: #fff; text-decoration:underline; font-size:.9em !important; }

.additionalInfo { font-size:60%; }
.postDivider { 
background-image:url(imgs/div_bg.png);
background-repeat:no-repeat;
color:white;
height:37px;
line-height:37px;
padding-left:20px;
width:552px;
margin: 20px 0 20px 0;
}
.postDivider a { color:#637131; text-decoration:none; font-size:.9em !important; }
.postDivider a:hover { color: #9BB842; text-decoration:none; font-size:.9em !important;}




#page { /* the main content area block */
width: 1019px; 
background: #fff url(imgs/content_bg_red.png) repeat-y scroll 0 0;
min-height: 100%; text-align:left; 
}
* html #page { /* css hack for ie6 100% height layout **/
height: 100%;
}

#contentWrapper { height: 100%; margin: 0 auto; text-align: left;}
#content { /* content block inside of page */
 
  width:1019px;
}
#contentLeft { float:left; width:590px; padding:10px;}
#contentRight { color:white; float:right;  
/*padding-left:25px;*/ text-align:left; width:380px;
font-size:.9em;
}
#contentLeft ul { list-style-type:circle;
list-style-image:none;
list-style-position:outside;
margin:0 30px 10px;
padding-left:10px;
 }
#contentLeft ul li { 
font-size:0.85em;
line-height:19px;
padding-bottom:5px;
font-weight:normal;
color:#575757;
font-family:Verdana,sans-serif;
}

#contentLeft ol { 
list-style-type:decimal; 
margin:0 30px 10px;
padding-left:10px;
 }

#contentLeft ol li { 
font-size:0.85em;
line-height:19px;
padding-bottom:5px;
font-weight:normal;
color:#575757;
font-family:Verdana,sans-serif;
}


#contentLeft hr { 
background-color:#ddddce; color:#ddddce; height:1px; width:400px; text-align:center;
}

#contentRight ul { list-style-type:none; }
#contentRight ul li {  
background-color:#4B2323;
border-bottom:1px dotted white;
color:white;
height:25px;
line-height:25px;
margin:4px;
overflow:hidden;
filter:alpha(opacity=50);
opacity:0.5; 
}
#contentRight ul li:hover { filter:alpha(opacity=70); opacity:.7; }
#contentRight ul li a {
color: white; text-decoration:none;
}
    

#header { /*  header block with logo */
background: #000 url(imgs/header1_red.png) no-repeat;
 width:1019px; height:137px;
}

#menu { /* the menu block */
padding-top:98px;
}

h1 { 
color:#808080;
font-family:Helvetica,Arial,Calibri,sans-serif
font-size:1.2em;
line-height:1.4em;
text-align:left;
text-decoration:none;
word-spacing:normal;
}


/* ---------- Mega Drop Down --------- */
#mega {
list-style:none;
font-weight:bold;
height:2em;
font-family:Trebuchet MS,Arial,sans-serif;
font-size:.9em;
color:#404040;
/*margin:60px -1px 0 0;*/
}
#mega li {
/*background:#999;
border:1px solid #000;*/
margin-left:-1px;
float:left;
width:90px;
text-align:center;
position:relative;
padding:0 3px 1px 3px;
}
#mega li:hover {
/*background-color: #000 !important;
color: #fff;
border:1px solid #fff;*/
border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected padding:7px 3px 1px 3px;*/


z-index:1; /* shadow above adjacent li */
}
#mega li a {
color:#858e6c;
outline:0;
text-decoration:none;
display:block;
font-size:1.1em;
font-weight:bold; padding:0;
}
#mega li a:hover { padding:0;  color: #9bb842;  }

#mega li div a { 
color:#858e6c;
outline:0;
text-decoration:none;
line-height:1.5em; display:inline;  
font-weight:normal; padding:0;
}
#mega li div a:hover { color: #9bb842; text-decoration:underline }

/* ----------- Hide/Show Div ---------- */
#mega div {
color:#404040;    
position:absolute;
left:-999em;
margin-top:1px;
width:350px;
padding:24px;

border-top:0;
font-weight:normal;
text-align:left;
background:#e9e9e1;
line-height:1.5em;

/** for some rounded corners **/
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;

}
#mega div strong { font-weight:bold !important; }
#mega li:hover div {
left:-1px;top:auto;
}
#mega li.dif:hover div {
left:-221px;
}
/* --------- Within Div Styles --------- */
#mega div h2 {
background:#999;
font-size:1em;
padding:0 10px;
margin:10px 0 5px 0;
clear:both;
float:left;
width:330px;
position:relative; /* makes above drop shadow */
}
#mega div p {
float:left;
width:106px;
padding-left:10px;
position:relative; /* makes above drop shadow */
}
#mega div p a {
text-decoration:underline;
float:left;
clear:left;
width:100%; /* For IE6/7 */
line-height:1.4;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
}
  
/* Audio Stuff */

.audioLecture { 
border-bottom:1px solid #C9C5B0;
clear:left;
float:left;
padding:15px;
width:564px;
}

.audio-buttons{ 
float:right; margin-left: 10px; }

.audio-meta { 
clear:left;
color:#70695D;
display:inline;
float:left;
font-size:.85em;
line-height:1.5;
margin:3px 18px 0;
 
}

/* --- Pages -- */
.pages { float:right; }
.pages a, .pages span {
background-color:#FFF;
border:1px solid #FFF;
display:block;float:left;margin-right:0.1em;padding:0.2em 0.5em;
}
.pages span.current {
background:#698437 none repeat scroll 0 0;
border:1px solid #698437;
color:#FFFFFF;font-weight:bold;
font-size:.7em;
}
.pages a:hover {
border-color:#698437;
}
.pages a {
border:1px solid #DDDDDD;
text-decoration:none;
font-size:.7em;
}
.pages span.nextprev {
color:#999999; padding:0 !important; font-size:.85em;
}

/** For the clean archives reloaded script */
.car-toggler { float:right; padding:15px !important; }
.car-toggler a,.car-toggler a:hover { padding: 15px !important;}

.footerBox { 
background-color:#e9e9e1; 
padding:10px; 
border-top:1px solid #858e6c; 
border-bottom:1px solid #858e6c; 
font-size:.9em; 
margin-bottom:10px">

}