gallery.css

body {
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 12px; 
	COLOR: #999999;
	background-color: #010101;
	/* background-image: url("random_image.php"); */
}

h1 {
	font-size: 20px;
	font-weight: bolder ;
	color:	#ff5050 ;
}

h2 {
	font-size: 15px;
	font-weight: bolder ;
	color: #aaaaff ;
}

h3 {
	font-size: 15px;
	font-weight: bold ;
	color: #ffaaaa ;
}

a:hover {
    font-size: 12px ;
    text-decoration: inherit ;
    cursor: pointer;
    color: inherit;
}

a:link  {
    font-size: 12px ;
    text-decoration: inherit ;
    color: inherit;
}

a:visited {
    font-size: 12px ;
    text-decoration: inherit ;
    color: inherit;
}

.center {
	text-align: center;
}

.centre {
	text-align: center;
}

div.movie {
	text-align:	center;
	font-size: 15px;
	font-weight: bold ;
	color: #dddddd ;
	border-width: 2 ;
	border-style: solid ;
	border-color: blue;
	padding:2 ;
	margin: 3 ;
	float:	left ;
}

table {
	margin: 1 ;
	padding:0 ;
}

td {
	valign=top ;
}

td.list {
	min-width: 10em ;
	width:	auto;
	border-width: 1 ;
	border-style: solid ;
}

td.view {
	width:		85%;
	border-width: 1 ;
	border-style: solid ;
	vertical-align: top ;
}

ul {
	text-indent: 0 ;
}

ul.bullet li {
	list-style: square outside ;
	margin: 0 ;
	text-indent: 0 ;
}

ul.bullet li:hover , ul.bullet li.sfHover {
	list-style-type: disc ;
    color:  #ff6060;
}

ul.bullet li a:link,  {
	text-decoration: none;
    color:  #999999;
}

ul.bullet li a:visited,  {
	text-decoration: none;
    color:  #999999;
}

ul.bullet li a:hover {
	text-decoration: none;
    color:  #ff6060;
}

.imagenavigate {
	/* text-align: center; */
}

/* Breadcrumb list */
.crumb_ul {
	float:			none;
	margin-left:	2em;
	font-size:		10px;
}

.crumb_ul .crumb_li {
	float:			left;
	margin-left:	0em;
	margin-right:	0.5em;
}

.crumb_ul .crumb_youarehere {
	float:			left;
	margin-left:	0em;
	margin-right:	0.5em;
	color: #505050;
}

.crumb_bullet {
	color: #9090b8;
}

.crumb_ul a , .crumb_ul a:link, .crumb_ul a:visited {
	color:	#999999;
	text-decoration: none;
	font-size:		10px;
}

.crumb_ul a:hover {
	color: #c8b8b8;
}

/* Previous and Next navigation links */
span.prevnext {
	float:	left;
}

span.prevnext a:link, span.prevnext a:visited {
  color:	#999999;
  text-decoration: none;
}

span.prevnext a:hover {
	color: #bcbcbc;
}

.prevnext_active {
	color: inherit;
	font-size:	12px;
}

.prevnext_inactive {
	color: #404040;
	font-size:	12px;
}

#exifdata {
	color:	#999999;
	font-size:	10px;
    display:	none;
}

#exifbutton {
	color:	#999999;
	font-size:	10px;
}

/*****************/

#caption {
	font-size: 13px;
	margin: 2 ;
}

/*****************/

input {
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px; 
}
select {
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px; 
}
option {
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px; 
}

div.thumbnail, span.thumbnail {
	height:	160px;
	float:	left;
    padding: 	2px ;
}

img.thumbnail {
 	border: 2px solid #C0C0C0;
}

a.thumbnail:link span {
	display: none;
}
a.thumbnail:visited span {
	display: none;
}
a.thumbnail:hover span {
  	position: absolute;
  	margin:5px 0px 0px -20px;
  	background-color: beige;
  	max-width:220;
  	padding: 2px 10px 2px 10px;
 	border: 1px solid #C0C0C0;
  	font: normal 10px/12px verdana;
  	color: #000;
  	text-align:left;
  	display: block;
}

#resize_menu {
	float:	left;
}

.new {
	font-size: 80%;
	color: cyan;
}