@charset "UTF-8";

/*----------------------------------------main.css----------------------------------------*/

body 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#333333;	
	text-align:left;
	background-color:#000000;
}
a:link 
{
	color: #FF9900;
	text-decoration:none;
}
a:visited 
{
	color: #FF9900;
	text-decoration:none;
}
a:hover 
{
	color: #FF6600;
	text-decoration:underline;
}
a:active 
{
	color:#FFFF66;
	text-decoration:underline;
}
ul
{
	list-style-position:disc outside;
	text-align:left;
}



/*----------SPEC DIV SELECTORS [STORY]----------*/

#container, #banner, #bannerClosed, #bannerControl, #bannerLaunch, #controls, #mainText, #mainPoem, #user, #orangeBar, #orangeFrame, #cellL, #cellR, #footer
{
	position: relative;
	margin:0 auto;
	border:0;
	background-color:#FFFFFF;
}
#container
{
	width:820px;
	text-align:center;
	margin:0 auto;
}
#controls
{
	width:800px;
	height:120px;
}
#banner
{
	width:560px;
	text-align:center;
}
#bannerLaunch
{
	width:560px;
	height:340px;
	text-align:center;
}
#bannerClosed
{
	width:560px;
	height:90px;
	text-align:center;
}
#bannerControl
{
	width:120px;
	text-align:center;
}
#user
{
	width:800px;
}
#orangeFrame
{
	clear:left;
	height:170px;
	width:470px;
	background-image:url(../images/frame.png);
	background-repeat:no-repeat;
	text-align:center;
}
#mainText
{
	width:760px;
}
#mainPoem
{
	width:400px;
}
#footer
{
	height:120px;
	width:820px;
	text-align:center;
	background-image:url(../images/bottom.gif);
}


/*-----SPEC DIV CLASSES-----*/

.breakerBar800, .breakerBar600, .orangeBar, .fancyBar, .bOrange, .plaque
{
	position: relative;
	margin:0 auto;
	border:0;
	background-color:#FFFFFF;
	text-align:center;
}
.breakerBar800
{
	width:800px;
	height:20px;
}
.breakerBar600
{
	width:600px;
	height:20px;
}
.orangeBar
{
	width:800px;
	background-image:url(../images/orangeBar.gif);
	background-repeat:no-repeat;
}
.fancyBar
{
	width:800px;
	height:64px;
	background-image:url(../images/fancyBar.png);
	background-repeat:no-repeat;
}
.bOrange
{
	width:110px;
}
.plaque
{
	width:110px;
	height:30px;
	background-image:url(../controls/plaque.png);
	background-repeat:no-repeat;
	line-height:30px;
}

	

/*-----FLEXI DIV ClASSES-------*/
.div50, .div100, .div150, .div200, .div300, .div350, .div400, .div450, .div500, .div550, .div600, .div700, .div800, .div820
{
	position:relative;
	margin: 0 auto;
	border:0;
	text-align:center;
	background-color:#FFFFFF;
}

.div50
{
	width:50px;
}
.div100
{
	width:100px;
}
.div150
{
	width:150px;
}
.div200
{
	width:200px;
}
.div300
{
	width:300px;
}
.div350
{
	width:350px;
}
.div400
{
	width:400px;
}
.div450
{
	width:450px;
}
.div500
{
	width:500px;
}
.div550
{
	width:550px;
}
.div600
{
	width:600px;
}
.div700
{
	width:700px;
}
.div800
{
	width:800px;
}
.div820
{
	width:820px;
}
.fl
{
	float:left;
}
.fr
{	
	float:right;
}
.cl
{
	clear:left;
}
.cr
{
	clear:right;
}
.cb
{
	clear:both;
}
.z-1
{
	z-index:-1;
}
.z1
{
	z-index:-1;
}
.z2
{
	z-index:2;
}


	
/*----------TEXT CLASSES----------*/

h1 /*text title, MSG messages*/
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	color: #FF6600;
	/*margin-bottom: .6em;*/
}
h2 /*author, what readers had to say, MSG submessages*/
{
	font-size: large;
	text-align: center;
	color: #990000;
}
h3 /*marleyperkins.me footer*/
{
	font-size:medium;
	text-align:center;
	color:#FF6600;
}
h4 /*quick pick*/
{
	font-size:medium;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#990000;
}
.def
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#333333;
}
.defLeft
{
	text-align:left;
}
.defLeftBoldY
{
	font-size:medium;
	text-align:left;
	font-weight:bold;
	color:#FF9900;
}
.defRight
{
	text-align:right;
}
.defBold
{
	font-weight: bold;
}
.defCenter
{
	text-align:center;
}
.defSmall
{
	font-size:small;
}
.defSmallY
{
	font-size:small;
	color:#FF9900;
}
.defSmallR
{
	font-size:small;
	color:#990000;
}
.defSmallItalic
{
	font-style:italic;
	font-size:small;
}
.defSmallLeft
{
	font-size:small;
	text-align:left;
}
.defSmallLeftY
{
	font-size:small;
	text-align:left;
	color:#FF9900;
}
.defTinyY
{
	font-size:x-small;
	color:#FFCC00;
}
.story
{
	text-align:left;
	white-space:pre-wrap;
}
.user
{
	text-align:center;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	color:#FF9900;
	font-size:small;
}