/* 
:::::::::::::::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.
*/
 
BODY
{
text-align: centre;
background-color:  232323 ;
color:  #666666;
font-family: Tahoma;
font-weight:bold;
font-size: 13px;
}
 
td,font {
font-family: Tahoma;
font-size: 12px;
color:  #666666;
}
 
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:  #FFFFFF; text-transform: capitalize}
 
h2 
{
  margin: 10,200,10,200;
  font-size:         20pt; 
  font-weight:      normal; 
  text-align:       Center; 
  letter-spacing:     10px; 
  padding-top:       10px; 
  padding-bottom:   10px; 
  padding-left:   10px; 
  padding-right:   10px; 
  background-color:  #666666; 
  color:  #FFFFFF;
}
 
h2:first-letter
{
  color:  #000000; 
  font-style: oblique; 
  font-size:  25pt; 
}
 
 
h3 {  
background-color: none; 
border: 0px   #FFFFFF solid; 
font-size: 11px;  
width: 250px; 
margin-bottom: 0px; 
margin-top: 0px;
font-weight: bold;
}
 
a:link {
     font: bold; 
     color:  #666666}
a:hover	{
     font: bold; 
     color:  #666666; 
     text-decoration: underline
}
 
A:visited { color:  #666666; } 
A:active { color :  #666666; }
 
td.thumbnail a, td.thumbnail a:link, td.thumbnail a:visited, td.thumbnail a:active {
     display: block;
     margin-top: 0px;
     padding: 10px;
     vertical-align: middle;
     horizontal-align: middle;
     width: 170px; 
     border: 5px solid   #666666; 
     filter: Alpha(Opacity=90)}
 
td.thumbnail a:hover {
     display: block;
     margin-top: 0px;
     padding: 10px;
     vertical-align: middle;
     horizontal-align: middle;
     width: 170px; 
     border: 5px solid   #CCCCCC; 
     filter: Alpha(Opacity=100)}
 
.display
{
margin: 5px; padding: 5px
background-color:  #FFFFFF;
border: 0px solid   #666666;
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; }



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