File: text-resizer.css

/* BASIC ELEMENTS */

body {
	width: 100%;
	margin: 50;
	padding: 50;
	background: #000;
	color: #444;
	font: 100% Trebuchet MS, Palatino Linotype, Palatino, Garamond, Book Antiqua, Century Schoolbook, Georgia, Times New Roman, Times, Serif;
	line-height: 1.5em; }

a:link, a:visited {
	font-style: normal;
	font-weight: bold;
	color: black;
	background: transparent;
	text-decoration: none; }

a:hover { 
	font-style: normal;
	color: blue;
	background: transparent; }

/* LAYOUT */

#container {
	position: relative;
	background: white;
	width: 90%;
	margin: 0 auto;
	padding: 50;
	border: 2px solid red; }

#content {
	padding: 0 1em 1em 1em;
	margin: 0 0 0 13em; }

#menu {
	float: left;
	width: 14em;
	padding: 0;
	margin: 0;
	font: 0.9em Sans-Serif;
	line-height: 1em;
	background: transparent; }

#menu ul {
	margin: 0;
	padding: 0 0 0 1em;
	list-style: none; }
	
#menu li {
	display: block;
	margin: 2px;
	padding: 1px;
	text-align: right;
	border: 1px solid dimgray; }
	
#menu li a:link, #menu li a:visited {
	width: 100%;
	margin:0;
	padding:2px;
	text-decoration: none; }
	
html>body #menu li a:link { width: auto; }

#menu li a:hover {
	color: blue;
	text-decoration: none; }

#menu li a:visited {
	margin: 0;
	padding: 2px; }
		
#menu ul ul {
	margin:0;
	padding:0 0 0 1em; }
	
#menu li li {
	border: 1px solid lightgray; }
	
#menu li li a:link, #menu li li a:visited {
	font-weight: normal; }

#menu h4 { 
	text-align: right;
	margin: 2em 0 1em 0;
	letter-spacing: 0.3em; }