/*
1. 	ACCESSIBILITY
2. 	SITE OUTLINE
3. 	SITEWIDE CLASSES
4.  HEAD
6. 	CONTENT
7. 	FOOTER
8.	TABLES
9.	FORMS
10.	TEMPLATES
	- home
	- category overview
	- stories 
11. PAGES
*/

/* SITEWIDE CLASSES */
.clear {
	clear:both;
	}
.clear_left {
	clear:left;
	}
.clear_right {
	clear:right;
	}
.right {	
	float:right;
	}
.left{
	float:left;
	}
.center, .centertext {
	text-align:center;
	margin:0 auto;
	}
.smallprint{
	font-size:0.834em;
	}
.normaltext{
	font-weight:normal;
	}	
object, embed {
	padding:10px 0;
	}
/*images*/
img.left{
	margin:0 19px 0 0px;
	}
img.right{
	margin:0 0 0px 19px;
	}
img.border {
	border:1px solid #CCCCCC;
	}
img.image_rhs{
	float:right;
	margin:0px 0 0 0px;
	}
/* SITE OUTLINE */
body {
	background:#1e2a30 url('../img/ol_bg_tile.gif') repeat top center;
	font-size:75%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
	color:#ffffff;
	padding:0;
	margin:0;
	height:101%;
	}	
.outer_space {
	background: url('../img/ol_footer_repeat.png') repeat-x bottom center;
	}
.site_wrapper {
	background:url('../img/ol_head_repeat.jpg') repeat-x top center;
	}
.head {
	margin: 0px auto;
	width: 960px;
	height:150px;
	position:relative;
	background:url('../img/ol_head_bg.jpg') no-repeat top center;
	}
.the_content {
    position:relative;
	margin: -52px auto 0 auto;
	width: 960px;
	height:1150px;
	}
.footer {
	margin: 0px auto;
	width: 900px;
	height:61px;
	padding:20px 30px;
	text-transform:uppercase;
	background:url('../img/ol_footer.gif') no-repeat top left;
	}
.harry_scene{
	position:absolute;
	z-index:10;
	}
/* HEAD */
h1 {
	width:720px;
	height:81px;
	text-indent:-9999px;
	float:right;
	}
.systemupdate{
	position:absolute;
	top:40px;
	left:745px;
	text-indent:-9999px;
	font-size:1.167em;
	}
/* OTHER APP WINDOWS */
.app{
	position:absolute;
	background-position:top right;
	background-repeat:no-repeat;
	}
.app img{
	margin-top:116px;
	margin-left:30px;
	}
.app img.two{
	margin-top:10px;
	}
#network_access{
	width:320px;
	height:537px;
	left:640px;
	background-image:url('../img/ol_networkaccess_bg.jpg');
	}
#incoming_activity{
	width:325px;
	height:379px;
	top:691px;
	left:44px;
	background-image:url('../img/ol_incoming_bg.jpg');
	}
#system_data{
	width:240px;
	height:379px;
	top:773px;
	left:369px;
	background-image:url('../img/ol_systemdata_bg.jpg');
	}
#global_surveillance{
	width:400px;
	height:379px;
	position:absolute;
	top:557px;
	left:540px;
	background-image:url('../img/ol_globals_bg.jpg');
	}
#messenger_window{
	width:580px;
	height:655px;
	padding: 117px 30px 0 30px;
	background:url('../img/ol_messenger_bg.jpg') no-repeat top left;
	}

/*MESSENGER WINDOW*/
#buddylist{
	float:right;
	width:120px;
	height:320px;
	overflow:auto;
	}
#buddylist ul{
	margin:10px 0 10px 10px;
	}
#buddylist ul li{
	list-style:none;
	background-position:top left;
	display:block;
	width:84px;
	height:84px;
	}
#buddylist ul li:hover{
	background-position:0 -118px;
	cursor:crosshair;
	}
#buddylist ul li.holly{
	background-image:url('../img/ol_buddyicon_holly.png');
	}
#buddylist ul li.opal{
	background-image:url('../img/ol_buddyicon_opal.png');
	}
#buddylist ul li.mulch{
	background-image:url('../img/ol_buddyicon_mulch.png');
	}
#buddylist ul li.butler{
	background-image:url('../img/ol_buddyicon_butler.png');
	}
#chatapp{
	width:420px;
	padding:15px 0px 15px 20px;
	height:520px;
	overflow:auto;
	}
span.top{
	display:block;
	width:381px;
	}
span.bot{
	display:block;
	width:231px;
	}
.chat_artemis, .chat_mulch{
	width:381px;
	margin:5px 0;
	color:#cccccc;
	}
.chat_artemis a, .chat_artemis a:link, .chat_artemis a:visited, .chat_artemis a:hover, .chat_artemis a:active, 
.chat_mulch a, .chat_mulch a:link, .chat_mulch a:visited, .chat_mulch a:hover, .chat_mulch a:active{
	color:#ffffff;
	text-transform:uppercase;
	font-size:0.834em;
	font-weight:bold;
	}
.chat_artemis a:hover, .chat_mulch a:hover{
	text-decoration:underline;
	}
.chat_artemis a img, .chat_mulch a img{
	margin:4px 0 0 0;
	padding:3px;
	border:1px solid #cccccc;
	}
.chat_artemis a img:hover, .chat_mulch a img:hover{
	border-color: #ffffff;
	}
.chat_artemis {
	background:url('../img/ol_chat_repeat.gif') repeat-y top right;
	}
.chat_artemis span.top{
	background:url('../img/ol_chat_artemis_top.jpg') no-repeat top right;
	}
.chat_artemis span.bot{
	background:url('../img/ol_chat_bot.gif') no-repeat bottom right;
	padding:45px 20px 28px 130px;
	}
.chat_mulch {
	background:url('../img/ol_chat_repeat.gif') repeat-y top left;
	}
.chat_mulch span.top{
	background:url('../img/ol_chat_mulch_top.jpg') no-repeat top left;
	}
.chat_mulch span.bot{
	background:url('../img/ol_chat_bot.gif') no-repeat bottom left;
	padding:45px 130px 28px 20px;
	}
.chatinfo {
	background:url('../img/ol_chatinfo_bg.gif') no-repeat top left;
	width:354px;
	height:17px;
	padding:8px 15px;
	}	
/* FOOTER */
.footer p{
	padding:5px 0;
	color:#9a9a9a;
	font-size:0.833em;
	line-height:1.4em;
	}
.footer a, .footer a:active, .footer a:link, .footer a:visited, .footer a:hover {
	text-decoration:none;
	color:#9a9a9a;
	}
.footer a:hover {
	text-decoration:underline;
	color:#ffffff;
	}