/*section styling*/
#header {
	border-bottom: solid 2px red;
	padding: 1em;
	margin: 2em auto;
	max-width: 800px;
	padding-left: 6em;
	background: white;
}

.middle {
	color: black;
	margin: 3em auto;
	padding: 3em;
	padding right: 6em;
	max-width: 800px;
	background-color: rgba(255, 255, 255, 0.9)
}


.footer {
	/*position: fixed;*/
	bottom: 0;
	width: 100%;
	text-align: center;
	background: white;
	border-top: red 2px dashed;
	font-family: "Verdana", sans-serif;
/*	text-transform: lowercase;*/
	padding-bottom: 2px;
}

/*complete page/site styling*/

body {
	font-size: 1.2em;
	font-family:sans-serif;
	background: url(dot-grid.png) repeat;
	cursor: url("./cursor.png"), auto;
}

h1 {
	font-family: "Veranda", sans-serif;
	font-size: 2em;
}

#bodyh1 {
	text-align: center;
	margin: auto;
	width: 100%
}

h2 {
	font-family: sans-serif;
}

ul {
	border-left: 2px solid red;
}

li {
	margin: 12px 0;
}

blockquote {
	font-weight: bold;
	font-style: italic;
	max-width: 90%
}

iframe {
	width: 60%; /*so videos can't overtake the entire page*/
}


/*for images specifically*/
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 52%;
}

.center-three {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.small {
  width: 50%;
}

.right {
  float: right;
  margin-left: 1.1em;
  margin-bottom: 1.1em;
}

.left {
  float: left;
  margin-right: 1.1em;
  margin-bottom: 1.1em;
}


/*links*/
a {
	color: rgba(214, 58, 58, 1.0);
}

a:hover {
	color: rgba(214, 58, 58, 0.9);
}


/*one-offs, roughly in order of appearance*/
#name {
	font-size:1.8em;
}

#headindex, #headsubtitle, #footerindex {
	text-transform: lowercase;
}

/*the box around the story reaper description and cover*/
#sr-box {
	border: double 2px red;
	padding: 1em;
}

#clown {
	color: red;
	text-align: right;
}

#bio {
	color: red;
}

#updated {
	color: grey;
	font-size: 0.8em;
	text-align: right;
}

/*tada!*/