/* for date in update lists */

.uldate {
margin-top: 2px;
margin-bottom: 6px;
font-size: 12px;
font-weight: bold;
line-height: 12px;
display: block
}

.ulentry
{
font-size: 13px;
margin-top: 4px;
margin-bottom: 0px;
line-height: 15px
}

/* for right-aligned big thumbnail */

div.rpic, div.rpic p, div.epic
{
overflow:hidden;
height:200px;
width:267px;
float:right;
margin-left: 2px;
margin-bottom: 2px;
border: none !important;
clear: right;
margin-left: 16px
}

div.rpic[style="border-left-width:2px"], div.epic[style="border-left-width:2px"]
{
clear: right;
margin-left: 2px
}

div.rpic[style="clear:none;"], div.epic[style="clear:none;"]
{
clear: none;
margin-left: 16px
}

/* exception for episode pages */

h3 + div.epic
{
margin-top: 16px;
}

/* for extended image caption together with smlpic or rpic */

div.piccap
{
text-align: left;
padding: 8px;
overflow: auto;
/* margin-top: 2px; */
margin-bottom: -1px;
background: #243c3c;
min-height: 100px;
}

/* for random image display */

div.smlpic
{
overflow:hidden;
height:200px;
width:267px;
float:left;
margin:1px;
}

div.ovlbox
{
display:block;
border: none; 
height: 36px; 
margin-top: -40px;
padding: 4px 2px 0 2px;
background: #383838; 
opacity: 0.75; 
filter: alpha(opacity=75);        
-ms-filter: "alpha(opacity=75)";  
zoom: 1;
text-align: left;
font-size: 13px; 
line-height: 16px;
}

div.ovlbox b, div.ovlbox i, div.ovlbox strike { line-height: 16px; }

a.ovl img[src$=".jpg"], a.ovl2 img[src$=".jpg"]
{
background: url('/loading.gif') no-repeat center;
}

a.ovl img
{
height: 200px;
width: 267px;
}

a.ovl2 img
{
height: auto;
width: auto;
}

div.ovlbox img
{
background: none;
height: initial;
width: initial;
min-height: initial;
margin-left: 4px;
}

A.ovl:link, A.ovl2:link
{
color: #ffffff;  
text-decoration: none;
}
A.ovl:visited, A.ovl2:visited, A.ovl:visited i, A.ovl2:visited i, A.ovl:visited b, A.ovl2:visited b
{
color: #a0a0a0;  
text-decoration: none;
}
A.ovl:hover, A.ovl2:hover, A.ovl:hover i, A.ovl2:hover i, A.ovl:hover b, A.ovl2:hover b
{
color: #ffffff; 
}
A.ovl:active, A.ovl:active, A.ovl:active i, A.ovl:active i, A.ovl:active b, A.ovl:active b
{
color: #ffffff; 
}

/*i {color: inherit !important;} No idea what this was useful for */

A:hover div.ovlbox
{
background: #606060; 
}
A:active div.ovlbox
{
background: #606060; 
}

/* IE box model hack */

*+html div.ovlbox { margin-top: -36px; }
* html div.ovlbox { margin-top: -36px; }

/* additionally for random gallery */

img.linkicon
{
float: right;
position: relative; 
right: 2px;
top: 8px;
margin-left: 2px;
width: auto !important;
height: auto !important;
}

div.piccontainer
{margin-left: auto; margin-right: auto;}

@media (max-width: 575px)
{div.piccontainer {width: 269px;}}

@media (min-width: 576px)
{div.piccontainer {width: 538px;}}

@media (min-width: 845px)
{div.piccontainer {width: 807px;}}

@media (min-width: 1183px)
{div.piccontainer {width: 1076px;}}

@media (min-width: 1763px)
{div.piccontainer {width: 1345px;}}

@media (min-width: 2280px)
{div.piccontainer {width: 1614px;}}

/*@media (min-width: 2654px)*/
/*{div.piccontainer {width: 1883px;}}*/

li ~ div.piccontainer, li ~ div.piccont2
{margin-top: 16px}

/* additionally for random gallery */

div.piccont2
{margin-left: auto; margin-right: auto;}

@media (max-width: 1400px)
{div.safespace + div.piccont2 {clear: right}}

@media (max-width: 1000px)
{div.piccont2 {clear: right}}

@media (max-width: 572px)
{div.piccont2 {width: 269px;}}

@media (min-width: 573px)
{div.piccont2 {width: 538px;}}

/* for "transporter" links */

div.transport
{
width: 253px;
float:left;
text-align:center;
vertical-align: top;
padding-left: 8px;
padding-right: 8px;
margin-bottom: 12px;
}

@media (max-width: 1000px)
{div.transport {width: 100%; clear: left}}

/* for navigation boxes */

div.navbox {
	display: block;
	background: rgb(36, 60, 60);
	width: 40px;
	height: 30px;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	text-align: center;
	padding-top: 10px;
	line-height: 100%;
}

A.navbox:link {
text-decoration: none;
color: #d0d0d0;
font-size: 22px;
font-weight: bold;
}

A div.navbox:hover {
color: #ffffff;
background: #3A6060;
}

/* for episode guide index pages */

div.epguide
{margin-left: auto; margin-right: auto; clear: both}

@media (max-width: 800px)
{div.epguide {width: 546px;}}

@media (min-width: 801px)
{div.epguide {width: 728px;}}

div.eppic
{width: 180px; height: 135px; margin: 1px; float:left}

/* for top ten lists */

div.varcolumn, div.nocollapse {text-align: left}

div.varcolumn {max-width: 640px; margin-left: auto; margin-right: auto}

div.varcolumn img, div.nocollapse img, img.no_tn {max-width: 100%}

div.varcolumn h2, div.nocollapse h2 {clear: right}

div.varcolumn h3, div.nocollapse h3 {margin-bottom: 12px; margin-top: 36px}

.deconumber {display: inline-block; text-align: center; height: 32px; width: 32px; background: #ffd000; color: #1c1c1c; border-radius: 0px; margin-right: 8px; line-height: 32px; white-space: nowrap;}

div.varcolumn audio {margin-top: -40px; height: 40px; border-radius: 0; width: 100%; max-width:640px}

div.varcolumn audio::-webkit-media-controls-enclosure {background-color: rgb(208,208,208,0.5); border-radius: 0px}

h2.h2_small {max-width: 468px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}

img.no_tn_small {width: 140px; height: auto; margin-left: 8px; float: right; margin-top: -48px; margin-bottom: 2px}

p.blurb_small {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: -12px}

p.blurb_small:last-of-type {margin-bottom: 0px}

div.varcolumn audio.audio_small {margin-top: 0px; height: 40px; border-radius: 0; margin-top: -6px; width: 320px; max-width:640px}

.button#butstk {position:sticky; top: 0; height: 32px; width: 104px; vertical-align: middle; text-align: left; box-shadow: #1c1c1c 5px 5px 20px; z-index: 1000}

@media (max-width: 1182px)
{.button#butstk {margin-bottom: 48px}}

img#butico {vertical-align: middle; margin-right: 4px}

#buttxt {vertical-align: middle}

div span.boxemoji {font-size: 40px; float: right; margin-left: 8px; margin-top: 12px}

/* a[href*="memory-alpha"]:after {content: "Unsafe link"; margin-left: 4px; padding: 1px 2px 1px 2px; border: 1px solid rgb(224, 128, 32); font-size: 13px; color: rgb(224, 128, 32); display: inline-block; text-decoration: none} */