/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td,th { vertical-align: top; }

/* defaults */
body { font: 16px/16px "Helvetica", sans-serif; color: #f0f; background-color: #fff; }
div,p,input { font: 12px/15px "Courier New", monospace; color: #000; margin: 5px 0px 0px 0px; }
h1,h2,h3,h4,h5,h6 { font-weight:bold; padding: 0; margin:0;}
a { color: #666; text-decoration: underline; }
a:hover { color: #333; background: #ff0; }
a:visited { }
a:active { }
ul li.on a { color: #fff; background: #f0f; text-decoration: none; font-weight: bold;}
ul li.on a:hover { color: #000; background: #f0f; }
a.button { color: #000; background: #ff0; padding: 2px; text-decoration: none; font-weight: bold;}
a.button:hover { color: #fff; background: #000; text-decoration: none;}
img { display: block; }
img.inline { display: inline; }
br.clear {clear:both}

/* layout */
div#container { width: 840px; margin: 0px auto; border: #000 0px solid;}
div#work { width: 840px; margin-top:50px; padding:0; border-top:#000 1px solid;}
div.footer { border-top:#000 1px solid; padding: 3px 0px 25px 0px; }
div.main { float: left; width:270px; margin:0; padding: 0px; }
div.main_header { width:270px; height: 103px; border-bottom:#000 1px solid; margin:0px; }
div.detail { float: left; width:278px; height:225px; margin:0; background-color:#eee; }
div.detail_info { width:840px; margin: 3px 0px 3px 0px; padding-bottom: 10px; border-bottom:#ccc 1px dotted; border-top:#333 1px solid; }
div.detail_info p { margin: 5px 0px 50px 0px; }
div.detail_info tt.work_title { margin: 0; background: #333; color:#fff; }