/*<!--disabled  @import url(http://www.google.com/cse/api/branding.css); -->*/

/* begin #include virtual="/css/style.css" */
<!--
/*
-----------------------------------------------
Blogger Template Style
Name:     Minima Black
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#000">
<Variable name="textcolor" description="Text Color"
type="color" default="#ccc">
<Variable name="linkcolor" description="Link Color"
type="color" default="#9ad">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#ccc">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#777">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#ad9">
<Variable name="bordercolor" description="Border Color"
type="color" default="#333">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#777">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#999">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#a7a">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/

/* Use this with templates/template-twocol.html */
body {
background:#000000;
margin: 0;
color:#ffffff;
/*font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;*/
font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size: small;
/*text-align: center;*/
/*position: absolute;
top: -10px;*/
}
a:link {
color:#ffa000;
text-decoration:underline;
font-weight: bold;
}
a:visited {
color:#ffa000;
text-decoration:underline;
}
a:hover {
/*color:#ff8000;*/
text-decoration:underline;
color: #000000;
background-color: #ffa000;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/
#header-wrapper {
/*width:660px;*/
/*margin:0 auto 10px;*/
margin:0 0 0 0;
padding:0 0 0 0;
/*border:1px solid #000000;*/
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
margin:0 0 0 0;
padding:0 0 0 0;
}
#header {
/*margin: 5px;*/
/*border: 1px solid #000000;*/
text-align: center;
color:#ffffff;
margin:10px 0 10px 0;
padding:0 0 0 0;
}
#header h1 {
/*margin:5px 5px 0;*/
/*padding:15px 20px .25em;*/
/*line-height:1.2em;*/
/*text-transform:uppercase;*/
letter-spacing:.2em;
font: normal bold 156% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
margin:0 0 0 0;
padding:0 0 0 0;
}
#header h2 {
/*margin:5px 5px 0;*/
/*padding:15px 20px .25em;*/
/*line-height:1.2em;*/
/*text-transform:uppercase;*/
letter-spacing:.2em;
font: normal bold 156% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
margin:0 0 0 0;
padding:0 0 0 0;
}
#header a {
color:#ffffff;
text-decoration:none;
}
#header a:hover {
color:#ffffff;
}
#header .description {
/*margin:0 5px 5px;
padding:0 20px 15px;*/
/*max-width:700px;*/
/*text-transform:uppercase;*/
letter-spacing:.2em;
/*line-height: 1.4em;*/
/*font: normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif;*/
font: normal bold 156% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
color: #ffffff;
margin:0 0 0 0;
padding:0 0 0 0;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
/*width: 660px;*/
margin:0 auto;
/*padding:0 10px 0 10px;*/
/*padding:0 60px 0 10px;*/
text-align: left;
font: normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
}
#main-wrapper {
/*width: 410px;*/
/*width: 90%;*/
/*float: center;*/
/*float:right;*/
padding:0 10px 0 20px;
/*margin: 0 60px 0 10px;*/
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 */
/*align: center;*/
text-align: left;
/*padding:0 20px;*/
}


/* Headings
----------------------------------------------- */
/*************
h2 {
margin:1.5em 0 .75em;
font:normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#ffffff;
}
***************/

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: #ffffff;
line-height: 1.5em;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget, .main .widget {
border-bottom:1px dotted #000000;
/*  margin:0 0 1.5em;
padding:0 0 1.5em;*/
}
 
-->



/* end #include virtual="/css/style.css" */

/* begin #include virtual="/css/menu.css" */
<!--
/* header menu */
#menu xxx{	
	/*clear: both;*/
	margin: 0; 
	padding: 0; 
/*	padding: 10px 0 0 0;		*/
	/*width: 770px;	*/	
/*	background:$bgcolor*//*url(./images/sitewide/wrap-bg.jpg) repeat-y*/;
	/*float: left;*/
   	border-top: 0 solid #FFF;
}

#menu {
      display:block;
      /*width: 728px;*/
      /*border-style:solid;
border-width:1px; */
/*      float: left;*/
      clear:left;

    /*min-height: 35px;*/ /* to prevent vertical expension when google translate loads */
    /*white-space: nowrap;*/
    /*overflow: hidden;*/

}

#menu ul {
/*	font: bolder 14px 'Trebuchet MS', sans-serif;*/
	font-size: 130%;
	
	/*width: 740px;*/
	color: #FFF;
	/*background-color: $bgcolor;*/		 	
	margin: 0 0;
	padding: 0;
	/*display: inline;*/
	border-bottom: 0 solid #FFF;
	/*float: left;*/
}
#menu li {
	/*float: left;*/
	vertical-align: middle;
	list-style: none;
	margin-right: 4px;

    display: inline-block;
	background: #666;
}

#menu a {
        margin-right: -4px;
}

#menu li a {
	display: block;
	padding: 0 4px;	
	color: #FFF;	
	text-decoration: none;	
	overflow:hidden;
	white-space: nowrap;
}
#menu li a:hover {
	background: #888;
	color: #FFF;
}
#menu li a#current  {
	background: #404040;
	color: #FFF;
}


-->
/* end #include virtual="/css/menu.css" */

/* begin #include virtual="/css/mystyles.css" */
<!--

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

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


.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;

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



.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, .white-button a, .white-button a:link, .gallery-button, .gallery-button a, a.gallery-button, a.gallery-button:link, a.gallery-button:visited, .keyword, .keyword 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:hover, .white-button *:hover, .gallery-button:hover, a.gallery-button:hover, .gallery-button *:hover, .keyword:hover, .keyword *: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";
} 
*/

.setlist {
margin:15px 0 20px 0
}

.setlist  ul{
/*margin: 5px 0 0 0; */
margin: 5px 0 0 20px !important;
/*padding: 0 0 0 20px !important;*/
list-style-type: disc !important;
}
.setlist li{
margin: 0 0 10px 5px; 
}
.setlist p {
/*font-weight: bold; */
margin: 10px 0 0 0; 
}

/***********************************/

#tag-list-container {
    margin: 30px 0 0 0;
    padding: 0 0 0 0;
}


#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 {
}


.gallery-button {
/*font-weight: bold; */
word-wrap: normal;
}

.navigation-button {
font-size:150%;
}

/* each taglist3 search keyword is in a <span> */
.taglist3 span-deprecated {
/*width: 115px;*/
font-weight: bold; 
text-decoration: underline;
font-style:normal;
cursor: hand;
/*color: #ffffff;*/
/*margin-right: 10px;*/
padding: 0 5px 0 5px;
margin: 5px 0 5px 0;
}



/***********************************/

.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;
}

/* each taglist2 search keyword is in a <span> */
.taglist2 span-deprecated {
/*width: 115px;*/
font-weight: bold; 
text-decoration: underline;
font-style:normal;
cursor: hand;
/*color: #ffffff;*/
background-color: #505050;
/*margin-right: 10px;*/
padding: 0 5px 0 5px;
margin: 5px 0 5px 0;
}

.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;
}

/* deprecated */
#set-description-right {
min-width: 180px;
width: 25%;
/*max-width: 25%;*/
float: right;
/*text-align:left;*/
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
/*position:relative;
right:0px;*/
}

#set-description-left {
min-width: 150px;
width: 30%;
/*max-width: 25%;*/
float: left;
clear:left;
/*text-align:left;*/
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
/*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-large {
    position:absolute;
    top:0;
    left:0;
}

#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 {
    border: none /*!important*/;
	/*clear: both;*/
	/*overflow: hidden;*/
	/*position: relative;*/

    /* below is the hack to get inline-block support in IE */
    display: inline-block;
/*    zoom: 1;
    *display: inline; */
}

#photo-page-img-container {
    position: relative;
}

#photo-page-img {
    position: relative;
    z-index: 1;
}

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

.thumbnail-medium {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
display: none;
}


#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;
}
/* set-title_deprecated h3 is used by the photo gallery (sets) page */
#set-title h3 {
margin: 10px 10px 0 10px;
font-size: 22px;
}

/* galleries */
#gallery-description-right {
/*min-width: 180px;*/
min-width: 80px;
width: 25%;
/*max-width: 25%;*/
float: right;
/*text-align:left;*/
margin-left: 10px;
margin-right: 10px;
/*margin-top: 20px;*/
/*position:relative;
right:0px;*/
}

#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;

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

#photo-page-center-div h1 {
font-size: 150%;
text-align: center;
margin: 0 0 0 0;
padding: 0;
}

#gallery-title h1 {
padding: 0 0 0 0;
margin: 0 10px 10px 10px;
font-size: 22px;
}

/* gallery-title_deprecated h3 is used by the photo gallery (sets) page */
#gallery-title h3 {
margin: 10px 10px 10px 10px;
font-size: 22px;
}

#photo-page-center-div {
/*margin: 0 10px 0 10px;*/
margin: 0 0 0 10px;
padding: 0;
float:left;
/*display: inline-block;*/
/*position: relative;*/
/*width: 100%;*/
max-width: 500px;
/*font-size: 1.8em;*/
/*text-align: center;*/
}


#photo-page-center-div-deprecated h1 {
text-align: center;
font-size: 22px;
margin: 10px 0 0 0;
padding: 0;
/*margin-bottom: 7px;*/
/*clear:both;*/
}

/*
#img_td {
overflow: hidden;
}
*/


#photo-page-license {
clear:both;
/*margin:15px 0 15px 0;*/
padding:0 0 15px 0;
}

/* deprecated */
#photo-right-sidebar-wrapper-deprecated {
/*display:none;*/
position:relative;
top:0;
right:0;
bottom:0;
overflow: auto;
margin:0;
/*padding: 0 10px 0 0;*/
padding:0;
/*border:1px;
border-style:solid;*/
float:right;
/*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 */
}

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


#photo-right-ads-deprecated {
padding:0;
/*text-align: right;*/
/*margin: 20px 0 0 0;*/
margin:0;
width: 200px;
}

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


#embedimg {
/*	  position: relative;*/
	  /*display:none;*/
	  margin-top:5px;
	  /*margin-right:70px;*/
	  padding:15px;
/*	  padding-right:80px;*/
	  background-color:#000000;
	  color:#ffffff;
	  border:1px;
	  border-style:solid;
	  text-align:left;
}
#embedimg p {
	  font-size: 17px;
	  margin: 0 0 0 0;
	  padding-top:0px;
}


.embedimg-textarea-class {
    direction: ltr !important;
    text-align: left !important;
    word-wrap: break-word; 
	  border:1px solid;

 /*WARNING: "position: relative" AND "overflow:hidden"  triggers a positionning bug in IE7, when this element appears after a widget like JS-Kit Echo */
/*	  position: relative;
	overflow:hidden;
*/

	/* that is supposed to emulate wrap="virtual" */
/*   overflow-x: scroll;*/
	/*white-space:pre; */
	/*overflow:auto;*/
/*overflow-x: hidden; overflow-y: scroll;*/

	padding:2px;
/*	font-size:12px;
*/


/*	border:1px solid #CCCCCC;
	border-top:2px solid #CCCCCC;
*/
}

#embedimg-textarea {
    direction: ltr !important;
    text-align: left !important;
    word-wrap: break-word; 
    overflow:hidden;
	  border:1px;
	  border-style:solid;
	  position: relative;
/*	width:100%;*/
/*	height:60px;*/
	/* that is supposed to emulate wrap="virtual" */
/*   overflow-x: scroll;*/
	/*white-space:pre; */
	/*overflow:auto;*/
/*overflow-x: hidden; overflow-y: scroll;*/

	padding:2px;
/*	font-size:12px;
*/
	overflow:hidden; 
/*	border:1px solid #CCCCCC;
	border-top:2px solid #CCCCCC;
*/
}

#embedimg-trailer {
	  font-size: 18px;
/*padding-top:5px;font-size:12px;line-height:16px;*/
}


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

#my-main-wrapper {
float: left;
align: center;
width: auto;
}

#photo-description {
text-align: left;
}

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

#user-comments {
/*text-align:left;*/
overflow:hidden;
/*width:100%;*/
}


.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;
}

#maps-container {
/*display:none;*/
}

/* fix js-kit comment input box so that the right border is not clipped */
.jsk-CommentFormSurface {
margin: 0 5px 0 0;
}

.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;
}

.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;
}

#commerce-container {
position:absolute;
top: 0;
right: 0;
width: 35%;
margin: 10px 10px 0 0;
text-align: right;
}

/*
#overlay-container {
z-index: 9;
}
*/

#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-author {
float: left;
}

.cmnt-date {
float: right;
color: #888;
}

.cmnt-description {
clear: both;
}

-->
/* end #include virtual="/css/mystyles.css" */

/* begin #include virtual="/css/cookie-consent.css" */


#cookie-consent {
    text-align:center;
}

.cookie-consent {
    color: #aaa;
}

.cookie-consent a:link {
color:#aaa;
text-decoration:underline;
font-weight: bold;
}

.cookie-consent a:visited {
color: #aaa;
text-decoration:underline;
}

.cookie-consent a:hover {
text-decoration:underline;
color: #000000;
background-color: #aaa;
}

/*
.cookie-consent-close a:hover {
color: #000;
background-color: #aaa;
}
*/

/* end #include virtual="/css/cookie-consent.css" */

			#modal-overlay {
				position:fixed; 
				top:0;
				left:0;
				width:100%;
				height:100%;
				background:#000;
				/*
				opacity:0.5;
				filter:alpha(opacity=50);
				*/
				opacity:0.6;
				filter:alpha(opacity=60);
				z-index: 2000;
			}

			#modal {
				position:fixed;
				background:url(http://www.loupiote.com/myicons/modal-tint20.png) 0 0 repeat;
				/*background:rgba(0xff,0xff,0xff,0.8);*/
		
				background:#fff;
				border-radius:14px;
				padding:8px;
				z-index: 2001;
				overflow: auto; /* allow scrolling if overflow */
                                margin: 0;
				width: auto;
				height: auto;
			}

			#modal-content {
				border-radius:8px;
/*				background:#fff;*/
				background:#000;
				/*padding: 0 20px 20px 20px;*/
				padding: 20px;
				position:static;
				overflow: auto; /* allow scrolling if overflow */
				/*height: 100%;*/
			}

			#modal-close {
				position:absolute;
				background:url(http://www.loupiote.com/myicons/modal-close.png) 0 0 no-repeat;
				width:24px;
				height:27px;
				display:block;
				text-indent:-9999px;
				top:0px;
				right:0px;
				z-index: 2002;
			}


/* begin #include virtual="/css/js.css" */
/* no more js-kit! #include virtual="/css/js.css" */
/* end #include virtual="/css/js.css" */