/* world.css, Gromet's Plaza Specials (Halloween) CSS */
.stories LI,.authors LI {margin:0 5px 16px 12px;page-break-inside:avoid;overflow:hidden}
BODY {background:#000;color:#fff;font-family:Verdana,Tahoma,Arial,sans-serif;font-size:12px;margin:0;padding:0}
#top {max-width:980px;margin:0 auto;padding:6px 15px;box-shadow:0 0 100px 1px #4a4a4a;overflow:hidden}
A {color:#ff0;font-weight:bold;text-decoration:none}
A:hover {text-decoration:underline}
.skiplink,#toggle,.toggle,.mobile{display:none}
.center {text-align:center}
.right {text-align:right}
.jogleft {margin-left:-20px}
#logo {padding-left:10px;color:#f00}
#head {height:26px}
#head UL {margin:0;padding:0}
#head LI {float:left;list-style:none;margin:0;padding:0}
#head A {display:block;font-weight:bold;font-size:14px;padding:4px 10px 10px}
#head A:hover {text-decoration:underline}
IMG {border:0/*ie10*/}
/*.hr {height:2px;background:linear-gradient(to right,#000,#D60000 20%,#FFD600,#D60000 80%,#000);margin:8px 0}*/
.hr {height:4px;background-color:#252525;margin:6px 0}
#main {padding:7px 10px 0}
.home #main {padding-top:15px;width:calc(100% - 394px)}
#main H4 {background:#666;color:#fff;padding:2px 10px;display:block;font-weight:bold;font-size:13.3px;margin:12px 0 5px 0}
.leftpic {border:1px solid #b0b0b0;float:left;margin:5px 15px 6px;padding:5px}
#main P {line-height:1.5em;margin:0 0 15px}
#main DT {float:left;width:95px;color:#999;text-align:right}
#main DD {margin:3px 0 3px 105px;color:#333}
#main H1 {margin:0 0 8px 0;padding:0}
#main H3 {font-weight:bold;padding:2px;font-size:14px;margin:5px 0;color:#fff}
UL.stories,UL.authors {margin:0 -10px 0 -9px;padding:0;list-style:none;-moz-column-count:5;-webkit-column-count:5;column-count:5;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;-moz-column-rule:solid 2px #333;-webkit-column-rule:solid 2px #333;column-rule:solid 2px #333;overflow:hidden}
.stories LI {color:#1DB522;font-weight:bold}
#main .stories A {color:#f00;font-weight:bold;display:block;text-decoration:none}
#main .stories P {font-weight:normal;font-size:8pt;color:#CC3;margin:0}
.stories .ch1 {border-top:1px solid #B00005;padding-top:2px;margin-bottom:5px}
.stories .ch1:first-of-type  {border:0;padding-top:0}
.stories .ch {margin-bottom:5px}
#main .ch A,#main .chN A {font-weight:normal}
.stories .ch A:before,.stories .chN A:before {content:'# '}
.chN {border-bottom:2px solid #252525;padding-bottom:2px}
.authors LI {font-weight:bold;color:#1DB522}
#main .authors A {color:#f00;font-weight:normal;display:block;margin-top:6px;line-height:14px;text-decoration:none}
.authors A:first-child {margin-top:3px}
#main .stories A:hover,#main .authors A:hover {text-decoration:underline}
#main .stories A:visited,#main .authors A:visited {color:#a33}
#main .authors .ch1 {font-weight:bold}
#main .authors .ch,#main .authors .chN {margin-top:2px}
.authors A.ch:before,.authors A.chN:before {content:'# '}
.compact LI {margin-bottom:3px}
#main .compact A {margin-top:3px}
UL.linkpage {margin:0 3px 0 -5px;padding:0;list-style:none}
.linkpage LI {font-weight:bold;margin-bottom:5px;margin-left:8px}
.linkpage P {font-weight:normal;display:block;margin-top:5px;margin-left:15px}
.linkpage IMG {max-width:100%;display:block;margin:0 auto 5px auto}
.banner {background:#ccc;text-align:center;padding:3px}
.banner IMG {max-width:100%;vertical-align:bottom}
.backtop {text-align:center;padding:5px}
.backtop A[href="#top"] {color:#C8C9C5;background:url(data:image/gif;base64,R0lGODlhEQARAMQSAP///97e3u/v7/f392Ol3hBzzoS150qU3jmM3iF71nut56XG7wBStQBaxgBCrXOUzilatQA5pf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABIALAAAAAARABEAAAWFoCSOZGmKwgAMwjmmy2LMQmsKgSErxIEYttFANiMAfImCIhgQKIqAaLLRwIkCC4JWGqUyHgERoHeIFgqNKIMBAYgR8GQBgF47GG7JAHE+qwANDA4OEAMoBFRpgFEOEREPNk1UaoJRjlYoD3aDjo6QJQIPnBGNDp83oRCEkEEnNSutLrIiIQA7) no-repeat right;padding-right:20px;font-weight:normal}
.col1,.col2 {width:calc(50% - 5px);float:left}
.col2 {margin-left:10px}
.clear {clear:both}
UL.links {margin:0;padding:0;list-style:none}
.links LI {margin-bottom:5px}
.links A {font-weight:bold;display:block}
.links P {font-size:8pt;color:#333;margin:0 !important}
.small {font-size:7pt;color:#333}
.rhsbar {width:150px;float:right;padding:0 10px 0 2px}
.style1 {color:#C8C9C5}
.style1 A {color:#C8C9C5}
.style10 {color: #069}
#specials A {white-space:nowrap}
#specials A:visited {color:#cc6}
#footer {color:gray;line-height:1.6em;text-align:right;padding:2px 0 12px 0}
#footer A {color:#7f7f7f;white-space:nowrap}

@media only screen and (max-width:1042px){
UL.stories,UL.authors {-moz-column-count:4;-webkit-column-count:4;column-count:4}
}
@media only screen and (max-width:885px){
UL.stories,UL.authors {-moz-column-count:3;-webkit-column-count:3;column-count:3}
#top {padding:6px 5px}
.home #main {width:calc(100% - 232px)}
}
@media only screen and (max-width:728px){
#logo IMG:first-child,.sidebar IMG {display:none}
UL.stories,UL.authors {-moz-column-count:4;-webkit-column-count:4;column-count:4}
.home #main,#main {width:auto;margin:0}
}
@media only screen and (max-width:670px){
#logo IMG {max-width:100%}
UL.stories,UL.authors {-moz-column-count:3;-webkit-column-count:3;column-count:3}
}
@media only screen and (max-width:513px){
#logo IMG:last-child {display:none}
#logo IMG {height:60px}
#logo {padding-left:5px}
#head A {font-size:13px;padding:2px 2px 5px 5px}
UL.linkpage {margin-right:8px}
.home #main,#main {margin:0;border:0;padding:5px 5px 0}
.stories LI,.authors LI {margin-left:10px}
.hr {margin:4px 0}
}
@media only screen and (max-width:485px){
UL.stories,UL.authors {-moz-column-count:2;-webkit-column-count:2;column-count:2}
.col1,.col2 {width:auto;float:none}
.col2 {margin:5px 0 0 0}
}