body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, strong, em { font-size: 100%; font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }
section, article, header, hgroup, nav, sidebar, footer { display: block; margin: 0; padding: 0; }

body { background: #eee; color: #000; font: normal 14px/19px Arial,sans-serif; }

a { color: #960; text-decoration: none; }
a:hover { text-decoration: underline; } 

#pageHead { background: #fff url('logo.png') no-repeat 0 0; padding: 20px 12px 23px 84px; box-shadow: 0 1px 1em #000; margin-bottom: 32px; }
#pageHead h1 { font-size: 24px; line-height: 29px; }
#pageHead a { color: #333; }
#pageHead h1 a:hover { text-decoration: none; }

#pageBody { margin: 16px; max-width: 960px; }
#pageBody li { border: 1px solid #666; border-radius: 16px; padding: 8px 16px; background: #dddddd; background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 15%, #eeeeee 84%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(15%,#ffffff), color-stop(84%,#eeeeee), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 15%,#eeeeee 84%,#dddddd 100%); background: -o-linear-gradient(top, #dddddd 0%,#ffffff 15%,#eeeeee 84%,#dddddd 100%); background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 15%,#eeeeee 84%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=0 ); background: linear-gradient(top, #dddddd 0%,#ffffff 15%,#eeeeee 84%,#dddddd 100%); margin-bottom: 24px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); }
#pageBody li header { font-size: 24px; line-height: 29px; margin-bottom: 8px; border-bottom: 1px dashed #ccc; }
#pageBody li header span { font-size: 16px; }