-body {\r
- color: rgb(26,151,15);\r
- font-family: sans-serif;\r
- font-style: normal;\r
- margin-left: 0px;\r
- margin-right: 0px;\r
-}\r
-\r
-body.slideshow {\r
- color: rgb(26,151,15);\r
- font-family: sans-serif;\r
- font-style: normal;\r
- border: none;\r
- padding: 10px;\r
- text-align: center;\r
-}\r
-\r
-\r
-table, tr, td {\r
- border-collapse: collapse;\r
- padding: 0px;\r
- empty-cells: show;\r
- vertical-align: top;\r
-}\r
-\r
-td.options {\r
- width: 250px;\r
- max-width: 250px;\r
- min-width: 250px;\r
- padding: 5px;\r
- padding-top: 8px;\r
- border-top: solid 1px #000000;\r
- border-right: solid 1px #000000;\r
-}\r
-\r
-td.available_tags,td.selected_tags {\r
- border-bottom: solid 1px #000000;\r
- padding-top: 10px;\r
- padding-bottom: 10px;\r
- padding-right: 10px;\r
- line-height: 21px;\r
-}\r
-\r
-td.searchfor {\r
- border-bottom: solid 1px #000000;\r
- padding-top: 10px;\r
- padding-bottom: 10px;\r
- padding-right: 10px;\r
- line-height: 21px;\r
- font-size: 12px;\r
- vertical-align: middle;\r
-}\r
-\r
-.menu {\r
- font-weight: bolder;\r
- padding: 5px;\r
- height: 30px;\r
- border-bottom: solid 1px #000000;\r
-}\r
-\r
-td.content {\r
- border-top: solid 1px #000000;\r
-}\r
-\r
-.logo {\r
- float: none;\r
- background-color: #eeeeee;\r
-}\r
-\r
-td.index_header {\r
- background-color: #eeeeee;\r
- padding: 10px;\r
- vertical-align: middle;\r
- white-space: nowrap;\r
-}\r
-\r
-td.content_title {\r
- background-color: #eeeeee;\r
- padding: 10px;\r
- vertical-align: middle;\r
-}\r
-\r
-\r
-img {\r
- border: none;\r
-}\r
-\r
-img.thumb {\r
-}\r
-\r
-a {\r
- font-size: 14px;\r
- color: #008200;\r
- text-decoration: none;\r
-}\r
-\r
-a:hover {\r
- color: #00aa44;\r
-}\r
-\r
-a.tag {\r
- color: #000000;\r
- text-decoration: underline;\r
-}\r
-\r
-a.tag:hover {\r
- color: #00aa44;\r
-}\r
-\r
-a.smalltag {\r
- font-size: 12px;\r
- color: #000000;\r
- text-decoration: underline;\r
- font-style: italic;\r
-}\r
-\r
-a.smalltag:hover {\r
- color: #00aa44;\r
-}\r
-\r
-a.thumblink {\r
- font-size: 12px;\r
-}\r
-\r
-a.calendar {\r
- font-size: 10px;\r
-}\r
-\r
-a.thumblink:hover {\r
- color: #4761ab;\r
-}\r
-\r
-#single {\r
- padding: 10px;\r
- display: table;\r
- table-layout: fixed;\r
- border: hidden;\r
- border-spacing: 10px;\r
- border-collapse: separate;\r
- margin-left: auto;\r
- margin-right: auto;\r
-}\r
-\r
-table.matrix {\r
- padding: 10px;\r
- display: table;\r
- table-layout: fixed;\r
- border-style: hidden;\r
- border-spacing: 10px;\r
- border-collapse: separate;\r
- margin-left: auto;\r
- margin-right: auto;\r
-}\r
-\r
-td.thumb {\r
- text-align: center;\r
- display: table-cell;\r
- vertical-align: top;\r
- -moz-border-radius: 3px;\r
- border-radius: 3px;\r
- border: dashed 1px #888888;\r
- margin: 5px;\r
- background-color: #eeeeee;\r
- padding: 10px;\r
-}\r
-\r
-#photo_details {\r
- width: 150px;\r
- font-size: 12px;\r
- padding: 10px;\r
- -moz-border-radius: 1em;\r
- border-radius: 1em;\r
- border: dashed 1px #888888;\r
-}\r
-\r
-#available_tags {\r
- clip: auto;\r
- overflow: auto;\r
-}\r
-\r
-table.calendar tr td {\r
- border: solid 1px #ffffff;\r
- padding: 1px;\r
- text-align: center;\r
- font-size: 10px;\r
-}\r
-\r
-.prevMonth {\r
- font-size: 10px;\r
- text-align: left;\r
-}\r
-.nextMonth {\r
- font-size: 10px;\r
- text-align: right;\r
-}\r
-#calendar {\r
- position: absolute;\r
- width: 140px;\r
- height: 200px;\r
- background-color: #000000;\r
- visibility: hidden;\r
- z-index: 1000;\r
-}\r
-\r
-#slide_navigation {\r
- text-align: center;\r
- padding: 5px;\r
- -moz-border-radius: 5px;\r
- border-radius: 5px;\r
- border: dashed 1px #888888;\r
- vertical-align: middle;\r
-}\r
+body {
+ color: rgb(26,151,15);
+ font-family: sans-serif;
+ font-style: normal;
+ margin: 0px 0px 0px 0px;
+ padding: 0px 0px 0px 0px;
+}
+
+body.slideshow {
+ color: rgb(26,151,15);
+ 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: #eeeeee;
+ font-weight: bolder;
+}
+
+div.header {
+ background-color: #eeeeee;
+ padding: 10px;
+ vertical-align: middle;
+ white-space: nowrap;
+ text-align: left;
+}
+
+div.subheader {
+ background-color: #eeeeee;
+ padding: 5px 10px 5px 10px;
+ vertical-align: middle;
+ white-space: nowrap;
+ text-align: left;
+ float: left;
+}
+
+div.tagresult{
+ height: 1px;
+ background-color: #ffffff;
+}
+
+div.tagresulttags{
+ display: table-cell;
+ vertical-align: middle;
+}
+
+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.textright {
+ text-align: right;
+}
+
+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: #008200;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #00aa44;
+}
+
+a.tag {
+ color: #000000;
+ text-decoration: underline;
+}
+
+a.tag:hover {
+ color: #00aa44;
+}
+
+a.smalltag {
+ font-size: 12px;
+ color: #000000;
+ text-decoration: underline;
+ font-style: italic;
+}
+
+a.smalltag:hover {
+ color: #00aa44;
+}
+
+a.calendar {
+ font-size: 10px;
+}
+
+div.thumb {
+ text-align: center;
+ vertical-align: top;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ border: dashed 1px #888888;
+ margin: 10px 0px 0px 10px;
+ background-color: #eeeeee;
+ padding: 10px;
+ float: left;
+}
+
+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: #4761ab;
+}
+
+.clearboth { clear: both; }
+
+#photo_details {
+ width: 150px;
+ font-size: 12px;
+ padding: 10px;
+ -moz-border-radius: 1em;
+ border-radius: 1em;
+ border: dashed 1px #888888;
+ z-index: 100;
+ float: right;
+ margin-top: 20px;
+ margin-right: 20px;
+}
+
+#HTML_AJAX_LOADING {
+ position: fixed;
+ z-index: 1000;
+ top: 90px;
+ right: 10px;
+ background-color: #ffffff;
+ padding: 10px;
+ -moz-border-radius: 1em;
+ border-radius: 1em;
+ border: dashed 1px #aaaaaa;
+}
+
+#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;
+}
+
+table.calendar tr td {
+ border: solid 1px #ffffff;
+ padding: 1px;
+ text-align: center;
+ font-size: 10px;
+}
+
+.prevMonth {
+ font-size: 10px;
+ text-align: left;
+}
+.nextMonth {
+ font-size: 10px;
+ text-align: right;
+}
+#calendar {
+ position: absolute;
+ width: 140px;
+ height: 200px;
+ background-color: #000000;
+ visibility: hidden;
+ z-index: 1000;
+}
+
+#slide_navigation {
+ text-align: center;
+ padding: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ border: dashed 1px #888888;
+ 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;
+}