body { -webkit-text-size-adjust: none; }

.flash { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

* { margin: 0; padding: 0; }

html, body, #actn { height: 100%; }

body > #actn { height: auto; min-height: 100%; }

body { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 16px; margin: 0; background: #fff; color: #333; }

h1 { font-size: 28px; }

h2 { font-size: 24px; }

h3 { font-size: 20px; }

h4 { font-size: 16px; }

h5 { font-size: 12px; }

h6 { font-size: 8px; }

h1, h2, h3, h4, h5, h6 { color: #666; }

.alpha { width: 150px; }

.alpha, .gamma { position: absolute; }

.beta { margin-left: 160px; }

.gamma { width: 220px; }

.left-column { height: 100%; }

#header { height: 72px; position: absolute; z-index: 10; width: 100%; top: 0; background-image: url(/images/bg/header.gif); border-bottom: 5px solid #666666; }
#header .nav { display: inline; float: left; margin-right: 10px; border-left: 1px solid #282828; text-transform: uppercase; letter-spacing: 0.1em; }
#header dl.container { padding: 0; }
#header dl.container a { display: block; color: #fff; border: none; text-decoration: none; height: 32px; margin: 0; margin-top: 10px; padding: 30px 0 0 10px; font-size: 12px; text-shadow: 0 1px 1px rgba(255,255,255,0.5); }
#header dl.container dt#home { background: url(/images/bg/logo_bg.png) no-repeat 25px top; height: 100px; border-left: none; }
#header dl.container dt#home a { background: url(/images/bg/librarious_logo.png) no-repeat 25px top; height: 66px; margin-top: 0; text-indent: -9999px; -webkit-transform: rotate(0) scale(1); -webkit-transition: all 150ms ease-in-out; -webkit-transform-origin: bottom left; }
#header dl.container dt#home a:hover { -webkit-transform: rotate(7.7deg) scale(1.08) translateX(-6px); }
#header dl.container dd { width: 80px; margin-right: 0; margin-left: 0; position: relative; }
#header dl.container dd ul.submenu { display: none; margin: 0; padding: 0; width: 153px; background: #000; color: #fff; border: 4px solid #666; border-top: 4px solid #000; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; list-style: none; position: absolute; -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.5); text-transform: none; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 0; }
#header dl.container dd ul.submenu li { border-bottom: 1px solid #222; }
#header dl.container dd ul.submenu li a { padding: 5px; margin: 1px; height: auto; }
#header dl.container dd ul.submenu li a:hover { background: #333; }
#header dl.container dd ul.submenu li:last-child { border-bottom: none; }
#header dl.container dd a:hover { background-color: transparent; }
#header dl.container dd.current { background: transparent url(/images/bg/header_hilite.png) no-repeat center top; }

.sidebar { margin: 0; padding: 0; list-style-type: none; }
.sidebar .sidebar_item { border-bottom: 1px solid #666; }
.sidebar .sidebar_item dt { margin-bottom: 10px; }
.sidebar .sidebar_item dd { margin: 0; padding: 0; padding-left: 10px; }
.sidebar .sidebar_item dd a { margin: 0; padding: 0; margin-bottom: 5px; }
.sidebar .news { border-bottom: 0; }
.sidebar .news dl, .sidebar .news dd, .sidebar .news dt { padding: 0; margin: 0; }
.sidebar .news dt { border: 1px solid #ccc; border-bottom: 1px solid #333; padding: 5px 5px 5px 25px; background: #eee url(/images/icons/news.png) no-repeat 5px center; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.sidebar .news dd { padding-right: 1em; padding-left: 60px; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #ddd; }
.sidebar .news dd .excerpt { color: #aaa; }
.sidebar .news dd .date { float: left; margin-left: -60px; width: 45px; border: 1px solid #eee; border-top: 1px dotted #ccc; margin-top: 1px; text-align: center; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; font-weight: bold; }
.sidebar .news dd .date .year, .sidebar .news dd .date .month, .sidebar .news dd .date .day { display: block; }
.sidebar .news dd .date .year { border-top: 1px dotted #ddd; background: #eee; color: #bbb; line-height: 1.2em; }
.sidebar .news dd .date .day { line-height: 1.2em; font-size: 1.5em; color: #ccc; }
.sidebar .news dd .date .month { padding: 0; line-height: 1.2em; color: #fff; background-color: #ccc; }
.sidebar .media { border-bottom: 0; }
.sidebar .media dl, .sidebar .media dd, .sidebar .media dt { padding: 0; margin: 0; }
.sidebar .media dl { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.sidebar .media dl a { border-bottom: 1px solid #ccc !important; border-left: 1px solid #fff !important; border-right: 1px solid #ccc !important; }
.sidebar .media dl dt a { -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; display: block; padding: 10px; background: #ddd; border-bottom: 2px solid #666; }
.sidebar .media dl dd:last-child a { -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.sidebar .media dl dd a { display: block; padding: 10px; margin: 0 0; background: #eee; }
.sidebar .media dl dd a:hover { border-right-style: dotted !important; }
.sidebar .media dl dd a.current { font-weight: bold; border-right: none !important; }
.sidebar .media dl dd a.current, .sidebar .media dl dd a:hover { background: #fff; border-left: 1px solid #ccc !important; -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,1); }

#login_panel { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); background: #eee; border: 1px solid #ccc; padding: 10px; margin-bottom: 1em; }
#login_panel input { width: 180px; }
#login_panel #login_remember { width: auto; }
#login_panel h2 { font-size: 18px; }
#login_panel input[type="submit"] { margin-bottom: 0; }

.flash { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

.sidebar_box { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; background: #eee; overflow: hidden; }
.sidebar_box ul { margin-bottom: 0; }
.sidebar_box h4 { margin-bottom: 0.4em; }
.sidebar_box p:last-child { margin-bottom: 0; }
.sidebar_box #item_finder fieldset { padding: 0; margin: 0; border: none; }
.sidebar_box #item_finder label { display: none; }
.sidebar_box #item_finder input { width: 80px !important; margin-right: 5px; }
.sidebar_box #item_finder select { width: 100px; height: 20px; margin: 0 !important; float: right; }
.sidebar_box #item_finder input, .sidebar_box #item_finder select { border: 1px solid #aaa; padding: 3px; }
.sidebar_box #item_finder #results_container { margin-top: 1em; clear: left; }

#user_controls ul, #item_tools ul { margin: 0; list-style-type: none; }
#user_controls ul li, #item_tools ul li { margin: 0; }
#user_controls ul li a.icon, #item_tools ul li a.icon { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0.3em 0 0.3em 25px; background-position: 0.3em center; }
#user_controls ul li a.icon:hover, #item_tools ul li a.icon:hover { color: #666; font-weight: bold; background-color: #fff; }
#user_controls ul li:last-child a.icon, #item_tools ul li:last-child a.icon { margin-bottom: 0; }

#footer { clear: both; position: relative; height: 42px; margin-top: -76px; padding: 30px 0 0 0; background-image: url(/images/bg/footer.gif); border-top: 4px solid #666666; color: #fff; overflow: hidden; font-size: 12px; }
#footer .container { font-size: 10px; }
#footer .container p#legal { margin-bottom: 0; }
#footer .container p#legal a { text-decoration: none; color: #fff; border-bottom: 1px solid; }

a.icon { padding-left: 20px; display: block; border-bottom: none !important; background-repeat: no-repeat; background-position: left center; }
a.icon.logout { background-image: url(/images/icons/logout.png); }
a.icon.library { background-image: url(/images/icons/library.png); }
a.icon.add_item { background-image: url(/images/icons/add_item.png); }
a.icon.add { background-image: url(/images/icons/add.png); }
a.icon.globe { background-image: url(/images/icons/globe.png); }
a.icon.amazon { background-image: url(/images/icons/amazon.png); }

#user_form fieldset { padding-left: 90px; border-width: 0 0 1px 0; }
#user_form fieldset .note { display: block; clear: left; color: #999; }
#user_form fieldset legend { display: none; }
#user_form fieldset label { float: left; clear: left; display: inline; margin-left: -90px; margin-bottom: 1em; line-height: 25px; text-align: right; width: 70px; }
#user_form fieldset input { float: left; padding: 5px; width: 200px; }
#user_form fieldset select { height: 24px; }
#user_form fieldset#submit_fields { border-bottom: 0; }

#password_reset_form fieldset { padding-left: 90px; border-width: 0 0 1px 0; }
#password_reset_form fieldset .note { display: block; clear: left; color: #999; }
#password_reset_form fieldset legend { display: none; }
#password_reset_form fieldset label { float: left; clear: left; display: inline; margin-left: -90px; margin-bottom: 1em; line-height: 25px; text-align: right; width: 70px; }
#password_reset_form fieldset input { float: left; padding: 5px; width: 200px; }
#password_reset_form fieldset select { height: 24px; }
#password_reset_form fieldset#submit_fields { border-bottom: 0; }

#main { font-size: 12px; padding-top: 76px; padding-bottom: 76px; }
#main .container { clear: left; padding: 37px 0; }
#main .container a { color: #000; text-decoration: none; border-bottom: 1px solid; }
#main sub, #main sup { font-size: 0.6em; }
#main sup { line-height: 0.3em; vertical-align: super; }
#main .content { padding: 0 10px; }

#item_finder #title { width: 200px; }
#item_finder #type { padding: 6px; height: 29px; }

#spinner { padding: 0.5em; }

#results_container { clear: both; height: 200px; width: 315px; overflow: auto; }
#results_container .hover { background: #eee; cursor: pointer; }
#results_container .selected { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 10px 10px 90px; margin-right: 10px; border: 1px solid #ccc; background: #eee; }
#results_container .selected .image { left: 10px; top: 10px; }

.sidebar_box #item_finder #title { width: 160px; }
.sidebar_box #item_finder #type { padding: 2px; height: 22px; }
.sidebar_box #results_container { width: 195px; }
.sidebar_box #results_container .hover { background: #fff; }

.stars { font-family: "Arial Unicode MS"; }
.stars .selected { color: #007eff; }
.stars .empty { color: #b3b3b3; }

ul.things, ul.things li { margin: 0; padding: 0; list-style-type: none; }

ul.things li.thing { position: relative; padding-left: 80px; margin: 0 0 1em; border-bottom: 1px solid #eee; }
ul.things li.thing dl { margin-bottom: 1em; }
ul.things li.thing dl dt { margin-bottom: 1em; margin-right: 45px; }
ul.things li.thing dl dd { margin-left: 0px; }
ul.things li.thing dl dd.rating { margin-bottom: 1em; }
ul.things li.thing dl dd.review { margin-bottom: 1em; }
ul.things li.thing dl dd.review p { margin-bottom: 1em; }
ul.things li.thing dl dd.review p:last-child { margin-bottom: 0; }
ul.things li.thing dl dd.meta { border-top: 1px dotted #eee; padding-top: 1em; }
ul.things li.thing dl dd.meta .avatar { vertical-align: middle; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
ul.things li.thing dl dd.image { position: absolute; top: 0; left: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, rgba(255,255,255,0)), to(rgba(255,255,255,0.5))); }
ul.things li.thing dl dd.image a { border: none; width: 50px; display: block; border-bottom: none !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
ul.things li.thing dl dd.image a img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5); width: 50px; border: none; }
ul.things li.thing dl dd.tags ul { list-style-type: none; margin: 0; padding: 0; overflow: visible; margin-top: 1em; display: inline-block; }
ul.things li.thing dl dd.tags ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.things li.thing dl dd.tags ul { display: block; }
ul.things li.thing dl dd.tags ul li { float: left; margin-right: 0.5em; margin-bottom: 0.5em; }
ul.things li.thing dl dd.tags ul li a { -webkit-transform: rotate(0) scale(1); -webkit-transition: all 50ms ease-in-out; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; padding: 3px; line-height: 1em; background: #FDF5B2; color: #483025 !important; border-right: 1px dotted #aaa; border-bottom-color: #aaa !important; }
ul.things li.thing dl dd.tags ul li a:hover { background: #eee; -webkit-transform: rotate(-5deg); }
ul.things li.thing dl dd.tools { position: absolute; top: 0; right: 0; }
ul.things li.thing dl dd.tools ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
ul.things li.thing dl dd.tools ul li.tool { float: left; margin-right: 0.5em; }
ul.things li.thing dl dd.tools ul li.tool a { text-indent: -9999px; display: block; width: 16px; height: 16px; border-bottom: 0 !important; }
ul.things li.thing dl dd.tools ul li.remove a { background: url(/images/icons/trash.png) no-repeat center center; }
ul.things li.thing dl dd.tools ul li.remove a:hover { background: url(/images/icons/trash_hover.png) no-repeat center center; }
ul.things li.thing dl dd.tools ul li.edit a { background: url(/images/icons/edit_item.png) no-repeat center center; }

#login_form fieldset { border: none; margin-bottom: 0; padding: 0; }
#login_form fieldset label { display: block; }
#login_form fieldset input { margin-bottom: 1em; padding: 3px; }

#item_form fieldset { padding-left: 90px; border-width: 0 0 1px 0; }
#item_form fieldset .note { display: block; clear: left; color: #999; }
#item_form fieldset legend { display: none; }
#item_form fieldset label { float: left; clear: left; display: inline; margin-left: -90px; margin-bottom: 1em; line-height: 25px; text-align: right; width: 70px; }
#item_form fieldset input { float: left; padding: 5px; width: 200px; }
#item_form fieldset select { height: 24px; }
#item_form fieldset#submit_fields { border-bottom: 0; }

.media .add #item_finder fieldset, .media .edit #item_finder fieldset { padding-left: 90px; border-width: 0 0 1px 0; }
.media .add #item_finder fieldset .note, .media .edit #item_finder fieldset .note { display: block; clear: left; color: #999; }
.media .add #item_finder fieldset legend, .media .edit #item_finder fieldset legend { display: none; }
.media .add #item_finder fieldset label, .media .edit #item_finder fieldset label { float: left; clear: left; display: inline; margin-left: -90px; margin-bottom: 1em; line-height: 25px; text-align: right; width: 70px; }
.media .add #item_finder fieldset input, .media .edit #item_finder fieldset input { float: left; padding: 5px; width: 200px; }
.media .add #item_finder fieldset select, .media .edit #item_finder fieldset select { height: 24px; }
.media .add #item_finder fieldset#submit_fields, .media .edit #item_finder fieldset#submit_fields { border-bottom: 0; }
.media .add #item_finder select, .media .edit #item_finder select { margin: 0 0 0 1em; }
.media .add dd.rating, .media .add dd.meta, .media .add dd.review, .media .add dd.tags, .media .add dd.tools, .media .edit dd.rating, .media .edit dd.meta, .media .edit dd.review, .media .edit dd.tags, .media .edit dd.tools { display: none; }

#contact_form fieldset { padding-left: 90px; border-width: 0 0 1px 0; }
#contact_form fieldset .note { display: block; clear: left; color: #999; }
#contact_form fieldset legend { display: none; }
#contact_form fieldset label { float: left; clear: left; display: inline; margin-left: -90px; margin-bottom: 1em; line-height: 25px; text-align: right; width: 70px; }
#contact_form fieldset input { float: left; padding: 5px; width: 200px; }
#contact_form fieldset select { height: 24px; }
#contact_form fieldset#submit_fields { border-bottom: 0; }
#contact_form fieldset legend { display: block; }

ul.buttons { list-style-type: none; padding: 0; margin: 0; }
ul.buttons li { margin-bottom: 1em; }
ul.buttons li:last-child { margin-bottom: 0; }

a.button { height: 24px; line-height: 24px; display: block; text-align: center; background: url(/images/bg/button_bg.png); border: 1px solid #666; text-shadow: 0 1px 1px rgba(255,255,255,0.5); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); -webkit-transition: all 150ms ease-in-out; }

a.button:hover { border-color: #333; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5); }

.paging { overflow: hidden; clear: left; }
.paging span, .paging a, .paging select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; text-align: center; background: #ddd; color: #333 !important; border-bottom-color: #aaa !important; margin-right: 10px; }
.paging .last { margin-right: 0; }
.paging .next { margin-left: 140px; }
.paging select { margin: 0 10px 0 0; padding: 0; }
.paging span { color: #aaa !important; background: #eee; border-color: #ccc; }

#collecta .collecta_result { margin-bottom: 10px; }
#collecta .collecta_result h4 { font-weight: bold; font-size: 1em; }
#collecta .collecta_result .collecta_content img { float: none; }