/* 
Windsurfing South Africa - stylesheet
======================================
CSS Credits :
Thanks to Flemming Bo Jensen Photography 
https://www.pbase.com/flemmingbo
this stylesheet has been tested in ie, firefox and safari and validated with the w3c.org css validator.
you are welcome to use it if you like it but i would like to be credited.
Thanks to Arjun - https://www.pbase.com/arjunrc - for the code below to hide the menu.
*/
/* --- simple code to hide the menu -- */
/* -- by arjun -- https://www.pbase.com/arjunrc*/
body table td a 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 a img {display:inline;}




BODY
{
  font-family: Verdana, Tahoma, Helvetica;
  background : white;
  color: rgb(100, 100, 100);
  font-size: 8pt;
  text-align: center;
}

DIV,TH,TR,TABLE,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5, CENTER
{
  font-family: Verdana, Tahoma, Helvetica;
  font-size: 8pt; 
  font-weight: normal;
  color: rgb(100, 100, 100);
}

font
{ 
  font-family: Verdana, Tahoma, Helvetica;  
  color: rgb(100, 100, 100);
  font-size: 8pt;
}

/* Gallery title */
h2
{ 
  border-top:0px;
  font-size: 22px;
  letter-spacing: -0.7px;
  font-weight: normal; 
  text-align: left;
  padding-top: 15px;
  padding-bottom: 10px; 
  margin-left: auto;
  margin-right: auto; 
  background-color: white;
  color: rgb(100,100,100);
  width:750px;
  font-variant: normal;
  padding-top:50px;
  margin-top:20px;
  background: url(https://www.pbase.com/image/111049425/original.jpg) no-repeat;
}

A, TD.A, A:link, A:visited, A:active
{
  color: rgb(100,100,100);
  text-decoration: none;
}

A:hover
{ 
  color: rgb(95, 48, 21);
  text-decoration: underline; 
}

TD.thumbnail 
{
  vertical-align : middle;
  background : rgb(250,249,248);
  text-align: center; 
  border-left: rgb(225,225,225) 1px solid;
  border-top: rgb(225,225,225) 1px solid;
  border-right: rgb(205,205,205) 1px solid;
  border-bottom: rgb(205,205,205) 1px solid;
  width: 160px;
  max-width: 160px;
}

TD.thumbnail font
{
  color: rgb(100,100,100);
  font-size:8pt;
}

img.thumbnail
{
  margin-bottom: 6px;
}

IMG.display 
{
  border: 1px solid rgb(212,205,202);
  vertical-align:top;
} 

.image td a 
{
  display: block; 
  border: 28px solid rgb(54,50,47);
} 

.image table
{
  margin-top:15px
}

.galleryheader
{
  text-align: center;
}

.sp {
        font-size:20pt;
        font-weight : bold;
        color : #ffffff;
        background-color : #505050;
}
.ma {
        font-size:14pt;
        font-weight : bold;
        color : #ffffff;
        background-color : #505050;
}

.sb 
{
        font-size: 7pt;
        font-weight : normal;
        color : #808080;
        background-color : white;
        border: 0;
}

.lid, .lil
{ 
  font-size: 7pt;
  color : #808080; 
  background-color : white; 
  border-top: 0px;
}

.mi {
        font-size:10pt;
        color : #ffffff;
        background-color : #505050;
}
.co {
        color : #ffffff;
        background-color : #505050;
}
.me {
	text-align : left;
	color : #000000;
	background-color : #ffffff;
}
.wb { 
        font-size: 10pt; 
        color: #000000; 
        background-color: #FFFFFF; 
        font-weight: normal
}

#commentlist .from, #commentlist .date, #commentlist .commands, #commentlist A
{
  color: rgb(120,120,120);
  background-color: white;
  font-weight: normal;
  font-size: 7pt;
  padding: 1px;
}                                                                                

#commentlist
{
  width:506px;
  margin-top: 10px;
  margin-left:auto;
  margin-right:auto;
}

.comment_section
{
  margin-top:30px;
  width:506px;
  margin-left:auto;
  margin-right:auto;
  border-top: rgb(235,235,235) 1px dotted; 
} 

#commentlist table.comment
{
  width:100%;
}

#commentlist .date
{
  color: rgb(150, 150, 150);
  font-size: 6pt;
  display:block;
}


#commentlist .message_body 
{
  color: rgb(150, 150, 150);
  background-color: white;
  font-size: 7pt;
  border-bottom: rgb(230, 230, 230) 1px dotted;
  padding: 1px;
}

#inline_slideshow
{ 
  border-style : double;
  border-width : 4px;
  border-color : #aaaaaa;

}

#linkedsubgalleries
{
  font-size: 7pt;
  font-style: normal;
  text-align:left;
  width:750px;
  margin-right:auto;
  margin-left:auto; 
}

#linkedsubgalleries .other a
{
  font-style: normal;
}

#linkedsubgalleries .current
{
  font-weight:normal;
}


.othersizes 
{
  font-size: 8pt;
  color: #808080;
}
.copyright {
	font-size: 7pt;
	font-weight: bold;
}
#othersizes
{
  position:relative;
  top:60px;
  width: 500px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}

#othersizes a
{
  color: rgb(100,100,100);
}

.camera, .exif
{
  font-size: 7pt;
  font-style: normal;
  color: #808080;
}

#techinfo
{
  position:relative;
  top:64px;
  color: rgb(100,100,100);
  width: 500px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}

#techinfo a
{
  color: rgb(100,100,100);
}



.date 
{
  font-size: 6pt;
  font-weight: normal;
  color:white;
}

.artist
{ display:none;
  position:relative;
  top:-50px;
  left:-35px;
  font-size: 8pt;
  font-weight: normal;
  color:rgb(210,210,210);
}




h3.title
{
  background: url(https://www.pbase.com/image/111049515/original.jpg) no-repeat;
}


.title
{
  font-weight: normal;
  font-size: 20px;
  letter-spacing: -1px;
  margin-top:2px;
  margin-bottom:0px;
  font-variant:normal;
  width: 500px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  padding-top:24px;
_padding-top:12px;
}


.location
{
  font-size: 10pt;
  font-weight: bold;
  letter-spacing: 0px;
  color : #606060;
  width: 500px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:30px;
}

H3 .location
{
  height:auto;
  overflow:hidden;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
}


.caption
{
  font-size : 8pt;
  color : #707070;
  font-style : normal;
  margin-left:auto;
  margin-right:auto;
  margin-top:2px;
  margin-bottom:12px;
  width: 500px;
  text-align:left;
}


.thumbnail b
{
  font-size: 8pt;
  color: rgb(100,100,100);
  font-weight: normal;
  font-variant:normal;
}


#localmenu td
{
  font-family: Verdana, Tahoma, Helvetica;
  font-size: 8pt; 
  font-weight: normal;
  font-variant:normal;
}

#localmenu a
{
  font-weight: normal;
}

#localmenu 
{
  text-align:left;
}

.treepath
{
  font-size: 10px; 
  font-weight: normal;
  font-variant:normal;
}


#slideshow
{
  position:relative;
  top:-2px;
}

#slideshow a, .filler
{
  font-weight: normal;
  font-size: 9px;
  color: rgb(100,100,100);
}


.gallery_hitcounts
{
  
}


.gallerytitleimage
{
  border: rgb(230,230,230) 1px solid;
}


#copyright
{
  position:relative;
  top:-78px;
  margin-bottom:30px;
}

#copyright img
{
  border:0;
}

.copyright p
{
  width: 500px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  border-bottom:1px dotted rgb(230,230,230);
  padding-bottom:16px;
}

#mygallerycaption
{
  width:750px;
  border-bottom: 1px solid rgb(230, 230, 230);
  text-align:left;
  margin-left:auto;
  margin-right:auto;
_padding-bottom:8px;
}

#buynow
{
  width:750px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
_padding-top:8px;
}

#buynow img
{
  margin-bottom:6px;
}


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