/* 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;
}

}