/* ====================================================
   Style sheet for my FAQ page
                                -Arjun Roychowdhury
   ==================================================== */

/* --- simple code to hide the menu -- */
body table a img { display:none;} 
.thumbnails table img {display:none;}
table img {display:block;}
.display,.display img {display:block;}
.thumbnails table,.thumbnails table img, .display,p.small{ 
display: inline; 
} 
/* ----------------------------------- */


/* --------------------------------------------
    General Styles
   -------------------------------------------- */

/* This is what I call the 'mothership' style changer.
  It effectively nullifies any styles default pbase
  may use. Subsequent styles then refine each parameter */


div,th,tr,table,li,ul,form,
blockquote,p,b,i,h4,h5,center,title
{
        border: 0px;
        color: rgb(140,140,140);
        font: 11px verdana, arial, sans-serif;

}

font 
{
        display: block;
        font: 11px Verdana, Tahoma, Helvetica, sans-serif;
        letter-spacing: 0px;
      
}

a, a:link,a:visited,a:active 
{
        color: rgb(26, 26, 26);
        text-decoration: none;

}
a:hover 
{
        color: rgb(215, 215, 215);
        text-decoration: none;
}

/* my own definition of emphasis */
strong
{
 font-weight:normal;  
 text-decoration:underline;
 color: rgb(175,175,175);
}   

/* --------------------------------------------
    Thumbnail Styles
   -------------------------------------------- */
/* I do not want my root gallery thumbnail text to show */
/* If you are copying my sheet, you may want to disable this */
.thumbnail b {display:none;}

/* This is to ensure that long texts in thumbnails are 
   wrapped around. Different browsers do it differently */
td.thumbnail font
{
        white-space: -moz-pre-wrap; /* Mozilla*/
        white-space: -pre-wrap; /* Opera 4 - 6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        white-space: pre-wrap; /* CSS3  */
        word-wrap: break-word; /* IE 5.5+ */
}


td.thumbnail 
{ 
        padding: 2px; height: 207px;
        /* dont forget to add width here else text wrapping
         in mozilla will not work - since this is the parent
         class */
        width: 172px;
      
}

a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active 
{ 


}




table.thumbnail 
{
        width: 10%;
}




/* --------------------------------------------
    Image Styles
   -------------------------------------------- */
img
{
        border: rgb(247, 247, 247) 1px none;
} 

img.thumbnail 
{
        border: rgb(247,247,247) 1px solid;
        /* margin: 0px;
        padding: 0px;*/
        background: rgb(175, 175, 175);
        vertical-align: middle;
        display:block;
}

/* --------------------------------------------
    The main 'Body'
   -------------------------------------------- */

body
{
padding-bottom: 10px; 
margin-bottom: 20px; 
margin-top: 20px;
background: rgb(247,247,247)
           url(https://www.pbase.com/image/31582928/original.jpg)
           bottom right no-repeat fixed;


background: rgb(255, 255, 255)
        url(https://www.pbase.com/image/31582928/original.jpg)
         bottom right no-repeat fixed;

}



/* --------------------------------------------
   Comments 
   -------------------------------------------- */

td.message_body 
{
        border-bottom: rgb(0, 0, 0) 1px;
        border-left: 1px none;
        border-right: 1px none;
        border-top: 1px none;
        display: block;
}


td.message_body p 
{ 
  padding-top:15px;
  padding-bottom:15px;
  padding-left:15px;
  background: rgb(220,220,220);
}


.message_body 
{
        margin: 5px 5px 10px;
        color: rgb(85, 85, 85);
        font: 10px Verdana, Tahoma, Helvetica, sans-serif;
        text-align: justify;
}




/* --------------------------------------------
    Other Misc. Styles
   -------------------------------------------- */
.display /* border around image in image page */
{
        border: rgb(235, 235, 235) 1px solid;
        margin-top: 1em;
        background: rgb(0, 0, 0);
}

.faq_header
{
        color: rgb(130,130,130);
        font: 11px verdana, arial, sans-serif;
        font-weight:bold;
        padding-left:20px;
        padding-bottom:5px;
        padding-top:5px;

}

.faq_body
{
        color: rgb(135,135,135);
        font: 11px verdana, arial, sans-serif;
        padding-left:40px;
        padding-bottom:10px;
        

}
.faq_section
{
        color: rgb(0,64,128);
        font: 11px verdana, arial, sans-serif;
        font-weight:bold;
        padding-left:10px;
        padding-top:5px;
        padding-bottom:5px;
        border-bottom: 1px dotted rgb(170,170,170);
}


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }