body { background: #000 url('images/bg.jpg') fixed repeat-x; text-align: center; font-family: Arial, Helvetica, sans-serif; margin: 0; }

a { text-decoration: none; color: #003366; }	.right { float: right; }

p.message { padding: 4px 10px; background: #e5a548; color: #FFF; font-weight: bold; border: 1px solid #d39842; }

#header { width: 850px; margin: 0 auto; text-align: left; background: url('images/headerbg.jpg') no-repeat 100% 0; height: 183px; }

img.stars { margin: 7px 0 10px 0; float: right; }
	
.clear { clear: both; }	


#logo h1 { margin: 0; padding: 20px 0 30px 0; }

#logo h1 a { background: url('images/logo.gif') no-repeat; font-size: 11px; display: block; color: #FFF; padding: 50px 30px 5px 100px; width: 220px; }

	#logo h1 a:hover { color: #fff581; }



#nav ul { margin: 0; padding: 0; list-style: none; background: url('images/navgrad.gif') repeat-x; height: 50px; width: 560px; float: left; }

	#nav li { float: left; }

	#nav a { display: block; font-size: 14px; padding: 11px 20px 9px 20px; color: #FFF; margin: 3px 0 0 0; text-transform: uppercase; font-weight: bold; }

	#nav a:hover { color: #fff581; }

	#nav span { font-size: 10px; text-transform: none;  }

	#navl { background: url('images/navl.gif') no-repeat; height: 53px; width: 18px; margin: 0; float: left; }

	#navr { background: url('images/navr.gif') no-repeat; height: 53px; width: 18px; margin: 0; float: left; }

	

#wrapper { margin: 0px auto 0 auto; width: 800px; text-align: left; clear: both; padding: 0 45px 0 0; }	

	#innerwrapper { width: 800px;  background: #FFF; margin: 0; }

	#innerwrapper { padding: 15px; }

	#innerwrapper h2 { font-family: georgia; margin: 0 0 15px 0; font-size: 28px; font-weight: normal; color: #006699; }

	#innerwrapper h3 { margin: 15px 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; color: #3399BB; font-size: 18px; } 

	#innerwrapper h3 a { font-family: Georgia, "Times New Roman", Times, serif; color: #3399BB; font-size: 18px; }

	#innerwrapper h3 a:hover { color: #006699; text-decoration: underline; }

	#innerwrapper p { margin: 0 20px 15px 20px; font-size: 13px; }

	#innerwrapper p.introduction { margin: 0 0 17px 0; font-size: 11px; color: #777; }
	
	#innerwrapper ul { font-size: 13px; margin: 5px 10px; list-style: square;	 }
	#innerwrapper ol { font-size: 13px; margin: 5px 30px 5px 30px;	 }
	#innerwrapper ol li { margin: 0 0 0 160px; }



#blogbio p { color: #777; font-size: 11px; text-align: right; background: #DDD; margin: 0 0 10px 0; padding: 1px 5px 1px 0; }



#install { background: url('images/install.jpg') no-repeat; width: 178px; }

	#install h4 { margin: 0 18px; padding: 0; font-size: 15px; }

	#install h4 a { color: #FFF; padding: 50px 0px 110px 0px; display: block;  }

	#install h4 a:hover { color: #fff581;  }



#newsletter p { margin: 0; font-size: 11px; margin: 0 0 10px 0; }

	#newsletter ul { list-style: none; margin: 0; padding: 0; }

	#newsletter li { margin: 3px 0; }

	#newsletter label { font-size: 11px; width: 50px; display: block; float: left; margin: 4px 0 0 0; }

	#newsletter input { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; padding: 3px; width: 120px; border: 1px solid #BBB; }

	#newsletter input.submit { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; padding: 3px; margin: 0 0 0 30px; border: 1px solid #BBB; }



#content { width: 580px; float: left; }	

#side { float: left; width: 180px; margin: 0 20px 0 0; }	

	#side h3 { font-family: arial; font-size: 11px; text-transform: uppercase; padding: 5px 6px; background: #3399BB; border-bottom: 2px solid #006699; color: #FFF; font-weight: bold; letter-spacing: 0.5px; margin: 10px 0 0px 0; }
		#side h5 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin: 10px 0;  }
	
	#side h3 span { font-size: 10px; }
	
	#sidenav ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #CCC; }
	
	#sidenav li { border-right: 1px solid #CCC; border-left: 1px solid #CCC; }

	#sidenav a { display: block; padding: 3px 10px; color: #006699; font-size: 13px; border-left: 10px solid #EEE; background: #EEE; }

	#sidenav a:hover { background: #EEE; border-left: 10px solid #d99d44; COLOR: #8d5d17; }
	
	#sidenav hr { height: 1px; color: #fff; border: none; border-top: 1px solid #006699; }

	#topsites { margin: 20px 0 0 0; }

	#topsites img { border: none; }



#reslist ul { list-style: none; padding: 0; margin: 0; float: left; }
#reslistindex ul { list-style: none; padding: 0; margin: 0; width: 800px; }

	#reslist li { margin: 3px 7px 15px 7px; width: 80px; float: left; }

	#reslist p { margin: 2px 0; text-align: left; }

	#reslist a { color: #006699; text-align: center; }
	#reslist a:visited { color: #006699; text-align: center; }

	#reslist a:hover { color: #ae7d35; }

	#reslist img { width: 80px; border: none;  }

	#reslist h5 { margin: 2px 0; font-size: 10px; }


#applist ul { list-style: none; padding: 0; margin: 0; }

	#applist li { margin: 3px 7px 15px 7px; display: block; height: 130px; }

	#applist p { margin: 2px 0; text-align: left; }

	#applist a { color: #006699; }

	#applist a:hover { color: #ae7d35; }

	#applist img { width: 80px; border: none; float: left;  margin: 0 20px 0 0; }

	#applist h5 { margin: 15px 0 0 0; font-size: 14px; padding: 15px 0; }


#bloglist ul { list-style: none; padding: 0; margin: 0; }

	#bloglist li { margin: 3px 7px 15px 7px; display: block; height: 130px; }

	#bloglist p { margin: 20px 0; text-align: left; }

	#bloglist a { color: #006699; }

	#bloglist a:hover { color: #ae7d35; }

	#bloglist h5 { margin: 15px 0 0 0; font-size: 14px; padding: 15px 0; }



#applications ul { list-style: none; padding: 0; margin: 0; }

	#applications li { float: left; margin: 3px; }

	#applications p { margin: 2px 0; width: 200px; text-align: left; }

	#applications a { color: #999; text-align: center; }

	#applications a:hover { color: #ae7d35; }

	#applications img { width: 200px; border: 3px solid #DDD; }



#showwallpaper { background: #000; padding: 15px 0 15px 25px; }

	#showwallpaper ul { float: right; margin: 0 25px 0 0; padding: 30px 0 0 0; }

	#showwallpaper li { text-align: center; margin: 0 0 50px 0;  text-align: center;}

	#showwallpaper label { color: #555; margin: 0 10px 0 0;  font-size: 11px;}

	#showwallpaper input.submit{ width: 50px; font-size: 10px; }

	#showwallpaper a.moveright { background: url('images/right.gif') 100% 0 no-repeat; height: 60px; width: 120px; padding: 15px 60px 0 0 ; }

	#showwallpaper a.moveright:hover { background: none; background: url('images/right.gif') 100% 0 no-repeat; }

	#showwallpaper a.moveleft { background: url('images/left.gif') 100% 0 no-repeat; height: 60px; width: 120px; padding: 15px 60px 0 0 ; }

	#showwallpaper a.moveleft:hover { background: none; background: url('images/left.gif') 100% 0 no-repeat; }

	#showwallpaper a { display: block; padding: 5px 0; color: #FFF; width: 180px; color: #555;  font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }

	#showwallpaper a:hover { background: #111; color: #fff581; } }

	#showwallpaper select { width: 70px;}

	#showwallpaper option {  width: 70px; }

	#showwallpaper p.note { width: 140px; font-size: 9px; color: #444; }

	#showwallpaper .download { font-size: 20px; font-weight: bold; color: #888;}



#addcomments { clear: both; }

	#addcomments h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #006699; }

	#addcomments fieldset { border: none; }

	#addcomments ul { list-style: none; margin: 0 0 0 20px; padding:0; }

	#addcomments label { width: 100px; display: block; float: left; font-size: 12px; margin: 3px 0 0 0; }

	#addcomments li { margin: 4px 0; }

	#addcomments textarea { font-family: Georgia, "Times New Roman", Times, serif; padding: 2px; width: 300px; font-size: 12px; border: 1px solid #BBB; }

	#addcomments input { font-family: Georgia, "Times New Roman", Times, serif; padding: 2px; width: 300px; font-weight: bold; border: 1px solid #BBB; }

	#addcomments input.submit { margin: 0 0 0 50px; }


#adminform fieldset { border: none; }

	#adminform ul {list-style: none; margin: 0; padding: 0; }
	
	#adminform li { margin: 2px 0; }
	
	#adminform label { display: block; float: left; width: 100px; font-size: 12px; margin: 4px 0 0 0; }
	
	#adminform input,textarea { width: 400px; }
	
	#adminform input.submit { width: auto; margin: 0 0 0 100px; }



#comments ul { list-style: none; margin: 0 0 0 20px; padding: 0; }

	#comments li { padding: 5px 0; }

	#comments li.one { background: #DDD; }

	#comments b { display: block; margin: 2px 0; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }

	#comments a { color: #006699; }

	#comments a:hover { color: #003366; }

	#comments h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #006699; }



#footer { width: 800px; text-align: left; margin: 0 auto; padding: 20px 0 40px 0; }

	#footer h6 { color: #fff581; font-size: 16px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif;  }	

	#footer ul { margin: 0 0 30px 30px; list-style: square; padding: 0; color: #555; width: 380px; float: left; }
	#footer li { width: 90px; float: left; margin: 4px 20px 4px 0; }

	#footer a { color: #999; font-size: 11px; }

	#footer a:hover { color: #fff581; }

	
/* VERSION 1.1 ADDITIONS OF CSS */	

#applications ul { list-style: none; padding: 0; margin: 0; width: 600px; float: left; }
	#applications li { float: left; margin: 3px 2px 0px 2px; width: 180px; height: 420px;  }
	#applications h5 { margin: 2px 0; font-size: 14px; }
	#applications p { margin: 2px 0; width: 180px; }
	#applications a { color: #006699; }
	#applications a:hover { color: #ae7d35; }
	#applications img { width: 180px; border: none; }
	
#showapplication ul { list-style: square; }
#showapplication ul p { margin: 0 0 0; }
#showapplication ul a { color: #006699; font-weight: bold; }
#showapplication ul a:hover { color: #003366; text-decoratioN: underline; }

#introduction { background: url('images/intro.jpg') no-repeat; width: 801px; height: 283px; color: #FFF; margin: 0; display: block; }
	#introduction p { margin: 0; padding: 140px 30px 0 470px; }
	#introduction p a { color: #EEE; border-bottom: 1px solid #006699; font-weight: bold; }
	#introduction p a:hover { color: #fff581; border-bottom: 1px dashed #fff581; }

div.episode { background: #EEE; }
p.episode_date { float: right; }

#topad { background: #000; text-align: center; padding: 5px; }