/* FLASHY AD CSS */
.ad-zone { text-align:center; padding:8px; }
.ad-banner { display:inline-block; margin:6px; padding:10px 14px; border:4px ridge; font-family:"Comic Sans MS", Impact, sans-serif; font-weight:bold; text-decoration:none; cursor:pointer; position:relative; overflow:hidden; }
.ad-rainbow { background:linear-gradient(90deg,#ff0000,#ff7f00,#ffff00,#00ff00,#0000ff,#4b0082,#9400d3); background-size:400% 100%; animation:slide 1.5s linear infinite; color:#fff; text-shadow:2px 2px #000, 0 0 10px #fff; border-color:#fff; }
.ad-flash { background:#000; color:#ff0; border-color:#ff0; animation:flashbg .5s step-end infinite; }
.ad-blinktxt { background:#fff; color:#f00; border-color:#f00; }
.ad-blinktxt span { animation:blink .6s steps(1) infinite; }
.ad-pulse { background:radial-gradient(circle,#ff0,#f00); color:#000; border-color:#0ff; animation:pulse .8s ease-in-out infinite; }
.ad-marqueebox { border:6px double #0f0; background:#000; color:#0f0; }
.ad-skew { transform:skewX(-6deg); }
.ad-glow { box-shadow:0 0 18px #f0f, 0 0 30px #0ff; }
.ad-shake { animation:shake .3s linear infinite; }
.ad-side { display:block; width:180px; margin:10px auto; padding:14px 8px; font-size:15px; }
.ad-bottom { font-size:20px; padding:16px 24px; }
@keyframes slide { 0%{background-position:0 0} 100%{background-position:400% 0} }
@keyframes flashbg { 0%,49%{background:#000;color:#ff0} 50%,100%{background:#ff0;color:#000} }
@keyframes blink { 50% { opacity:0; } }
@keyframes pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }
@keyframes shake { 0%,100%{transform:translate(0,0)} 25%{transform:translate(1px,-1px)} 75%{transform:translate(-1px,1px)} }
.ad-ribbon { position:absolute; top:-4px; right:-18px; background:#f00; color:#fff; font-size:10px; padding:2px 24px; transform:rotate(35deg); border:1px solid #fff; }
.ad-visitor { background:#000080; color:#fff; border-color:#fff; }
.ad-visitor em { color:#0ff; }