/* @override 
	http://tedph.com/themes/default/zen.css
	http://davelart.com/themes/ted/zen.css
*/

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color:#e4e5d9
}
#admin, #admin_data {
	background-color: white;
	padding: 3px;
	float: left;
}
#admin_data {
	clear: both;
	border: 1px solid #d8d8d8;
	border-left: none;
	text-align: center;
}
#admin h3 {
	margin: 0;
}
#main {
	width: 595px;
	margin: 20px auto 0 auto;
	text-align: left;
	padding: 0 0 20px 0;
}
.album IMG { 
	border: 0;
	float: left;
	margin-right: 10px
}
.imagethumb IMG, .image IMG {
	border: 0;
	margin: 0;
	padding: 0; }
#album {
	float:left;
	margin:0 0 5px 20px;
	max-width: 85px;
	text-align: center;
}
a IMG, a:hover IMG, a:visited IMG, a:active IMG {
	border:0
}

.image {
	margin: 13px;
	padding: 0;
	float: left;
}
HR {
	clear: both;
	height: 0;
	border: 0;
	border-top: 1px solid #999999;
	margin-top: 0;
	padding: 0;
	}
#gallerytitle H2 {
	font-size: 16pt;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
}
#image {margin:40px auto 0 auto;}
#images { margin: 0; clear: both; }
#albums { clear: both; margin: 20px 0 10px 0; padding: 0; }
.pagenav { margin: 5px 0 5px; font-size: 8pt; font-weight: bold; color: #CCC; clear: both; }
.pagenav A:link, .pagenav A:visited { color: #333; text-decoration: none; }
.disabledlink {
	color: #CCCCCC;
	cursor: default;
}
#gallerytitle SPAN { font-weight: normal; color: #CCC; text-decoration: none; }
#gallerytitle A:link, #gallerytitle A:visited { 
	text-decoration: underline;
	color: #000000;
	font-size: 16pt;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;}
.albumtitle H3 { margin: 0; padding: 0 auto 0 auto; font-size:12pt; }

#sidetext { clear:both; padding-top:20px; font-weight: normal; font-family: verdana; font-size: 11px;}

A:link, A:visited {
	text-decoration: none;
	color: #3771a2;
	font-weight: normal;
	font-size: 11px;
}
A:hover, A:active, 
#gallerytitle A:hover, #gallerytitle A:active, 
.pagenav A:hover, .pagenav A:active  {
	text-decoration: underline;
	color: #2da0d2;
}

UL.pagelist {
  padding: 0;
  margin: 5px 0 5px;
  list-style-type: none;
  height: 2em;
}
UL.pagelist LI { display: inline; font-weight: bold; }
UL.pagelist LI A, UL.pagelist LI span.disabledlink {
	display: block;
	float: left;
	padding: 1px 4px;
	background-color: #FFF6EC;
	text-decoration: none;
	color: #555;
}
UL.pagelist LI span.disabledlink {
	background-color: #fff;
	color: #CCCCCC;
	cursor: default;
}
UL.pagelist LI A:hover { background-color: #FFCC99; color: black; }
UL.pagelist LI.current A { background-color: #FF6600; color: #FFF; cursor: default; }

.error { color: #C33; font-weight: bold; }


#buttons {
	float: left;
	clear: both;
	width: 100%;
	height: 30px;
	position: fixed;
	left: 0;
	padding-left: 5px;
	bottom: 5px;
	z-index: 1000;
}
#buttons *:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

#buttons * {
	opacity:.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	height: 30px;
	width: 30px;
	display: block;
	float: left;
	margin: 0 5px;
	cursor: pointer;
} 
#homeicon {
	background-image: url(http://davelart.com/themes/ted/images/home.gif);
	background-position: top;
	}
#albumviewicon {
	background-image: url(http://davelart.com/themes/ted/images/albumview.gif);
	background-position: top;
	}
#scrollviewicon {
	background-image: url(http://davelart.com/themes/ted/images/scrollview.gif);
	background-position: top;
}
#imageviewicon {
	background-image: url(http://davelart.com/themes/ted/images/imageview.gif);
	background-position: top;
}
#homeicon-dark {
	background-image: url(http://davelart.com/themes/ted/images/home.gif);
	background-position: bottom;

	}
#albumviewicon-dark {
	background-image: url(http://davelart.com/themes/ted/images/albumview.gif);
	background-position: bottom;
	}
#scrollviewicon-dark {
	background-image: url(http://davelart.com/themes/ted/images/scrollview.gif);
	background-position: bottom;
}
#imageviewicon-dark {
	background-image: url(http://davelart.com/themes/ted/images/imageview.gif);
	background-position: bottom;
}
.activeicon {
	border-bottom: 3px solid #b1b1b1;
}

/* Begin the most simple thing: center image vert+horiz */
#outer {
  width: 100%;
  z-index: 10;
}
/*
Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3 
Does not work in NS4.x or IE/Mac
*/
.valignmid1 {
  position: relative;
  margin: 0 auto;
}
/* Opera 7.0x is buggy when you put display:table on <body> Opera 7.2+ and 6.x 
   don't appear to have this problem. We hide this from IE5/Mac, because it 
doesn't support display:table-cell and it doesn't have the same bug that allows
this to work in IE5-6/Win (hide from IE/Mac) \*/
.valignmid1 {
  display: table;
  vertical-align: middle;
}
/* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/
.valignmid2 {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
/* end hide */
.valignmid3 {
  position: relative;
}

#slideshow {
	white-space: nowrap;
	margin: 0 auto;
	padding: 0 30px 10px 30px;
	border-right: 12px solid #d89797;
}
#slideshow img {
	margin:0 100px 0 100px;
	vertical-align: middle;
	background-color: #cbccc2;
	min-width: 8px;
	min-height: 8px;
	}