*/ CSS Style sheet for Photoburner's root page
      Version 0.9
      Date: 12-27-2006

    Considerable copying from Arjun Roychowdhury CSS was done

/*

/* 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: #FFE318;
        font: 12px Tahoma, Verdana, arial, sans-serif;

}

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

}

a, a:link,a:visited,a:active 
{
        color: #FF9718;
        text-decoration: none;

}
a:hover 
{
        color: #FF6600;
        text-decoration: none;
}


.location
{
  font: 11px Tahoma, Verdana, Helvetica, sans-serif;
  color: #FFE318;
  font-weight:bold;
}  


.theme
{
  font: 11px Tahoma, Verdana, Helvetica, sans-serif;
  color: #FFE318;
  font-weight:bold;
}  

.artist
{
  font: 11px Tahoma, Verdana, Helvetica, sans-serif;
  color: getvar color29>;
}  

/* --------------------------------------------
    Thumbnail Styles
   -------------------------------------------- */
/* 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:  #A0A0A0 1px solid;   
     margin-bottom: -65px; 
     padding-top: 5px; 
     width: 172px; 
     display: block; 
     height: 215px; 
     -moz-border-radius-bottomright: 10px; 
     -moz-border-radius-topleft: 10px; 
 
 
}
 
 
a.thumbnail:hover		
{    border:  #66CCFF 1px solid;
     
}
 
 
table.thumbnail 
{
        width: 10%;
}
 
 
/* --------------------------------------------
    Image Styles
   -------------------------------------------- */
img
{
       border:  #A0A0A0 1px none;
} 
 
img.thumbnail 
{
        vertical-align: middle;
        display:block;
}
 
/* --------------------------------------------
    The main 'Body'
   -------------------------------------------- */
 
body
{
padding-bottom: 20px; 
margin-bottom: 20px; 
margin-top: 20px;
background-image: 
  url(https://upload.pbase.com/image/72551320.jpg);
  background-repeat: repeat
 
}
 
 
 
/* --------------------------------------------
   Comments 
   -------------------------------------------- */
#commentlist .message_body
{
  font-family: Tahoma, Verdana, arial, sans-serif;
  color:  #FFE318;
  font-size: 13px;
  background-image: 
   url(https://upload.pbase.com/image/72552362.jpg);
   background-repeat: repeat
  padding-top:10px;
  padding-bottom:10px;
  padding-left:5px;
  padding-right:5px;
  text-align: justify;
}
 
 
 
/* --------------------------------------------
    Heading Styles
   -------------------------------------------- */
 
h1, h2 
{
        border:  #B16200 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-image: 
url(https://upload.pbase.com/image/72552785.jpg);
background-repeat: repeat
        color:  #FFE318;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 4px;
        text-align: right;
        height: 31px;
        position: relative;
        /* IE specific */
 
        filter: progid:DXImageTransform.Microsoft.gradient
                (gradientType=1,enabled='true',startColorstr
                 ='#AAAAAA',endColorstr='#DDDDDD');
}
h3 
{
        color:  #FF6600;
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 0px;
        text-align: center;
}
 
h4 
{
        color:  #FFE318;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0px;
        text-align: center;
}
 
h5 
{
        padding-left: 2px;
        width: 150px;
        display: block;
        color:  #FFE318;
        font-size: 12px;
        font-weight: normal;
}
 h6 
{
        font-family: Tahoma, Verdana, arial, sans-serif;       
        color:  #FFE318;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0px;
        text-align: center;
}

 
 
/* --------------------------------------------
    Other Misc. Styles
   -------------------------------------------- */
.display /* border around image in image page */
{
        border:  #A0A0A0 1px solid;
        margin-top: 1em;
        background:  #A0A0A0;
}
 
 
.lid /* full exif table */
{
        background:  #404040;
        color:  #FF8C00;
        font: 12px Tahoma, Verdana, Helvetica, sans-serif;
        text-decoration: none;
}
.sb
{
       background:  #404040;
        color:  #FFE318;
        font: 12px Tahoma, Verdana, Helvetica, sans-serif;
        text-decoration: none;
}
 
/* ====================================================
   Stylesheet Name: Photoburner_root
   Last Edited: 12-27-2006
*/



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