/* 
:::::::::::::::StyleSheet Information :::::::::::::::
:: Stlyesheet name: Karthik1                       ::
:: Modified from Webdev                            ::
:: License Terms : Attribution-ShareAlike 1.0      ::
:: https://creativecommons.org/licenses/by-sa/1.0/  ::
:: contact email: calvin_hopes@yahoo.com           ::      
:::::::::::::::::::::::::::::::::::::::::::::::::::::
 
Variables:
1. You can change the background-image by changing the url in the below body paragraph. 
2. You can delete the background image by deleting the three lines that say background. 
3. You can change the opacity of the thumbnails by changing the percentage in filter: Alpha(Opacity=100) line
   There are two such lines in the code, one is when there is no mouse over the thumbnail and the other is when you 
   hover the mouse over the thumbnail.
*/
 
/* Add this part only if you want to remove the top pbase banner */
body table td a img{
     display:none
}
td.thumbnails table,.thumbnails table img, .display,p.small{
     display:inline
}
/* end of code for removing banner */
 
BODY
{
text-align: left;
background-color:  #e0e0e0;
color:  #10609B;
font-family: Tahoma;
font-weight:bold;
font-size: 12px;
background-attachment: fixed;
background-image: url(https://www.pbase.com/tcote/image/87898131/original.jpg);
background-repeat: no-repeat;
background-position: left center;
}
 
td,font {
font-family: Tahoma;
font-size: 12px;
color:  #10609B;
}
 
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:  #C5E4F9; text-transform: capitalize}
 
h2 
{
  margin: 5,5,5,5;
  font-size:         14pt; 
  font-weight:      normal; 
  text-align:       right; 
  letter-spacing:     12px; 
  padding-top:       5px; 
  padding-bottom:   5px; 
  background-color:  #10609B; 
  color:  #C5E4F9;
}
 
h2:first-letter
{
  color:  #e0e0e0; 
  font-style: normal; 
  font-size:  16pt; 
}
 
 
h3 {  
background-color: none; 
border: 0px  #C5E4F9 solid; 
font-size: 11px;  
width: 250px; 
margin-bottom: 0px; 
margin-top: 0px;
font-weight: bold;
}
 
a:link {
     font: bold; 
     color:  #10609B}
a:hover	{
     font: bold; 
     color:  #10609B; 
     text-decoration: underline
}
 
A:visited { color:  #10609B; } 
A:active { color :  #10609B; }
 
td.thumbnail a, td.thumbnail a:link, td.thumbnail a:visited, td.thumbnail a:active {
     display: block;
     margin-top: 0px;
     padding: 5px;
     vertical-align: middle;
     horizontal-align: middle;
     width: 170px; 
     border: 1px solid  silver; 
     filter: Alpha(Opacity=100)}
 
td.thumbnail a:hover {
     display: block;
     margin-top: 0px;
     padding: 5px;
     vertical-align: middle;
     horizontal-align: middle;
     width: 170px; 
     border: 1px solid  #10609B; 
     filter: Alpha(Opacity=100)}
 
.display
{
margin: 10px; padding: 10px
background-color:  #C5E4F9;
border: 0px solid  #10609B;
font-weight: bold;
}
 
.galleryheader{
  margin: 0px auto;
  width:700px; 
  text-align:center;
}
 
#descheader {
  margin:0px auto;
  margin-bottom: 5px;
}
 
#desctoggle {
 text-align:center;
 margin:0px auto;
 font-weight:bold;
}
 
#descinside {
 text-align:justify;
 margin:0px auto;
 font-weight:normal;
}
 
/* IE doesn't understand margin:auto */
body{
 text-align:center;
} 
 
/* negate effect of body center above */
#localmenu {
 text-align:left;
}
 
/* negate effect of body center above */
.gallery_comments {
 clear:both;
 text-align:left;
} 
 
/* negate effect of body center above*/
.comment_section {
 clear:both;
 text-align:left;
}



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