/* ====================================================
   Stylesheet Name: arjun_root
   Last Edited: Wed, April 27,2005

   Got bored of black styles.
   Inspired by Ian Chappell's simple white style.
   Used webdevs thumbnail positioning to avoid cross
   browser issues.

   If you borrow  from this CSS, I would appreciate
   you crediting this page. 
   Thanks.

                                -Arjun Roychowdhury
   ==================================================== */

/* --- simple code to hide the menu -- */
/* -- by arjun -- */
body table td 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; }
body div.galleryheader table td a img {display:inline;}
body table#inline_slideshow td a img {display:inline;}

/* ----------------------------------- */

/* To take care of border-box compatibility
   issue b/w IE and FF */
* { 
 -moz-box-sizing: border-box; 
} 


/* --------------------------------------------
    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);
}   


.location
{
  font: 11px Verdana, Tahoma, Helvetica, sans-serif;
  color:rgb(128,128,128);
  font-weight:bold;
}  


.theme
{
  font: 11px Verdana, Tahoma, Helvetica, sans-serif;
  color:rgb(0,64,128);
  font-weight:bold;
}  

.artist
{
  font: 9px Verdana, Tahoma, Helvetica, sans-serif;
  color:rgb(150,150,150);
}  


/* --------------------------------------------
    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 

/* 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 
{ 

     /*border: rgb(216,216,216) 1px solid; */
     border: rgb(255,255,255) 1px solid;   
     margin-bottom: -40px; 
     padding-top: 5px; 
     width: 172px; 
     display: block; 
     height: 197px; 
     -moz-border-radius-bottomright: 10px; 
     -moz-border-radius-topleft: 10px; 


}


a.thumbnail:hover		
{    border: rgb(255,255,255) 1px solid;
     
}


table.thumbnail 
{
        width: 10%;
}

/* My signature */
.thumbnails
{

/*   background-image:url(https://www.pbase.com/image/40468770.jpg
); */
   background-position:62% 100%;
   background-repeat:no-repeat;
   padding-bottom:30px;
}

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

img.thumbnail 
{
/*        border: rgb(255,255,255) 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(255, 255, 255)
        url(https://www.pbase.com/marysa/image/140499176)
         bottom right no-repeat fixed;

}



/* --------------------------------------------
   Comments 
   -------------------------------------------- */
#commentlist .message_body
{
  font-family: verdana, arial, sans-serif;
  color: rgb(85, 85, 85);
  font-size: 11px;
  background: rgb(220,220,220);
  padding-top:10px;
  padding-bottom:10px;
  padding-left:5px;
  padding-right:5px;
  text-align: justify;
}



/* --------------------------------------------
    Heading Styles
   -------------------------------------------- */

h1, h2 
{
        border: rgb(95, 121, 216) 1px;
        border-left: 1px none;
        border-right: 1px none;
        border-top: 1px none;
        margin-bottom: 1em;
        margin-left: -10px;
        margin-right: 0px;
        padding: 5px;
        width: 100%;
        display: block;

        /* for non IE browsers, lets select a good background
           since the gradient filter will not work there */

        background: rgb(202,202, 202);
        color: rgb(85, 85, 85);
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 4px;
        text-align: center;
        height: 30px;
        position: relative;
        /* IE specific */

        filter: progid:DXImageTransform.Microsoft.gradient
                (gradientType=1,enabled='true',startColorstr
                 ='#AFAFAF',endColorstr='#FFFFFF');
}
h3 
{
        color: black;
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 0px;
        text-align: center;
}

h4 
{
        color: rgb(37,37,37);
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0px;
        text-align: center;
}

h5 
{
        padding-left: 2px;
        width: 150px;
        display: block;
        color: rgb(180, 180, 180);
        font-size: 12px;
        font-weight: normal;
}



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


.lid /* full exif table */
{
        background: rgb(200, 200, 200);
        color: rgb(102, 102, 102);
        font: 10px Verdana, Tahoma, Helvetica, sans-serif;
        text-decoration: none;
}
.sb
{
       background: rgb(91, 91, 101);
        color: rgb(180, 180, 180);
        font: 12px Verdana, Tahoma, Helvetica, sans-serif;
        text-decoration: none;
}

.myborder /* if I ever want a special border around my */
          /* special galleries */
{
}

/* For my Welcome box */
.recent_news
{

 background:rgb(240,240,240);
 border: rgb(230,230,250) 1px solid ;
 font: 11px Verdana, Tahoma, Helvetica, sans-serif;
 letter-spacing: 0px;
 position:absolute;
 left:10px;
 width:180px;
 height:215px;
 -moz-border-radius-bottomleft: 10px; 
 -moz-border-radius-topright: 10px; 

 }

.welcome_header /* Header style for welcome */
{
   background:rgb(230,230,230);
   font: 11px Verdana, Tahoma, Helvetica, sans-serif;
   border: rgb(146,146,235) 1px solid ;
   border: rgb(200,200,200) 1px solid ;
   color: rgb(140,140,140);
   -moz-border-radius-topright: 10px; 

}

.recent_header /* rest of the welcome box */
{
  
   font: 11px Verdana, Tahoma, Helvetica, sans-serif;
   font-weight: normal;
   padding-bottom:5px;
   color: rgb(180,180,180);


   
}

.welcome_text /* The text inside the welcome header */
{
  padding-left:5px;
  padding-right:5px; 
  padding-bottom:5px;
  -moz-border-radius-topright: 10px; 
  -moz-border-radius-bottomleft: 10px; 

}
.my_strong /* my idea of emphasis */
{
  text-decoration:underline;
}

.my_quote /* for my quote in the front */
{
font-style:italic;
}

.my_latest
{
color:grey;
}


my_menu {display:none; } 

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

}

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



/* ================================================
   Pricing Display
   ===============================================*/

.my_price
{
        width:400px;
        margin-left:auto;
        margin-right:auto;
}

/*
.techinfo
{display:none;}
*/


/* ===================================================
   Search Box
   ================================================== */

input
{
margin-left:10px;
margin-bottom:2px;
 font: 11px Verdana, Tahoma, Helvetica, sans-serif;
}

textarea
{
x;
 font: 11px Verdana, Tahoma, Helvetica, sans-serif;
}

.submitbutton {
 font: 11px Verdana, Tahoma, Helvetica, sans-serif;
} 

/* ======== google ads ============== */

.googleads
{
position:absolute;
left:30px;
top:800px;
}

#inline_slideshow td { 
    vertical-align: top; 
    text-align: center; 
    align:center;
} 


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


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


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