/****************************************************************/
/* Singapore styles */
/****************************************************************/

/* basic defs */
input, textarea, select, .inputbox { border: 1px inset #000; color: #000; background-color: #fff; }
input.radio { border: none; background-color: #fff; }
input.button { font-weight: bold; border: 1px outset #000; color: #fff; background-color: #456FA5; padding: 3px; }
input.button:hover{ background-color: #4081BF; color: #FFFFFF; }
a img { border: 0; }

/* image or gallery name header */
.sgTitle { margin-bottom: 0; }
/* image or gallery artist subheader */
.sgSubTitle { margin-top: 0; }
/* language select box and template select box respectively */
div.sgLanguageFlipper, div.sgTemplateFlipper { float: right; clear: right; }
/* wraps the drop-shadow table to allow IE to center it */
div.sgShadow { text-align: center; padding: 1em; }
/* the main content table that does the drop-shadow effect */
table.sgShadow { margin-left: auto; margin-right: auto; clear: both; }
/* the tab with previous, up, next */
table.sgShadowTab td { font-size: 13px; }
table.sgShadow, table.sgShadowTab { background-color: #f0f0f0; padding: 0; text-align: left; }
table.sgShadow td { padding: 0; margin: 0; }
table.sgShadow td.tabm, table.sgShadow td.tabr { background-color: #fff; }
/* appropriate background images for drop-shadow effect */
table.sgShadow td.tl {  background-image: url('images/shadow-tl.gif');}
table.sgShadow td.tm {  background-image: url('images/shadow-tm.gif');}
table.sgShadow td.tr {  background-image: url('images/shadow-tr.gif');}
table.sgShadow td.ml {  background-image: url('images/shadow-ml.gif');}
table.sgShadow td.mm {  padding: 10px;} /* cell containing image */
table.sgShadow td.mr {  background-image: url('images/shadow-mr.gif');}
table.sgShadow td.bl {  background-image: url('images/shadow-bl.gif');}
table.sgShadow td.bm {  background-image: url('images/shadow-bm.gif');}
table.sgShadow td.br {  background-image: url('images/shadow-br.gif');}


/* div containing each gallery sub-gallery on a gallery page */
div.sgGallery { margin: 5px; padding: 5px; border: 1px solid #ccc; background-color: #fff; }
/* the table cell containing the gallery thumbnail */
td.sgGalleryThumb { width: 100px; text-align: center; }
/* the gallery thumbnail itself */
img.sgGalleryThumb { border: 1px solid #000; }
/* the descriptive text (title, summary, contents) */
div.sgGallery p { margin-top: 0; margin-bottom: 2px; }
/* full size image on an image page*/
img.sgImage { border: none; }
/* the preview thumbnails and previous, thumbnails, next links */
p.sgTopNavBar, p.sgBottomNavBar { text-align: center; float: right; }
/* wraps the thumbnail and rounded-corner code on an album page */
div.sgThumbnail { width: 120px; height: 120px; margin: 10px 5px 10px 5px; float: left; padding: 0px; text-align: center; }
div.sgThumbnail table { width: 116px; height: 116px; margin: 0px; text-align: center; vertical-align: middle; }
.sgThumbnailContent { background: #fff; margin: 0px; padding: 0px; border: 1px solid #ccc; }

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

/****************************************************************/
/* BLOG:CMS mods */
/****************************************************************/
#items{width:708px;padding:10px 10px 10px 10px;background-color: white}