<!--

    /* below is the hack to get inline-block support in IE
     * IE does not support inline-block, but it support inline,
     * and the zoom:1 property causes inline divs to behave like 
     * inline-block. the * in *display: inline; causes the rule to only be
     * read by IE.
     * see details here: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
     * CSS Tip: Targeting IE 5.x, 6 and 7 Separately
     * http://www.ejeliot.com/blog/63
     *
    display: inline-block;
    zoom: 1;
    *display: inline;

     */

.invisible {
display: none !important;
}

.hide-on-light {
/*    display: none;*/
}


/* better image scaling with IE */
img {   
    -ms-interpolation-mode: bicubic;   
}


::-moz-selection{
	background:#ff8000;
	color:#000;
}

::selection {
	background:#ff8000;
	color:#000;
}

.clear {
clear:both;
}

.clear-right {
clear:right;
}

.float-right {
float: right;
}

.hash {
/*    color: #808080;*/
    display: none;
}

#content-wrapper {
clear:both;
/*float:left; */
/*word-wrap: break-word;*/
/*width:100%;*/
/*text-align: center;*/
overflow:visible;
}

ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

a {
font-weight: bold; 
word-break: break-word; /* deal with long wikipedia anchors */
}


.inline-block {
    /* below is the hack to get inline-block support in IE
     * IE does not support inline-block, but it support inline,
     * and the zoom:1 property causes inline divs to behave like 
     * inline-block. the * in *display: inline; causes the rule to only be
     * read by IE.
     * see details here: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
     * CSS Tip: Targeting IE 5.x, 6 and 7 Separately
     * http://www.ejeliot.com/blog/63
     */
    display: inline-block;
/*    zoom: 1;
    *display: inline;*/
}


.button {
      /* for class "button", use div rather than span, to enforce semantic boundaries
       * and prevent the translator from mixing contiguous buttons
       */

/*    background: #4f4f4f url() 0 -120px repeat-x*/
/*
    background: #dfdfdf;
    color: #000;
*/
    color: #fff;
    background-color: #666;
    background-image: -webkit-linear-gradient(#666, #666 20%, #000);
    background-image: linear-gradient(#666, #666 20%, #000);
    font-size: 120%;

/*    background: #804904; */
    border-top: solid 1px;
    border-bottom: solid 1px;

        border-left: solid 1px;
    border-right: solid 1px;

    border-color: #777;

    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    border-radius: .25em;

/*    color: #fff !important;*/
    text-decoration: none;
    font-weight: normal;
    padding: 1px 5px 1px 5px;
/*    margin: 0 5px 0 0;*/
/*    margin: 0 0 0 5px;*/
/*    white-space: nowrap;*/

    /* looks better for multi-line buttons! */
    text-align: center;

/*    padding: 4px 6px 4px 6px;*/

    /* below is the hack to get inline-block support in IE
     * IE does not support inline-block, but it support inline,
     * and the zoom:1 property causes inline divs to behave like 
     * inline-block. the * in *display: inline; causes the rule to only be
     * read by IE.
     * see details here: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
     * CSS Tip: Targeting IE 5.x, 6 and 7 Separately
     * http://www.ejeliot.com/blog/63
     */
    display: inline-block;
*    zoom: 1;
    *display: inline;*/
}


.button a, a.button {    
    text-decoration: none; 
    color: #fff;
    font-weight: normal;
}

.white-button-deprecated a, a.white-button-deprecated {    
    text-decoration: none; 
    color: #000;
    font-weight: bold;
}

.share-icon {
    position:relative;
    top:5px;
    margin-top:-5px; 
    filter: invert(100%); /* to make it look white instead of black */
}

.button:hover, .button *:hover {
/*
    background-color: #777;
    background-image: -webkit-linear-gradient(#777, #777 40%, #222);
*/
    background-color: #666;
    background-image: -webkit-linear-gradient(#666, #666 20%, #000);
    background-image: linear-gradient(#666, #666 20%, #000);
    cursor: pointer;
    border-color: #fff;
}

.white-button-deprecated, .white-button-deprecated a, /*.white-button a:link,*/ .gallery-button, .gallery-button a, a.gallery-button, a.gallery-button:link, a.gallery-button:visited, .keyword-deprecated, .keyword-deprecated a {
    background-color: #fff;
    color: #000;
    background-image: -webkit-linear-gradient(#fff, #ccc 40%, #aaa);
    background-image: linear-gradient(#fff, #ccc 40%, #aaa);
    font-weight: bold;
    border-color: #000;
}

.keyword, .keyword a {
    margin: 8px 8px 0 0;
}

.gallery-button, .gallery-button a, a.gallery-button {
    white-space: normal;
    margin: 8px 8px 0 0;
}

.white-button-deprecated:hover, .white-button-deprecated *:hover, .gallery-button:hover, a.gallery-button:hover, .gallery-button *:hover, .keyword-deprecated:hover, .keyword-deprecated *:hover {
/*
    background-color: #ddd;
    background-image: -webkit-linear-gradient(#ddd, #ddd 60%, #999);
*/
    background-color: #fff;
    color: #000;
    background-image: -webkit-linear-gradient(#fff, #fff 60%, #ccc);
    background-image: linear-gradient(#fff, #fff 60%, #ccc);

    cursor: pointer;
    font-weight: bold;
    border-color: #fff;

}


/*
.add-right-arrow-on-hover:hover:after, .keyword:hover:after {
    content: " \25B6";
} 

.add-right-arrow:after, .keyword:after {
    content: " \25B6";
} 
*/

/***********************************/
#photo-description {
    /*margin-top: 10px; */
text-align: left;
}

#description p{
    margin-top: 0;
}

#description {
/*font-size: small;*/
    font-size: 105%;
}


#tag-list-container { /* deprecated */
    margin: 0 0 25px 0;
    padding: 0 0 0 0;
    /*display: none;*/
}

#keywords-container {
/*    margin: 0 0 25px 0; */
    margin: -8px 0 25px 0;
    padding: 0 0 0 0;
    /*display: none;*/
}

#date-and-location {
    display:none;
    margin: 20px 0 20px 0;
}

#date {
/*    margin: 20px 0 0 0;*/
}

#date-container {
/*    margin: 0 0 0 10px;
    padding: 0 0 0 0;
*/
}

.location-info {
    display: inline;
}

.address::before {
    content: "at ";
}
.address {
    display:inline;
}


/*
.geo-links::before {
    content: "\A\A";
    white-space: pre;
}
*/

.geo-links, .address {
    margin: 20px 0 20px 0;
/*    display:inline;*/
}

#location-container {
/*    margin: 10px 0 30px 0;*/
    padding: 0 0 0 0;
    display:inline;
}

#address::before {
    content: "Location: ";
}

#location {
    margin-top: 15px;
    margin-bottom: 15px;
}

#maps {
    display: none;
    clear: left;
}

.map-iframe-loading-message {
/*    z-index: 1000;*/
    text-align: center;
/*    margin-top: -300px;*/
    font-size: 200%;
}

.map-iframe-loading-message::before {
    content: "Loading map, please wait...";
}


#keywords-tip2 {
font-weight: bold;
font-size: 130%;
}

/* each taglist3 search keyword is in a <p> */
/* deprecated! now taglist3 keywords are in a span */
/*.taglist3 p{ */
.keyword {
    padding:1px 5px 1px 0px; /* works better if magnifyer search prefix */
}

.keyword::before {
    content: "🔍";
}

.gallery-button {
/*font-weight: bold; */
word-wrap: normal;
}

.navigation-button {
font-size:150%;
margin-bottom: 5px;
margin-right: 5px;
}


/***********************************/

.taglist2 {
margin: 5px 0 5px 0;
padding: 3px 0 5px 0;
/*display: inline;*/

   border-style: solid;
   /*border-color: white;*/
   border-color: #C0C0C0;
   border-width:1px;
   background-color: #303030;
}


/* each taglist2 search keyword is in a <p> */
/* deprecated! now taglist2 keywords are in a span */
.taglist2 p{
/*width: 115px;*/
font-weight: bold; 
text-decoration: underline; 
font-style:normal;
cursor: hand;
/*
color: #ff8000;
background-color: #ff8000;
*/
/*color: #ffffff;*/
color: #ffc040;
/*background-color: #505050;*/
word-wrap: normal;
/*margin-right: 10px;*/
padding: 0 5px 0 5px;

/*float: left;*/
/*margin: 2px 5px 0 0px;*/
margin: 0;
/*display: inline;*/

    /* below is the hack to get inline-block support in IE */
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.taglist2 i:hover,.taglist2 p:hover,/*li:hover,*/ .taglist2 a:hover, .taglist2 span:hover {
/*text-decoration: underline;*/
cursor: pointer;
color: #000000;
background-color: #ff8000;
} 


.taglist2 i, .taglist2 b {
font-style:normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/*
.taglist2 {
margin: 0;
}
*/

.taglist2 h2 {
font-size:small;
margin: 0;
padding: 0;
}


.group-of-buttons {
/*opacity: 0.7;*/
}

/***********************************/


/* links */
.link a {
/*margin: 0 0 0 5px; */
font-weight: bold; 
text-decoration: underline; 
font-style:normal;
color: #ffffff;
}

.link a:hover {
color: #000000;
background-color: #ff8000;
}


/* class for the share-this text */
.stbuttontext {
background-color: #000000;
color: #ff8000;
text-decoration: underline;
}

#set-description-left {
min-width: 133px;
max-width: 30%;
/*max-width: 25%;*/
float: left;
clear:left;
/*text-align:left;*/
margin-left: 10px;
margin-right: 0px;
margin-top: -13px;
/*position:relative;
right:0px;*/
}

#set-description-left-img-container {
    width: 100%;
}

/*
 * the following is a hack to work around a bug in FF and Chrome, that causes
 * the background to change around a selectable image when hovering
 * in the case we invert text and bg color on hovering.
 * for the workaround we need to have "background-color: black;" (in this case)
 * for the "a" style (anchor link), e.g. enclose any image link in a 
 * <span class="img-link">, or put that in the style on a surrounding div (as long as
 * it includes no text link). 
 */
#photo-page-image a, .img-link *:hover, .img-link a:hover, .img-link:hover {
   background-color: black;
}


#photo-page-image-container a, .img-link *:hover, .img-link a:hover, .img-link:hover {
/*   background-color: black;*/
}

.img-link {
   border-style: solid;
   border-color: black;
   border-width:1px;

    /* below is the hack to get inline-block support in IE */
    display: inline-block;
/*    zoom: 1;
    *display: inline;*/

}

.img-link:hover {
   border-style: solid;
   border-color: #ff8000;
   border-width:1px;
}


.img-link {
    /* this is to remove that little underline on the right of each thumbnail with IE7 */
    color: black !important; 
}

#photo {
text-align: center;
/*margin-bottom: 8px;*/
width: 100%;
}

#photo-page-image {
text-align:center;
clear: both;
/*overflow: hidden;*/
}

#photo-page-image-container {
    float: left;
    border: none /*!important*/;
    margin: 10px 10px 0 0;
	/*clear: both;*/
	/*overflow: hidden;*/
	/*position: relative;*/
    /* below is the hack to get inline-block support in IE */
    display: inline-block;
    width: 100%;
/*    zoom: 1;
    *display: inline; */
}

#photo-page-img-container {
    position: relative;
    width: 100%;
/*    margin: 0 0 10px 0;*/
}

#photo-page-img {
/*    position: relative;*/
/*    z-index: 0; */
/*    display: none; */
    width: 100%;
}

#photo-page-img-large {
/*    visibility: hidden;*/
/*    position: absolute;*/
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}

/*
@media (max-width: 500px) {
    .photo-page-image-large-media {
	display: none;
	z-index: -1 !important;
	background-image: none !important;
    }
    .photo-page-image-media {
	opacity: 1 !important;
	display: block !important;
    }
}
*/
/*
@media (max-height: 500px) {
    .photo-page-image-large-media {
	display: none;
	z-index: -1 !important;
	background-image: none !important;
    }
    .photo-page-image-media {
	opacity: 1 !important;
	display: block !important;
    }
}
*/

.photo-page-image {
/*    display: block;*/
    width: 100%;
    height: 100%;
}


/* prevent long-tap pop-up */
/*
#photo-page-img, #overlay-container {
-webkit-touch-callout: none;
-moz-touch-callout: none;
-khtml-touch-callout: none;
-o-touch-callout: none;
touch-callout: none;
}
*/

/* photo thumbnails in a set page */
#set-thumbnails {
float: none;
text-align: center;
/*max-width: 60%;*/
}

/* photo thumbnails in a set page */
#set-thumbnails img {
/*margin: 10px;*/
/*vertical-align: middle;*/
border: 0px;
}

.thumbnail-container {
display: inline-block;
margin: 10px;
vertical-align: middle;
position: relative;
}

.thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.set-stripe .thumbnail {
position: relative;
top: inherit;
left: inherit;
width: inherit;
height: inherit;
}

/******************************************************************/
.thumb1 {
   border-style: solid;
   border-color: black;
   border-width:1px;
   margin: 10px;
    display: inline-block;
    vertical-align: middle;

    /* this is to remove that little underline on the right of each thumbnail with IE7 */
    color: black !important; 

    /* below is the hack to get inline-block support in IE */
/*    zoom: 1;
    *display: inline;*/
}

/*
.thumb1 *:hover, .thumb1 a:hover, .thumb1:hover {
   background-color: black;
}
*/

.thumb1:hover {
   border-style: solid;
   border-color: #ff8000;
   border-width:1px;
   background-color: black;
}


.thumb2 {
    display: inline-block;
    margin: 10px;
    vertical-align: middle;
    position: relative;
}

.thumb3 {
    position: relative;
}

.thumb4 {
    /*width: 100%;*/
    color:white;
    font-weight:normal;
    margin-top:5px;
    margin-left:-10px;
    margin-right:-10px;
    margin-bottom:-10px;
    font-size: 80%;
    color: #aaa;
}

.thumb5 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size:100% 100%;
}

.thumb6 {
/*    margin: 10px;*/
 /*   width: 150px;
    height: 150px;*/
/*    display: table;
    position:relative;*/
}

.thumb7 {
/*    width: 100%;
    height: 100%;
    margin-left:auto;
    margin-right:auto;*/
/*    display:table-cell;*/ 
/*    vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
    position: relative; /* so that we can align a cloned image to its top-left */
}

.thumb9-clone {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.thumb8 { /* text */
/*    display:inline;*/
    display:inline-block;
    width: 100%;
    color:white;
    font-weight:normal;
/*    margin-top:-20px;*/
     font-size: 80%;
    color: #aaa;
    white-space: normal;
}

.thumb9 { /* img */
    width: 100%;
    height: 100%;
/*    position: absolute;
    top: 0;
    left: 0;*/
    background-size:100% 100%;
}

.thumb10 {
    width: min-content;
/*    width: 150px;*/
    /*margin:10px */
}


/******************************************************************/
/* image justified thumbnails */

.thumb1x {
   border-style: solid;
   border-color: black;
   border-width:1px;
   margin: 0 5px 5px 5px;
/*    display: inline-block;*/
    display: none;
    vertical-align: top;
    width: min-content; /* so that caption text wraps - was used for testing dynamic layout  */
/*    min-width: 100px; */
    /* this is to remove that little underline on the right of each thumbnail with IE7 */
    color: black !important; 

    /* below is the hack to get inline-block support in IE */
/*    zoom: 1;
    *display: inline;*/
}

/*
.thumb1 *:hover, .thumb1 a:hover, .thumb1:hover {
   background-color: black;
}
*/

.thumb1x:hover {
   border-style: solid;
   border-color: #ff8000;
   border-width:1px;
   background-color: black;
}


.thumb6x {
}

.thumb7x {

/*    height: 190px !important; this defines the height of the justified thumbnails - was used for testing dynamic layout */
}

.thumb8x { /* text */
/*    display:inline;*/
/*    height: 100% !important; was used for testing dynamic layout */
    display:inline-block;
    color:white;
    font-weight:normal;
/*    margin-top:-20px;*/
     font-size: 80%;
    color: #aaa;
    white-space: normal;
}

.thumb9x { /* img */
    width: 100%;
    height: 100%;
/*    width: 150px;*/
/*    height: 100% !important; was used for testing dynamic layout */
/*    position: absolute;
    top: 0;
    left: 0;*/
}

.thumb10x {
/*    width: auto !important; was used for testing dynamic layout */
/*    height: auto !important; was used for testing dynamic layout */
/*    width: 150px;*/
/*    margin:10px; */
/*    margin: 10px 10px 0 10px; */
/*    vertical-align: top;*/
}

/******************************************************************/
/* image flexible thumbnails */

.thumb1f {
   display: inline-block;
   /* display: none; */
   border-style: solid;
   border-color: black;
   border-width:1px;
   margin: 0 10px 10px 10px;
    vertical-align: top;
/*    vertical-align: middle;*/
/*    width: min-content;  so that caption text wraps - was used for testing dynamic layout  */
/*    width: 100%;*
    max-width:400px;
/*    min-width: 100px; */
    /* this is to remove that little underline on the right of each thumbnail with IE7 */
/*    color: black !important; */

    /* below is the hack to get inline-block support in IE */
/*    zoom: 1;
    *display: inline;*/
}

/*
.thumb1 *:hover, .thumb1 a:hover, .thumb1:hover {
   background-color: black;
}
*/

.thumb1f:hover {
   border-style: solid;
   border-color: #ff8000;
   border-width:1px;
   background-color: black;
}

a.thumb1f:link {
    text-decoration:none;
    color: #222;
}

.thumb7f {

/*    height: 190px !important; this defines the height of the justified thumbnails - was used for testing dynamic layout */
}

.thumb8f { /* text */
    display:inline;
/*    height: 100% !important; was used for testing dynamic layout */
    color:white;
    font-weight:normal;
/*    margin-top:-20px;*/
     font-size: 100%;
    color: #aaa;
    white-space: normal;
}

.thumb9f { /* img */
/*    min-width:200px;
    min-height:250px; */
    width: 100%;
/*    max-width: 400px;*/
    height: 100%; 
/*    width: 150px;*/
/*    height: 100% !important; was used for testing dynamic layout */
/*    position: absolute;
    top: 0;
    left: 0;*/
}

.thumb10f {
/*    width: 100%;
    height: 100%;*/
/*    width: auto !important; was used for testing dynamic layout */
/*    height: auto !important; was used for testing dynamic layout */
/*    width: 150px;*/
/*    margin:10px; */
/*    margin: 10px 10px 0 10px; */
/*    vertical-align: top;*/
}

/******************************************************************/
/* for all thumbnails, rules for lazy-load */
.thumb7, .thumb7x, .thumb7f {
    background: black;
    border-color: #222;
}

.thumb9:not([src]), .thumb9x:not([src]), .thumb9f:not([src]) {
	visibility: hidden;
}


/******************************************************************/
.photo-page-set {
margin: 10px 0 10px 0;
}

.photo-page-set-selected {
display: none;
font-size: 120%;
}

.set-link {
margin: 0 0 0 0;
display: none !important;
}

.set-link::after {
    content: "▼";
}

.setlist {
    clear: none;
}

.set-stripe-right-button-container {
    text-align: center;
    display: block;
    margin-top: 10px;
/*    margin-bottom: 40px;*/
}

.set-stripe-left-button-container {
    display: block;
}

.set-photo-count {
    margin-left:10px;
}

.set-stripe, .set-stripe2 {
   display: none;
   width: 100%;
   overflow-x: auto;
   white-space: nowrap;
/*   text-align: center;*/

}

.set-stripe3 {
/*    display: none;*/
/*    display: inline-block;*/
/*    width: 500px;*/
text-align: center;
}

.set-stripe4 {
   width: 100%;
   overflow-x: auto;
/*   white-space: nowrap;*/
   display: inline;
   text-align: center;
}

.set-stripe a {
/*display:table-cell;*/
}

.expand-set-stripe-button-container {
/*   text-align: center;*/
/*   margin-top: 10px;
   margin-bottom: 20px;*/
}

#set-title {
margin: 0 10px 0 10px;
text-align: center;
float: none;
/*position: relative;*/
width: auto;
white-space: normal;
word-wrap: break-word;
}

#set-title h1 {
margin: 10px 0 10px 0;
/*margin: 0 10px 0 10px;*/
/*font-size: 22px;*/
font-size: 150%;
}
/* set-title_deprecated h3 is used by the photo gallery (sets) page */
#set-title h3 {
margin: 10px 10px 0 10px;
/*font-size: 22px;*/
font-size: 150%;
}

/* galleries */
#gallery-description-right {
/*min-width: 180px;*/
min-width: 200px;
width: 30%;
/*max-width: 25%;*/
float: right;
/*text-align:left;*/
margin-left: 10px;
margin-right: 10px;
/*margin-top: 20px;*/
/*position:relative;
right:0px;*/
}

#gallery-description-image {
    text-align: center;
}

#gallery-description-right .img-link {
    width: 100%;
    max-height: 500px;
    max-width: fit-content;
    text-align:center;
/*    display: block; */
}

#gallery-description-right img {
/*    height: -webkit-fill-available !important; */
    max-width: -webkit-fill-available;
}

#gallery-thumbnails {
/*float: none;*/
/*max-width: 60%;*/
text-align: center;
/*display: inline;*/
}

#gallery-thumbnails img {
/*margin: 10px 0 0 0;*/
margin: 0;
vertical-align: middle;
border: 0px;
/*max-width: 60%;*/
}


.gallery-li12 {
/*float:left;  ONLY for MSIEIE */
float: none;

 /* float:left; is only for MSIE.  for FF and Chrome, it is patched to float:none; by init.js on page load. the problem is that on MSIE, display:inline-block; is broken, so float is an acceptable workaround in that case */

vertical-align: top;
/*margin: 5px 0 5px 0;*/
margin: 15px 0 5px 0;
/*height:150px;*/
height:140px;
/*  height: auto;*/
  width: 130px;
/*
*/

    /* below is the hack to get inline-block support in IE */
    display: inline-block;
/*    zoom: 1;
    *display: inline;*/
}

.gallery-li13 {
/*float:none;*/ /* this line is needed for IE because of the float:left in .gallery-li12 */
text-align:center; /* this line is needed for IE */
vertical-align: top;
width: 130px;
margin: 0;

    /* below is the hack to get inline-block support in IE */
    display: inline-block;
/*    zoom: 1;
    *display: inline;*/

}

.gallery-li14 {
/*float:none;*/ /* this line is needed for IE because of the float:left in .gallery-li12 */
text-align:center; /* this line is needed for IE */
vertical-align: top;
width: 130px;
margin: 0;

    /* below is the hack to get inline-block support in IE */
    display: inline-block;
/*    zoom: 1;
    *display: inline;*/
}


#gallery-title {
/*margin: 0 10px 10px 10px;*/
margin: 0 10px 0 10px;
text-align: center;
float: none;
/*position: relative;*/
width: auto;
}

h1 {
/*font-size: 22px;*/
font-size: 120%;
}

#photo-page-title-above-photo {
    font-size: 150%;
   margin: 0 0 10px 0;
}

#photo-page-title-above-keywords {
    font-size: 150%;
   margin: -30px 0 5px 0;
}

#title {
   margin: 0 0 0 0;
}

#photo-page-center-div h1 {
/*font-size: 150%;*/
text-align: center;
padding: 0;
}

#photo-page-center-div {
/*margin: 0 10px 0 10px;*/
/* margin: 0 10px 0 10px; */
padding: 0;
/*float:left;*/
/*display: inline-block;*/
/*position: relative;*/
width: auto;
/*width: 100%;*/
/*max-width: 500px;*/
/*font-size: 1.8em;*/
/*text-align: center;*/
}


#photo-page-bottom {
margin-left: 10px;
}

#gallery-title h1 {
padding: 0 0 0 0;
margin: 0 10px 10px 10px;
/*font-size: 22px; */
font-size: 150%;
}

/* gallery-title_deprecated h3 is used by the photo gallery (sets) page */
#gallery-title h3 {
margin: 10px 10px 10px 10px;
/*font-size: 22px;*/
font-size: 150%;
}



/*
#img_td {
overflow: hidden;
}
*/


#photo-page-license {
clear:both;
/*margin:15px 0 15px 0;*/
padding:0 0 15px 0;
}

.right-sidebar-wrapper {
display:none;
/*position:relative;*/
/*position:fixed;*/ /* this is currently against adsense policies! */
/*position:absolute;
top:0;
right:0;*/
float:right;
/*bottom:0; */ /* to be usd with position:fixed; */
/*overflow: auto;*/  /* to be usd with position:fixed; */
margin:0;
/*padding: 0 10px 0 0;*/
padding:0;
/*border:1px;
border-style:solid;*/
/*width: 220px;*/
/*width: 0%; */
/*width: 120px; */
/*width: 243px;*/
/*width: 283px;*/
/*width: 200px;*/
/*float: right;*/
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
/*overflow: hidden;*/     /* fix for long non-text content breaking IE sidebar float */
text-align:right; /* why is this one centered by default? */
/*margin-left: 5px;*/
/*font-size: 1em;*/ /* this is a workaround for a bug that i don't understand yet in the translated pages */
}


/* ad container */
#ads-photo-right, #right-sidebar-ads-wrapper {
padding:0;
margin: 10px 10px 20px 0px;
/*margin: 38px 10px 20px 30px;*/
}

/* this one seems to be used only by "recent.html" */
#my-sidebar-wrapper {
/*width: 220px;*/
/*width: 0%; */
/*width: 150px;*/
/*float: right;*/
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
/*text-align:left;*/
/*margin-left: 5px;*/
}

#photo-left-sidebar-wrapper {
padding:0;
/*width: 220px;*/
/*width: 0%; */
/*min-width: 121px;*/
margin: 0 0 0 0;
/*margin: 20px 0 0 0;*/
/*width:120px;*/
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

/* overflow: hidden; causes ie7 to garble the display when the width of the window is reduced */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
/*text-align:left;*/
}

#my-left-sidebar-wrapper {
display:none;
clear:left;
/*width: 220px;*/
/*width: 0%; */
/*min-width: 120px;*/
float: left;
margin: 15px 0 0 0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

/* overflow: hidden; causes ie7 to garble the display when the width of the window is reduced */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */

/*text-align:left;*/
}



/*deprecated by .set-in-gallery */
.set {
/*background: #707070;*/
float: left; 
/*display: inline;*/
text-align: center;
/*  height: auto;*/
  width: 130px;
height: 160px;
margin: 5px 0 5px 0;
}


.setimg {
border: 0;
}

#top-links {
}

.top-link {
/*white-space: nowrap;*/
margin: 0 5px 0 5px;
}


.link-list {
/*      float: left;*/
/*	display:inline;*/
	display:block;
        margin: 0;
        padding: 0;
}

/* (probably) not needed */
.link-list ul {
        margin: 0;
        padding: 0;
        display: inline;
	/*white-space: wrap;*/
	/*float:none;*/
}
.link-list li {
        display: inline;
        list-style: none;
	margin: 0 5px 0 5px;
	/*white-space: nowrap;*/
	/*float:left;*/
}



/* Purchase blocks
----------------------------------------------- */

.purchase-block {
    border: 1px solid #888;
    max-width:400px;
/*    padding: 10px; */
    margin: 10px 0 10px 0;
/*    margin-top:20px;*/
    display:inline-block;
    vertical-align:top;
    text-align: left;
}

/* Footer
----------------------------------------------- */
#footer, .footer {
/*width:660px;*/
width: auto;
clear:both;
margin:0 auto;
/*padding-top:15px;*/
/*line-height: 1.6em;*/
/*text-transform:uppercase;*/
/*letter-spacing:.1em;*/
text-align: center;
/*font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;*/
font-size: small;
margin-bottom: 10px;
}

#my-main-wrapper {
float: left;
align: center;
width: auto;
}


/* deprecated! used in /include/ads/top-ads.shtml, this is the container for both mobile ads and heavy-only ads  */
.ads-top {
text-align: center;
}

/* deprecated! used in /include/ads/top-ads.shtml, this is the container for moth mobile ads and heavy-only ads  */
#top-ads-mobile-and-heavy-container {
text-align: center;
}

/* used in /include/ads/mobile.shtml, this is the container for both mobile ads and heavy-only ads  */
#top-ads-mobile-container {
text-align: center;
margin: 0 0 20px 0;
}

/*.adslot-responsive-heavy-top { width: 100%; height: 100px;}*/
.adslot-responsive-heavy-top { width: 100%;}
.adslot-responsive-heavy-bottom { width: 100%;}

/* normally we would not need this default rule, but if we don't have it, we are unable to determine the width of the adslot using this class */
.adslot-responsive-mobile-top { width: 100%;}
.adslot-responsive-mobile-bottom { width: 100%;}

/* @media (orientation: portrait) { .adslot-responsive-mobile-top { width: 320px; height: 100px; }} */

/* unfortunately (orientation: portrait) is unsupported (or not working) on Mobile Firefox/33 */
/* so we have to se height: 100px; on (min-height:400px) */
@media (orientation: portrait) { .adslot-responsive-mobile-top { height: 100px; }}

/*
@media (orientation: landscape) and (min-height:400px) { .adslot-responsive-mobile-top { width: 320px; height: 100px; }}
*/

@media /*(orientation: portrait) and*/ (min-height:350px) { .adslot-responsive-mobile-top { height: 100px; } } /* this one is to work around the problem with (orientation: portrait) unsupported (or not working) on Mobile Firefox/33 */
@media /*(orientation: portrait) and*/ (min-height:500px) { .adslot-responsive-mobile-top { height: 150px; } }
@media /*(orientation: portrait) and*/ (min-height:700px) { .adslot-responsive-mobile-top { height: 200px; } }
@media /*(orientation: portrait) and*/ (min-height:800px) { .adslot-responsive-mobile-top { height: 250px; } }

/*
@media (orientation: portrait) and (min-width:728px) { .adslot-responsive-mobile-top { width: 100%; height: auto; } }
*/

/*
@media (orientation: portrait) and (min-height:700px) { .adslot-responsive-mobile-top { width: auto; height: auto; } }
*/

#top-ads-heavy-only {
/*margin: 2px 0 15px 2px;*/
margin: 2px 0 15px 2px;
padding: 0;
/*overflow: hidden;*/
/*height:90px;*/
text-align: center;
}

.ads-border {
border: 1px solid #808080;
}

#ads-left {
/*width: 160px;*/
/*max-width: 160px;*/
overflow: hidden;
margin: 5px 12px 20px 2px;
padding: 0; 
}


#gallery-ads-top {
text-align: center;
}

#set-ads-top {
text-align: center;
}


.search-cse {
/*display:none;*/
}

.notranslate {
}

/* anything with class "emitted" (.emitted) is hidden in translated pages.
the style to do that is generated dynamically in init.js
*/

.goog-te-combo {
margin: 0 !important;
}

.goog-logo-link {
display: inline !important;
}

.title-container {
margin: 0 0 10px 0;
}


/* fix js-kit comment input box so that the right border is not clipped */
.jsk-CommentFormSurface {
margin: 0 5px 0 0;
}

#search-thumbnails {
/*	display:none; not a good idea as it would hide them in noscript case */
}

.search-thumbnail-caption {
	display:none;
	clear:left;
        color:#ff8000;
        background:#000;
}

.thumbnail-caption {
	display:none;
	clear:left;
        color:#ff8000;
        background:#000;
}

#print-infos {
text-align: left;
}

.addthis_toolbox a:hover {
color: #000000;
background-color: #000000;
}

/*********************** user comments ******************/

#photo-comments {
display: inline-block;
}

#comments-feed {
clear: right;
margin-bottom: 10px;
}

#user-comments {
/*text-align:left;*/
overflow:hidden;
margin-top: 10px;
    clear: right;
/*width:100%;*/
}

#write-a-comment {
    float: right;
}

.cmnt-description p {
display: block;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin-before: 0;
margin-after: 0;
margin-start: 0px;
margin-end: 0px;
}

/* formatting for the html feed displayed in non-javascript browsers */
#jskit-feed {text-align: left !important;}
.cmnt-permalink {padding: 5px; margin-top: 10px; margin-bottom: 10px;}
.cmnt-item { padding: 5px; border-bottom: 1px dotted gray;}
.cmnt-description { padding: 5px; margin-left: 20px;}
.cmnt-pages { padding: 5px; margin-top: 10px; margin-bottom:10px;}
.cmnt-page-link { padding: 3px;}

.blockMsg {
	border: 0 solid rgba(0, 0, 0, 0) !important;
	background-color: rgba(0, 0, 0, 0) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00404040, endColorstr=#7f404040);
}

.blockOverlay {
	opacity: 0 !important;
}

.transparent-background, .transparent-background:hover {
    background-color: rgba(255, 255, 255, 0.0) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00990000,endColorstr=#00990000); 
    zoom: 1;
}

.semi-transparent-background {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.arrow-container {
	color:#fff;
}

.clickable {
	cursor: pointer;
}

.select-set {
	font-size: 130%;
}

/* a div with the style ads-mobile-container is emited around mobile ads */
.ads-mobile-container {
/*clear:both;*/
text-align:center;
padding: 0;
}

.google-plus-one {
/*display:inline-block;*/
display: none;
width: 80px;
padding:0 0 10px 0;
}

.pinterest-button {
/*display:inline-block;*/
display: none;
padding:0 0 10px 0;
width:90px;
}

/* addthis 32x32 buttons */
.at300b {
/*padding-bottom: 5px !important;*/
padding-left: 4px !important;
padding-right: 4px !important;
}

.addthis_32x32_style {
min-height: 37px;
}

.share-caption {
font-size: 130%;
position:relative;
bottom: 10px;
margin-left: 20px;
}

.commerce-button {
/*font-size: 120%;*/
/*margin: 0 7px 7px 0;*/
margin: 0 0 10px 10px;
display: block;
float: right;
clear: right;
}

.dark-button-deprecated {
/*font-size: 120%;*/
/*margin: 0 7px 7px 0;*/
/*margin: 0 0 10px 10px; */
/*display: block;*/
}

#commerce-container {
position:absolute;
top: 0;
right: 0;
width: 35%;
margin: 10px 10px 0 0;
text-align: right;
}


#overlay-container {
z-index: 3;
}


#overlay-shield {
z-index: 10;
}

#share-container {
z-index: 3;
}

#commerce-container {
z-index: 3;
}

.arrow-container {
z-index: 7;
}

.clickable {
z-index: 8;
}

#title-container {
z-index: 3;
}

#title-background {
z-index: 2;
}

/* prevents the addthis widget from displaying a pop-up that remains after
a share was done with a servive listed in the hover pop-up */
#at_pspromo, #at15pf {
display:none !important;
}

/* prevents the addthis widget from displaying a pop-up that remains after
a share was done with a servive listed in the hover pop-up */
.atm-i {
border: 0 !important;
}

.cmnt-aside {
    font-size: 80%;
    color: #888;
}

.cmnt-author {
float: left;
}

.cmnt-date {
float: right;
color: #888;
}

.cmnt-description {
clear: both;
}

.circled { /* exaemple <div class="circled" >i</div> */
    border-radius: 50%;
    border: 3px solid #fff;
    color: #fff;
    font-weight:bold;

    width:1em;
    height:1em;
    display:inline-block;
    text-align:center;
}

-->