/* A List Apart 3.0 layout - alistapart.com */
        /* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2003 Happy Cog Studios and may not be reproduced. */
        /* Last update: 19 January 2005. */

        /*  General rules */
a.splashImage:visited {
        color: #888;
}
        

        /*  Establish general layout parameters */

body    {
        background: #000;
        color: white;
        margin: 0;
        padding: 0;
        border: 0;
        border-top: 5px solid #000;
        /* text-align: center; */
        font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
        font-size: 11pt;
        padding-bottom: 25px;
        }

a:link, a:visited {
        font-weight : bold; 
        color: #88f;
        background: transparent; 
        }

/*
.text2 a:hover {
        font-weight : bold; 
        text-decoration : underline;
        color: #999;
        background: transparent; 
        }

div.text2 a:active {
        font-weight : bold; 
        text-decoration : none;
        color: #526968;
        background: transparent;  
        }
*/
div#header {
        text-align: center;
}

#header img     {
        margin: 0;
        margin-bottom: 0px;
        margin-top: 10px;
        padding: 0;
        border: 0;
        }

        /* General linkology */
.actualImage {
        border: 1px solid #888;
        /* padding: 10 px;  */
/*
        height: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 20px;
        text-align: left;
*/
        /* display: float; */
        
}
#imageInfo p {
        float: right;
        color: white;
}
p.text {
        color: white;
/*        margin: 10mm; */
}
.imageInfoHeader p {
        color: #fff;
        text-align: right;
        margin: 0;
        white-space: nowrap;
        width: 0;
}

.imageInfoData p {
        color: #fff;
        text-align: left;
        margin: 0;
        white-space: nowrap;
}

/*
.imageTable {
        margin: 20px;
        border: 20px;
}
*/

/*p.caption { color: red; }
  p.title, p.copyright { color: red; }
  p.title, p.copyright {font-family: sans-serif; font-size: 9pt; margin: 0 0 50px 0; padding: 0; line-height: 0; border: 1px solid white;}
*/

li.done { text-decoration: line-through; }
p.copyright { /* color: green; */ float: right; margin-top: 0; font-size: 80%; padding-top: 0; font-family: sans-serif;}

p.photoCaption { float: left; margin-top: 0; font-size: 80%; padding-top: 0; font-family: sans-serif;}

/* p.title, p.copyright {font-family: sans-serif; font-size: 7pt; text-decoration: none; margin-bottom: 50px; margin-top: 0; font-weight: normal; padding: 0; line-height: 5px; background: #0f0; } */

/*
  p.title { color: white; margin: 0; whitespace: nowrap; text-align: left;}
  p.copyright { text-align: right; right: inherit; margin: 0; color: white;}
*/
/*
div.splashPhoto { position: fixed; top: 90px; bottom: 50px; eight: 10px; width: 100%; margin: auto auto auto auto; border: 1px solid white;}
*/
div.photoBlock { width: 328px; /* : 400px; height: 100%; */ margin: 2% auto 2% auto; border: 0px solid green; padding: 0px;}
div.header {margin: 0;}
table.photoTable { margin: auto; }
tr.photoTable { }
img.splashImage {
                margin-left: auto;
                margin-right: auto;
                border: 0px;
                border-color: red;
                margin-bottom: 0;
                padding: 0;
                display: block;
        }

/* Stuff copied from image.css */
h1 { text-align: center; letter-spacing: 0; padding: 0; margin: 0; color: white;}
div#main { position: absolute; left: 8em; right: 161px; display: block; margin-left: auto; margin-right: auto; padding: 1em 1.5em;}
div#ads { position: absolute; right: 0; display: block; width: 160px; }
/* div {border: 1px solid #335;} */
div.photo { margin: 20px auto; width: 400px;}


/*
 * Tabs
 */
div.tabs
{
  margin-top: 5px;
  padding-top: 10px;
  /* float: left; */ /* Why is this neccessary */
}

.tabs {
        margin : 0;
        padding-left: 0;
}

/* ul.tabs > li { display: inline; list-style-type: none; margin: 0; padding: 0;} */
li.tab { display: inline; padding-left: 0; /* margin: 0; padding: 0;*/}
ul.tabs { 
  margin-left: 0;
  margin-top: 10px;
  padding-top: 10px;
  /* margin: auto;*/
  text-align: left;
  /* border-bottom: 1px solid white; */ 
  list-style: none;
/*   border: 1px solid red; */
  padding-left: 0;
}
/*
ul.tabs { margin: 0; padding: 0; padding-bottom: 1px;
        background : #fff;
        text-align: left;
        // border : 1px solid #ccc;
        border-top : 2px solid white;
        clear : both;
        margin : 0px;
        // padding : 15px;
        border-botton: 1px solid white;
}}
*/
/* ul.tabs li.selected a:visited */
ul.tabs li a
{
  /* border: 1px solid #ccc; */
  /* margin: 2px; */
  margin: 0; padding: 0;
  color: black;
  text-decoration: none; /* Don't underline links in tabs */
  padding-left: 0.5em; padding-right: 0.5em;
}

ul.tabs li.selected a
{
  border: 1px solid white;
  border-bottom: none;
  padding-bottom: 1px;
  background: #88f;
  color: black;
  /* display: inline; */ /* Test for IE */
  /* padding-bottom: 2px; */
        
}

ul.tabs li.unselected a
{
  /* border: 1px solid white; */
  background: #505077;
  /* background: blue; */
  color: #ccc;
  /* padding-bottom: 1px; */
  /* border: none; */
}

div.tabContents div.unselected
{
  display: none;
}

/*
ul.tabs a:link, ul.tabs a:visited   {
        background : #8888aa;
        border : 1px solid #ccc;
        border-bottom: none;
        color : black;
        font-size : small;
        font-weight : normal;
        line-height : 15px;
        margin-right : 8px;
        padding : 2px 10px 1px 10px;
        text-decoration : none;
}
*/
/*
div.tabs a:link.active, div.tabs a:visited.active     {
        background : #fff;
        border-bottom : 1px solid #000080;
        border-top: 2px solid orange;
        color : #000;
}

.tabs ul.tabs li.hidden a:hover   {
        color : #fff;
}

div.tabContents a
{
  color: #bbf;
}
*/
div.tabContents dl
{
  margin-top: 0;
}

div.tabContents dd
{
  display: inline;
  margin: 0 1em 0 0;
  padding: 0;
}

div.tabContents dt
{
  display: block;
  margin: 0 1em 0 0;
  padding: 0;
}

div.tabContents h1
{
  font-weight: bold;
  text-align: left;
  font-size: inherit;
  margin-top: 1em;
}

div.tabContents h2
{
  font-style: italic;
  font-weight: normal;
  text-align: left;
  font-size: inherit;
  /* line-height: auto; */
  /* margin: 0; */
  margin-top: 1em;
  margin-bottom: 0;
  /* margin-bottom: 0; */
  padding: 0;
}

div.tabContents p
{
  margin: 0 0 1em 0;
}

/*
body.section-1 li#tab-1 a, 
body.section-2 li#tab-2 a,
body.section-3 li#tab-3 a,
body.section-4 li#tab-4 a {
        background : #8080ff;
        color : #000;
}
*/

div.selected {
        background : #000040;
        /* border : 1px solid #ccc; */
        border : 1px solid white;
        clear : both;
        margin : 0px;
        padding : 15px;
        text-align: left;
}

/*
 * Menu stuff
 */

/* Generic menu stuff */

div#sidebar ul li.hmenuItem {
        display: none; /* Menu item which is only in horizontal menus, like 
                          login */
}
li.hmenuItem {
        
}

div#hmenu {
        text-align: center;
        /* position: fixed; */
        bottom: 0;
        /* border: 1px solid red; */
        margin: 50px auto 10px;
        /* background: red; */
        height: 2em;
}

ul#menu ul /* #menu */
{
  /* float: clear; */
  text-align: center;
  display: inline;
  /* height: 1.2em; */
  /* background: #22f; */ /* ul:s don't have background */
  /*margin: auto; */
  /* margin-left: 0; */
  /* padding-left: 0; */
}

/*div#hmenu */ ul#menu li {
        /* color: #222255; */
        /*display: block; */
        /* float: left; */
        /* border: 1px solid #333; */
        /* background: #225; */
        text-align: center;
        /* padding: 20px; */
        /* margin: 0; */
        white-space: nowrap;
        /* margin: 5px auto; */
        /* margin-left: auto; */
        /* padding:5px 10px; */
        /* line-height:1.7em; */
/* background:#ffffcc; */
        }

ul#menu li.hmenuItem form label, ul#menu li.hmenuItem form input  {
  background: #227;
}

ul#menu li.disabled, ul#menu li a.disabled {
        color: gray;
        font-weight: bold;
        margin:5px 10px;
}

ul#menu li
{
  background: #227;
  padding: 5px 10px;
}


ul#menu li a:hover {
        /* color: #0ff0; */
        color: white;
        background: #88d;
        text-decoration: none;
        padding: 5px 10px;
        /* padding:3px 10px; */
        }

#menu li a {
  /* color: #ccc; */
  color: #fff;
  /* background: #ffc; */
  /* background: #225; */
  text-decoration: none;
  /* padding: 2px 2px; */
  margin: 5px 10px;
  /* margin-left: -5px; */
}

ul#menu li.currentMenuItem a:hover
{
  margin: 0 0;
}

ul#menu li.currentMenuItem a, ul#menu li.currentMenuItem a:hover, ul#menu li.currentMenuItem a:visited
{
/* color: #000; */
/* background: #8080ff; */
   color: white;
   padding:5px 10px;
   background: #77e;
text-decoration: none;
/* background:#ffffcc; */
}


/* ul#menu li a:hover {background:#8080ff;color:white} */

/* Horizontal menu */

div#hmenu {
  position: fixed; 
  bottom: 0; 
  right: 0;
  left: 0;
  margin: 50px auto 10px auto;
  padding: 0;
}

div#hmenu ul#menu
{
  margin: 0 auto;
  padding: 0 0;
  margin-left: 0;
}

div#hmenu ul#menu li
{
  display:  inline;
  white-space: nowrap;
  margin: 0 auto;
  padding: 0;
  /* padding: 5px 10px; */
}

div#hmenu ul#menu li a
{
  margin: 0;
  padding: 5px 10px;
  margin-right: -5px;
}

div#hmenu ul#menu li a:visited
{
  background: #228;
}

div#hmenu ul#menu li.currentMenuItem a:visited
{
  background: #77e;
}

div#hmenu ul#menu li a:hover 
{
  padding: 5px 10px;
  /* margin: 0; */
  margin-right: -5px;
  background: #88f;
  /* padding: 0; */
}
/* 
 *  Vertical menu
 */
div#sidebar { position: absolute; left: 0; width: 7em; 
  /* background: red; *//* transparent; */ padding: 0; margin: 0 1em; 
  border-width: 1px;
}

div#sidebar ul#menu
{
  padding: 0;
  margin: 0;
  /* background: #225; */ /* ul doesn't have background */
  padding: 1px; /* Moz hack */
  /* border: 1px solid green; */
  list-style: none;
  /* width: 6em; */
}

div#sidebar ul#menu li
{
  /* background: purple; */
  margin: 0px; /* auto; *//* auto; */
  /* padding: 5px 0; */
  /* padding: 5px 10px; */
  /* background: red; */
  color: white;
  /* width: 2em; */
}

div#sidebar ul#menu li a
{
  margin: auto; /* 10px 10px; */ /* auto auto; */
  /* background: yellow; */
  padding: 1px 5px;
  color: white;
  /* padding: 0px 10x; */
}
/*
div#sidebar ul#menu li a:active
{
  color: white;
  background: blue;
  font-size: 200%;
}
*/

ul.photoList {
  list-style: none; 
  padding-left: 0; 
}

ul.photoList li.extra { 
  display: none;
}

ul.photoList li { 
  display: inline;
}

table#photoTable {
  background-color: #303050;
}
table#photoTable td {
  text-align: center;
  vertical-align: top;
  font-size: 0.7em;
  /* line-height: 0.9em; */
}

table#photoTable div.thumbnailKeywords
{
  text-align: left;
  display: none;
}

table#photoTable div.thumbnailKeywords a.majorKeyword
{
  text-decoration: none;
  font-weight: bold;
  color: white;
}

table#photoTable div.thumbnailKeywords a.minorKeyword
{
  text-decoration: none;
  font-weight: normal;
  color: gray;
}

table#photoTable img {
  /* color: solid green; */
  border: 10px solid black;
}
table#photoTable td.firstRow {
  text-align: left;
}