body {
   color:                  #000;
   font-family:            sans-serif;
   font-style:             normal;
   margin:                 0px;
   padding:                0px;
}

body.slideshow {
   color:                  #000;
   font-family:            sans-serif;
   font-style:             normal;
   border:                 none;
   padding:                10px;
   text-align:             center;
}

table, tr, td {
   border-collapse:        collapse;
   padding:                0px;
   empty-cells:            show;
   vertical-align:         top;
}

/* left column containg search and tag-selection */
.options {
   position:               absolute;
   left:                   0px;
   top:                    40px;
   width:                  265px;
   max-width:              265px;
   min-width:              265px;
   padding-top:            8px;
   padding-bottom:         10px;
   padding-left:           5px;
   padding-right:          10px;
   border-right:           solid 1px #000000;
}

/* main cell containing photo content */
.content {
   margin-top:             40px;
   margin-left:            280px;
   margin-right:           0px;
   padding:                0px;
}

div.searchfor {
   padding-top:            10px;
   padding-right:          10px;
   padding-bottom:          10px;
   line-height:            21px;
   font-size:              12px;
   vertical-align:         middle;
   border-bottom:          solid 1px #000000;
}

div.searchfor td.nowrap {
   white-space:            nowrap;
}

.menu {
   position:               absolute;
   left:                   0px;
   top:                    0px;
   height:                 30px;
   width:                  100%;
   margin:                 0px;
   padding:                5px 0px;
   border-bottom:          solid 1px #000000;
}

.icons {
   float:                  left;
}

/* logo 'text' */
.logo {
   background-color:       #fff;
   font-size:              larger;
   font-size:              larger;
   font-weight:            bolder;
   text-align:             center;
}

div.header {
   background-color:       #fff;
   padding:                10px;
   vertical-align:         middle;
   white-space:            nowrap;
   text-align:             left;
   height:                 2em;
}

div.header_title {
   white-space:            nowrap;
   text-align:             left;
   float:                  left;
}

div.header_menu {
   text-align:             right;
}

div.tagresult{
   height:                 1px;
   background-color:       #ffffff;
}

div.tagresulttags{
   padding:                5px 0px 5px 10px;
   background-color:       #eeeeec;
   vertical-align:         middle;
}

div.tagresulttag{
   padding:                0 0 0 5px;
   background-color:       #eeeeec;
   display:                inline;
}

div.photo{
   text-align:             left;
   margin-top:             20px;
   margin-left:            20px;
}

div.photonavigation{
   margin-left:            20px;
}

div.indexnavigation{
   width:                  100%;
   margin-top:             20px;
}

div.indexnavigationright{
   float:                  right;
   width:                  40px;
   margin-right:           0px;
   padding-right:          10px;
}

div.indexnavigationleft{
   float:                  left;
   margin:                 0px;
   padding-left:           10px;
   width:                  40px;
}

div.indexnavigationcenter{
   text-align:             center;
}

div.welcome {
   padding:                10px;
   margin-left:            10px;
   margin-right:           10px;
}

div.welcome  span {
   float:                  left;
   padding-right:          10px;
   width:                  150px;
   text-align:             center;
}

img {
   border:                none;
}

a {
   font-size:              14px;
   color:                  #e9b96e;
   text-decoration:        none;
}

a:hover {
   color:                  #729fcf;
}

a.tag {
   color:                  #000000;
   text-decoration:        underline;
}

a.tag:hover {
   color:                  #729fcf;
}

a.smalltag {
   font-size:              12px;
   color:                  #000000;
   text-decoration:        underline;
   font-style:             italic;
}

a.smalltag:hover {
   color:                  #729fcf;
}

div.thumb {
   text-align:             center;
   vertical-align:         top;
   -moz-border-radius:     3px;
   border-radius:          3px;
   margin:                 10px 0px 0px 10px;
   background-color:       #eeeeec;
   padding:                10px;
   float:                  left;
}
div.thumb:hover {
   background-color:       #729fcf;
}

div.thumb img.thumb {
   border:                 0px;
   padding:                0px;
   margin:                 0px;
}

div.thumb a.thumblink {
   font-size:              12px;
   border:                 0px;
}

div.thumb a.thumblink:hover {
   color:                  #eeeeec;
}

.cb {
   clear:                  both;
}

#photo_details {
   width:                  150px;
   font-size:              12px;
   padding:                10px;
   -moz-border-radius:     1em;
   border-radius:          1em;
   z-index:                100;
   float:                  right;
   margin-top:             20px;
   margin-right:           20px;
}

#HTML_AJAX_LOADING {
   position:               fixed;
   z-index:                1000;
   top:                    10px;
   right:                  10px;
   background-color:       #e9b96e;
   padding:                10px;
   -moz-border-radius:     1em;
   border-radius:          1em;
}

#available_tags,#selected_tags {
   clip:                   auto;
   overflow:               auto;
   border-bottom:          solid 1px #000000;
   padding-top:            10px;
   padding-bottom:         10px;
   padding-right:          10px;
   line-height:            21px;
}

span.tags {
   vertical-align:         middle;
   text-decoration:        underline;
}

div.credits{
   margin-top:             10px;
   margin-left:            10px;
}

/*
 * calendar layer
 */

a.calendar {
   font-size:              14px;
}

table.calendar tr td {
   border:                 solid 1px #00aa00;
   padding:                1px;
   text-align:             center;
   font-size:              14px;
}

.prevMonth {
   font-size:              14px;
   text-align:             left;
}
.nextMonth {
   font-size:              14px;
   text-align:             right;
}

#calendar {
   position:               absolute;
   background-color:       #ffffff;
   visibility:             hidden;
   z-index:                1000;
   border:                 solid 3px #aaaaaa;
}

#slide_navigation {
   text-align:             center;
   padding:                5px;
   -moz-border-radius:     5px;
   border-radius:          5px;
   vertical-align:         middle;
}

#slide_close {
   margin:                 0 auto;
   padding:                10px;
}

#slide_close img {
   padding:                15px;
   background-color:       #000000;
}

input.submit,input.checkbox {
   background-color:       transparent;
   border:                 0px;
}

input, select, textarea {
   background-color:       #eeeeee;
   color:                  #333333;
   border:                 1px solid #888888;
   border-collapse:        collapse;
}

#slider-1{
   margin:                 0 auto;
}