/*
Stylesheet for Divine Mind Fragment Theatre by Jim Andrews.
Christmas 2014, Burnaby BC Canada.

Many thanks to Jim for his generosity in letting others like me use his work.--R. Fletcher
*/

body {
	color:#ffffff;
	font-size: 100%;
	background-color:282828;

}

#container {
	/* Contains all content. */
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	display: table;
	height: 100%;
	background-color:#282828;
}

#title {
	font-family: Georgia,Serif;
	font-size:200%;
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
	text-align:left;
}
#title2 {
	font-family: Georgia,Serif;
	font-size:125%;
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
}
#maintext1 {
	/* Contains the poem text and the bottom colophon image. */
	float: left;
	top:5%;
	width: 40%;
	display: inline;
	padding:10px;
	font-size:13pt;
}
#maintext2 {
	/* Contains the lovetechnology twitter feed. */
	top:5%;
	width: 30%;
	display: inline;
	padding:10px;
	font-size:13pt;
}
#maintext3 {
	/* Contains the hatetechnology twitter feed. */
	top:5%;
	width: 30%;
	display: inline;
	padding:10px;
	font-size:13pt;
}
@media (max-width: 450px) {
	/* For mobile phones. */
  .passage0, .passage1, .passage2, passage3, {
    font-size:70%;
  }
}

/* This particular stir fry has 4 texts. A style for each text
so we can tell the texts apart when stirred together. */
.passage0 {
	color:#ffffff;
}
.passage1 {
	color:#bbbbbb;
}
.passage2 {
	color:#888888;
}
.passage3 {
	color:#87cefa;
}

#titleImg {
	/* The title image. */
	padding:10px;
}


#links {
	/* The div that contains the bottom left links to the Stir Fry
	home page and to vispo.com */
	position:fixed;
	right:5px;
	bottom:5px;
	text-align:center;
}

a.stir:link, a.stir:visited {
	/* Link to Stir Fry home page. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: gray;
	text-decoration: none;
	margin:0 auto;
}
a.stir:hover {  
	color: #14c878;
}


a.logo:link, a.logo:visited {
	/* Logo link to vispo.com */
	font-family: "Times New Roman";
	font-weight: normal;
	text-decoration:none;
}
a.logo:hover {
	font-weight:bold;
}
#v {
	font-size:1em;
	color:#FF0000;
}
#i {
	font-size:0.8em;
	color:#FFFF00;
}
#s {
	font-size:0.6em;
	color:#00FF00;
}
#p {
	font-size:0.8em;
	color:#83AEF5;
}
#o {
	font-size:1em;
	color:#FF80FF;
}