@import url(https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica:400,400italic);

@font-face {
	font-family: 'xkcd-Regular';
	src: url('/static/Time/css/xkcd-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/static/Time/css/xkcd-Regular.woff') format('woff'),
		 url('/static/Time/css/xkcd-Regular.ttf') format('truetype'),
		 url('/static/Time/css/xkcd-Regular.svg') format('svg');
}

body {
	background-color: #aaf;
	background-image: url(/static/Time/images/paper_2.png);
	background-attachment: fixed;
}

h1 {
	text-align:center;
	font-family: 'xkcd-Regular', cursive;
	line-height: 0.4;
	margin-top: 0.9em;
	margin-bottom: 1em;
}

h1 small {
	color: #6f6f6f;
}

h2 {
	text-align: center;
	font-family: "Liberation Sans", Arimo, FreeSans, "Nimbus Sans L", Helvetica, Arial, sans-serif;}

.sitename {
	font-family: 'xkcd-Regular', cursive;
}

.title-bar {
  background: #333;
  padding: 0.4rem;
}

.top-bar {
  background: #111;
}

.top-bar ul {
  background: #111;
}

.top-bar ul li {
  background: #111;
}

.top-bar ul li a {
  color: #fff;
}

.song-text, .poem-text {
	white-space: pre;
	font-family: 'IM Fell DW Pica', serif ;
	color: #222;
	line-height: 120%;
}

.nobullet {
	list-style: none;
    margin-left: 0px;
}

.poem-text {
	text-align: left;
	padding: 2em;
}

.ottercomic, .otcolorization, .manip, .video, .song, .poem {
	border: 1px solid black;
	margin: 0.1em 1ex 2em 1ex;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 1em;
	background-color: #eee;
	background-color: rgba(255, 255, 255, 0.75);
}

.song h3 a {
	color: #38376F;
}

.caption {
	width: 75%;
	margin-top: 0.5em;
	margin-left: auto;
	margin-right: auto;
	font-family: "IM Fell DW Pica", serif;
	text-align: center;
	font-size: small;

}

.otc-img {
	background-color: white;
}

.otc-img:hover {
	opacity: 0;
}

.otc-background {
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.footnote {
	font-size: small;
}

table.user-list {
	background-color: transparent;
}

.user-list .even {
	background-color: #fff;
	background-color: rgba(256, 256, 256, 0.8);
}

.user-list .uneven {
	background-color: #fff;
	background-color: rgba(256, 256, 256, 0.5);
}

.align-right {
	text-align: right;
}

.no-bullet {
	list-style: none;
}

.no-bullet li {
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1.5px;
}

.small {
	font-size: 80%;
}