/* --- simple code to hide the menu -- */
/* -- by arjun -- */
body table td a img { display:none;} 
.thumbnails table img {display:none;}
table img {display:block;}
.display,.display img {display:block;}
.thumbnails table,.thumbnails table img, .display,p.small{ 
display: inline;} 
body div.galleryheader table td a img {display:inline;}

#inline_slideshow {
  width: 400px;
  height: 205px;
}
#inline_slideshow * {
  text-align: center;
  vertical-align: middle;
}


.caption
{
  font-size : 8pt;
  color : #505050;
  font-style : normal;
}

.galleryheader
{
  text-align: center;
}

body {
font-family: Verdana, Tahoma, Helvetica;
color:black;
font-size: 12pt;
text-align: center;
background-color:white;

}

DIV,TH,TR,TABLE,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5, CENTER
{
  font-family: Verdana, Tahoma, Helvetica;
  font-size: 9pt; 
  font-weight: normal;
  color: #404040;
}

font
{ 
  font-family: Verdana, Tahoma, Helvetica;  
  color: #404040;
  background-color: white;   
  letter-spacing: 3px; 
  font-size: 8pt;
}

h2
{ 
  border-top: rgb(230, 230, 230) 1px solid;
  font-size: 22px;
  font-weight: normal; 
  text-align: center;
  letter-spacing: 10px; 
  padding-top: 15px;
  padding-bottom: 10px; 
  margin-left: 0px;
  margin-right: 0px; 
  background-color: white;
  color: rgb(120,120,120);
  text-transition:capitalize;
  font-variant:small-caps;
}


A, TD.A, A:link 
{
  color:           #000080;
  background-color: white; 
  text-decoration: none;
}

A:hover
{ 
  color: #0000ff; 
  background-color: white;
  text-decoration: underline; 
}

A:visited 
{
  color: #000050; 
  background-color: white;
} 

A:active 
{ 
  color: blue; 
  background-color: white;
}

TD.thumbnail 
{
  vertical-align : middle;
  color: white;
  background : white;
  text-align: center; 
  border-style : solid;
  border-width : 1px;
  border-color : #aaaaaa;
  width: 160px;
  max-width: 160px;
}

img.thumbnail
{
  border-style : double;
  border-width : 4px;
  border-color : #aaaaaa;
}

IMG.display 
{
  border: 18pt solid white;
} 

.image td a 
{
  display: block; 
  border: 1pt solid black;
} 

.sp {
        font-size:20pt;
        font-weight : bold;
        color : #ffffff;
        background-color : #505050;
}
.ma {
        font-size:14pt;
        font-weight : bold;
        color : #ffffff;
        background-color : #505050;
}

.sb 
{
        font-size: 7pt;
        font-weight : normal;
        color : #808080;
        background-color : white;
        border: 0;
}

.lid, .lil
{ 
  font-size: 7pt;
  color : #808080; 
  background-color : white; 
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1
}

.mi {
        font-size:10pt;
        color : #ffffff;
        background-color : #505050;
}
.co {
        color : #ffffff;
        background-color : #505050;
}
.me {
	text-align : left;
	color : #000000;
	background-color : #ffffff;
}
.wb { 
        font-size: 10pt; 
        color: #000000; 
        background-color: #FFFFFF; 
        font-weight: normal
}

#commentlist .from 
{
  color: #404040;
  background-color: white;
  font-weight: bold;
  font-size: 8pt;
  padding: 1px;
}                                                                                
#commentlist .message_body 
{
  color: #404040;
  background-color: white;
  font-size: 8pt;
  border-bottom:#aaaaaa 1px solid;
  padding: 1px;
}

.location
{
  font-size: 11pt;
  text-align: center;
  font-weight: normal;
}

#inline_slideshow
{ 
  border-style : double;
  border-width : 4px;
  border-color : #aaaaaa;
}


#linkedsubgalleries
{
  font-size: 8pt;
}

.othersizes 
{
  font-size: 8pt;
  color: #808080;
}

.camera, .exif
{
  font-size: 7pt;
  font-style: normal;
  color: #808080;
}

.date,.artist 
{
  font-size: 8pt;
  font-weight: normal;
}

.title
{
  text-transition: capitalize;
  font-variant:small-caps;
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 1px;
}

#voteContainer
{
  font-size: 8pt;
}

.thumbnail b
{
  font-size: 10pt;
  font-weight: normal;
  font-variant:small-caps;
}

#localmenu td
{
  font-family: Verdana, Tahoma, Helvetica;
  font-size: 10pt; 
  font-weight: normal;
  font-variant:small-caps;
}

#localmenu a
{
  font-weight: normal;
}

.treepath
{
  font-size: 9pt; 
  font-weight: normal;
}

#slideshow a
{
  font-weight: normal;
  font-size: 8pt;
}

BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(https://www.edouardsteru.com/photos/368569146_UFSqw-L.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingmethod=image,src='https://www.edouardsteru.com/photos/368569146_UFSqw-L.png');
}

.homepage #my_banner {
    display: block;
}

#bioBox .photo {
  display: none;}

#bioText {display: none;}

#userBio {text-align: center !important;}
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

#breadcrumb {
  display: none;}



/* CSS Dropdown Nav Bar */
/* Original code by Stu Nicholls of */
/* https://www.cssplay.co.uk/ */
/* Edited by me for content, formatting and some elements */
/* Please help support CSSPlay at: */
/* https://www.cssplay.co.uk/support.html */

            /* Common Styling */
.menu {
      position: relative;
      display: block;
      z-index: 99;
      padding: 20px 0px 20px 50px; /* spacing around menu - top right bottom left */
      height: 20px;   /* menu container (div .menu) */
      width: 700px;   /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
      margin: 0 auto; /* this should center navbar, if not tweak with left's below */
}

.menu ul {
      padding: 10px 0px 10px 0px;  /* this effects menu centering if too big */
      margin:0 auto;              /* this maybe not needed?  */
      list-style-type: none;
}

.menu ul li {
   /* margin: 0 2px 0 2px;  */  /* adds space between main menu boxes */
      float:left;    /* WARNING: float right reverses menu */
      position:relative !important;   /*  ***** Carbonite fix ***** */
}

.menu ul li a, 
.menu ul li a:visited {
      display: block;
      font-size: 1em;         /* main buttons */
      color: black;           /* main buttons text non-hover*/
      text-decoration:none;
      text-align: center;     /* centers text in buttons */
      width: 100px;           /* main box width */
      height: 20px;           /* main box height */
      border: 1px solid  red;  /* start your design with borders on, easier to position DD's & FO's */
      border-width: 1px 1px 1px 1px;
      background: ;    /* main button color */
      padding-left: 5px;
      line-height: 20px;      /* positions text up/down in box */
}


* html .menu ul li a, .menu ul li a:visited {
      width: 104px; w\idth: 104px;      /* IE main button */
}

.menu ul li ul {
      display: none;}

       /*                             */
       /* Specific to Non-IE browsers */
       /*                             */

.menu ul li:hover a { 
      color: blue;       /* main when hover DD */
      background: white;  /* main when hover DD */
}

.menu ul li:hover ul {
      display: block;
      position: absolute !important;    /*  ***** Carbonite fix ***** */
      top: -4px;            /* FF DD up down */
      margin-top: 17px;     /* FF main mouse active vertical */
      left: 0px;            /* FF DD right left */
      width: 104px;         /* unknown */
}

.menu ul li:hover ul li ul {
      display: none;
}

.menu ul li:hover ul li a {
      display: block;
      background: #8B8989;  /* DD FO non-hover */
      color: white;           /* DD FO non-hover */
      height: auto;
      line-height: 20px;      /* DD FO box height */
      padding: 0px 2px;
      width: 100px;            /* DD FO box width */
}

.menu ul li:hover ul li a:hover {
      background: red;     /* DD FO hover */
      color: white;      /* DD FO hover */
}

.menu ul li:hover ul li:hover ul {
      display: block;
      position: absolute;
      left: 102px;           /* FF FO right left  */
      top: -27px;            /* FF FO up down  */
      width: 146px;          /* FF FO box width */
}

      /*                             */
      /*   Specific to IE browsers   */
      /*                             */

.menu ul li a:hover {
   /* text-decoration: none;  */  /* might be needed */
      color: white;               /* main hover */
      background:red;        /* main hover */
}

.menu ul li a:hover ul {
      display: block;
      position: absolute !important;    /*  ***** Carbonite fix ***** */
      top: 2px;                /* DD container up down */
      background: none;        /* gets rid of DD container */
      margin-top: 7px;         /* DD container up down */
      left: 0px;               /* DD right left */
}

.menu ul li a:hover ul li a {
      display: block;
      background: white;        /* IE DD color non-hover */
      color: red;               /* IE DD color non-hover */
      height: auto;
      line-height: 20px;        /* IE DD FO box height */
      padding: 0px; 
      width: 145px;             /* IE DD FO box */
}

.menu ul li a:hover ul li a ul {
      visibility:hidden;
      position:absolute;
      height: 0;
      width: 0;
}

.menu ul li a:hover ul li a:hover {
      background: blue;                  /* DD FO hover includes menu 6 */
      color: gold;                   /* DD FO hover includes menu 6  */
}

.menu ul li a:hover ul li a:hover ul {
         display: block;
         position: absolute;  
         top: -22px;                    /*   FO up down    */
         color: #000000;                /*   unknown       */
         left: 147px;                   /*   FO right left */
} 

          /*ADD TO FIX IE*/
          /* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {
         width: 125px; 
         w\idth: 139px;
}

    /* another hack for IE5.5 */

* html .menu ul ul {
         top: 30px;
         t\op: 31px;       /* IE gap between main bar and the dropdown items */
}

          /* style the table so that it takes no part in 
             the layout - required for IE to work */
.menu table {
         position:absolute;
         top:auto 0; left:0;
}

      /* yet another hack for IE5.5 */

* html .menu ul ul a {
         width: 125px;             /* unknown */
         w\idth: 104px;             /* DD FF width */
}

         /*END EXTRA ADDS FOR IE*/

          /* ADD TO HIDE EXTRA LEVELS */
          /* make the 2nd level visible when 
             hover on 1st level list OR link */
.menu ul a:hover ul,  /* IE */
.menu ul:hover ul {   /* FF */
         visibility:visible; 
}

          /* keep the 3rd level hidden when you 
             hover on 1st level list OR link */
.menu ul a:hover ul ul,  /* IE */
.menu ul:hover ul ul {   /* FF */
         visibility:hidden;
}

          /* keep the 4th level hidden when you 
             hover on 2nd level list OR link */
.menu ul li a:hover ul li a:hover ul ul,  /* IE */
.menu ul li:hover ul li:hover ul ul {     /* FF */
         visibility:hidden;
}

         /* make the 3rd level visible when you hover 
            over 2nd level list OR link */
.menu ul a:hover ul a:hover ul,   /* IE */
.menu ul:hover ul:hover ul {      /* FF */
         visibility:visible;
}

         /* make the 4th level visible when you 
           hover over 3rd level list OR link */
.menu ul li a:hover ul li a:hover ul li a:hover ul,   /* IE */
.menu ul li:hover ul li:hover ul li:hover ul {        /* FF */
         visibility:visible;
}

 /* ==== END NAVBAR CODE ==== */ 






       /* ============    Advanced option     =============== */
       /*   The following code allows the right most menu     */
       /*   item dropdown flyouts to fly out to the left.     */
       /* Also need to assign the classes in the header code. */
       /*    and        */
       /*    i.e                           */
       /*                [if .......                     */
       /* =================================================== */

         /* FF right most menu box dropdown/flyout */
.menu ul li:hover ul.main6DD li a {
      display:block;
      background: gray;        /* DD FO non-hover FF */
      color: white;            /* DD FO non-hover FF */
      height: auto;
      line-height: 20px;       /* DD FO box height */
      padding: 0px 0px;
      width: 100px; }          /* DD box width */

          /* IE right most menu box dropdown/flyout */
.menu ul li a:hover ul.main6DD  li a, 
.menu ul li a:hover ul.main6FO  li a, {
      width: 100px;              /* IE DD FO box */
      background: gray;       /* DD FO non-hover IE */
      color: white; }           /* DD FO non-hover IE */

          /* right most menu box dropdown */
.menu ul li:hover ul.main6DD {
      left: 0px;}               /* FF DD move right left */
.menu ul li a:hover ul.main6DD {
      left: 0px;}               /* IE DD move right left  */

          /* right most menu box flyout */
.menu ul li:hover ul li:hover ul.main6FO {
      left: -102px;}             /* FF FO move right left  */
.menu ul li a:hover ul li a:hover ul.main6FO {
      left: -102px;}             /* IE FO move right left  */

.menu ul li:hover ul.main6DD li a:hover {
      background: red;          /* DD FO hover FF */
      color: white;}            /* DD FO hover FF */


 /* ==== END NAVBAR OPTIONAL CSS CODE ==== */ 




BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }