/* also use stylesheet_list_columns.css jph */

/*  this is only for album basic image block surround */
div.centerBoxContentsAlbumInner{
  background: #94835e;
	padding-bottom:10px;
	padding-top:10px;
}

/* (sub)gallery category list layout (= galleries listing) */
div.categoryListGalleryBoxContents{
	vertical-align: top;
	margin: 1em 0em 1em 0em;
	text-align: center;
	width:110px;
}
/* (sub)gallery category list container (= galleries listing) 
image i used is set to 100 by 100 for cat image*/
div.categoryListGalleryBoxWrapper{
	background-color:#94835e;
	margin: 20px 0 0 ;
	padding:0px 5px 0px 5px;
}
/* (sub)galleries listing name */
#subgall_name{
	font-size:110%;
	font-weight:bold;
}
/* (sub)galleries listing description */
div.categoryListGalleryBoxDescr{
	margin: 1em 0em 0em 1em;
	text-align: left;
	font-size:100%;
	width:180px;
}
/*=======for Gallery ONLY, column texts======*/
/* for description if used */
div.listingGalleryDescription {
	font-size:0.8em;
	font-weight:normal;
	margin-left:3px;
	margin-right:3px;
}
/* for changed title class name if used*/
.itemGalleryTitle{
	line-height:1em;
	font-size: 1em;
	margin: 0;
	clear: both;
  text-decoration: underline;
}

/* ===================bof singapore 'slide shaped' css for gallery image ===============================*/

/* the following code does the rounded corners of the 35mm slide effect on 
   the album pages. Taken from http://www.albin.net/CSS/roundedCorners/ */
.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 5px; height: 5px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -5px 0px 0px 0px; }
.borderBR { margin: -5px 0px 0px 0px; }
/* IE5-5.5/win (the html entries) needs the border scooted to the left or right by an
additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
} 
/* block round image with border */
/* split because of ie bug see above page */

/* set position of album image block within singapore container etc*/
/* set colour of slide and its border colour in admin */
div.AlbumThumbnail{
	margin-top:3px;
  padding: 0px;
  text-align: center;
}
/* split because of ie bug see above page ; need to match corner pics*/

div.AlbumThumbnailContent {
	margin: 0px;
	padding: 0px;
	border: 1px solid #ccc;
}
/* image table */
div.AlbumThumbnail table {
  text-align: center;
  vertical-align: middle;
}
/* ===================eof singapore css for gallery image ===============================*/