/* ====================================================
   Stylesheet Name: arjun
   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
   ==================================================== */

body table tbody tr td 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  img {display:inline;}

/* --------------------------------------------
    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 
{ 
	 background: rgb(35,35,35);
     border: rgb(0,0,0) 1px solid;
     margin-bottom: -50px; 
     padding-top: 5px; 
     width: 182px; 
     display: block; 
     height: 197px; 
     


}


a.thumbnail:hover		
{    border: #d5ae83 1px solid;
     
}


table.thumbnail 
{
        width: 10%;
}


BODY
{
  color: white;
  background-color: #333333;
  font-size: 7pt;
}

.message_body { background-color: #333333;
  color: #d5ae83; padding-bottom:    10px; }

div,th,tr,table,li,ul,form,
blockquote,p,b,i,h4,h5,center,title { border: 0px; color: rgb(121, 121, 131); font: 12px Verdana, Tahoma, Helvetica, sans-serif; }
font { margin-left: 4px; margin-right: 4px; width: 170px; display: block; color: rgb(121, 121, 131); font: 9px Verdana, Tahoma, Helvetica, sans-serif; letter-spacing: 0px; }

{
  font-family: verdana, arial, sans-serif; 
  font-size: 10pt;
  color: white;
} 

font
{ 
  color: #AAAAAA;   letter-spacing: 2px; font-size: 8pt;
}

h2 
{
  font-size:         12pt; 
  font-weight:      normal;
  text-align:       right; 
  letter-spacing:     8px; 
  padding-top:       15px;
  padding-bottom:    15px; 
  margin-left:       2px;
  margin-right:      2px; 
  background-color: black;
  color:  white;
}

h2:first-letter
{
  color:      #d5ae83;
  font-style: bold;
  font-size:  22pt;
}


h4 
{
  color: #44dd44; 
  font-size: 11pt;
} 

I
{
  color: #888888; 
 }


TEXTAREA 
{
  background-color: #EEEEEE; 
  font-family: times new roman;
  color: black; 
  scrollbar-base-color: gray;
  scrollbar-3dlight-color: black; 
  scrollbar-highlight-color: none;
 } 

A, TD.A, A:link 
{
  color:           #e3a968;
  text-decoration: none;
}
A:hover  { color: #996d3c; text-decoration: underline; }
A:visited { color: #FFCC66; } 
A:active { color : #e3a968; }

.caption
{ 
font-size : 9pt;
color : #bbbbbb; 
font-style : italic;
} 

TD 
{
background-color: none; 
}
/*
TD.thumbnail
{ 
HEIGHT: 197px;
MARGIN-BOTTOM: -45px;
FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
border: rgb(0,0,0) 1px solid;
background-color: rgb(35,35,35);
padding-top: 5px; 
vertical-align: middle;
horizontal-align: middle;
width: 172px;

}

TD.thumbnail:hover {
	
	border: #d5ae83 1px solid ;
	background-color: rgb(35, 35, 35);
	padding: 5px; 
	vertical-align: middle;
	horizontal-align: middle;
	width: 170px;
	/* BORDER-RIGHT: #d5ae83 1px solid;
	BORDER-TOP: #d5ae83 1px solid;
	BORDER-LEFT: #d5ae83 1px solid;
	BORDER-BOTTOM: #d5ae83 1px solid; */
	
}

.thumbnail { border-color: black; border-width: 1px; }

.display
{
border: 3px RIDGE #999999;
background-color: black;
}

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; }