* { margin: 0; padding: 0; }

body 				{ padding: 3em; font: 62.5%/1.5 Arial, Helvetica, sans-serif; color: #444; background: #7cc576 url(bg.jpg) repeat-x 0 0; }
h1 					{ font-weight: normal; font-size: 2.4em; line-height: 1.2; margin-bottom: .5em; padding: 0 20px; color: #d30; }
a					{ color: #f3f164; }
a:hover				{ text-decoration: none; }
p,
ul					{ font-size: 1.2em; margin-bottom: 1.5em; padding: 20px; border-top: 2px solid #194f15; }
ul					{ background: #68a563; }
li					{ list-style: none; display: inline; padding-right: 10px; }

p:first-line 		{ font-weight: bold; }
					
#fixed-layout 		{ width: 300px; }
#fixed-layout p		{ height: 260px; background: #fff url(fixed.gif) no-repeat 0 0; }

#flexible-layout p	{ background: #fff url(flexible.gif) no-repeat 100% 100%; }