@charset "utf-8";
/* Ported from the 2012 stylesheet; fixed 970px grid with a phone fallback. */
html * { margin:0; padding:0; box-sizing:border-box; }
body { background:#292d36 url(/static/bodybg.jpg) top repeat-x; color:#FFF; font:10pt Arial, Helvetica, sans-serif; text-align:center; }
a { color:#2eb8f4; }
img { max-width:100%; height:auto; }
#maincontainer { width:970px; margin:0 auto; }
ol { text-align:left; padding:5px 30px; }
#header { float:left; width:970px; height:115px; margin:0 0 10px 0; }
#logo { float:left; width:200px; height:90px; padding:10px 0; text-align:center; }
#topad { float:right; width:728px; min-height:90px; padding:10px 0; text-align:center; }
#content { background:#1A1E25; border-radius:0 0 5px 5px; color:#53575F; float:left; margin:0 0 10px; width:970px; }
#left { float:left; width:650px; padding:10px; background:#FFF; border-radius:5px 0 0 0; color:#333; }
#right { float:right; width:320px; padding:0 10px 10px 10px; }
#rightad { float:left; width:300px; overflow-x:hidden; text-align:center; margin-top:10px; }
#bottom { float:left; width:950px; padding:10px; text-align:center; }
#footer { background:#1A1E25; border-radius:5px; color:#53575F; float:left; margin:0 0 10px; padding:10px; width:970px; }
#footertext { float:left; } #footertext span { display:block; padding:3px; }
#footerlinks { float:right; } #footerlinks ul { list-style:none; } #footerlinks ul li { float:left; }
#footerlinks ul li a { display:block; padding:3px 8px; color:#53575f; text-decoration:none; }
#post { float:left; width:630px; text-align:left; position:relative; }
#post h1 { color:#cc3366; display:block; padding:0 5px 10px 5px; text-align:left; font-size:16pt; font-weight:bold; }
#buttons { width:674px; position:absolute; top:154px; left:-22px; z-index:2; pointer-events:none; }
#previous, #next { pointer-events:auto; }
#previous { float:left; width:55px; height:66px; background:url(/static/buttons.png) left 0 no-repeat; }
#previous:active { background-position:left -67px; }
#next { float:right; width:55px; height:66px; background:url(/static/buttons.png) right 0 no-repeat; }
#next:active { background-position:right -67px; }
#imagegallery { float:left; width:630px; padding:10px 0; background:#f1f1f1; text-align:center; border:1px solid #EBEBEB; min-height:160px; }
#imagegallery img { max-width:610px; min-width:160px; }
#imagegallery iframe { max-width:100%; }
#imagegallery .watch { padding-top:6px; }
#sb { float:left; width:630px; background:#b4e8ff; margin:10px 0; padding:10px; text-align:left; line-height:22px; border:1px solid #84d9fc; color:#333; }
#details { display:block; padding:3px 0; border-bottom:1px dotted #41b4e3; }
#details a, #share a { text-decoration:underline; color:#333; font-weight:bolder; }
#share { display:block; padding-top:4px; }
#share button { font:inherit; background:none; border:none; color:#333; font-weight:bolder; text-decoration:underline; cursor:pointer; padding:0; }
#browse { float:left; width:320px; background:#FFF; padding-bottom:10px; border-radius:0 5px 0 0; color:#333; }
#browse h3 { color:#2EB8F4; display:block; margin-bottom:11px; padding:15px 10px 0; text-align:left; }
.browsepost { float:left; width:150px; margin:0 0 0 6px; }
.browsepost img { width:136px; height:136px; object-fit:cover; padding:5px; background:#f1f1f1; border:1px solid #EBEBEB; }
.browsepost a { display:block; color:#2eb8f4; text-decoration:none; font-weight:bolder; }
#browse .hint { clear:both; padding:12px 10px 0; color:#999; font-size:8pt; text-align:left; }
#submit { float:left; text-align:center; width:300px; margin:10px auto; }
#textcontent { float:left; width:630px; padding:10px; text-align:left; }
#textcontent h3 { color:#cc3366; display:block; padding:0 5px 10px 5px; font-size:16pt; }
#textcontent p { padding:0 10px 8px; line-height:1.5; }
#textcontent ul.sitemap { list-style:none; padding:0 10px; } #textcontent ul.sitemap li { padding:2px 0; } #textcontent small { color:#999; }
.bluemsgbox, .yellowmsgbox, .greenmsgbox { float:left; width:610px; margin:10px 0; padding:10px; text-align:left; line-height:22px; }
.bluemsgbox { background:#b4e8ff; border:1px solid #84d9fc; }
.yellowmsgbox { background:#fff9d7; border:1px solid #e2c822; }
.greenmsgbox { background:#d7ffde; border:1px solid #46e222; }
#submitform { float:left; width:610px; margin:0 auto; }
#submitform th { text-align:left; font-weight:bolder; padding:10px; font-size:12pt; vertical-align:top; }
#submitform th em { font-size:8pt; font-weight:normal; }
#submitform td { text-align:left; padding:10px; font-size:12pt; }
#submitform input { font-size:12pt; max-width:100%; }
#submitform tr.hp { position:absolute; left:-9999px; }
.clear { clear:both; }
@media (max-width: 990px) {
  #maincontainer, #header, #content, #footer, #bottom { width:100%; float:none; }
  #header { height:auto; } #logo { float:none; width:auto; } #topad { float:none; width:auto; }
  #left, #browse, #right, #post, #imagegallery, #sb, #textcontent, #submitform, .bluemsgbox, .yellowmsgbox, .greenmsgbox { width:100%; float:none; }
  #imagegallery img { max-width:100%; min-width:0; }
  #buttons { display:none; }
  #right { padding:10px; } #submit { width:100%; }
  #footertext, #footerlinks { float:none; }
}
/* Ad slots keep their space while the unit loads (no layout shift); an
   unfilled unit gives it back. */
#topad.adslot { min-height:90px; } #rightad.adslot { min-height:250px; } #bottom.adslot { min-height:90px; }
#topad.adslot:has(ins[data-ad-status="unfilled"]), #rightad.adslot:has(ins[data-ad-status="unfilled"]), #bottom.adslot:has(ins[data-ad-status="unfilled"]) { min-height:0; }
/* Make page and creation pages. */
.make input[type=text] { width:100%; max-width:480px; padding:6px; font-size:12pt; }
.make .styles label { margin-right:14px; }
.make .hp, #submitform .hp { display:none; }
.makepreview img { max-width:100%; height:auto; background:#1A1E25; }
.makebutton { display:inline-block; border:none; cursor:pointer; font-size:11pt; margin:8px 0; padding:6px 14px; background:#cc3366; color:#fff !important; text-decoration:none; border-radius:4px; font-weight:bold; }
.madefrom { margin:10px 0; } .madefrom .makeown { font-weight:bold; }
.codes { margin:16px 0; text-align:left; } .codes label { display:block; font-weight:bold; margin-top:6px; }
.codes textarea { width:calc(100% - 80px); font:9pt monospace; vertical-align:middle; } .codes button { margin-left:6px; vertical-align:middle; }
.made { margin:12px 0; } .made h3 { margin:6px 0; } .made a { display:inline-block; margin:3px; }
.glitters { border:1px solid #ddd; padding:6px; margin:6px 0; max-height:150px; overflow-y:auto; }
.glitters label { display:inline-block; margin:2px; cursor:pointer; }
.glitters input { position:absolute; opacity:0; }
.glitters img { display:block; width:44px; height:44px; object-fit:cover; border:2px solid transparent; background:#222; }
.glitters input:checked + img { border-color:#cc3366; }
/* Tags and descriptions. */
.description { margin:10px 0; padding:0 10px; line-height:1.5; text-align:left; }
.tagchips { margin:8px 0; } .chip { display:inline-block; margin:2px 4px 2px 0; padding:2px 10px; border-radius:12px; background:#eef3f8; color:#2a5d8a !important; text-decoration:none; font-size:9pt; }
.tagpage .grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:10px; padding:0 10px; }
.tagpage .grid a { text-decoration:none; color:#333; font-size:9pt; } .tagpage .grid img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.tagpage .grid span { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.tagtitle { color:#cc3366; font-size:16pt; padding:0 5px 10px; } .tagtitle small { color:#999; font-size:10pt; }
.pager { text-align:center; }
.makepreview.tool img { max-width:100%; height:auto; background:#000; padding:6px; }
.toollinks { margin:6px 0 10px; text-align:center; } .toollinks a { color:#7cc4ff; font-weight:bold; text-decoration:none; }