/* ******************************************************
*	"Created" by Ilan Rosen  			*
*	www.pbase.com/ilanphoto				*
*	Mostly modified and combined 			*
*	from other pages I found on Pbase,		*
*	from questions and answers at the Pbase         * 
*       forum and many hours of trial and error		*
*							*
*	If you like this page feel 			*
*	free to copy it and let me know 		*
*	where is is used so I can take a look		*
*	Have fun					*
*	Ilan						*
*	ilanphoto@lycos.co.uk				*
* ***************************************************** */


/* ********************************************
 *   RHPS with hover thumb background         *
 *   changes colour with mouse over           *
 *   Version 1.0 completed on 22/1/04         *
 * ****************************************** */

marquee
  {
    font-size: 12px;  
    letter-spacing: 2pt;
    color: red;
    font-family: verdana, arial, sans-serif; 
    background-color: none;
  }


/* causes the thumbs to be aligned to the left */
.thumbnails 
  { 
    float: left; 
  } 


p.small
  { 
    clear: both; 
  } 

/* end of thumbs left alignment */

div,body,th,tr,table,li,ul,form,
blockquote,p,b,i,h4,center,a 
  {
    border: 0px;
    color: #F8F8F8 ;
    font: 12px verdana, Tahoma, Helvetica, sans-serif;
    background: none;     
  }

a, a:link,a:visited,a:active
 { 
    color: red; 
    font-weight: bold;
    text-decoration: none; 
  } 

a:hover 
  {
    color: white;
    text-decoration: none;
  }

a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active 
  {
     border: #b0b0b0 1px solid;
     margin-bottom: -45px;
     padding-top: 5px;
     width: 172px;
     display: block;
     background: black;
     height: 200px;
  }

a.thumbnail:hover          
  {
     border: red 1px solid;
     margin-bottom: -45px;
     padding-top: 5px;
     width: 172px;
     display: block;
     background: black;
     height: 200px;
  }

td.thumbnail 
  { 
    height: 220px; 
  } 


body
  {
    margin-bottom: 20px;
    margin-top: 0px;
    background: rgb(65, 65, 65);
    background: black;
/* background pic */
    background-attachment: fixed; 
    background-repeat: repeat-y; /*repeats only the y axis*/
    background-position: right bottom; /*center center;*/
    background-image: url(); 
    color: white;
    font: 16px Verdana, Arial, Helvetica, sans-serif; 
    margin-left: 0.1in; 
    margin-right: 0.1in; 
  }

font 
  {
    margin-left: 4px;
    margin-right: 4px;
    color: #F8F8F8 ;
    font: 11px Verdana, Tahoma, Helvetica, sans-serif;
    letter-spacing: 0px;
  }
h1, h2 
  {
    border: #FF2200 2px solid;
    border-left: 1px none;
    border-right: 1px none;
    border-top: 1px none;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: -20px;
    padding: 20px;
    width: 98%;
    display: block;
    color:  rgb(204, 204,204);
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 4px;
    text-align: right;
    height: 25px;
    position: relative;
  }

h2:first-letter
  {
    color: #FF2211;
    font-style: bold;
    font-size: 24pt;
  }

h3 
  {
    border-bottom: rgb(0, 0, 0) 1px dotted;
    border-left: 1px none;
    border-right: 1px none;
    border-top: 1px none;
    padding: 2px;
    width: 400px;
    display: block;
    background: black;
    color:#CCCCCC;
    font: 10px;
    font-weight: normal;
    letter-spacing: 0px;
    text-align: center;
  }

h5 
  {
    padding-left: 2px;
    width: 150px;
    display: block;
    color: #CCCCCC
    font-size: 11px;
    font-weight: bold;
    background: black;        
  }

img
  {
     border: rgb(0, 0, 0) 1px none;
  }

img.thumbnail 
  {
    border: gray 3px inset;
    margin: 0px;
    padding: 0px;
    background: black;
    vertical-align: middle;
  }

input 
  {
    border: rgb(0, 0, 0) 1px solid;
  }

table.thumbnail 
  {
    width: 10%;
  }

td 
  {
    border: 1px none;
    background: none;
    border-collapse: collapse;
    empty-cells: show;
  }

td.message_body 
  {
    border-left: 1px none;
    border-right: 1px none;
    border-top: 1px none;
    display: block;
    background: none;
    border-bottom: 1px solid #FF6600; 
  } 

.caption 
  {
    color: #ff6600;
    font-size: 12px Verdana, Tahoma, Helvetica, sans-serif;
    font-style: italic;
    text-align: center; 
  }

.display 
  {
    border: #990000 6px outset;
    margin-top: 1em;
    background: rgb(0, 0, 0); 
  }

.message_body 
  {
    margin: 5px 5px 10px;
    color: white;
    font: 11px Verdana, Tahoma, Helvetica, sans-serif;
}

/* sets the left and right alignment				
   the tag p class="right" must be added to the description box
*/


p.right
  {
    margin-right: 30px;
    margin-left:  60px;
    border: 0px;
    text-align: right;
    font-size : 10pt;  
    direction : rtl;
  }

p 
  { 
    text-align: left;
    margin-right: 60px;
    margin-left:  30px;
    direction : ltr;

  }

BODY { margin-top: 0px; top: 0px; }
HR { position : relative;}


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