• Author - Srijith
• License - Creative Commons
• Background image - Yes
• Demo
• Browser specific tricks - Yes
  • The rounded corners are visible only in Firefox
  • Shadow effect visible only in Microsoft Internet Explorer

• Firefox
  • 1.5 on Ubuntu Linux 5.10
  • 1.5 on Windows XP SP2
• Opera
  • 8.02 on Ubuntu Linux 5.10
• Internet Explorer
  • 6.0.2 on Windows XP SP2

/*
Author - Srijith
A lof of the codes 'copy-pasted' from Pim Rijpsma's code at http://www.pbase.com/webdev/ :)
License Terms : Attribution-ShareAlike 1.0
http://creativecommons.org/licenses/by-sa/1.0/
*/
 
body {
	background:#4d4d4d url(http://imageurl.com/image.jpg) no-repeat right top fixed;
	margin-top: 0px; 
	top: 0px;
}
img {
	border: 1px #000;
} 
DIV,TABLE,TR,TH,FONT,LI,UL,FORM,BLOCKQUOTE,P{
	font-family: verdana, arial, sans-serif;
	font-size: 10pt; 
	color: #cccc99;
}
I,H1,H2,H3,H4,H5, CENTER {
	font-family: verdana, arial, sans-serif;
	font-size: 10pt; 
	color: #cccc99;}
A, TD.A, A:link {
	color:#cccc99;
	text-decoration: underline;
}
A:hover {
	color: #ffff99; 
	text-decoration: underline; 
}
A:visited {
	color: #cccc99;
	text-decoration:none;
}
A:active {
	color : #ffff00;
}
TD.thumbnail {
	width: 200px;
}
b {
	font-weight:normal;
}
.display{
	border: 1px solid #000;
	background-color: black;
}
#image A:hover {
	text-decoration: none;
}
h2{
	font-weight: bold;
	font-size: 13pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	display: block;
	border-top: #000000 1px dotted;
	border-bottom: #000000 1px dotted;
	text-align: center;
	padding: 2px;
	margin-left: -10px;
	margin-right: 0px;
}
.galleryheader{
	text-align: center;
}
.small {
	clear:both
}
 
/* some from webdev */
a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active { 
	border: rgb(0, 0, 0) 1px solid; 
	margin-bottom: -45px; 
	padding-top: 5px; 
	width: 172px; 
	display: block; 
	background: rgb(35, 35, 35); 
	height: 197px; 
	-moz-border-radius-bottomright: 10px; 
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color="#232323",Direction=135,Strength=5); 
}
a.thumbnail:hover{ 
	background: rgb(25, 25, 25);
}
a:hover img.thumbnail {
	border: rgb(0, 0, 0) 1px solid; 
	background: rgb(45, 45, 55); 
}
img{ 
	border: rgb(0, 0, 0) 1px none; 
}
img.thumbnail {
	border: rgb(0, 0, 0) 1px solid; 
	margin: 0px; 
	padding: 0px; 
	background: rgb(45,45,45);
	vertical-align: middle; 
}
table.thumbnail {
	width: 10%; 
}
td.thumbnail { 
	padding: 2px; 
	height: 207px; 
}
td { 
	border: 1px none; 
	background: none; 
	border-collapse: collapse; 
	empty-cells: show; 
}
.thumbnails{ 
	border: rgb(0, 0, 0) 1px solid; 
	padding: 4px 4px 4px 4px; 
	margin: 4px 0px 0px 0px; 
	margin-left: -370px; 
	width: 752px; 
	background: rgb(52, 52, 52); 
	position: relative; 
	left: 50%; 
	-moz-border-radius-bottomright: 10px; 
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
}
.thumbnails table,.thumbnails table img, .display {
	display: inline; filter: none; 
}
#image{ 
	border: rgb(0, 0, 0) 1px solid; 
	padding: 8px 2px 8px 2px; 
	margin-left: -400px; 
	width: 820px; 
	background: rgb(52, 52, 52); 
	position: relative; 
	left: 50%; 
}
#image td a, #image td a:hover { 
	background: transparent; 
}
.thumbnails b { 
	font-size:10px;
}
font { 
	margin-left: 4px; 
	margin-right: 4px; 
	width: 170px; 
	display: block; 
	color: #CCCC99; 
	font: 9px Verdana, Tahoma, Helvetica, sans-serif; 
	letter-spacing: 0px;
}
#commentlist .message_body {
	color:#cc9;margin: 1em 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid rgb(35, 35, 35); 
	text-align:left;
	-moz-border-radius-bottomright: 10px; 
	-moz-border-radius-topleft:10px;
	font-size: 12px;
}
.lid {
	color:#cc9;
	background:#4d4d4d;
}
.sb {
	color:#cc9;
	background:#4d4d4d;
	text-align: center;
	margin: 1em 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid rgb(35, 35, 35); 
	font-size: 12px;
}
#linkedsubgalleries {
	text-align: left;
	margin-top: -15px;
}
.caption {
	text-align: left;
	width: 500px;
	margin: 0 auto;}
.techinfo {
	font-size: 10pt;
	padding-top:15px;
}
.techinfo a:link {
	text-decoration:none;
	font-style:normal;
}