body.indexpage {
	font-family: Times, Verdana, serif;
	background: url(images/sheer-sm.gif) black -2% 55% no-repeat fixed;
}

#links {
	text-align: center;
}

#index {
	display: block;
	font-size: 15pt;
	color: yellow;
	text-align: center;
	padding: 5.5em;
}
.warning {
	padding: 1em;
	color: red;
}

#index:after {
	display: block;
	content: "This page was updated in July, 2010. Copyright Ayane Matrix, aka Antonio Flores, 2000-2010";
	padding: 3em;
	color: green;
	font-size: 12px;
}


ul#nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#nav li {
	display: inline;
}

ul#nav li a { /* selects only links in the "nav" list */
	padding: 5px 20px;
	margin: 0px 2px;
	border: 1px solid #FC6A08;
	background-color: #FCA908;
	text-decoration: none;
	text-align: center;
	color: black;
}

ul#revnav {
	list-style-type: none;
	margin: 10px;
	padding: 0px;
}

ul#revnav li {
	display: list-item;
}


ul#revnav li a { /* selects only links in the "navstory" list */
	padding: 5px 20px;
	margin: 0px 2px;
	border: 1px solid #FC6A08;
	background-color: #FC290F;
	text-decoration: none;
	text-align: center;
	color: black;
}

h1 {
	color: yellow;
}

#reviewtext, #picspage {
	display: block;
	font: normal 20pt Times, serif;
	color: yellow;
	text-align: justify;
	padding: 1em 1em 1em 40%;
	margin: 1em 1em 1em 1em;
}

body.lpage {
	font-family: Times, Verdana, serif;
	background: url(images/sheer-sm.gif) black -2% 55% no-repeat fixed;
}


#linksbox {
	display: block;
	overflow: auto;
	width: 50%;
	height: 40em;
	padding: 1em 1em 1em 40%;
	margin: 1em 1em 1em 1em;
}

div#linkspage {
	display: block;
	color: #33ccff;
	font: normal 1.5em Times, serif;
	text-align: justify;
	padding: 1em 1em 1em 1em;
}

img.stormwind {
	padding: 2px 2px 2px 2px;
	height: 231px;
	width: 185px; 
	float: left;
}

img.qsa {
	padding: 2px 2px 2px 2px;
	border: 0px solid;
	width: 337px;
	height: 124px;
	float: left;
}

img.stickysite {
	padding: 2px 2px 2px 2px;
	border: 0px solid;
	width: 259px;
	height: 50px;
	float: left;
}


/* Basic layout for story pages */

body.storypage {
	font-family: Times, Verdana, serif;
	background: black;
}

h1.storyheader {
	color: yellow;
	text-align: center;
	padding: 1em;
}

h3.disclaimer {
	color: yellow;
	text-align: justify;
	padding: 1em;
}

p.storytext {
	text-indent: 3em;
	color: yellow;
	padding: 0em;
}

#storylist {
	list-style: none;
	color: yellow;
	padding: 0em;
}

img.crueltrick0101 {
	padding: 2px 2px 2px 2px;
	border: 0px solid;
	width: 216px;
	height: 399px;
	float: right;
}

img.crueltrick0102 {
	padding: 2px 2px 2px 2px;
	border: 0px solid;
	width: 294px;
	height: 400px;
	float: left;
}

img.ait01 {
	padding: 2px 2px 2px 2px;
	width: 370px;
	height: 279px;
	border:0;
	float: left;
}

img.ait02 {
	padding: 2px 2px 2px 2px;
	width: 369px;
	height: 251px;
	border:0;
	float: right;
}

img.ait03 {
	padding: 2px 2px 2px 2px;
	width: 371px;
	height: 219px;
	border:0;
	float: right;
}

img.ait04 {
	padding: 2px 2px 2px 2px;
	width: 369px;
	height: 279px;
	border:0;
	float: right;
}


/* Picture Select Links List. It's pretty long. */

ul.picselect {
	width: 500px;
	padding: 0px;
	list-style-type: none;
/*	margin: 0px;
	padding: 1em 1em 1em 40%; */

}

ul.picselect li {
/*	display: block;
	margin: 0px 2px;
	padding: 0px; */
	display: inline;
}


ul.picselect li a { /* selects only links in the "picselect" list */
	float:left;
	display:block;
	text-align: center;
	color: #ff3b80;
	font: normal 1.5em Times, serif;
/*	padding: 5px 20px;
	margin: 0px 2px; */
/*	line-height: 2em; 
	background: black url(images/chooser2.png) no-repeat;
	text-decoration: none;
	text-indent: -5000px; */
}
ul.picselect li a#drawn {
	background: black url(images/chooser2.png) no-repeat;
	width:250px;
	height:100px;
}

ul.picselect li a:hover#drawn {
	background: green url(images/chooser1.png) no-repeat;
	width:250px;
	height:100px;
}

ul.picselect li a#threeD {
	background: black url(images/chooser2.png) no-repeat;
	width:250px;
	height:100px;
}

ul.picselect li a:hover#threeD {
	background: green url(images/chooser1.png) no-repeat;
	width:250px;
	height:100px;
}

ul.picselect li a#other {
	background: black url(images/chooser2.png) no-repeat;
	width:250px;
	height:100px;
}

ul.picselect li a:hover#other {
	background: green url(images/chooser1.png) no-repeat;
	width:250px;
	height:100px;
}

ul.picselect li a#da {
	background: black url(images/chooser2.png) no-repeat;
	width:250px;
	height:100px;
}

ul.picselect li a:hover#da {
	background: green url(images/chooser1.png) no-repeat;
	width:250px;
	height:100px;
} 

/* News and Updates StyleSheet */

#news {
/* background: black url("mystuff/wipp.jpg") repeat-y fixed top center; */
	background: url("images/sheer-sm.gif") black -2% 2% no-repeat fixed;
}

#newsportion {
	display: block;
	width: 55%;
	height: 40em;
	overflow: auto;
	padding: 1em 1em 1em 40%;
	margin: 1em 1em 1em 1em;
}

.c9{
	display: block;
	font: normal Times, serif;
	color: yellow;
	text-align: center;
	padding: 1em;
}

.c1{
	display: block;
	font: normal 15pt Times, serif;
	color: yellow;
	text-align: center;
	padding: 1em;
}

.date {
	display: inline-block;
	font: normal 20pt Times, serif;
	color: yellow;
	text-align: justify;
	padding: 1em 1em 1em 1em;
}

/* #date:after {
	content: "Thanks, Ayane Matrix ";
	font: normal 15pt Times, serif;
	color: orange;
	text-align: justify;
	width: 100%;
} */

.time1 {
	display: block;
	font: normal 15pt Times, serif;
	color: blue;
	text-align: justify;
	padding: 1em;
}

.time2 { 
	display: block;
	font: normal 15pt Times, serif;
	color: green;
	text-align: justify;
	padding: 1em;
}