/* 
:::::::::::::::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: left;
background-color:  #404040;
color:  white;
font-family: Tahoma;
font-weight:bold;
font-size: 12px;
}
 
 table{
margin-top: -27px;
margin-bottom: 27px;
} 

td,font {
font-family: Tahoma;
font-size: 12px;
color:  white;
}
 
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:  #d7d7d7; 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:  #363636; 
  color:  #d7d7d7;
}
 
h2:first-letter
{
  color:  #707070; 
  font-style: normal; 
  font-size:  16pt; 
}
 
 
h3 {  
background-color: none; 
border: 0px  #d7d7d7 solid; 
font-size: 11px;  
width: 250px; 
margin-bottom: 0px; 
margin-top: 0px;
font-weight: bold;
}

h4 {  
background-color: none; 
border: 0px  #d7d7d7 solid; 
font-size: 9px;  
margin-bottom: 0px; 
margin-top: 0px;
}
 
a:link   {font: italic normal bold; color:  white;}
a:hover	 {font: italic normal bold;  color:  white;}
A:visited{font: italic normal bold; color:  white; } 
A:active {font: italic normal bold; color :  white; }
 
a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active {
        border: 2px solid #363636;
        margin-bottom: -40px;
        padding-top: 5px;
        width: 172px;
        display: block;
        background: #363636;
        height: 200px;
	-moz-border-radius-bottomright: 10px; 
	-moz-border-radius-topleft: 10px; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color="#232323",Direction=135,Strength=5); 
}

a.thumbnail:hover {
        border: 2px solid #505050;
        border-bottom:2px solid #d7d7d7;
        background: #363636;
}

td.thumbnail 
{ 
   height: 150px; 
} 
.display
{
margin: 10px; padding: 10px
background-color:  #d7d7d7;
border: 0px solid  #363636;
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; }