/* for date in update lists */

.uldate
{
margin-top: 0px;
margin-bottom: 0px;
font-size: 11px;
font-weight: bold;
}

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

/* 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; 
}

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;}

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: 960px)
{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;
}

/* for navigation boxes */

div.navbox {
display: block;
background: #243c3c;
/* background-repeat: no-repeat !important;
background-position: left top;
clear: right; */
width: 40px;
height: 34px;
float: left;
margin-right: 2px;
margin-bottom: 2px;
padding: 2px;
padding-top: 8px;
vertical-align: middle;
text-align: center;
}

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; padding: auto; 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;}

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

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

#buttxt {vertical-align: middle}