/*
-----------------------------------------------
webgraph.com master stylesheet
edited: 2008-05-01
----------------------------------------------- */

@import url("reset.css");

/* math: it's what's for dinner */
body { color:#a19a95;font-size:100%;line-height:1.125em; /* 16×1.125=18 */ }
h1 { font-size:1.875em;  /* 16x1.875=30 */ line-height:.6em;margin-top:.6em;margin-bottom:.6em; /* 30×.6=18 */ }
h2 { font-size:1.5em;   /* 16x1.5=24 */ line-height:.75em;margin-top:.75em;margin-bottom:.75em; /* 24×.75=18 */ }
h3 { font-size:1.125em; /* 16x1.125=18 */ line-height:1em;margin-top:1em;margin-bottom:1em; /* 18×1=18 */ }
h4 { font-size:0.875em; /* 16x0.875=14 */ line-height:1.286em;margin-top:1.286em;margin-bottom:1.286em; /* 14×1.286=18 */ }

h2,h3,h4 { font-weight:normal; }

p,
ul,
ol { font-size:0.75em;  /* 16x0.75=12 */ line-height:1.5em;margin-top:1.5em;margin-bottom:1.5em; /* 12×1.5=18 */ }

dfn { border-bottom:1px dotted #5e514a; }

html { background:#332f2d url(images/bg-body.png);font-family:'helvetica neue',helvetica,arial,sans-serif;height:100%;min-width:960px; }

body { height:100%;background:url(images/bg-sidebar-border.png) repeat-y 240px 224px; }

#header { position:relative;z-index:0;height:194px;background:url(images/bg-header.png) repeat-x; }
#logo { position:absolute;top:5px;left:20px;height:169px;width:300px;margin:0;background:url(images/logo.png) no-repeat;text-indent:-9999px; }
#logo a { position:absolute;bottom:0;right:0;width:100%;height:54px; }

#content { position:relative;z-index:10;margin-top:-95px;margin-left:300px;padding-top:108px;background:url(images/bg-logo.png) no-repeat 50% 0;padding-bottom:15px;min-height:400px; }

#content * { max-width:625px; }

#content h1 { position:absolute;top:26px;left:38px;text-shadow:#131110 0 0 0;letter-spacing:-.05em; }

#content ul { list-style:disc; }
#content ol { list-style:decimal; }

#content a { padding:1px;color:#f4911e;font-weight:bold; }
#content a:hover { color:#d4c3b8;background:#2e2927;text-decoration:none; }

#brands { width:620px;margin-left:10px;list-style:none !important; }

#brands li { position:relative;margin-right:18px;margin-bottom:20px;height:60px;background:url(images/bg-brand.png);color:#fff;opacity:.85; }
#brands li:hover { opacity:1; }

#brands li#superfluousbanter { margin-bottom:15px; }

/* reset margins and line-height for the special headings and paragraphs */
#brands li h2,
#brands li p { margin:0;line-height:1; }

#brands li h2 { position:absolute;margin-left:-10px;padding-top:10px;padding-left:165px;height:50px;background-repeat:no-repeat;font-size:12px;text-shadow:#131110 0 0 0;font-weight:bold; }
#brands li p { position:absolute;margin-right:-10px;padding-top:25px;padding-right:20px;padding-left:155px;height:35px;background-repeat:no-repeat;background-position:right;font-size:10px;line-height:12px;text-shadow:#131110 0 0 0; }
#brands li p a { position:absolute;top:0;left:-10px;padding:0 8px 0 0;width:100%;height:100%;text-indent:-9999px;min-width:100%; }
#brands li p a:hover { background:transparent; }

/* allow the rows to resize */
#brands { width:auto;margin-right:4%;max-width:none; }
#brands li p { right:0;left:0; }
#brands * { max-width:none; }

#brands li#sidebarcreative h2 { background-image:url(images/bg-brand-sidebar-left.png); }
#brands li#sidebarcreative p { background-image:url(images/bg-brand-sidebar-right.png); }

#brands li#blackseagull h2 { background-image:url(images/bg-brand-seagull-left.png); }
#brands li#blackseagull p { background-image:url(images/bg-brand-seagull-right.png); }

#brands li#sinelogic h2 { background-image:url(images/bg-brand-sinelogic-left.png); }
#brands li#sinelogic p { background-image:url(images/bg-brand-sinelogic-right.png); }

#brands li#superfluousbanter h2 { background-image:url(images/bg-brand-banter-left.png); }
#brands li#superfluousbanter p { background-image:url(images/bg-brand-banter-right.png); }

#sidebar { position:absolute;top:194px;left:20px;width:220px;height:63%;min-height:418px; }
#sidebar #about { position:absolute;top:14px;right:9px;width:165px;height:259px;background:url(images/bg-sidebar.png) no-repeat right top;text-indent:-9999px; }

#contact { position:absolute;bottom:31px;right:19px;width:112px;height:46px;background:url(images/bg-address.png) no-repeat;text-indent:-9999px; }

#mt a { position:absolute;bottom:10px;right:19px;width:163px;height:16px;background:url(images/bg-mt.png) no-repeat;text-indent:-9999px; }
#mt a:hover { background-position:0 -16px; }

#copyright { color:#504c49;font-size:10px;max-width:none; }

/* view browser source styles */
p.download a { font-size:1.5em; /* 16x1.5=24 */ line-height:.75em;margin-top:.75em;margin-bottom:.75em; /* 24×.75=18 */ }