* { margin: 0; padding: 0; }
h1,h2,p,ul { padding-top: 10px; padding-left: 20px; padding-right: 20px; }
body { font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; }
h1 { font-size:24px; font-style:italic; font-weight:bold; color:#F00; }
img { padding: 5px; }
a { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

.picture { filter:alpha(opacity=75); /* IE */ -moz-opacity: 0.75; /* Mozilla */ opacity: 0.75; /* Opera */ }

#top {}
#wrapper {padding: 10px; width: 90%; }
#header {}
#title { padding-bottom: 10px; }
#progress { text-align:right; padding: 10px; font-size: 18px; font-weight:bold; color:#F00; background-color:#fff;}
#content { background-color:#fff; }
#picture { margin: 0px padding: 0px; }
#picture a { border: 0px; filter:alpha(opacity=75); /* IE */ -moz-opacity: 0.75; /* Mozilla */ opacity: 0.75; /* Opera */}
#picture a:hover { height: 100%; border-bottom: 0px; filter:alpha(opacity=100); /* IE */ -moz-opacity: 1; /* Mozilla */ opacity: 1; /* Opera */}
#picture ul { display: block; }
#picture li { list-style-type: none; display: inline; }
#text ul {}
#text li { list-style-type: none; }
#source {}
#text {}
#result {}
#question { padding: 10px; list-style-type: none; }
#question a:hover { border-bottom: 1px dotted #000; }
#hint { text-align:right; padding: 10px; }
#footer { background-color:#fed051; line-height: 10px; }