/* * * * * * * * * * */
/* Generic elements  */
/* * * * * * * * * * */

input.radio {border: none;background-color: #fff;}
input.button {font-weight: bold;border: 1px outset #fff;}
a img {border: 0;}

/* * * * * * * * * * */
/* Elements with IDs */
/* * * * * * * * * * */

/* header: image and/or title */
#sgHeader { }

/* crumb line: (You are here: ...) */
#sgCrumb {float: left;margin:0 0 8px 4px;}

/* footer: copyright notices */
#sgFooter {text-align: left;padding:0;margin:0}

/* * * * * * * * * */
/* Custom classes  */
/* * * * * * * * * */

/* image or gallery name header */
.sgTitle {margin-bottom: 0.5em; clear:both}

/* image or gallery artist subheader */
#main-content .sgSubTitle {margin: 0 0 0 4px;font-size:1.2em;background:#fcfcfc;border:none}

/* image and artist name displayed beneath image */
p.sgNameByArtist {margin: 0 0 0 4px;}

/* image and gallery details such as date, location, camera model, hits etc. */
p.sgDetailsList {clear:left}

/* 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: 0;position:relative}

/* div containing each gallery sub-gallery on a gallery page */
div.sgGallery {margin: 5px;padding: 5px;border: 1px solid #ccc;background-color: #fff;text-align:left;width:46%;float:left;position:relative}

/* the gallery thumbnail itself */
img.sgGalleryThumb, img.sgThumbGallery {border: 1px solid #000;padding:3px;color:#000;background:#eee}

/* 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:1px solid #000;padding:6px;margin:0 0 12px 0;background:#eee;color:#000}

/* the preview thumbnails and previous, thumbnails, next links */
p.sgTopNavBar, p.sgBottomNavBar {text-align: center;float: right;clear: right;position:relative}
.sgTopNavBar img, .sgBottomNavBar img{border: 1px solid #000;padding:3px;color:#000;background:#eee}

/* wraps the thumbnail and rounded-corner code on an album page */
div.sgThumbnail {width:  106px;height: 106px;margin: 10px 5px 10px 5px;float: left;padding: 10px;text-align: center; border:1px solid #000;position:relative}
.sgThumbnailContent {background: #fff;margin: 0px;padding: 0px;border: 1px solid #ccc;}