p.align-left{ text-align: left; }
p.align-right{ text-align: right; }
p.align-center{ text-align: center; }
p.align-full{ text-align: justify; }

hr { clear: both; }

div.figure { margin-top: 4px 0 3px 0; }

  img.styled, .figure-styled img, .figure-styled a img { border: 1px solid #ccc; background-color: white; padding: 5px; }
  a:hover img.styled, .figure-styled a:hover img { border-color: #888; }
  #page div.figure-captioned img, #page div.figure-credited img { border-bottom: none; padding-bottom: 0; vertical-align: bottom; }

  div.figure p.credit { text-align: right; color: #666; border: 1px solid #ccc; border-top: 0; padding: 2px 5px 2px 5px; margin: 0; font-size: 0.75em; font-family: tahoma, arial, sans-serif; background-color: #fff; }
  div.figure p.credit cite { font-style: normal; }
  div.figure-captioned p.credit { border-bottom: 0; padding-bottom: 1px; }

  div.figure p.caption { color: #444; padding: 3px 5px 4px 5px; margin: 0; font-size: 0.9em; font-family: tahoma, arial, sans-serif; }
  div.figure p.caption em { font-style: normal; font-weight: bold; }
  div.figure-styled p.caption { border: 1px solid #ccc; border-top: none; background-color: white; }

img.align-left, div.figure-align-left { float: left; margin-top: 0; margin-bottom: 0; clear: left; padding-top: 0.4em; padding-right: 16px; padding-bottom: 16px; background-color: #fff; }
img.align-right, div.figure-align-right { float: right; margin-top: 0; margin-bottom: 0; clear: right; padding-top: 0.4em; padding-left: 16px; padding-bottom: 16px; background-color: #fff; }
img.align-center, div.figure-align-center { display: block; margin: 1em auto; text-align: center; }
img.align-center, div.figure-align-center { display: block; margin: 1em auto; text-align: center; }
div.figure-align-center p.credit { margin: 0 auto; }
div.figure-align-center p.caption { margin: 0 auto; }
  /*div.figure-align-center { display: block; margin: 1em auto; }*/


div.album { margin: 1em 0; clear: both; }
  div.album h4 { margin: 0; margin-top: 0.5em;}
  body div.album ul { margin: 0; list-style: none; padding: 0; border: none; }
    body div.album ul li, body #content div.album ul li { float: left; margin: 0; list-style: none; padding: 1px 2px 2px 2px; background: transparent; }
    div.album li div.figure { margin: 0; }

/* yyModal */

  #yyModal-close { background: url(css/close.png) 0 0 no-repeat; width: 26px; height: 26px; cursor: pointer; right: 3px; top: 3px; }
  #yyModal-close.hidden { display: none; }
    #yyModal-close a { display: none; }
    #yyModal-content img { background: url(css/bigrotation2.gif) 50% 50% no-repeat; }

