/*
-----------------------------------------------
2008 presentation mini-site styles
author:dan rubin
edited:2008-12-08
----------------------------------------------- */

/* remember to remove any resets not needed for this design */
@import url("reset.css");

/* math:it's what's for dinner */
body { font-size:100%;font-family:"helvetica neue",helvetica,arial,sans-serif; }
h1 { font-size:2.25em;/* 16x2.25=36 */ }
h2 { font-size:1.5em;/* 16x1.5=24 */ }
h3 { font-size:1.125em;/* 16x1.125=18 */ }
h4 { font-size:0.875em;/* 16x0.875=14 */ }
p { font-size:0.75em;/* 16x0.75=12 */ }

/* global */
a { font-weight:bold;text-decoration:none;color:#dbdce5; }
a:hover { color:#fff; }

/* layout */
body { background:#31333f url(images/bg_body.png);text-align:center;min-width:960px;color:#fff;text-shadow:#000 0 0 0; }
#wrapper { background:url(images/bg_wrapper.png) repeat-x; }
#starburst { background:url(images/bg_starburst.png) no-repeat center top; }
#content { position:relative;width:950px;margin:0 auto;padding-top:128px;text-align:left; }

/* header */
#returntosb { position:absolute;right:0;top:34px; }
#returntosb a { display:block;width:243px;height:58px;background:url(images/return-to-sb.png) no-repeat;text-indent:-9999px; }
#returntosb a:hover { background-position:0 -58px; }

h1 { position:absolute;top:33px;left:0;width:670px;height:49px;background:url(images/title.png) no-repeat;text-indent:-9999px; }

/* columns */
#about { position:absolute;left:0;top:147px;width:260px; }
#about h2 { background:url(images/hdr-about.png) no-repeat;width:192px;height:30px;text-indent:-9999px; }
#about img { margin:12px 0 10px; }
#about p { color:#cbccd5;font-size:0.875em;line-height:1.25em; }
#about p+p { margin-top:1em;font-size:0.75em;line-height:1.35em; }

#slides { width:310px;margin-left:290px;padding:10px;background-image:url(images/bg_slides.png);-moz-border-radius:6px;-webkit-border-radius:6px; }
#slides h2 { background:url(images/hdr-slides.png) no-repeat;width:266px;height:39px;text-indent:-9999px; }
#slides h3 { margin-bottom:6px; }
#slides ul { margin-top:10px; }
#slides ul li { position:relative;margin-bottom:10px;padding-bottom:12px;padding-left:130px;min-height:92px;background:url(images/bg_slides_li.png) no-repeat 2px 2px;border-bottom:2px solid #22242c; }
#slides ul li.last { margin-bottom:0;padding-bottom:0;border:none; }
#slides ul li a.download { position:absolute;top:0;left:0;width:120px;height:90px;background-repeat:no-repeat; }
#slides ul li a.download span { visibility:hidden;display:block;width:120px;height:90px;text-indent:-9999px;background:url(images/slide-hover.png) no-repeat; }
#slides ul li a.download:hover span { visibility:visible; }
#slides ul ul { margin:6px 0 0;font-size:.75em;line-height:1.3em; }
#slides ul ul li { margin:0;padding:0;min-height:0;background:none;border:none; }
#slides ul ul a { color:#5f647c; }
#slides ul ul a:hover { color:#747997; }

/* slide images */
#fowamiami a.download { background-image:url(images/slide-fowamiami.png); }
#sxsw a.download { background-image:url(images/slide-sxsw.png); }
#wdwchicagocss a.download { background-image:url(images/slide-wdwchicagocss.png); }
#webvisions a.download { background-image:url(images/slide-webvisions.png); }
#atmedia a.download { background-image:url(images/slide-atmedia.png); }
#wdwseattlecss a.download { background-image:url(images/slide-wdwseattlecss.png); }
#wdwseattledesign a.download { background-image:url(images/slide-wdwseattledesign.png); }
#wjs a.download { background-image:url(images/slide-wjs.png); }
#wblasvegasdesign a.download { background-image:url(images/slide-wblasvegasdesign.png); }
#wblasvegascss a.download { background-image:url(images/slide-wblasvegascss.png); }
#wblasvegasjoint a.download { background-image:url(images/slide-wblasvegasjoint.png); }
#adcprinttoweb a.download { background-image:url(images/slide-adcprinttoweb.png); }
#wdwbostoncss a.download { background-image:url(images/slide-wdwbostoncss.png); }
#wdwbostondesign a.download { background-image:url(images/slide-wdwbostondesign.png); }

#recommended { position:absolute;right:0;top:147px;width:290px; }
#recommended h2 { background:url(images/hdr-recommended.png) no-repeat;width:232px;height:30px;text-indent:-9999px; }
#recommended ul { margin-top:8px; }
#recommended ul a { display:block;margin:0 0 14px;color:#5f647c;font-size:1.5em;/* 16x1.5=24 */
 letter-spacing:-1px;line-height:0.75em; }
#recommended ul a:hover { color:#747997; }
#recommended ul a em { display:block;font-size:0.45em;font-style:normal;letter-spacing:0; }
#recommended ul a em span { font-size:0.84em; }

/* footer */
#copyright { width:330px;margin:6px 0 20px 290px;padding-left:3px;color:#53566b;font-size:0.625em;/* 16x0.625=10 */
 font-weight:bold; }
#copyright a { color:#53566b; }
#copyright a:hover { color:#6b6f8a; }