body,td {  font-family:arial,sans-serif;font-size:11px;margin:0;color:#999999;}
body {background-color: #ffffff;}
h1, h2, h3, h4 {margin:0;padding:0;background-repeat:no-repeat;font-weight:normal}
h1 span, h2 span, h3 span {display:none}

form { margin: 0; padding:0}
select { background-color:#ddddcd;color:#9d9d77; border-width:1px;font-size:11px; padding:3px;}
input { color:#333333; border-width:1px;font-size:11px;padding: 0 0 0 3px;}
textarea {color:#333333; border-width:1px;font-size:11px; padding:3px;font-family:arial,sans-serif;overflow:auto;}
img { border:0;}
table { border: 0;}
p { margin: 0 0 10px 0; }
a { color: #999999; text-decoration: underline; }
a:hover { color: #000000; text-decoration: none; }

/*-----main content wrapper-----*/
div.content {position:relative;margin:auto;width:800px;height:100%}

/*-----header, duh-----*/
div.logo  {z-index:999999;position:absolute;top:10px;left:20px;width:800px;height:auto;}
div.logo h1 {font-size:18px;text-transform:lowercase;color:#dedede;margin-bottom:10px;cursor:pointer;cursor:hand;}
div.logo h2 {font-size:11px;text-transform:lowercase;color:#dedede;margin:0 5px 5px 2px;display:inline;}
div.logo h3 {font-size:11px;text-transform:lowercase;color:#dedede;margin:0 5px 5px 2px;display:inline;}
div.logo h4 {font-size:11px;text-transform:lowercase;color:#3333333;margin:0 5px 5px 2px;display:inline;}
/*div.content .logo h1 {background-image:url(../images/logo_home.gif);}*/
div.overlay .logo h1 {background-image:url(../images/logo_archive.gif);}

/*-----navigation, duh-----*/
div.navigation {position:relative; text-transform:lowercase;}
div.navigation a {text-decoration:none;text-transform:lowercase;}
div.navigation td {width:190px;white-space:nowrap;padding:10px 0 10px 0;text-align:left;border-top:3px solid #dedede;position:relative;}
div.navigation tr {vertical-align:top}
div.navigation ul {margin:0 0 0 -40px;position:absolute;top:0; padding-top:27px;padding-bottom:15px;display:none;list-style-type:none;}
div.navigation li {background-color:#ffffff;}
div.navigation li a {display:block;padding:10px 0 0 0 ;vertical-align:top;width:150px;}


/*----- homepage content -----*/
div.thumbnails {position:relative;top:100px;left:20px;z-index:0;}
div.thumbnails img {margin-right:10px;}
div.picture {position:absolute;top:160px;left:20px;}
div.picture p {line-height:24px;}
div.picture a {text-decoration:none;}
div.picture a:hover {color:#666666}
div.details {padding:20px;line-height:18px;}


.adminlink {background:#333333;padding:7px;width:50px;position:absolute;top:0;right:0; text-align:right;}
.adminlink a {color:#999999;text-decoration:none;}

/*-----overlay content-----*/
div.overlay,div.overlayArchive {width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;background-color:#000000;}
div.overlay {display:none;}

div.archiveButton {position:absolute;top:0;right:100px;}
div.archiveNav {position:absolute;top:130px;left:20px;}
div.archiveNav p {line-height:24px;}
div.archiveNav a {text-decoration:none;}
div.archiveNav a:hover {color:#666666}
div.archiveContent {position:absolute;top:0;left:200px;background-color:#000000;}

/*-----footer, like, oh my god! -----*/
div.footer { clear:both;padding:20px 0 20px 0;text-align:right;}
div.footer a {text-decoration: underline; }
div.footer a:hover { color: #000000; text-decoration: none; }

/* SLIDESHOW STUFF + + + + + + + + + + + + + + + + + + + + + + + + + + + */

#Container { position: relative; margin-top:0 !important; margin-top:-3px; width: 530px; height: 380px; top:0; left:0; font-size: 0px; 

/* background:top left no-repeat url(../images/work_shadow.gif); background-color: #dedede; border: 5px solid #ccc;*/

}
#Photo { position: relative; z-index: 5; top:0; left:0; }
#Loading { height: 25%; width: 100%; position: absolute; top: 40%; left: 0%; text-align: center; z-index: 0; line-height: 0; }
#LinkContainer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; 

/* filter:alpha(opacity:80); 

/* Specify opacity for IE */

}
#PrevLink, #NextLink { cursor: pointer; width: 48%; height: 100%; background: transparent url(../img/c.gif) no-repeat; 

/* Trick IE into showing hover */

display: block; }
#PrevLink span, #NextLink span { display: none; }
#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }


/* background image for IE */

#PrevLink,#PrevLink:hover, #PrevLink:visited:hover { background: url(../img/prev_chevron.png) 5% 95% no-repeat; }
#NextLink,#NextLink:hover, #NextLink:visited:hover { background: url(../images/view_detail.gif) 100% 95% no-repeat; }


/* backgroudn image for compliant browsers */

#LinkContainer>#PrevLink,#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(../img/prev_chevron.png) 5% 95% no-repeat; }
#LinkContainer>#NextLink,#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(../images/view_detail.gif) 100% 95% no-repeat; }
#CaptionContainer { margin: 0 auto; width: 200px; text-align: left; background-color: #ccc; display:none; }
#CaptionContainer p { padding: 5px 10px 10px 10px; font-size: 11px; }
#Counter { font-weight: bold; color: #999; padding-right: 5px; }