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

input.radio {
  border: none;
  background-color: #fff;
}

input.button {
  font-weight: bold;
  border: 1px outset #fff;
}

a img {
  border: 0;
}

.image_titel, .image_titel .sgSubTitle {
	text-align: center;
	width: 550px;
}

.image_titel {
margin: 15px 0 0 0;
}

.image_image img {
	margin: 5px 0 0 0;
	padding: 15px;
	background-color: #eee;
}

.image_image {
	width: 550px;
	text-align: center;
}

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


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

div.maininfo {
	clear: both;
	padding: 29px 0 5px 0;
	margin: 0 0 5px 0;
}

div.maininfo h4 {
	padding: 0;
	margin: 0;
}

/* crumb line: (You are here: ...) */
#sgCrumb {
	float: left;
  	background-color: #f1f1f1;
	padding: 0px 15px 0px 15px;
	margin: 0 0 0px 0;
	font-size: 10px;
}

#post-10 .entry {
	padding: 0px 0 0 0;
	}

/* footer: copyright notices */
#sgFooter {
  text-align: center; 
}

div.footeralbum {

	  border-width: 0 0 1px 0;
	  border-style: solid;
	  border-color: #eee;
	  margin: 0 0 10px 0;
}

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


/* image or gallery name header */
.sgTitle {
  margin: 0;
  padding: 0;

}

/* image or gallery artist subheader */
.sgSubTitle {
  margin-top: 0;
  text-align: left;

}

.navi_img .sgSubTitle {  
	text-align: center;
}

.galleryTab {
	float: right;
	text-align: right;
	font-size: 10px;
	color: #a5a5a5;
}


.galleryTabCount_top {
	text-align: center;
	font-size: 10px;
	color: #a5a5a5;
	margin: 5px 0 0 0;
	padding: 0;
	width: 390px;
}

.galleryTabCount_bottom {
	text-align: center;
	font-size: 10px;
	color: #a5a5a5;
	margin: 0;
	padding: 15px 0 0 0;
	width: 390px;
	clear: both;
}

/* image and artist name displayed beneath image */
p.sgNameByArtist { }

/* image and gallery details such as date, location, camera model, hits etc. */
p.sgDetailsList { 
clear: both;
padding-top: 20px;
}


/* 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.sgGallerythumb {
  float: left;
  text-align: center;
  padding: 0px;
  margin: 0 15px 0 0;
  width: 100px;
  height: 100px;
  background-color: #eee;
  border: 1px solid #ddd;
}

img.sgThumbnailAlbum {
  border: 5px solid #f9f9f9;
  }

div.sgGallerythumbinfo {
  text-align: left;
  padding: 0;
  margin: 0px;
  height: 100px;

}

.sgGallerythumbinfo p.small {
	color: #a5a5a5;
	font-size: 10px;
	}

	
.sgGallerythumb table {
width: 100%;
height: 100%;
vertical-align: middle;
float: left;
}



/* div containing each gallery sub-gallery on a gallery page */
div.sgGallery {
  clear: both;
  
  margin: 0 0 15px 0px;
  padding: 0 0 15px 0;

  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #eee;

  background-color: #fff;
  text-align: left;
  width: 390px;
}


/* 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 */
.sgTopNavBar p {
  text-align: center;
  display: inline;
}

.sgTopNavBar {
  width: 550px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
  margin: 20px 0 25px 0;
}

.sgTopNavBar p a {

}

.sgTopNavBar p a img {
  vertical-align: middle;
  margin: 0 5px 0 5px;
}

.sgThumbnailPreview {}

.sgThumbnailPreviewPrev {}

.entry p img.sgThumbnailPreviewCurrent {
  border: 10px solid #eee;
}

.sgTopNavBar_pre, .sgTopNavBar_next {
	width: 125px;
	float: left;
	margin: 10px 0 8px 0;
}

.sgTopNavBar_pre a, .sgTopNavBar_next a {
	font-size: 14px;
	padding: 1px 5px 1px 5px;
	background-color: #f1f1f1;
	font-weight: bold;
}

.sgTopNavBar_prev {
	float: left;
	width: 300px;
}

.sgTopNavBar_next {
	text-align: left;
}

.sgTopNavBar_pre {
	text-align: right;
}

.navi_img {
	clear: both;
	padding: 29px 0 0px 0;
	width: 555px;
}

.sgNavBar_pre_top {
	float: left;
	width: 100px;
}

.sgNavBar_next_top {
	float: right;
	width: 100px;
	text-align: right;
}

.mini {
	clear: both;
}

.mini2 {
	float: left;
	margin-left: 120px;
	width: 320px;
	text-align: center;
}

/* wraps the thumbnail and rounded-corner code on an album page */
div.sgThumbnail {
  width:  120px;
  height: 120px;
  margin: 0px 8px 27px 0px;
  float: left;
  padding: 0px;
  text-align: center;
  background-color: #f1f1f1;
  border: 1px solid #eee;
}

.sgThumbnailContent table {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.sgThumbnailContent {
  padding: 0px;
  margin: 0px;
  width:  120px;
  height: 120px;
}

.sgThumbnailName {
  position: relative;
  width:  115px;
  height: 20px;
  text-align: center;
  padding: 3px 5px 0 5px;
  font-size: 9px;
  color: #a5a5a5;
}

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

#sgFooter p {
	color: #a5a5a5;
	font-size: 9px;
	text-align: left;
}