/* Emacs settings: -*- mode: Fundamental; tab-width: 4; -*-

////////////////////////////////////////////////////////////////////////////
//                                                                        //
// Andrew's Album Application: photos-css.txt                             //
//                                                                        //
// Copyright (c) 2004-2005, Andrew Birrell                                //
//                                                                        //
////////////////////////////////////////////////////////////////////////////

*/


/* ************ Global settings */

A:link          {color: #ffffff}
A:active        {color: #ff0000}
A:visited       {color: #ffffff}
A:hover         {color: #00ff00}
A               {cursor: auto} /* compensate for td.main cursor in Safari */

html            {
    overflow: hidden; /* for IE6 in strict mode */
}
body            {
    margin: 0px;
    padding: 0px;
    height: 100%;
    overflow: hidden;
    color: #ffffff;
    background-color: #808080;
    font-family: arial,verdana,sans-serif;
}
table           {
    border-collapse: collapse;
}
td              {
    padding: 0px;
}
img             {
    border: #cccccc 0px ridge;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}


/* ************ Top-level tables, button bars, and td.main */

table.top       {
    width: 100%;
    font-size: 12px;
}
#topStuff       {
    background-color: #666666;
    border-bottom: #cccccc 2px ridge;
}
#bottomStuff    {
    background-color: #666666;
    border-top: #cccccc 2px ridge;
}
td.btns         {
    padding: 4px;
    white-space: nowrap;
    font-size: 1.25em;
}
#parentBtns     {
    padding-left: 8px;
    visibility: hidden;
    text-align: left;
}
#prevnextBtns   {
    padding-right: 8px;
    visibility: hidden;
    text-align: right;
}
#privBtns       {
    width: 20%;
    padding-left: 8px;
    visibility: hidden;
    text-align: left;
}
#title          {
    background-color: #bbbbbb;
    color: #000000;
    width: 60%;
    text-align: center;
}
#commentary     {
    width: 20%;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 8px;
    text-align: right;
    font-size: 0.8em;
}
span.disabled   {
    color: #bbbbbb;
}
div.stars       {
    float: right;
    display: none;
}
td.main         {
    height: 1px;
    text-align: center;
    cursor: default;
}


/* ************ Non-script error report (default child of id=dropZone) */

div.failure     {
    width: 500px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    border: #cccccc 2px ridge;
    padding: 8px;
    background-color: #666666;
    text-align: left;
}


/* ************ Catalog page (child of id=dropZone) */

div.catalog     {
    text-align: left;
    overflow: auto;
    padding-right: 5px;
}
table.catalog   {
    margin-left: auto;
    margin-right: auto;
}
td.mini         {
    width: 142px;
    text-align: center;
}
td.miniTitle    {
    width: 210px;
    text-align: left;
    font-size: 1.25em;
}
img.thumb       {
    border-width: 0px;
}
img.mini        {
    border-width: 0px;
    margin: 3px;
}


/* ************ Pop-up dialogs (siblings of id=dropZone) */

div.dlog        {
    position: absolute;
    z-index: 2;
    display: none;
    width: 600px;
    left: 0px;
    top: 0px;
    border: #cccccc 2px ridge;
    padding: 0px;
    background-color: #666666;
    opacity: 0.92; filter: alpha(opacity=92);
    text-align: left;
}

#editForm       {
    width: auto;
}
#reading        {
    width: 100px;
    padding: 6px;
    text-align: center;
}
#scaling        {
    width: auto;
    padding: 6px;
    text-align: center;
}
div.dlogHeader  {
    background-color: #bbbbbb;
    color: #000000;
    padding: 2px;
    padding-left: 8px;
    cursor: move;
}
div.dragging    {
    background-color: #dddddd;
    color: #000000;
    padding: 2px;
    padding-left: 8px;
    cursor: move;
}
div.dlogBody    {
    border-top: #cccccc 2px ridge;
    padding: 8px;
    }
div.dlogStatus  {
    position: absolute;
    display: none;
    margin-top: 40px;
    width: 100%;
    text-align: center;
}
input.close     {
    float: right;
}
td.formPrompt   {
    text-align: right;
    padding-right: 8px;
}
td.formInput    {
    text-align: left;
    color: #000000;
}
form            {
    margin: 0px;
}
#readingProgress{
    background-color: #bbbbbb;
    margin-top: 0.75em;
    border: #bbbbbb 1px inset;
    text-align: left;
}
#readingWidget  {
    background-color: #00ff00;
    position: relative;
    border: #bbbbbb 1px outset;
    font-size: 0.5em;
}


/* ************ iPhone adjustments */

@media only screen and (max-device-width: 480px) {

body            {
    -webkit-text-size-adjust: none;
}
#bookmark       {
    display: none;
}

}