html, body { height: 100%; font-family: Arial, Sans-Serif; font-size: 0.9em; }
body { background-color: #62B4DA; background-image: url(images/interface/background-top.jpg); background-position: left top; background-repeat: repeat-x; }
a { color: #3075AD; text-decoration: none; }
h3 { display: inline; clear: none; }
img { border: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear: both; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
div#page { width: 1020px; margin-left: auto; margin-right: auto; margin-top: 30px; background-color: #fff; background-image: url(images/interface/background-main-top.jpg); background-position: left top; background-repeat: no-repeat; }
div#header { padding: 10px; padding-bottom: 0px; }
div#body { padding: 10px; padding-top: 0px; }
div#footer { padding: 10px; font-size: 0.85em; margin-top: 20px; border-top: solid 3px #e1e4e0; padding-top: 4px; background-color: #fff; background-image: url(images/interface/background-main-bottom.jpg); background-position: left bottom; background-repeat: no-repeat; }
div#results { margin: 0 auto; text-align: center; width: 810px; float: left; }
div#resultdetails { margin-left: 10px; width: 810px; text-align: left; font-weight: bold; font-size: 1.1em; }
div#results .item { width: 150px; float: left; margin: 0 4px; }
div#results .description { display: none; min-height: 80px; }
div#results .description .by { font-style: italic; }
div#sidebar { width: 180px; float: right; }
div#sidebar .bucket { padding-left: 14px; }
div#sidebar ul { list-style-type: none; margin-left: 0px; padding-left: 6px; }
form input[type=text],form input[type=password] { margin: 1px; padding: 5px; font-weight: normal; font-size: 160%; }
form input[type=submit] { margin: 1px; padding: 4px; border-width: 1px; border-style: solid; border-right-color: #999999; border-bottom-color: #999999; border-top-color: #cccccc; border-left-color: #cccccc; background-color: #eeeeee; color: #333333; font-size: 120%; font-weight: bold; white-space: nowrap; }
p.warning { font-weight: bold; color: #FF6464; text-align: center; margin-top: 10px; padding: 1px 4px; border: solid 1px #FF7575; background-color: #FFE1E1; font-size: 0.85em; }
span.query { font-size: 1.3em; }
div.search { text-align: center; margin: 20px 0; width: 810px; }
span.heading { font-weight: bold; }
#switcher { text-decoration: none; line-height: 1.4em; vertical-align: middle; padding-left: 30px; float: right; font-weight: normal; margin-right: 40px; background-position: left center; background-repeat: no-repeat; }
.detail { background-image: url(images/listdetail.gif); }
.summary { background-image: url(images/listsummary.gif); }
#switcher:hover { text-decoration: underline; }
div.bucket-bottom { height: 10px; margin-bottom: 10px; width: 170px; background-image: url(images/interface/box-bottom.gif); background-position: left bottom; background-repeat: no-repeat; }
div.bucket-top { height: 10px; width: 170px; background-image: url(images/interface/box-top.gif); background-position: left top; background-repeat: no-repeat; }
div.bucket { width: 146px; padding: 10px 4px; border-left: solid 3px #e1e4e0; border-right: solid 3px #e1e4e0; }

.pictureframe { position: relative; z-index: 50; padding: 1px; border: solid 1px #999; width: 150px; height: 150px; background-position: center center; background-repeat: no-repeat; margin-bottom: 3px; }
.overlay { position: relative; z-index: 51; margin-top: 125px; width: 146px; height: 20px; padding: 2px; visibility: hidden; text-align: right; vertical-align: middle; background-color: #ccc; border-top: solid 1px #aaa; }
.overlay a { position: relative; z-index: 52; color: #fff; padding: 6px; font-weight: bold; line-height: 16px; vertical-align: middle; }
.pictureframe:hover .overlay { visibility: visible; }

.bucket#share ul { margin: 0px; padding: 0px; margin-top: 14px; }
.bucket#share li { padding: 0 0 6px 0; }
.itweet { background-image: url(images/itwitter.gif); background-position: left center; background-repeat: no-repeat; padding-left: 23px; }
.iemail { background-image: url(images/iemail.gif); background-position: left center; background-repeat: no-repeat; padding-left: 23px; }
.ifacebook { background-image: url(images/ifacebook.gif); background-position: left center; background-repeat: no-repeat; padding-left: 23px; }
.latest { background-image: url(images/latest.gif); background-position: left center; background-repeat: no-repeat; padding-left: 23px; }