/*
-------------------------------------------------------------------------------
  J  P h o t o - E x p l o r e r

  Copyright (c) 2011 by Dirk S. Grossmann.  All rights reserved.
-------------------------------------------------------------------------------
  Style Sheets for photography pages (dark background).
-------------------------------------------------------------------------------
  $Id$
===============================================================================
*/

body
{
    font-family:                Verdana, Arial, Helvetica, sans-serif;
    font-size:                  11pt;
    background:                 black;
    color:                      white;
    scrollbar-face-color:       #000000;
    scrollbar-shadow-color:     #2D2D2F;
    scrollbar-highlight-color:  #7D7E94;
    scrollbar-3dlight-color:    #7D7E94;
    scrollbar-darkshadow-color: #2D2D2F;
    scrollbar-track-color:      #444444;
    scrollbar-arrow-color:      #C1C1C1;
}

p, table, th, td, ul, ol, dl, div
{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        11pt;
}
input, select
{
    font-family:      Verdana,  Arial, Helvetica, sans-serif;
    font-size:        11pt;
}

/* Top-level navigation styles. */

a.mainNavLink
{
    margin-right:     2.2em;
    text-decoration:  none;
    font-weight:      bold;
    font-size:        11pt;
    font-family:      Georgia, Verdana, serif;
    letter-spacing:   0.1em;
    color:            #FFFFF0;
}
a.mainNavLink:active  { color: #FFFFF0; }
a.mainNavLink:visited { color: #FFFFF0; }
a.mainNavLink:hover   { color: #FFCC33; text-decoration: underline; }

a.imprintLink
{
    text-decoration:  none;
    color:            #CCCCCC;
}
a.imprintLink:active  { color: #CCCCCC; }
a.imprintLink:visited { color: #CCCCCC; }
a.imprintLink:hover   { color: #CC9933; text-decoration: underline; }

/* Document title styles. */

div.clsDocumentBody
{
    font-size:        11pt;
    margin-top:       0.3cm;
    margin-bottom:    0.5cm;
    margin-left:      22px;
    margin-right:     22px;
}
div.clsDocumentBodyNoMargin
{
    font-size:        11pt;
    margin-top:       0.3cm;
    margin-bottom:    0.5cm;
}
div.clsDocumentBody td, div.clsDocumentBody th
{
    font-size:        11pt;
}
div.clsDocumentBodyWide
{
    font-size:        11pt;
    margin-top:       1cm;
    margin-bottom:    0.6cm;
    margin-left:      22px;
    margin-right:     22px;
}

.clsBreadcrumbs
{
    font-size:        10pt;
    margin-left:      0;
    margin-top:       0.1cm;
    margin-bottom:    0.6cm;
    background:       black;
    color:            white;
}

/* Headline styles. */

h1
{
    font-family:      Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size:        18pt;
    font-weight:      bold;
    color:            #CCCCCC;
}
h2
{
    font-family:      Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size:        16pt;
    font-weight:      bold;
    color:            #CCCCCC;
}
h3
{
    font-family:      Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size:        14pt;
    font-weight:      bold;
    color:            #CCCCCC;
}
h4
{
    font-family:      Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size:        12pt;
    font-weight:      500;
}

/* Link styles. */

a
{
    text-decoration:  none;
    font-weight:      normal;
    color:            #B0B0FF;
}
a:active  { color:    #CC9933; }
a:visited { color:    #B0B0FF; }
a:hover   { color:    #CC9933; text-decoration: underline; }

/* Pre-formatted text styles. */

pre, code, kbd, tt { font-family: "Andale Mono", monospace; }

table, td { 
    border-spacing:   0;
    border-collapse:  collapse;
}

/* List styles. */

dt
{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    margin-top:       0.2cm;
}

li
{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    margin-top:       0.1cm;
}
ul li
{
    list-style-image: url(images/bullet-w.gif);
    list-style-type:  square;
}
ul ul li, ol ul li
{
    list-style-image: none;
    list-style-type:  circle;
}

.liTriangle
{
    list-style-image: url(images/index-arrow-right.gif);
    list-style-type:  square;
    padding-top:      0.3em;
    padding-left:     0.3em;
}

/* Illustration images styles. */

.cFLeft  { float: left; margin-right: 2em; }
.cFRight {
    float:            right;
    margin-left:      2em;
    margin-right:     0;
}

.framedPhoto
{
    background-color: black;
    border:           #777777 1px solid;
    padding:          2px;
}

.photoTitle
{
    margin-top:       0.2em;
    background-color: black;
    color:            #CCCCCC;
    font-size:        10pt;
}

/* Paragraph styles */

.clsParagraph { margin-top: 0.5cm; }

.cParHead
{
    font-family:      Georgia, Verdana, serif;
    font-weight:      bold;
    font-style:       italic;
}

.clsLessTop
{
    margin-top:       0.2cm;
    margin-bottom:    0cm;
}
.clsNoTop
{
    margin-top:       0cm;
    margin-bottom:    0cm;
}
.clsIntro
{
    margin-top:       0.2cm;
    margin-bottom:    0cm;
    line-height:      13pt;
}

.clsIndented
{
    margin-top:       0.3em;
    margin-left:      4em;
    margin-bottom:    0.2cm;
}
.clsSidenote
{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        10pt;
/*  border:           #999999 solid;
    border-width:     2;
    background-color: #E0E0E0;*/
    color:            #333333;
    margin-left:      1cm;
    margin-right:     1cm;
}

/* Class "cSmall": Used for small text. */

.cSmall
{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        9pt;
}

/* Index table styles. */

.photoIndexCell
{
    background-color: #252525;
    padding:          0.7em;
    border-top:       #444444 solid 1px;
    border-left:      #444444 solid 1px;
    border-right:     #151515 solid 1px;
    border-bottom:    #151515 solid 1px;
    white-space:      nowrap;
    font-size:        10pt;
}
.photoIndexCell:hover
{
    background-color: #3A3A3A;
}

.photoIndexImageCell
{
    background-color: #252525;
    padding:          0.7em;
    border-top:       #444444 solid 1px;
    border-left:      #444444 solid 1px;
    border-bottom:    #151515 solid 1px;
    white-space:      nowrap;
    font-size:        10pt;
}

.photoIndexTextCell
{
    background-color: #252525;
    padding:          0.7em;
    border-top:       #444444 solid 1px;
    border-right:     #151515 solid 1px;
    border-bottom:    #151515 solid 1px;
    white-space:      nowrap;
    font-size:        10pt;
}

/* Image overview navigation tab table. */

.overviewTabCell
{
    border-bottom:    #CC6600 1px solid;
    padding-bottom:   0.2em;
    white-space:      nowrap;
}

.overviewTabActiveCell
{
    background-color: #252525;
    background-image: url(images/index-tab-bg.gif);
    background-repeat:repeat-x;
    background-position: top;
    border-bottom:    #CC6600 1px solid;
    padding-bottom:   0.2em;
    white-space:      nowrap;
}

.overviewTabActiveLMCell
{
    width:            10px;
    background-color: #252525;
    background-image: url(images/index-tab-left.gif);
    background-repeat:no-repeat;
    background-position: top;
    border-bottom:    #CC6600 1px solid;
    padding-bottom:   0.2em;
    white-space:      nowrap;
}

.overviewTabActiveRMCell
{
    width:            10px;
    background-color: #252525;
    background-image: url(images/index-tab-right.gif);
    background-repeat:no-repeat;
    background-position: top;
    border-bottom:    #CC6600 1px solid;
    padding-bottom:   0.2em;
    white-space:      nowrap;
}

.overviewTabActiveText
{
    font-family:      Georgia, Verdana, Arial, Helvetica, sans-serif;
    color:            #FFD0AA;
    font-weight:      bold;
    font-size:        17pt;
}

.overviewTabBottomCell
{
    border-top:       #CC6600 1px solid;
    padding-top:      0.3em;
    white-space:      nowrap;
}

/* Single file page styles. */

.photoNavigationCell
{
    background-color: #202020;
    padding:          0.8em;
    /*border-left:      #404040 solid 1px;
    border-top:       #404040 solid 1px;
    border-right:     #121212 solid 1px;
    border-bottom:    #121212 solid 1px;*/
    font-size:        10pt;
}
.photoNavigationCell:hover
{
    background-color: #3A3A3A;
}

.photoNavigationStripe
{
    margin-top:       1.5em;
    padding-top:      3px;
    padding-bottom:   3px;
    padding-left:     22px;
    padding-right:    22px;
    background-color: #202020;
    border-top:       #404040 solid 1px;
    border-bottom:    #121212 solid 1px;
    font-size:        10pt;
}
.photoNavigationCell:hover
{
    background-color: #3A3A3A;
}

.imageCopyright
{
    font-size:        9pt;
}

img.resizeWidth100
{
    width:            100%;
    height:           auto;
}