body {
	font-size: 16px;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	color: #000000;
	margin: 0px 0px;
	padding: 0px;
	text-align: center;/*Centers the page in Internet Explorer*/
	background: #DDDDDD url(../images/bg.jpg) no-repeat top right

}
#wrapper {
	background: 
	width: 100%;
	margin: 0px auto;
	text-align: left;/*Reverses the above rule for the rest of the content*/


}
#header {
	background: url(../images/header.jpg) no-repeat top left;
	width: 100%;
	height: 228px;
	float: left;
	margin: 0px;
	margin-bottom: 0px;
}

/************************************************
*	Navbar  									*
************************************************/

#navbar {
	background: #000000;
	width: 100%;
	margin-left: 0px;
	margin-top: 30px
	padding: 0px;
	overflow: hidden;
	font-family: "Century Gothic", Verdana, Arial, sans-serif; 
	color: #DDDDDD; font-size: 21px;
	text-align: center;
	float: left;
	}
	
#navbar img a{
	margin: 0px;
	border: none;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 2%;
	}
		
#navbar ul {
	margin: 0px;
	padding: 0px;
	}
		
#navbar a, #navbar a:visited {
	color: #FFFFFF;
	margin: 0px;
	text-decoration: none;
	}
		
#navbar a:hover {
	color: #DDDDDD;
	text-decoration: underline;
	}
/************************************************
*	Content									*
************************************************/	
	
#container {
	width: 75%;
	float: left;
	border: none;
}

#content {
	width: 90%;
	margin-right: 0px;
	margin-left: 100px;
	margin-top: 168px;
	Float: center;
	border-top: 2px solid #000000;
}

#content p {
	text-align: left;
	
}

#content a:link {
	text-decoration: none;
	color: #333333;
}
#content a:visited {
	text-decoration: none;
	color: #333333;
}
#content a:hover {
	text-decoration: underline;
	color: #666666;
}
#content a:active {
	text-decoration: none;
	color: #666666;
}

a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #666666;
}
/************************************************
*	screenbox 									*
************************************************/
.screenbox {
    list-style: none;
    width: 420px;
    background: #eee;
    border: 1px solid #333;
    padding: 5px 14px;
    
}

.screenbox li {
    font:  12px/14px Courier, fixed;
}

.sceneheader,
.action,
.character {
    padding-top: 1.5ex;
}

.action {
    padding-right: 5%;
}

.character {
    margin-left: 40%;
}

.dialogue {
    margin-left: 25%;
    padding-right: 25%;
}

.parenthetical {
    margin-left: 32%;
    padding-right: 30%;
}

/* special case: dialogue followed by
a parenthetical; the extra line needs 
to be suppressed */

.dialogue + .parenthetical {
    padding-bottom: 0;
}

.transition {
    padding-top: 3ex;
    margin-left: 65%;
    padding-bottom: 1.5ex;
}
/************************************************
*	Sidebar									*
************************************************/
#sidebar {
	width: 20%;
	float: right;
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 168px;
	text-align: center;
	border-top: 2px solid #000000;
	font-size: 16px;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;

}
#sidebar ul {
	margin: 30px;
	padding: 0;
	font-size: 16px;
	text-align: center;
}

#sidebar li {
	margin-right: 30px; 
	padding: 0;
	list-style-type: none;
	text-align: left;
	

}

#sidebar a, a:visited {
	color: #333333;
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #666666;
}

#currpage a {
	color: #666666;
	background: none;
}/*To highlight the current page - apply as necessary*/

#footer {
	background: background: #DDDDDD;
	width: 68%;
	float: left;
	margin-right: auto;
	margin-left: 100px;
	margin-top: -20px;
	height: 92px;
	text-indent: 0px;
	text-align: left;
	color: #666B64;
}

#footer li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 10%;
	}
		
#footer ul {
	margin: 0px;
	padding: 0px;
	}
#footer a, #footer a:visited {
	color: #333333;
	margin: 0px;
	text-decoration: none;
	}
		
#footer a:hover {
	color: #666666;
	text-decoration: underline;
	}
		

h1 {
	padding-left: 1em;
	font-size: 1em;
	width: 40px;
	margin: 20px 0 20px 0;
	font-family: "Century Gothic", Verdana, Arial, sans-serif; 
	color: #000000; 
	font-size: 24px;
}
h2 {
	border-left: 15px solid #6A6A68;
	padding-left: 1em;
	font-size: 1em;
	width: 40px;
	margin: 20px 0 20px 0;
}

h3 {
	border-left: 15px solid #DBD4C7;
	padding-left: 1em;
	font-size: 1em;
	width: 40px;
	margin: 20px 0 20px 0;
color:  #95927F;
font-weight: bold;
	text-decoration: underline;


}

h4 {
	border-left: 6px solid #6A6A68;
	padding-left: 1em;
	font-size: 1em;
	width: 40px;
	margin: 20px 0 20px 0;
}


.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}/*Used here to clear the floated elements above*/