a
{
cursor: pointer;
}


div.content
{
margin: 20px;
font-size: 12px;
line-height: 140%;
}

img.rightspinner
{
vertical-align: middle;
float: right;
margin-left: 15px;
}

div.content a:not(.btn):link,
div.content a:not(.btn):active,
div.content a:not(.btn):visited
{
text-decoration: none;
}

div.content a:not(.alwaysblue):not(.btn):not(.ltbtn2):not(.pillbox_a):hover
{
text-decoration: underline;
}

/* content table */

div.minimal
{
margin: 0px !important;
}

.tablecontent
{
width: 100%;
}

.tablecontent .cleft
{
width: 160px;
vertical-align: top;
}

.tablecontent .cmiddle
{
vertical-align: top;
}

.tablecontent .cright
{
width: 160px;
vertical-align: top;
}

.tablecontent .second
{
padding-top: 0px;
}

/*  HEADERS */

h1, h2
{
}

h1
{
font-size: 20px;
}

h2
{
}

/* SECTIONNAV */

div.sectionnav
{
color: grey;
float: right;
padding-bottom: 10px;
font-size: 12px;
}

div.sectionnav a
{

font-weight: bold;
}

/* RIGHT-HAND DIV. */

div.rightchannel
{
float: right;
width: 170px;
margin-left: 15px;
font-size: 12px;
}

.greenbox
{
font-size: 11px;
line-height: 135%;
padding: 10px;
border: 1px solid #cdf0d1;
background-color: #DAF6DD;
margin-bottom: 7px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-image: url(//image.librarything.com/pics/greenbox.gif);
background-repeat: no-repeat;
background-position: top right;
}

.greenbox h1,
.greenbox h2,
.greenbox h3
{
line-height: 135%;
}

.greenbox h1
{
background-color: red !important;
}

.greenbox h2
{
margin: 0px 0px 10px 0px;
padding: 0px;
font-size: 12px;
}

.greenbox h3
{
margin: 7px 0px 5px 0px;
padding: 0px;
font-size: 11px;
}

div.greenbox img.right
{
float: right;
margin-left: .5em;
}

div.greenbox p:last-child
{
margin-bottom: 0 !important;
}

.yellowbox
{
background-color: #FFF5E1 !important;
border: 3px #f3ebdc solid !important;
border: 2px #e5dbc8 solid !important;
background-image: none;
}

.graybox
{
background-color: #f0f0f0 !important;
border: 2px #d6d6d6 solid !important;
background-image: none;
}

.greenbox
{
border-width: 2px;
}

/* Unordered Lists */

.ulplain, .ulspaced
{
list-style: none;
margin: 0px;
padding: 0px;
}

.ulplain li
{
margin: 0px;
padding: 0px;
line-height: 1.25em;
text-indent:-20px;
margin-left: 20px;
padding-bottom: .25em;
}

.ulspaced li
{
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}

.ulbullet li
{
margin: 0 0 0 10px;
padding: 0 0 0 10px;
margin-bottom: 5px;
list-style: disc;
list-style-position:inside;
}

.ulbulletplain li
{
margin: 0 0 0 10px;
padding: 0 0 0 10px;
list-style: disc;
list-style-position:inside;
}

.tagcloud
{
	line-height: inherit;
}

span.count
{
font-size: 9px;
color: gray;
}

div.rightfloat
{
float: right;
}

.lastchild :last-child
{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

.firstchild :last-child
{
margin-top: 0 !important;
padding-top: 0 !important;
}

div.hidecount span.count
{
display: none;
}

table.greenbox td
{
padding-bottom: 0px !important;
}

table.greenbox td
{
text-align: center;
font-size: 12px;
white-space: nowrap;
}

table.greenbox td a
{
font-weight: bold;
}

div.subjectlist p
{
text-indent: -15px !important;
margin-left: 15px !important;
}

.warning
{
background: yellow;
padding: 2px 4px 2px 4px;
}

.subnav
{
margin-top: 10px;
padding: 2px 10px 10px 15px;
border: 2px none #e7e7e7;
border-bottom-style: solid;
background: none;
font-family: verdana, arial, sans-serif;
height: inherit;
font-size: 11px !important;
line-height: 15px;
}

.subsubnav
{
margin-top: 0px;
padding: 7px 10px 7px 15px;
background-color: #eff5fc;
}

.subnav a:link,
.subnav a:active,
.subnav a:visited
{
text-decoration: none;
}

.subnav a:hover
{
text-decoration: underline;
}

.subnav a:link, .subnav a:active, .subnav a:visited, .subnav a:hover
{
color: var(--lt-link-color);
}

.subnav div.right
{
float: right;
right: 10px;
color: gray;
}

.subnav div.right a
{
margin: 0px 3px 0px 3px;
}

a.subnav_selected:link, a.subnav_selected:active, a.subnav_selected:hover, a.subnav_selected:visited
{
color: #111111 !important;
font-weight: bold !important;
}

span.pipe
{
color: #AAAAAA;
margin: 0px 2px 0px 2px;
font-weight: normal !important;
}

.subnav a
{
font-weight: bold;
}

.subnav span.pipe
{
color: #cfcfcf;
}

/* Overlay */

div.pic
{
float: left;
position: relative;
}

div.pic img
{
margin: 0px 6px 10px 0px;
display: inline;
border: 1px solid #EEE;
}

div.pic
{
display: inline;
}

div.name
{
font-size: 9px;
line-height: 12px;
color: #232323;
position: absolute;
left: 0px;
top: 0px;
padding: 3px;
background: white;
border: 1px solid #EEE;
}

div.patronX
{
font-size: 9px;
line-height: 12px;
color: #232323;
padding: 3px;
}

div.wrapper, div.wrappershow
{
position: relative;
float: left;
margin: 1px;
}

div.hidden
{
visibility: hidden;
}

div.wrappershow div.hidden
{
visibility: visible !important;
}

.showmore_show .showmore_showlink,
.showmore .showmore_hide
{
display: none !important;
}

.showmore_show2 .showmore_showlink2, .showmore2 .showmore_hide2
{
display: none;
}

u.showmore_hide {
  text-decoration: none !important;
}

/* relatedItem */

div.relatedItems
{
margin-top: 12px;
}

.relatedItem
{
font-size: 11px;
line-height: 15px;
margin: 0px 0px 10px 0px !important;
clear: both !important;
}

.relatedItemRating
{
width: 50px;
display: inline-block;
float: left;
}

.relatedItemTitle a
{
display: block;
margin-left: 50px;
}

.relatedItemTitle
{
position: relative;
}

.relatedItemTitle span.rating
{
padding: 3px 0 0 0 !important;
position: absolute;
top: 0;
left: 0;
}

/* relatedItem */

.greenbox .rw
{
float: left;
margin-top: 4px;
}

* html .greenbox .rw
{
margin-top: 0px;
}

div.stuffyoucando
{
font-weight: bold;
font-size: 12px;
line-height: 12px;
padding: 6px 12px 10px 12px;
}

div.stuffyoucando div
{
margin: 6px 0px 0px 0px;
}

div.stuffyoucando img
{
margin-right: 10px;
vertical-align: middle;
}

li.haveit
{
background-image: url(https://image.librarything.com/pics/cm-g.gif?1);
}

li.have_1
{
list-style-image: url(https://image.librarything.com/pics/cm-g.gif?1);
}

li.have_4
{
list-style-image: url(https://image.librarything.com/pics/cm-p.gif?1);
}

li.have_5
{
list-style-image: url(https://image.librarything.com/pics/cm-b.gif?1);
}

li.have_0
{
list-style-image: url(https://image.librarything.com/pics/cm-n.gif?1);
}


div.tags span.tag
{
margin-right: 10px;
	line-height: 1;
}

img.favicon
{
border: 1px solid #CCCCCC;
vertical-align: middle;
margin-right: 5px;
width: 16px;
height: 16px;
}

ol.recswithseries li
{
margin-bottom: 7px;
}

ol.recswithseries div.sameseries
{
font-size: 10px;
margin: 3px 0 7px 0;
}

table.spamwarning
{
margin-bottom: 15px;
background-color: #f7ff99;
border: 2px solid gray;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

table.spamwarning h2
{
font-size: 12px;
margin: 0 0 4px 0;
padding: 0px;
}

/* Voting */

div.voter
{
margin: 10px 0px 20px 0px;
font-size: 11px;
}

div.voter span.main
{
width: auto;
border: 1px solid #CCCCCC;
background-color: #EEEEEE;
padding: 3px 8px 3px 8px;
}

div.vote h3
{
font-size: 12px;
line-height: 16px;
margin: 15px 0 8px 0;
padding: 0px;
color: green;
}

div.publicvotes
{
margin: 12px 0 0 10px;
}

div.publicvotes p
{
color: gray;
margin: 4px 0 0 0;
}

/* columnar */

table.columnar
{
width: 100%;
}

table.columnar td
{
vertical-align: top;
padding-right: 10px;
}

table.columnar td.right
{
padding-right: 0px !important;
}

/* Welcome to LT drop down bar */

div.welcomebox
{
font-size: 12px !important;
color:#303030;
background:#f9fbb8;
border-bottom: 1px solid #c1bab1;
line-height: 18px;
margin: 0px !important;
padding: 8px 8px 0px 8px;
vertical-align: middle;
}

#welcomemessage
{
width:95%;
}

/* hover over
#prenav
{
position:absolute;
z-index:100000;
width:100%;

}
*/

#closebox
{
background:url('//image.librarything.com/pics/close_button_grey.png') no-repeat;
right: 13px;
top: 24px;
position: absolute;
width:23px;
height:23px;
}

#closebox:hover
{
cursor:pointer;
background:url('//image.librarything.com/pics/close_button_red.png') no-repeat;
}

#welcomemessage a
{
text-decoration:underline;
}

#welcomemessage div.head
{
margin-bottom: 8px;
}

.newmarker
{
background-color:#fffd0f;
border:1px solid #888888;
margin: 0px 5px 0px 5px;
padding: 0px 3px;
font-size: 9px !important;
font-weight:bold;
color:#111111;
}









/* Tim's June 29 changes to new-design. These should be combined with the above once they're okayed */

table.tablecontent
{
margin-bottom: 60px;
}

.tablecontent .cleft
{
padding-right: 15px;
}

.tablecontent .cmiddle h1
{
}

.tablecontent .cmiddle h2
{
}

.tablecontent .cmiddle h3
{
font-size: 12px;
color: #111111;
/*
This rule was changed on June 16, 2007 because it screwed up so many stats/meme pages. If necessary, add it in where necessary,
margin: 15px 0 10px 0;
*/
margin: 0 0 10px 0;
}

.tablecontent .cmiddle
{
}

div.badgebox
{
padding: 0px;
}

div.badgebox img
{
float: right;
margin: 0px 0px 3px 3px;
}

div.badgebox div.insidecontent
{
padding: 10px;
}

.alerts p, p.alerts
{
background-color: yellow;

margin: 0px 0px 15px 0px;
padding: 3px;

background-color: #FFF5E1;
border: 1px solid #E0D9D2;
}
.vertalign_middle {
	vertical-align: middle;
}
div.holiday_outside
{
border: 3px dashed red;
padding: 2px;
margin-bottom: 15px;
float: left;
}

div.holiday_inside
{
background-color: green;
color: white;
font-weight: bold;
padding: 10px;
}

div.languagepick
{
border: 1px solid #E7E5DF;
background-color: #FCF9F2;
margin: 0px 0px 10px 0px;
padding: 2px 6px 2px 6px;
color: #232323;
}

div.foreignaboutmessage
{
margin-bottom: 20px;
}

.yellowfade, .yellowfade *
{
background-image:url("//image.librarything.com/pics/savingBG-once.gif");
}

span.tagt
{
background-color: #f2b08c;
}

div.tagtnotice
{
margin-top: 10px;
font-style:italic;
font-size: 10px;
}

div.tagtnotice img.icon
{
margin-right: 0px;
}

#LT_LB_content div.close
{
float: right;
}





.profilepage .postinfo
{
	clear: both;
}

.profilepage .tinygray
{
	font-size: 10px;
	color: #444444;
}

.profilepage h2
{
	margin-bottom: 10px;
}

.profilepage div.greenbox p
{
	margin: 8px 0px 0px 0px !important;
}

.profilepage div.commentform
{
	margin-bottom: 10px;
}

.profilepage div.commentchrome
{
	font-weight: normal;
	font-size: 12px;
	border: 1px solid gray;
	background-color: #EEEEEE;
	padding: 5px;
}

.profilepage div#connectionnews
{
	margin: 0px 10px 0px 25px;
}

.profilepage div#connectionnews_inside
{
	padding: 15px;
}

.profilepage div#connectionnews h2
{
	margin-bottom: 15px;
}


.profilepage div#connectionnews td
{
	font-size: 11px;
}

.profilepage span.awardvalue
{
	color: gray;
}

.profilepage div.profileproblem
{
	margin: 30px;
	margin-left: 20px;
	font-size: 12px;
}

.profilepage div.profileproblem p.alert
{
	color: orange;
	font-weight: bold;
}

.profilepage span.left
{
	white-space: nowrap !important;
}

body .chromeblack, body  .chromeblack *, body .alwaysblue .chromeblack a
{
color: #111111 !important;
}

/* COLUMNAR */

table.columnar table.insidetable
{
width: 100%;
}

table.columnar table.insidetable td.r
{
padding: 0px 10px 0 10px;
text-align:right;
border-right-style: solid;
}

table.columnar td.right table.insidetable td.r
{
border-right-style: none;
padding: 0px;
}

div#reviewsforyourbooks_inside div#secondaryreviews_reviewnav
{
margin-top: 0px;
}

div.pics_admonition_large
{
display: none;
}

div.pics_admonition_large p
{
margin: 0 0 10px 0 !important;
}

div.admonition div.pics_admonition_large
{
display: block;
}

div.admonition div.form
{
display: none !important;
}


/* X-DEBUG */

.xdebug-error {
    font-size: 12px !important;
    width: 95% !important;
    margin: 0 auto 10px auto !important;
    border-color: #666 !important;
    background: #ddd !important;
}

.xdebug-error th, .xdebug-error td {
    padding: 2px !important;
}

.xdebug-error th {
    background: #ccc !important;
}

.xdebug-error span {
    display: none !important;
}

.xdebug-error_description th {
    font-size: 1.2em !important;
    padding: 20px 4px 20px 100px !important;
    background: #ccc no-repeat left top !important;
}

.xdebug-error_callStack th {
    background: #666 !important;
    color: #ddd !important;
}

.xdebug-error  th {
	color: black !important;
}

.xdebug-error  th i {
	font-size: 30px !important;
	display: block;
	padding: 2px;
	}

span.datepicker
{
margin-left: 5px;
vertical-align: middle;
}

.disabled-filter span.datepickeri
{
-moz-opacity: 0.35;
opacity:.35;
filter: alpha(opacity=35);
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter:    grayscale(0%);
-ms-filter:     grayscale(0%);
-o-filter:      grayscale(0%);
cursor: pointer;
}

/* Workbench */

.workbench_itemlist .item
{
margin-left: 25px;
margin-bottom: 1em;
position: relative;
}

.workbench_itemlist .item .icon
{
position: absolute;
top: 0;
left: -25px;
}



/* Support for the new LT2 work/user/author popup */
/* lt2 popup related styles */


#lt2_hover_el {
	position: absolute;
	transform: translate3d(0,0,0);
	z-index: 1001;
	background:#fff;
	color: #222;
	background: var(--lt-background-color);
	color: var(--lt-text-color);

	width: 500px;
	border: 5px solid #fff;
	box-shadow: 0 0 2px 0px #000, 0 0 4px 5px #0000005e;
	border-radius: 3px;

	left: 500px;
	top: 500px;
	display: none;

	min-height:100px;
	height: 190px;
	/* font-family: lt-ui; */
}
/*
#lt2_hover_el:after {
	content: "";
	display: block;
	background: #a31f1f00;
	position: absolute;
	top: -45px;
	height: 40px;
	left: -5px;
	right: -5px;
	-webkit-clip-path: polygon(31% 49%, 100% 100%, 0px 100%, 50px 0, 20% 34%);
	clip-path: polygon(31% 49%, 100% 100%, 0px 100%, 50px 0, 20% 34%);

}

 */
.popup_content {
	xdisplay:flex;
	padding: 15px;
}
.popup_cover {
	xflex: 0 1 auto;
	float: left;
}
.popup_bookinfo {
	xflex: 1 1 auto;
	margin-left: 125px;
}
.popup_cover {
	xmargin-right: 20px;
	min-height:100px;
}
.popup_cover img {
	width: 100px;
	border: 1px solid var(--lt-border-color);
	background:#0001;
	border-radius: 4px;
	xmin-height: 100px;
	xobject-fit: cover;
	max-height: 160px;
	min-height: 35px;
	xheight: 160px;
	object-fit: cover;
}
.nosummary .popup_cover img {
	xwidth: 70px;

}
.popup_booktitle {
	font-size: 1.15em;
	font-weight: 600;
	xmax-height: 2.3em;
	line-height: 1.1em;
	margin-bottom: 0.1em;
	margin-top: 0;
}
.popup_author {
	font-weight: 500;
	overflow: hidden;
	max-height: 1.3em;
	line-height: 1.4em;
	font-size: 0.95em;
}

.popup_content .summary {
	font-size: 0.8em;
	line-height: 1.3em;
	margin-top: 5px;
	overflow: hidden;
	max-height: 5em;
}

.popup_actions {
	margin:10px 0 0;
	display:flex;
	justify-content: space-between;
}
.popup_actions > button,
.popup_actions > a {
	flex:0 1 auto;
	margin:5px 10px 0 0;
}
.popup_actions > a {
	xmargin-right:40px;
}
.popup_actions > button:last-child {
	margin-right:0;
}
.popup_infobar {
	display:flex;
	margin: 5px 0 0;
	font-size: 0.8em;
	justify-content: space-between;
	xbackground: #00000009;
	border-radius: 3px;
	xpadding: 1px 10px;
}
.popup_infobar.no_flex {
	justify-content: flex-start;
}
.popup_infobar > span {
	flex:0 1 auto;
}
.popup_infobar.no_flex > *,
.popup_infobar.no_flex > span {
	margin-right: 30px;
}
.popup_rating_val {
	margin-top: 1px;
	vertical-align: top;
	display: inline-block;
	margin-left: 4px;
}

.hoverlink {
	font-weight:600;
}

/* Mini hover styles */
#lt2_hover_el.mini {
	width:400px;
}
#lt2_hover_el.mini .popup_cover img {
	width: unset;
	height: 90px;
	margin: 0;
}
#lt2_hover_el.mini .popup_bookinfo {
	width: 100%;
}
#lt2_hover_el.mini .popup_booktitle {
	font-size: 1.05em;
}
#lt2_hover_el.mini .popup_author {
	font-size: 0.9em;
}
#lt2_hover_el.mini .popup_infobar,
#lt2_hover_el.mini .popup_content .summary {
	display: none;
}
#lt2_hover_el.mini .popup_actions {
	margin-top: 0;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
#lt2_hover_el.above {
	/* margin-top: 167px; */
}

#lt2_hover_el_close {
	display:block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.875rem;
	color: #a2a2a2;
	padding: 5px 10px 16px 17px;
}

/* for ie */
#lt2_hover_el #lt2_hover_triangle {
	border-color: #d3d3d3 transparent;
}
#lt2_hover_el #lt2_hover_triangle {
	margin-left: 30px;
	border-color: #0000005e rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 0 18px 18px;
	bottom: auto;
	position: absolute;
	top: -23px;
}
#lt2_hover_el #lt2_hover_triangle:before {
	border-color: #aaa transparent;
}

/*
#lt2_hover_el #lt2_hover_triangle:before {
	content:"";
	position:absolute;
	border-style:solid;
	border-color: rgba(255, 255, 255, 0.85) rgba(0, 0, 0, 0);
	display:block;
	width:0;

	border-width: 0 20px 20px;
	bottom: auto;
	margin-left: -20px;
	top: -7px;
	z-index: -1;
	border:none;
}
 */
#lt2_hover_el #lt2_hover_triangle:after {
	xborder-color:#fff tr
}
#lt2_hover_el #lt2_hover_triangle:after {
	content:"";
	position:absolute;
	border-style:solid;
	border-color:#fff transparent;
	/* reduce the damage in FF3.0 */
	display:block;
	width:0;

	border-width: 0 18px 18px;
	bottom: auto;
	left: -18px;
	top: 2px;
}

/* For the triangle on the bottom */
#lt2_hover_el.above #lt2_hover_triangle {
	margin-left: 30px;
	border-style: solid;
	border-width: 18px 18px 0;
	top: auto;
	position: absolute;
	bottom: -23px;
}

/*
#lt2_hover_el.above #lt2_hover_triangle:before {

	border-width: 20px 20px 0 !important;
	top: auto;
	margin-left: -20px;
	bottom: -6px;
	z-index: -1;
}
#lt2_hover_el.ie #lt2_hover_triangle:before {
	display:none;
}
 */
#lt2_hover_el.above #lt2_hover_triangle:after {

	border-width: 18px 18px 0 !important;
	top: auto;
	left: -18px;
	bottom: 2px;
}







/* Stuff that I want to move to the main.css file when we can start loading it on the main pages */
.lt2_cover {
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 300;
	-webkit-transform: translate3d(0, 0, 0);
}
.lt2_cover.lt2_loading {
	opacity:0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	min-width:110px;
	position:relative;
	/* border-color:#fff; */

	transform: scale(1) translate(100px) rotateY(70deg);
	transform-origin: 0% 50%;
}
.lt2_cover.lt2_loaded {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);

	-webkit-transition: opacity 200ms, transform 0ms ease-out;
	-moz-transition: opacity 200ms, transform 0ms ease-out;
	-ms-transition: opacity 200ms, transform 0ms ease-out;
	transition: opacity 200ms, transform 0ms ease-out;
	min-width:0;

	xbox-shadow: 1px 0px 0 0.5px #999,
	2px 1px 0 0.5px #fff,
	3px 1.5px 0 0.5px #888,
	4px 2px 0 0.5px #fff,
	5px 2.5px 0 0.5px #777,
	6px 3px 0 0.5px #fff,
	7px 3.5px 0 0.5px #aaa,
	8px 4px 0 0.5px #fff,
	9px 4.5px 0 0.5px #666;

	-webkit-animation: bookflip 0ms ease;
}
@-webkit-keyframes bookflip {
	0% {
		-webkit-transform: perspective(900) translate3d(0px, 0px, 0px) rotateY(-90deg);
		-webkit-transform-origin: 0% 50%;
	}
	100% {
		-webkit-transform: perspective(500) translate3d(0px,0px,0px) rotateY(0deg);
		-webkit-transform-origin: 100% 50%;
	}
}
.lt2_cover.lt2_loaded.transition_0s {
	transition-duration: 0ms;
}
.lt2_cover.lt2_loading::before {
	background: transparent;
	content: " ";
	display: block;
	height: 100%;
	margin-bottom: -20px;
	margin-top: -20px;
	min-height: 120px;
	min-width: 100px;
	position: relative;
	width: 100%;
}

.popup_edit
{
position: absolute;
right: 0;
bottom: 0;
}

.popup_edit_container
{
margin: 1em 1em;
}


/* Handling for legacy styling */
.legacy .popup_content .summary {
	font-size: 0.7em;
	margin-top:10px;
	line-height: 1.3em;
	height: 5.1em;
	overflow: hidden;
}
.legacy .popup_infobar {
	margin-top:10px;
}
.legacy .popup_booktitle {
	font-size: 1em;
	line-height: 1.2em;
}
.legacy .popup_author {
	font-size: 0.9em;
}

/* END support for LT2 popup */


/* Testing for /work/ links */
/*
a[href^="/work/"]:not(.popup_registered) {
	background-color: #ffbbc5;
}
a[href^="/work/"].popup_registered {
	background-color: #d9ffcb;
}
[data-title] {
	border: 1px solid #0b679c;
}


[href^="/work/"][data-title][data-title] > img.cover,
[href^="/work/"][data-title][data-title] > img.bk {
	border: 3px solid green;
}
[href^="/work/"]:not([data-title]) > img.cover,
[href^="/work/"]:not([data-title]) > img.bk {
	border: 3px solid orange;
}
[href^="/work/"]:not([data-workid]) > img.cover,
[href^="/work/"]:not([data-workid]) > img.bk {
	border: 3px solid red;
}

 */


/* LT2 stuff ported temporarily from LT2 */
html {
	--spacing-xs: 8px;
	--spacing: 24px;
	--spacing-s: 12px;
	--spacing-m: 36px;
	--flow-space: 1em;
}

.bold {
	font-weight: 600;
}
.bolder {
	font-weight: 800;
}
.quickflex {
	display:flex;
	align-items: center;
	flex-flow: row;
	width:100%;
}
.quickflex > * {
	flex: 1 1 auto;
}
.formflex {
	display:flex;
	align-items: center;
	flex-flow: row;
	width:100%;
}
.formflex > *:not(.btn) {
	flex: 1 1 auto;
}
.formflex > .btn {
	margin-left: 1em;
}

.sidenav_accordion a, .sidenav_accordion a:visited {
	display: block;
	padding: 0.75em 20px;
	cursor: pointer;
	color: var(--lt-text-color) !important;
	font-weight: 500;
	text-decoration: none;
}
.btn-divot-divot {
	transition: 200ms ease-in-out;
}
.seriesedittoggle_state .btn-divot-divot {
	transition: 300ms ease-in-out;
	transform: rotate(90deg);
}

.sidebar_group .sidebar_content {
	padding: 0 20px;
}

.sidebar_group .sidebar_items > .btn  {
	margin-left:10px;
	width: calc(100% - 20px);
}

.sidenav_accordion
{
	margin-top: 1em;
	display: none;
	padding: 0;
	border: 1px solid var(--lt-border-color);
	margin-top: -1px;
	border-radius: var(--lt-border-radius);
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	background: var(--lt-tint-light-9);
}
.sidenav_accordion .separator {
	height: 1px;
	border-bottom:1px solid var(--lt-border-color);
	width: 100%;
}




.lt_pillbox {
	display:flex;
}
.lt_pillbox.lt_small {
	font-size: 0.9em;
	display: inline-flex;
}
.lt_pillbox.lt_tiny {
	font-size: 0.8rem;
	display: inline-flex;
}
.lt_pillbox > *,
.lt_pillbox > a {
	flex: 0 1 auto;
	border: 1px solid var(--lt-border-color);
	background: var(--lt-subnav-background-color);
	color: var(--lt-brownlogo-color) !important;
	padding: 0.15em 0.75em 0.2em;
	border-left-width: 0;
	cursor:pointer;
	font-weight: 500;
	user-select: none;
	text-align: center;
}
.lt_pillbox.lt_small > *,
.lt_pillbox.lt_small > a {
	font-weight: 400;
}
.lt_pillbox > *:first-child {
	border-left-width: 1px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.lt_pillbox > *:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.lt_pillbox > a:not(.selected):not(.disabled):hover,
.lt_pillbox > *:not(.selected):not(.disabled):hover {
	background: var(--lt-tan-selected);
	xcolor: var(--lt-red-light-color);
	text-decoration: none;
}

.lt_pillbox > .selected,
.lt_pillbox.lt_onoff > .on,
.lt_pillbox.lt_onoff > .lt_on,
.lt_pillbox.lt_onoff > .off,
.lt_pillbox.lt_onoff > .lt_off {
	background: var(--lt-red-color-control-foreground);
	color: var(--lt-background-color);
	font-weight: 600;
	text-decoration: none;
}
.lt_pillbox > .disabled {
	background: var(--lt-subnav-background-color);
	color: var(--lt-tint-dark-5);
	text-decoration: none;
}

.lt_pillbox.lt_blend > *,
.lt_pillbox.lt_blend > a {
	color: var(--lt-text-color) !important;
	font-weight: 400;
	background: transparent;
	border-color: var(--lt-tint-dark-2);
}
.lt_pillbox.lt_blend > .selected {
	background: var(--lt-badge-color);
	color: var(--lt-background-color) !important;
	font-weight: 600;
	border-left-width: 1px;
	margin-left: -1px;
}
.lt_pillbox.lt_blend > .disabled {
	color: var(--lt-tint-dark-5);
}

.lt_pillbox.lt_onoff > .on.selected,
.lt_pillbox.lt_onoff > .lt_on.selected {
	background: var(--lt-on-color);
	color: var(--lt-background-color);
}
.lt_pillbox.lt_onoff > .off.selected,
.lt_pillbox.lt_onoff > .lt_off.selected {
	background: var(--lt-off-color);
	color: var(--lt-background-color);
}

.btn-default {
	background-color: var(--lt-button-default-background-color);
}
.btn-primary {
	xcolor: #fff;
}
.btn-info {
	background-color: #4a9eb7;
	border-color: #3788a0;
}

.btn-primary {
	xbackground-color: var(--lt-button-default-background-color)
	xborder-color: var(--lt-brownlogo-color);
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
	xbackground-color: var(--lt-brown-hover-color);
	xborder-color: var(--lt-brown-color);
}


button .btn-divot-divot,
.btn .btn-divot-divot {
	xfloat: right;
	margin-left: 5px;
	margin-top: 4px;
	vertical-align: top;
	font-size: 1.5em;
	opacity: 0.7;
	transform-origin: 5px 5px;
}
.seriesedittoggle_state .btn-divot-divot {
	filter: invert(1);
	opacity: 1;
}
button a,
button a:visited,
a.btn,
a.btn:visited {
	xcolor: black !important;
	xcolor: var(--lt-text-color) !important;
}

.flow > * + * {
	margin-top: var(--flow-space);
}
.flow_bottom,
.space_bottom {
	margin-bottom: var(--flow-space);
}
.flow_top,
.space_top {
	margin-top: var(--flow-space);
}

.floatright {
	float: right;
}

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background: var(--lt-sidebar-tan);
	box-shadow: 0 1px 3px #0001 inset;
	border-radius: var(--lt-border-radius);
	border: 1px solid #0000000f;

}

/* Tables */
/* used as a wrapper around tables */
.lt_table {
	border:1px solid var(--lt-tint-dark-2);
	border-radius: 3px;
	overflow:hidden;
}
.lt_table table {
	width: 100%;
	border-spacing: 0;
}

.lt_table table tr:nth-child(odd) {
	background: var(--lt-table-row-color);
}
.lt_table table tr:hover {
	background: var(--lt-table-row-hover-color);
}
.lt_table table td,
.lt_table table th {
	padding:0.45em 0.75em;
	border-bottom: 1px solid var(--lt-tint-dark-1);
}
.lt_table table tr:last-child td {
	border-bottom:none;
}
.lt_table table tr td:last-child {
	text-align:right;
}
.lt_table tr.ui-state-default {
	border:none;
}

#LT_LB2020_titlebar {
	height: 2.5em;
}

.fbloader {
	margin:1em;
}


/* line clamping (seemore) */
@supports (-webkit-line-clamp: 2) {
	.clamp,
	.clamp1,.clamp2,.clamp3,.clamp4,.clamp5,.clamp6,
	[data-clamp] {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		line-clamp: 2;
		box-orient:vertical;
		overflow: hidden;
	}
	.clamp1,
	[data-clamp="1"] {
		-webkit-line-clamp: 1;
		line-clamp: 1;
	}
	.clamp3,
	[data-clamp="3"] {
		-webkit-line-clamp: 3;
		line-clamp: 3;
	}
	.clamp4,
	[data-clamp="4"] {
		-webkit-line-clamp: 4;
		line-clamp: 4;
	}
	.clamp5,
	[data-clamp="5"] {
		-webkit-line-clamp: 5;
		line-clamp: 5;
	}
	.clamp6,
	[data-clamp="6"] {
		-webkit-line-clamp: 6;
		line-clamp: 6;
	}
	.clampwrap {
		position:relative;
	}
	.clampwrap input.clamp_seemore_input {
		opacity: 0;
		position: absolute;
		pointer-events: none;
	}
	.clampwrap input.clamp_seemore_input:focus ~ label.clamp_seemore_label {
		outline: -webkit-focus-ring-color auto 5px;
	}
	.clampwrap input.clamp_seemore_input:checked + .clamp {
		-webkit-line-clamp: unset;
	}

	.clampwrap .clamp_seemore_label {
		xposition: absolute;
		xdisplay:block;
		right: 0;
		xbottom: -0.45em;
		font-size: 0.7em;
		font-weight: 400;
		xpadding: 2px 4px;
		xmargin-left: 5px;
		xbackground: var(--lt-background-color) !important;
		xbox-shadow: -18px 0 0 1px #fff, -25px 2px 9px 5px #fff;
		xbox-shadow: -7px 0 0 1px #fff, -36px 2px 19px 5px #fff, 5px 0 0 0 #fff;
		xoutline:none !important;
		margin-right:5px;
		color: var(--lt-link-color);
	}
	.clampwrap input.clamp_seemore_input:checked ~ .clamp_seemore_label_container,
	.clampwrap input.clamp_seemore_input:checked ~ label.clamp_seemore_label,
	.clampwrap .clamp:not(.truncated) ~ .clamp_seemore_label_container,
	.clampwrap .clamp:not(.truncated) ~ label.clamp_seemore_label {
		display: none;
	}
	.clampwrap .clamp_seemore_label:hover {
		color: var(--lt-red-light-color);
	}
	.clampwrap .clamp_seemore_label:before {
		xcontent: "\2026";
		display: block;
		position: absolute;
		left: -15px;
		bottom: 0;
	}
	.clamp_seemore_label_container {
		position: absolute;
		display: block;
		right: 0;
		bottom: -0.45em;
		background: #fff;
		font-weight: 400;
		padding-left: 25px;

		background: hsla(0,0%,100%,0.38);
		background: -moz-linear-gradient(left, hsla(0,0%,100%,0.38) 0%, hsla(0,0%,100%,0.7) 7%, hsla(0,0%,100%,1) 20%, hsla(0,0%,100%,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, hsla(0,0%,100%,0.38)), color-stop(7%, hsla(0,0%,100%,0.7)), color-stop(20%, hsla(0,0%,100%,1)), color-stop(100%, hsla(0,0%,100%,1)));
		background: -webkit-linear-gradient(left, hsla(0,0%,100%,0.38) 0%, hsla(0,0%,100%,0.7) 7%, hsla(0,0%,100%,1) 20%, hsla(0,0%,100%,1) 100%);
		background: -o-linear-gradient(left, hsla(0,0%,100%,0.38) 0%, hsla(0,0%,100%,0.7) 7%, hsla(0,0%,100%,1) 20%, hsla(0,0%,100%,1) 100%);
		background: -ms-linear-gradient(left, hsla(0,0%,100%,0.38) 0%, hsla(0,0%,100%,0.7) 7%, hsla(0,0%,100%,1) 20%, hsla(0,0%,100%,1) 100%);
		background: linear-gradient(to right, hsla(0,0%,100%,0.38) 0%, hsla(0,0%,100%,0.7) 7%, hsla(0,0%,100%,1) 20%, hsla(0,0%,100%,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
	}
}

.lt2_rightnav_lt1hack {
	float:right;
	width: 200px;
}

.genreline.hide
{
display: none;
}

div.genrething p:first-of-type
{
font-weight: bold;
}

.genreline
{
margin-bottom: 1em;
}

.genreline:last-child
{
margin-bottom: 0em;
}

.genreline div.text
{
margin-bottom: 0.5em;
}

.santathing-msg-icon {
	color: var(--lt-on-color);
}