terom@1: body {
terom@1: 	background-color: #333333;
terom@1: 	color: #cccccc;
terom@1: 	font-family: "Arial", sans-serif;
terom@1: 	font-size: small;
terom@1: }
terom@1: 
terom@31: a, span.dragged {
terom@1: 	color: #ff8800;
terom@1: 	text-decoration: none;
terom@1: }
terom@1: 
terom@1: a:hover {
terom@1: 	text-decoration: underline;
terom@1: }
terom@1: 
terom@1: #thumbnails, #image, #description, h1 {
terom@1: 	text-align: center;
terom@1: }
terom@1: 
terom@1: #thumbnails img {
terom@1: 	margin: 0.2em;
terom@1: }
terom@1: 
terom@1: img {
terom@1: 	border: 1px solid #666666;
terom@1: }
terom@1: 
terom@1: a:focus img {
terom@1: 	border: 1px solid #cccccc;
terom@1: }
terom@1: 
terom@1: img:hover, a:focus img:hover {
terom@1: 	border: 1px solid #ff8800;
terom@1: }
terom@1: 
terom@1: div#breadcrumb {
terom@1:     
terom@1: }
terom@1: 
terom@1: div#info {
terom@1:     font-size: x-small;
terom@1:     color: #666666;
terom@1: }
terom@1: 
terom@1: div#info p {
terom@1:     padding: 0px;
terom@1:     margin: 0px;
terom@1: }
terom@1: 
terom@1: p#about {
terom@31:     padding-top: 40px;
terom@1:     font-size: xx-small;
terom@1:     text-align: center;
terom@1: 
terom@1: }
terom@1: 
terom@5: div.paginate {
terom@6:     padding-top: 20px;
terom@5:     height: 50px;
terom@5:     width: 100%;
terom@5:     text-align: center;
terom@5: }
terom@5: 
terom@5: div.paginate ul {
terom@6:     margin: 0px;
terom@5:     padding: 0px;
terom@6: 
terom@5:     line-height: 30px;
terom@5:     white-space: nowrap;
terom@5: }
terom@5: 
terom@5: div.paginate li {
terom@5:     list-style-type: none;
terom@5:     display: inline;
terom@5: }
terom@5: 
terom@5: div.paginate li *,
terom@5: div.paginate li strong,
terom@5: div.paginate li span {
terom@5:     padding: 7px 10px;
terom@5: }
terom@5: 
terom@5: div.paginate li span {
terom@5:     color: #444444;
terom@5: }
terom@5: 
terom@5: div.paginate li a:hover {
terom@5:     text-decoration: none;
terom@5:     background-color: #666666;
terom@5: }
terom@5: 
terom@31: /* taggr */
terom@31: 
terom@31: #taggr div#tags,
terom@31: #taggr div#images {
terom@8: 	border: 1px solid #666666;
terom@31:     padding: 5px;
terom@8: }
terom@8: 
terom@31: #taggr ul {
terom@8:     margin: 0px;
terom@8:     padding: 0px;
terom@8: }
terom@8: 
terom@31: #taggr li {
terom@8:     padding: 10px;
terom@8: 
terom@8:     list-style-type: none;
terom@8: }
terom@8: 
terom@31: #taggr div#tags {
terom@31:     max-height: 300px;
terom@8: 
terom@31:     overflow: auto;
terom@8: }
terom@8: 
terom@8: 
terom@31: #taggr div#tags table {
terom@31:     width: 100%;
terom@31: 
terom@31:     border: none;
terom@31:     border-collapse: collapse;
terom@31: }
terom@31: 
terom@31: #taggr div#tags tr {
terom@31:     height: 140px;
terom@31: }
terom@31: 
terom@31: #taggr div#tags td {
terom@31:     border-top: 1px solid #444444;
terom@31:     border-bottom: 1px solid #444444;
terom@31:     padding: 3px;
terom@31: }
terom@31: 
terom@31: #taggr div#tags td.tag {
terom@31:     width: 20%;
terom@31: 
terom@31:     vertical-align: center;
terom@31:     text-align: center
terom@31: }
terom@31: 
terom@31: #taggr div#tags td.tag ul {
terom@31:     margin: 0px;
terom@31:     padding: 0px;
terom@31: }
terom@31: 
terom@31: #taggr div#tags td.tag li {
terom@31:     padding: 0px;
terom@31:     list-style-type: none;
terom@31: }
terom@31: 
terom@31: #taggr div#tags td.tag_images {
terom@31: 
terom@31:     text-align: left;
terom@31:     
terom@31:     height: 135px;
terom@31:     overflow: auto;
terom@31: }
terom@31: 
terom@31: #taggr div#tags tr.hover {
terom@31: 	background-color: #222222;
terom@31: }
terom@31: 
terom@31: #taggr div#images {
terom@31:     max-height: 450px;
terom@31:     overflow: auto;
terom@31: 
terom@31:     text-align: center;
terom@31:     font-weight: bold;
terom@31: }
terom@31: 
terom@31: #taggr div#images ul {
terom@31: }
terom@31: 
terom@31: #taggr div#images li {
terom@31:     padding: 0px;
terom@31:     margin-left: 10px;
terom@31: }
terom@31: 
terom@31: #taggr div#images a {
terom@31:     display: block;
terom@31:     border: 1px solid #444444;
terom@31: 
terom@31:     padding: 3px;
terom@31: }
terom@31: 
terom@31: #taggr div#images div {
terom@31:     margin: 0px;
terom@31:     border: 1px solid #444444;
terom@31: }
terom@31: 
terom@31: #taggr div#images div.images {
terom@31: //    max-height: 255px;
terom@31:     overflow: auto;
terom@31:     padding-top: 5px;
terom@31:     border: none;
terom@31: }
terom@31: 
terom@31: img.image {
terom@31:     z-index: 800;
terom@31: }
terom@31: 
terom@31: img.selection {
terom@31: 	border: 1px solid #ffbb00;
terom@31: }
terom@31: 
terom@31: #taggr div#toolbar ul {
terom@31:     margin: 0px;
terom@31:     padding: 0px;
terom@31: 
terom@31:     line-height: 30px;
terom@31:     white-space: nowrap;
terom@31: }
terom@31: 
terom@31: #taggr div#toolbar li {
terom@31:     list-style-type: none;
terom@31:     display: inline;
terom@31: }
terom@31: 
terom@31: #taggr div#toolbar input {
terom@31:     background-color: #444444;
terom@31:     border: 1px solid #333333;
terom@31: }