/* Basic */
BODY { background: #9FCEF9 url(images/bg.body-tile.jpg) top center repeat-x; background-attachment: fixed; margin: 0; color: #666; font-family: Arial, sans-serif; line-height: 1.6; font-size: 75%; }
A { text-decoration: none; color: #239CBD; }
A:hover { text-decoration: none; color: #EA6500; }
H1, H2, H3, H4, H5, H6 { font-size: 1em; line-height: 1.4; margin: 0 0 1em; color: #333; }
P, BLOCKQUOTE, DL, DD, UL, OL, LI { margin: 0 0 1em; padding: 0; }
UL { list-style-type: none; }
TABLE { border-collapse: collapse; }
TH, TD { padding: 0; vertical-align: top; font-weight: normal; }
IMG, IMG A { border: 0; }
HR, LEGEND { display: none; }
FORM { margin: 0; }
FIELDSET { display: block; margin: 0; padding: 0; border: 0; }
LABEL { font-weight: bold; text-transform: uppercase; font-size: 92.5%; }
INPUT, SELECT, BUTTON { vertical-align: middle; font-size: 1em; }
#AccessibilityLinks { position: absolute; top: -9999px; left: -9999px; }
#BackgroundFix { background: url(images/flatiron.jpg) top right no-repeat; position: absolute; top: 0; left: 0; min-height: 1000px; width: 100%; background-attachment: fixed; }
* HTML #BackgroundFix { background: none; }

/* Common */
.Invisible, .sIFR-alternate { display: none; }
.ClearFix { clear: both; height: 0; font-size: 0; }
.IframeFix { position: absolute; z-index: 999; }
.Right { float: right; }
.Left { float: left; }
.Section { margin-bottom: 2em; }
.Required { font-weight: bold; }
.Close { cursor: pointer; }
.StandardList LI { padding-left: 16px; background: url(images/blt.black.gif) 5px 10px no-repeat; zoom: 1; }
.hidden { display: none; }
.alignleft { float: left; display: block; margin: 0 10px 10px 0; }
.alignright { float: right; display: block; margin: 0 0 10px 10px; }

/* Headings */
H1 { }
H2 { font-size: 300%; margin-bottom: .25em; line-height: 1em; }
H3 { font-size: 150%; margin-bottom: .25em; }
H4 { }
H5 { }

#dp_logo { display: block; width: 179px; float: left; margin: 5px 0 0; padding: 0; height: 25px; }
#dp-logo-print { display: none; }
#dp_blog_logo A { display: block; width: 262px; height: 96px; background: url(images/logo.dpblog.png) 0 0 no-repeat; cursor: pointer; }
H1 { width: 262px; margin: 0; padding: 0; position: absolute; top: 16px; left: 0; }
H1 A SPAN { position: absolute; top: -9999em; left: -9999em; }
H2.pagetitle { color: #FFF; font-size: 116.7%; margin-bottom: 1em; }
#PageWrapper { z-index: 1; position: relative; width: 100%; min-height: 880px; }
* HTML #PageWrapper { height: 880px; }
#LayoutWrapper { width: 900px; margin: 0 auto; }
#HeaderWrapper { width: 100%; background: #FFF; margin: 0 auto; z-index: 2; position: relative; }
#HeaderFix { width: 900px; margin: 0 auto; }
#MainNav { width: 582px; height: 30px; float: left; display: block; margin: 0 0 0 17px; }
#MainNav LI { width: 114px; height: 30px; float: left; display: block; }
#MainNav A { width: 114px; height: 30px; float: left; display: block; }
#MainNav A SPAN { position: absolute; top: -9999em; left: -9999em; }
#MainNav #nav_blog { display: none; }
#MainNav #nav_work A { background: url(images/nav.work.gif) 0 0 no-repeat; }
#MainNav #nav_services A { background: url(images/nav.services.gif) 0 0 no-repeat; }
#MainNav #nav_company A { background: url(images/nav.company.gif) 0 0 no-repeat; }
#MainNav #nav_news A { background: url(images/nav.news.gif) 0 0 no-repeat; }
#MainNav #nav_contact A { background: url(images/nav.contact.gif) 0 0 no-repeat; }
#MainNav #nav_work,
#MainNav #nav_work A:hover { background: url(images/nav.work.on.gif) 0 0 no-repeat; }
#MainNav #nav_services,
#MainNav #nav_services A:hover { background: url(images/nav.services.on.gif) 0 0 no-repeat; }
#MainNav #nav_company,
#MainNav #nav_company A:hover { background: url(images/nav.company.on.gif) 0 0 no-repeat; }
#MainNav #nav_news,
#MainNav #nav_news A:hover { background: url(images/nav.news.on.gif) 0 0 no-repeat; }
#MainNav #nav_contact,
#MainNav #nav_contact A:hover { background: url(images/nav.contact.on.gif) 0 0 no-repeat; }
#UtilityNav { width: 120px; float: right; }
#UtilityNav A { width: 24px; display: block; float: left; margin: 2px; }

#SideColumn { width: 225px; float: right; margin-top: 24px; position: relative; z-index: 5; }
#MainColumn { width: 600px; float: left; clear: both; margin-top: 140px; margin-bottom: 1em; }
#BodyWrapper { width: 880px; position: relative; }
.Post { width: 504px; background: url(images/bg.post.png) 0 0 repeat-y; padding: 24px; margin: 0 0 1.4em; position: relative; }
.Post .Date { font-size: 112.5%; }
.Slug { font-size: 92.5%; height: 24px; padding: 6px 8px; color: #FFF; text-transform: uppercase; background: url(images/bg.slug.gif) 0 0 repeat-x; position: absolute; top: -4px; left: 16px; }
.single .Post H2 { font-size: 300%; line-height: 1.05em; font-weight: normal; }
.single .Post .Date { display: block; font-size: 133.3%; margin-bottom: .66em; }
.Post .share { display: inline; padding: 4px 0 0 20px; background: url(images/icon.add-this.gif) 0 2px no-repeat; line-height: 20px; min-height: 20px; }
* HTML .Post .share { height: 20px; background-position: 0 2px; }
.entry { clear: both; }

.Post DT { font-size: 150%; color: #239CBD; line-height: 1.25em; }
.Post DD.MetaData { min-height: 60px; }
* HTML .Post DD.MetaData { height: 60px; }
.Post HR { display: block; }

.Post .icon_cat_4 { background: url(images/icon.case-study.gif) 0 0 no-repeat; }
.Post .icon_cat_5 { background: url(images/icon.digital-insights.gif) 0 0 no-repeat; }
.Post .icon_cat_3 { background: url(images/icon.tech-watch.gif) 0 0 no-repeat; }
.Post .icon_cat_77 { background: url(images/icon.media.gif) 0 0 no-repeat; }
.Post .icon_cat_16 { background: url(images/icon.client-tracker.gif) 0 0 no-repeat; }
.Post .icon_cat_70 { background: url(images/icon.facts.gif) 0 0 no-repeat; }
.Post .icon_cat_76 { background: url(images/icon.creativity.gif) 0 0 no-repeat; }
.Date { font-size: 92.5%; color: #a1a3a3; }
.Icon { display: block; width: 60px; height: 60px; float: left; }
.Icon SPAN { position: absolute; top: -9999em; left:-9999em; }

.Block { background: url(images/bg.sidecol.png) 0 0 repeat-y; padding: 0 0 .5em; width: 220px; margin: 0 0 1em; }
#SideColumn H3 A { display: block; min-height: 20px; width: 212px; padding: 2px 4px; zoom: 1; }
* HTML #SideColumn H3 A { height: 20px; }
#SideColumn H3 SPAN { position: absolute; top: -9999em; left: -9999em; }
#hdr_featured_columns A { background: #000 url(images/hdr.featured-columns.gif) 0 4px no-repeat; }
#hdr_press_releases A { background: #000 url(images/hdr.press-releases.gif) 0 4px no-repeat; }
#hdr_press_releases A:hover { background: #000 url(images/hdr.press-releases.on.gif) 0 4px no-repeat; }
#hdr_tweets A { background: #000 url(images/hdr.tweets.gif) 0 4px no-repeat; }
#hdr_client_tracker A { background: #000 url(images/hdr.client-tracker.gif) 0 4px no-repeat; }
#hdr_client_tracker A:hover { background: #000 url(images/hdr.client-tracker.on.gif) 0 4px no-repeat; }
.CategoryList, .CategoryList UL { padding: 0; margin: 0; }
.CategoryList UL LI { padding: 0 0 4px 12px; margin: 0; }
.CategoryList LI.categories { padding: 0; margin: 0; }
#press-content { padding: 4px 12px; line-height: 1.25em; }
#twitter-feed { font-size: 91.6%; color: #000; }
#twitter-feed A { word-wrap: break-word; }
#twitter-feed .Icon { display: block; width: 54px; padding: 4px 10px 0 16px; }
#twitter-feed .date { color: #000; }
#twitter-feed .Tweet { width: 130px; float: left; margin: .5em 0; }
#twitter-feed .TweetWrap { clear: both; }
.Follow { display: block; margin: 4px 0; }
.Block DL { padding: 0 12px 0 16px; margin: 12px 0 6px; line-height: 1.25em; }
.Block DT { font-size: 166%; margin: 0 0 .5em; line-height: 1.25em; }
.Block DD { margin: 0 0 6px;  }
#client_tracker DT A { color: #000; line-height: 1em; }
#client_tracker DT A:hover { color: #EA6500; }

#FooterWrapper { width: 100%; margin: 0 auto; background: #FFF; font-size: 92.5%; line-height: 1.25em; color: #A1A3A3; clear: both; zoom: 1; }
#FooterFix { width: 900px; margin: 0 auto; zoom: 1; padding: 1em 0; }
#FooterWrapper A { color: #A2A2A2; }
#FooterWrapper A:hover { color: #A2A2A2; }
#FooterWrapper TABLE { width: 900px; margin: 0 auto; }
#FooterWrapper TD { padding-right: 15px; }
#FooterWrapper TD.last { padding: 0; }
#FooterWrapper B { white-space: nowrap; }
#FooterWrapper UL { padding-top: 0.1em; }
#FooterWrapper LI { padding-left: 8px; background: url(images/blt.grey.gif) no-repeat 0 0.55em; margin-bottom: 0.2em; line-height: 1.455; }
#FooterWrapper UL.contact LI { padding: 0; background: none; }
#FooterWrapper LI.twitter,
#FooterWrapper LI.facebook,
#FooterWrapper LI.flickr,
#FooterWrapper LI.secure { padding-left: 22px; min-height: 16px; background-repeat: no-repeat; background-position: 0 50%; }
#FooterWrapper LI.secure { background-image: url(images/icon.mini.lock.gif) }
#FooterWrapper LI.twitter { background-image: url(images/icon.mini.twitter.gif) }
#FooterWrapper LI.facebook { background-image: url(images/icon.mini.fb.gif) }
#FooterWrapper LI.flickr { background-image: url(images/icon.mini.flickr.gif) }
.ListNav A { color: #FFF; display: block; }
#print-footer { display: none; }

.Post .MetaData { margin: 0 0 .5em; line-height: 1.33em; }
.Post .MetaData P { margin: 0; }
.Post .MetaData SPAN { display: block; }
.Post OL { list-style-type: decimal; padding: 0 0 0 1.5em; }
.Post OL LI { margin: 0 0 .25em 1.5em; }
.Post UL { list-style-type: disc; padding: 0 0 0 1.5em; }
.Post UL LI { margin: 0 0 .25em; }
.Post BLOCKQUOTE { padding: 1em 40px; }
SPAN.Date { line-height: 1.25em; margin-bottom: .25em; }

.ListNav { width: 552px; position: relative; min-height: 30px; }
* HTML .ListNav { height: 30px; }
.ListNav DIV { width: 112px; height: 22px; position: absolute; }
.ListNav DIV A { display: block; height: 22px; color: #239CBD; line-height: 21px; }
.OlderEntries { top: 0; left: -10px; }
.NewerEntries { top: 0; right: -10px; }
.OlderEntries A { background: url(images/btn.older-entries.png) 0 0 repeat-x; padding: 0 0 0 16px; width: 96px; }
.NewerEntries A { background: url(images/btn.newer-entries.png) 0 0 repeat-x; padding: 0 0 0 10px; width: 102px; }
.navigation { margin: 2em 0 0; line-height: 1em; }
.navigation DIV { margin: 0 0 .5em; }
.navigation .alignleft { width: 230px; float: left; }
.navigation .alignright { width: 230px; float: right; text-align: right; }