/* Global CSS styles across every theme */

/* Make images upscale crispy */
* {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode:nearest-neighbor;
  }

/* Make all links bold and not underlined by default */
a:link,a:visited,a:active,a:hover{text-decoration:none;font-weight:bold;}

/* Mostly legacy thing from when IE had a blue border around link images */
img { border:none; }
.center	{text-align:center}
.right	{text-align:right}

/* Make code blocks scroll instead of stretching the page */
code {
	overflow:		auto;
	width:			100%;
	white-space:	pre;
	display:		block;
}

/* "Fix" for auto-generated <br> tags in <code> and <pre> blocks */
code br, pre br { display: none; }

/* Make radio buttons look not terrible */
input[type=radio] { color: black; background: white; }

/* Spoiler tag code */
.pstspl1 {opacity:0;}
.pstspl1:hover {opacity:1;}
.pstspl2 {background:#000;color:#FFF;display:block;}

/* Stop avatars from being huge */
.avatar	{
	max-width:	200px;
	}

/* On mobile, make avatars smaller */
.mobile-avatar {
	float:	left;
	height:	50px;
	width:	50px;
	padding: 2px;
	text-align:	center;
}
.mobile-avatar > .avatar {
	max-height:	100%;
	max-width:	100%;
}