/*   
   Theme Name: True Islam
   Theme URI: http://trueislam.org.uk
   Description: The theme for the trueislam.org.uk site.
   Author: Noufal Ibrahim
   Author URI: http://nibrahim.net.in
   Version: 0.1
   .
   General comments/License Statement if any.
   .
   */

/* 33x61 - curve dimensions */
/* Lines color : a8a898 */
/* Overall page settings - Start*/

body {
       padding:0px;
       margin:0px;
       background-image:url("images/body-bg1.png");
       font-size: 10pt;
       background-attachment: fixed;
       }

#page { 
        width: 800px;
        margin: 0px auto;
        border-top: 2px solid black;
        border-right: 2px solid black;
        border-left: 2px solid black;
        padding: 0px;
        background-color: #FFFFE6;
        }
a { 
    color: #999;
    text-decoration: none;
    }


a:hover { 
          color: #bbb;
          }



/* Overall page settings - End*/

/* Header - Start */
#header { 
          margin: 0px;
          padding:0px;
          }

#headerimg { 
             height: 256px;
             background-image: url("images/logo.png");
             background-position: center;
             background-repeat: no-repeat;
             }

h1 {
     font-family: 'Times New Roman';
     font-variant: small-caps;
     font-size: 50pt;
     font-weight: normal;
     letter-spacing: 5pt;
     background-position: 5% 5%;
     background-repeat: no-repeat;
     padding-bottom: 5px;
     border-top: 1px dotted #999;
     border-bottom: 1px dotted #999;
     text-align: center;
     display: none;
     }


hr {
     display: none;
     }

/* Header - End */


/* Main post area - Start */

/* #affiliates {  */
/*               float:left; */
/*               clear: none; */
/*               position: fixed; */
/*  } */

.narrowcolumn {
                width: 500px;
                font-family: 'Sans';
                padding-right: 50px;
                float: left;
                border-right: 1px dotted #aaa;
                }


div#content h2 { 
                 font-family: 'Times New Roman';
                 font-variant: small-caps;
                 font-size: 20pt;
                 text-indent: 12pt;
                 color: #082c2f;
                 margin-bottom:0px;
                 border-bottom: 1px solid #aaa;
                 }

div#content h2.pagetitle { 
                           text-align:center;
                           font-size: 20pt;
                           color: #555;
                           border-bottom: 2px solid #555;
                           }

div#content h3 { 
                 font-family: 'Times New Roman';
                 font-variant: small-caps;
                 font-size: 25pt;
                 text-indent: 15px;
                 float: left;
                 color: #999;
                 padding:12px 0px 0px;
                 }


div.date { 
           color:#082c2f;
           text-indent: 12pt;
           float: left;
           display:inline;
           font-size: 8pt;
           font-variant: small-caps;
           font-style: italic;
           margin-bottom: 5pt;
           }

div.post { 
           font-size: 10pt;
           padding-bottom: 25pt;
           padding-top: 25pt;
           margin: 10pt auto;
           /*            border-top: 2px solid black; */
           /*            border-bottom: 2px solid black;            */
           background-image: url("images/separator.png");
           background-repeat:no-repeat;
           background-position: center bottom;
           }

div.entry { 
            clear: left;
            padding-left: 5pt;
            }


h2 a { 
       text-decoration: none;
       padding-right: 5px;;
       margin: 0;
       margin: 0;
       color: #0d484c;
       }

h2 a:hover { 
             color: #aaa;
             }

.postmetadata { 
                border-top: 1px dotted #999;
                border-bottom: 1px dotted #999;
                text-align:right;
                font-size: 10pt;
                font-variant: normal;
                font-weight: normal;
                }

/* Main post area - End */


/* Sidebar - Start */
#navigation ul.children { 
                          padding-left: 2em;
                          border-width: 0;
                          background-color: #F7F7DF;
 }


#navigation
{
  font-size: 8pt;
  padding: 10pt 0 0 0;
  margin-left: 600px;
  width: 180px;

  }

#navigation p { 
                text-indent: 10pt;
 }

#navigation ul { 
                 list-style: none;
                 margin: 0px;
                 border-top: 2px solid #D1D1A8;
                 border-bottom: 2px solid #D1D1A8;
                 padding: 0px;
                 }


#navigation h2 { 
                 background-color: #EBEBC0;
                 font-size: 10pt;
                 border: 2px solid #a3a383;
                 text-transform: uppercase;
                 margin-top: 12pt;
                 margin-bottom: 0px;
                 text-align: center;
                 }

#navigation ul li { 
                    padding:0px;
                    margin:1px 0px 1px 0px;
                    border-bottom: 1px solid #EBEBD3;
                 }


div.columns li { 
                 margin: 0px;
                 padding: 0px;
                 list-style: none;
 }

/* #navigation  div.columnmiddle {  */
/*                                 margin-top: 5px 0px 5px 0px; */
/*                                 padding-right:5px; */
/*                                 padding-left:5px; */
/*                                 } */

/* #navigation div.columnmiddle li {  */
/*                                   list-style:none; */
/*  } */

/* #navigation  div.columnright {  */
/*                                margin-top: 5px 0px 5px 0px; */
/*                                margin-right: 8px; */
/*                                padding-left:5px; */
/*                                } */

.columns a { 
             background-color: #F7F7DF;
             margin: 0px 0px;
             display:block;
             padding: 0px;
             text-decoration: none;
             color: #333;
             text-indent: 5pt;
             }

.columns a:hover { 
                   background-color: #EBEBD3;
                   color: #555;
                   }

.columns img { 
               border-width: 0px;
 }


.sitesearch {
              padding-right: 8pt;
              padding-top: 10px;
              }

.sitesearch input {
                    font-size: 8pt;
                    border: 3px double black;
                    }

.sitesearch input[type="text"] {
                                 margin-bottom: 2pt;
                                 font-size: 8pt;
                               }

#commentform { 
               margin-left: 10%;
 }
form input {
             background-color: #ffffe5;
             border: 1px solid black;
             background-image: url("images/comment-bg.png");
 }

#s,#comment {
              background-image: url("images/comment-bg.png");
              background-color: #ffffe5;
              border: 1px solid black;
     }



/* Sidebar - End */

/* Rotational navigator - Start */
.prevnext { 
            text-align: center;
            font: "sans";
            text-transform: uppercase;
            font-size: 8pt;

            }

.prevnext a { 
              border-bottom: 2px solid #a3a383;
              border-top: 2px solid #a3a383;
              text-decoration :none;
              padding: 1px 5pt;
              color: black;
              }

.prevnext a:hover { 
                    background-color: #FFFFa5;
                    }


.vsplit { 
          border-left: 1px solid #a3a383;
          }
/* Rotational navigator - End */


/* Comments - Start */
ol.commentlist li { 
                    border-top: 1px dotted black;
                    border-bottom: 1px dotted black;
                    margin-right: 10%;
                    margin-top: 2%;
                    margin-bottom: 2%;
 }


/* Comments - End */





/* Footer - Start */

#footer {
          font-size: 10pt;
          background: #ddd;
          border-top: 3px double black;
          border-bottom: 3px double black;
          padding: 0;
          width: 800px;
          clear: both;
          }

#footer {

          }

#footer p {
            margin: 0;
            padding: 20px 0;
            text-align: center;
            }

/* Footer - End */

/* Advertisements - Start */
div#advertisement { 
                     text-align: center;
                    border-bottom: 1px dotted #aaa;
                    padding: 2pt;
 }

#advertisement img { 
                     border: 1px solid black;

                     }

#advertisement span { 
                      font-size: 5pt;
                      text-transform: uppercase;

 }

#advertisement a { 
                   text-decoration: underline;
                   color: #082e31;
                   font-size: 12pt;
                   padding: 1px;
                   }

#advertisement a:hover { 
                         color: #1b9ca6;
                         
 }

/* Advertisements - End */