/* 
:::::::::::::::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 */
TABLE { 
BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: -27px; MARGIN-BOTTOM: 7px; 
} 
/* end of code for removing banner */
 
BODY
{
text-align: center;
background-color:  #333333;
color:  #FFCC66;
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 0px;
}
 
td,font {
font-family: Tahoma, Helvetica, Arial, Verdana;
font-size: 12px;
color:  silver;
}
 
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:  #C5E4F9; 

text-transform: capitalize}

h2 
{
  font-family: Tahoma, Arial, Helvetica; 
  margin-top: 5px;
  font-size:         18pt; 
  font-weight:      bold; 
  text-align:       center; 
  letter-spacing:     6px; 
  padding-top:       5px; 
  padding-bottom:   5px; 
  background-color:  #333333; 
  color:  silver;
}
  
h3 {  
background-color: #333333; 
border: 0px  black solid; 
font-size: 12px;  
width: 250px; 
margin-bottom: 0px; 
margin-top: 0px;
font-weight: bold;
}
 
h6 {  
font-family: Tahoma, Arial, Helvetica;
background-color: #333333; 
border: 0px  black solid; 
font-size: 13px;  
margin-bottom: 10px; 
margin-top: 10px;
font-weight: bold;
}

a:link {
     font-weight: bold; 
     color:  #FFCC66;}
a:hover	{
     font-weight: bold; 
     color:  #FFCC66; 
     text-decoration: underline
}
 
A:visited { color:  #FFCC66; } 
A:active { color :  #FFCC66; }
 
td.thumbnail a, td.thumbnail a:link, td.thumbnail a:visited, td.thumbnail a:active {
     display: block;
     margin-top: 0px;
     margin-bottom: -10px;
     padding: 3px;
     vertical-align: middle;
     width: 170px; 
     border: 1px solid  silver; 
     }
 
td.thumbnail a:hover {
     display: block;
     margin-top: 0px;
     margin-bottom: -10px;
     padding: 3px;
     vertical-align: middle;
     width: 170px; 
     border: 1px solid  #FFCC66; 
     }

.thumbnail
{
border-color: rgb(33,33,33);
Border-width: 3px;
}
 
.display
{
margin: 10px; padding: 10px;
background-color:  rgb(33,33,33);
border: 2px solid  silver;
font-weight: bold;
}
 
.galleryheader{
  margin: 0px auto;
  padding: 5px;
  font-size: 12pt;
  text-align:center;
  font-weight: normal;
  color:  silver;
}

.title {
	font-size: 14pt;
	font-weight: normal;
	text-align: center;
        color : silver;}

.location{
	font-size: 12pt;
	text-align: center;}

.techinfo {
	font-size: 10pt;
        padding-top: 20px;}
.camera {
	font-weight: normal;
        font-size: 12pt;
        font-style: normal;}

#linkedsubgalleries .current {
	font-weight: normal;
        text-decoration: underline
}
#linkedsubgalleries .other{
	font-style: italic;
        font-weight: normal;
        color:  #333333;
}

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


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

#inline_slideshow td {
border-style : solid;
border-width : 1px;
border-color :  white;
vertical-align: top;
text-align: right;
}

#inline_slideshow {
border-style : solid;
border-width : 60pt;
border-color :  #202020;
vertical-align: top;
height: 650px;
max-height: 650px;
width: 433px;
}

#inline_slideshow td img
{
  margin:0px;
  padding:0px;
  border:0px;
  vertical-align:top;
} 







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