/* Main CSS File for IslamicReview.com */


/*  ###################################################################
Headers
 ###################################################################
 */ 

div#head {
margin-left:auto;
margin-right:auto;
width:800px;
position:relative;
/*border-bottom:1px solid #d5d5d5;*/
}

.bottomline {
  height:5px;
  width:800px;
  background:url(./images/bottomline.gif) no-repeat top left;
}

.News-header {
  padding:0 5px 0 0;
  margin-right:auto;
  margin-left:auto;
  font-family:'Copperplate Gothic Bold';
  text-align:right;
  width:292px;
  font-size:12px;
  background:url('./images/news.gif') no-repeat;
}

.Fiqh-header {
  margin-right:auto;
  margin-left:auto;
  font-family:'Copperplate Gothic Bold';
  text-align:right;
  width:292px;
  font-size:12px;
  background:url('./images/fiqh.gif') no-repeat;
}

.Opinion-header {
  margin-right:auto;
  margin-left:auto;
  font-family:'Copperplate Gothic Bold';
  text-align:right;
  width:292px;
  font-size:12px;
  background:url('./images/opin.gif') no-repeat;
}

.Spirituality-header {
  margin-right:auto;
  margin-left:auto;
  font-family:'Copperplate Gothic Bold';
  text-align:right;
  width:292px;
  font-size:12px;
  background:url('./images/spir.gif') no-repeat;
}

#c1h {
  font-size:20px;
  background-color:red;
  text-align:center;
}

.m0h {
  background:#dddddd url(./images/blanktop.gif) no-repeat top right;
  text-align:center;
}

.m1h {
  background:red url(./images/newstop.gif) no-repeat top right;
  text-align:center;
}

.m2h {
  background:blue url(./images/fiqhtop.gif) no-repeat top right;
  text-align:center;
}

.m3h {
  background:green url(./images/spirtop.gif) no-repeat top right;
  text-align:center;
}

.m4h {
  background:purple url(./images/opintop.gif) no-repeat top right;
  text-align:center;
}


/* ####################################################################
Links
#######################################################################
*/


a.headline:link, a.headline:visited {
  font-family:'Garamond Bold';
  font-weight: bold;
  font-size:18px;
  text-decoration:none;
  color:#FFF;
  display:block;
  text-transform:uppercase;
}

a.headline:hover, a.headline:active {
  font-family:'Garamond Bold';
  font-weight: bold;
  font-size:18px;       
  text-decoration: none; 
  color: #111111;
  display:block;
  text-transform:uppercase;
}

a.sidelink:link, a.sidelink:visited, a.article:link, a.article:visited, a.linking:link, a.linking:visited {
  font-family:'Franklin Gothic Medium', sans-seriff;
  font-size:13px;
  text-decoration:none;
  color:#29209a;
}

a.sidelink:hover, a.article:hover, a.linking:hover {
  font-family:'Franklin Gothic Medium', sans-seriff;
  font-size:13px;       
  text-decoration:underline; 
  color:#9685BA;
}
/*Old Colour: c31717*/

a.sidelink:active, a.article:active, a.linking:active {
  font-family:'Franklin Gothic Medium', sans-seriff;
  font-size:13px;       
  text-decoration: none; 
  color:#000000;
}


/*a.article:link {
  font-family:'Arial';
  font-weight:bold;
  font-size:10px;
  text-decoration:none;
  color:#396b79;
}

a.article:visited { 
  font-family:'Arial';
  font-weight: bold;
  font-size:10px; 
  text-decoration: none; 
  color: #554466;
}

a.article:hover, a.article:active {
  font-family:'Arial';
  font-weight: bold;
  font-size:10px;       
  text-decoration: underline; 
  color: #9685BA;
}*/

a.footerlink:link {
  font-family:'Arial';
  font-weight:bold;
  font-size:10px;
  text-decoration:none;
  color:#111111;
}

a.footerlink:visited { 
  font-family:'Arial';
  font-weight: bold;
  font-size:10px; 
  text-decoration: none; 
  color: #111111;
}

a.footerlink:hover, a.footerlink:active {
  font-family:'Arial';
  font-weight: bold;
  font-size:10px;       
  text-decoration: underline; 
  color: #9685BA;
}

a.llink:link {
  text-decoration:none;
  color:#666;
}

a.llink:visited { 
  text-decoration: none; 
  color: #444;
}

a.llink:hover, a.llink:active {
  text-decoration: underline; 
  color: #111111;
}

a.listing:link {
  font-family:'Arial';
  font-weight:normal;
  font-size:13px;
  text-decoration:underline;
  color:#111111;
}

a.listing:visited { 
  font-family:'Arial';
  font-weight: normal;
  font-size:13px; 
  text-decoration: underline; 
  color: #554466;
}

a.listing:hover, a.listing:active {
  font-family:'Arial';
  font-weight: normal;
  font-size:13px;       
  text-decoration: underline; 
  color: #9685BA;
}

.nice1 {
  font-family:'Arial';
  font-weight:normal;
  font-size:13px;
  color: #111111;
}

/* ###########################################################
Controllers
  #############################################################
  */

html {
  margin:0px;
  padding:0px;
  height:100%;
}

body {
  font-family:'Franklin Gothic Medium';
  font-size:13px;
  background:#e1e1e1 url(./images/background.jpg) repeat top left;
  padding-top:0px;
  margin-top:0px;
  padding-bottom:0px;
  margin-bottom:0px;
  height:100%;
}

div.basecontainer {
  top:0px;
  margin-top:0px;
  padding-top:0px;
  margin-bottom:0px;
  padding-bottom:0px;
  width:834px;
  margin-left:auto;
  margin-right:auto;
  background:white url(./images/maincontback.gif) repeat-y top left;
  min-height:100%;
  /*border-bottom:1px solid #e1e1e1;*/
}

.menu {
  float:left;
  width:110px;
  margin-top:0px;
  margin-left:-8px;
  padding:0px;
  list-style-type:none;
  position:absolute;
}

.menu li {
  padding-left:5px;
  margin-bottom:2px;
}

#content {
  width:750px;
  margin-left:auto;
  margin-right:auto;
  clear:both;
  height:230px;
}

#section-header {
  position:relative;
  left:20px;
  color:#000000;
  text-decoration:underline;
  font-weight:bold;
  font-size:17px;
}

#newslinks {
  position:relative;
  padding-right:4px;
  padding-left:3px;
  left:52px;
  background:#dddddd;
  float:left;
  margin-right:50px;
  height:313px;
}

#newslinks ul {
  padding-left:3px;
}

#newscontent {
  background:transparent url(./images/newscontback.gif) no-repeat 0px 0px;
  float:left;
  margin-left:15px;
  padding-top:5px;
}

#newscontent ul li, #newslinks ul li {
  list-style-type:none;
}

#newscontent ul li span {
  border-bottom:1px solid red;
}

#content ul ul li {
  background:#888888;
  list-style-type:none;
}

#sscontent {
  padding:30px 0px 10px 0px;
  width:700px;
  position:relative;
  border-top:#fff 1px solid;
  margin-left:auto;
  margin-right:auto;
  /*left:15%;
  background:#ccc url(./images/articlehead.gif) no-repeat top left;*/
  background:#fff url(./images/articlehead.gif) no-repeat top left;
}

#sscontent form {
  padding:0px;
  position:relative;
  left:5%;
}

#sscontent h3 {
  margin:10px 25px 10px 25px;
  padding:2px;
  /*border-bottom:#666 2px solid;*/
}

#sscontent h4 {
  margin:0 40px 0 40px;
  /*border-bottom:#999 1px solid;*/
  text-align:right;
}

#sscontent div {
  margin:10px 40px 0 40px;
}

#foot {
  width:700px;
  height:25px;
  position:relative;
  margin-right:auto;
  margin-left:auto;
  /*left:15%;*/
  background:#ccc url(./images/articlefoot.gif) no-repeat top left;
}

#footer {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  clear:both;
  bottom: 0px;
  /*position:absolute;*/
}

#contentm {
  float:left;
  width:180px;
  padding:0.2em;
}

#search {
  text-align:center;
}

#results {
  position:relative;
  width:700px;
  margin-left:auto;
  margin-right:auto;
  /*left:130px;*/
}

.result {
  width:800px;
}

#reshead {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  width:800px;
  background:url(./images/backfill.gif);
  border-top:#44C 1px solid;
}

#resbig {
  font-size:20px;
  font-weight:bold;
}

.floatcenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:732px;
}

.floatcenter a {
  margin-right:3px;
  text-indent:2px;
  width:180px;
  float:left;
}

.folder {
  margin-right:auto;
  margin-left:auto;
  height:1px;
  width:800px;
  border-top:#acacac;
  background:#acacac;
  clear:both;
}

.container1 {
  padding:15px;
  width:600px;
  margin-left:auto;
  margin-right:auto;
  background:#DDD;
  border:#55D 1px solid;
}

/* ####################################################
Assorted
###################################################### */

.important {
  font-weight:bold;
  font-size:16px;
}

.Author {
  font-size:14px;
  font-style:italic;
}

.msg {
  margin-right:auto;
  margin-left:auto;
  width:800px;
  text-align:center;
  font-family:'Arial';
  font-size:12px;
  text-decoration:none;
  color:#444444;
}

.m1l {
  padding:0, 0, 0, 8px;
  background:#FFF url(./images/newsside.gif) no-repeat top right;
}

.m2l {
  background:#FFF url(./images/fiqhside.gif) no-repeat top right;
}

.m3l {
  background:#FFF url(./images/spirside.gif) no-repeat top right;
}

.m4l {
  background:#FFF url(./images/opinside.gif) no-repeat top right;
}

#m1b {
  background-color:#dde3e5;
  line-height:1.2em;
}

.fixedl {

}

.mbot {
  background:#DDDDDD url(./images/mainbot.gif) no-repeat top right;
  height:15px;
}

#c1b {
  background-color:rgb(255, 160, 160);
}

#c2b {
  background-color:rgb(255, 130, 130);
}

#c3b {
  background-color:rgb(255, 100, 100);
}

#c4b {
  background-color:rgb(255, 70, 70);
}

.center {
  text-align:center;
}

.listdiv {
  margin-left:auto;
  margin-right:auto;
  width:800px;
}

.listdiv span {
  padding-right:10px;
}

.alignright {
  text-align:right;
}

#head-2 {
  position:relative;
  background: url(./images/tile2.gif) top left;
  left:-10px;
  top:-10px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  border-bottom:#33E 2px solid;
}

#floatleft {
  display:block;
  position:relative;
  background:#4837a9 url(./images/backfill.GIF);
  float:left;
  width:120px;
}

div#floatleft span {
  width:110px;
  float:left;
  clear:both;
}

.floatleft-2 {
  float:left;
}

.container-2 {
  width:800px;
  margin-left:auto;
  margin-right:auto;
}

.l1 {
  width:120px;
  float:left;
}

.l2 {
  width:350px;
  float:left;
  overflow:hidden;
}

#r1 {
  width:160px;
  float:left;
  text-align:right;
  overflow:hidden;
  height:18px;
  padding-top:2px;
}

#r2 {
  width:110px;
  /*float:right;*/
  text-align:right;
}

span.alleft {
  float:left;
  width:50%;
}

span.alright {
  float:left;
  width:50%;
  text-align:right;
}