/*** :: Theme Development: surprisehighway.com Color Palette *************************************** Grey text and borders: #939598 Orange: #F89638 Black: #000000 ***/ /* CSS reset courtesy of meyerweb.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* -------------------------------------------------------------- Typography ----------------------------------------------------------------- */ body {font-size: 62.5%; line-height: 1.4em; font-family: Arial, sans-serif;} /* font-size: 62.5% sets the base size to 10px now we can use em's to resize (e.g. 1.4em = 14px) */ h1 {font-size: 2.5em; line-height: 2.0em; font-weight: normal;} h2 {font-size: 2.0em; line-height: 1.5em; font-weight: normal;} h3 {font-size: 1.0em; line-height: 1.0em; font-weight: normal;} p {margin-bottom: 9px; font-size:1.2em; line-height: 1.4em;} p.meta {margin-bottom: 0em;} p.large {font-size: 1.5em;} ul, ol {margin-bottom: 18px;} li {margin-left: 20px;} a {color: #F89638; text-decoration: none;} a:hover {color: #F89638; text-decoration: underline;} /* Active nav links & tabs */ a.active {color: #F89638;} a.active:hover {color: #F89638; text-decoration: none;} strong {font-weight: bold;} em {font-style: italic;} /* -------------------------------------------------------------- Layout ----------------------------------------------------------------- */ #container {width: 900px; margin: 0 auto;} #alpha, #beta, #gamma {overflow: hidden;} #footer {clear: both; } /* Two Column Layout ------- */ .twocol #alpha {width: 275px; float: left; margin-right: 13px;} .twocol #beta {margin: 5px 0 10px 0; padding-left: 10px; border-left: 1px solid #939598; } /* Three Column Layout ----- */ .threecol #alpha {width: 275px; float: left; margin-right: 0; margin-bottom: 25px; padding-right: 11px;} .threecol #beta {width: 415px; float: left; margin: 5px 0 25px 0; padding-left: 10px; padding-right: 10px; border: 1px solid #939598; border-width: 0 1px;} .threecol #gamma {width: 164px; float: left; margin-bottom: 25px; padding: 10px 0 0 10px;} /* -------------------------------------------------------------- Forms ----------------------------------------------------------------- */ input.text, input.input, select, textarea, textarea.textarea {padding: 3px 5px; border: 1px solid #939598; font-size: 1.2em; font-family: Arial, sans-serif; color: #000;} form dt.inline {clear: left; float: left; margin-right: 15px; padding-top: 5px; text-align: right; width: 50px; color: #000;} form dd {margin-bottom: 10px;} input.submit {background: url('/images/button-tool-sprites.png') 0 -200px no-repeat; border: none; font-size: 9px; text-transform: uppercase; color: #fff; padding: 2px 6px; text-align: center; font-family: Arial, sans-serif;} /* -------------------------------------------------------------- Header ----------------------------------------------------------------- */ #header {position: relative; height: 135px; border-bottom: 1px solid #939598; z-index: 1000;} #header a {color: #939598;} #header #logo-ed {position: absolute; top: 10px; left: 0;} #header #logo-newpage {position: absolute; top: 80px; right: 0;} /* Navigation ------------- */ #nav {position: absolute; top: 10px; right: 230px; text-align: center;} #nav li {margin: 0; float: left; z-index: 1000; position: relative;} #nav li a {display: block; width: 100px; height: 20px; padding-top: 5px; border-right: 1px solid #939598;} #nav li a:hover {border-bottom: 3px solid #939598; text-decoration: none;} #nav #nav-issues a {background: url('../images/nav-down-arrow.png') bottom right no-repeat;} #nav #nav-issues .subnav a {background: none;} #nav #nav-library a {border-right: none;} .subnav {display:none; position: absolute; top: 0px; left: -94px; width: 185px; padding: 5px; background: #F89638;} #nav li a:hover .subnav, #nav .dropdown {display: block;} #nav .subnav ul {border: 1px solid #fff; margin: 0;} #nav .subnav li {float: none; margin: 0 5px; text-align: left; border: 1px solid #fff; border-width: 0 0 1px 0;} #nav .subnav li.first {background: url('../images/nav-up-arrow.png') right no-repeat;} #nav .subnav li.last {border-bottom: none; padding: 10px 15px; color: #000;} #nav .subnav li a {display: block; padding: 7px 15px 1px 15px; width: auto; color: #fff; background: none; border: none;} #nav .subnav li a:hover {text-decoration: underline; color: #000; border-bottom: none;} /* Search ----------------- */ #searchform {position: absolute; right: 0; top: 12px;} #searchform input.text {float: left; width: 180px; color: #F89638; font-size: 1.0em; font-weight: bold; border-width: 1px 0 1px 1px; padding-bottom: 1px;} #searchform input.button {float: left; height: 11px; border: 1px solid #939598; border-width: 1px 1px 1px 0; padding: 3px 2px;} #glossarysearchform input.text {float: left; width: 247px; height: 11px; margin-top: 10px; color: #F89638; border-width: 1px 0 1px 1px; font-size: 1.0em; font-weight: bold;} #glossarysearchform input.button {float: left; height: 11px; margin-top: 10px; border: 1px solid #939598; border-width: 1px 1px 1px 0; padding: 3px 2px;} #searchpage #beta h1 {clear: both; border-bottom: 0; margin-bottom: 0;} #searchpage #beta h3 {font-size: 2.0em;} #searchpage .summary {padding-left: 5px;} /* Order ------------------ */ #orderpage #beta {position: relative;} #orderpage .order-image {position: absolute; top: 73px; left: 10px;} #orderform {float: left; font-size: 1.2em; line-height: 1.2em; margin-left: 25px;} #orderform dd {float: left;} #orderform dt {clear: left;} #orderform dt.inline {width: 220px;} #orderform input.text {width: 207px;} #orderform select {width: 219px; font-size: 12px;} #orderform input {font-size: 12px;} #orderform .button {margin-left: 234px;} #orderform .col {float: left; width: 115px;} /* Giveaway pages ----------- */ #formpage #alpha .widget {border-bottom: none;} #formpage #alpha .widget p {font-size: 14px;} #formpage #alpha .widget h4 {border-bottom: 1px solid #939598; padding-bottom: 7px;} #formpage #beta {position: relative;} #formpage .mainimage {position: absolute; top: 80px; left: 35px;} #formpage #orderform {margin-left: 50px; margin-top: 47px;} #formpage #orderform select.small {width: auto;} #formpage #orderform p {clear: both; font-size: 12px; margin-left: 0;} #formpage #orderform dd {margin-bottom: 16px} #formpage .group {clear: both; overflow: auto; margin-left: 235px; margin-bottom: 10px; border-left: 1px solid #939598; padding-left: 10px;} #formpage .col {width: auto; margin-right: 23px;} #formpage form .group dt.inline {text-align: left; margin-bottom: 5px;} #formpage dd.last {margin-bottom: 5px;} #formpage #orderform .button {border: none; background: none; color: #F89638; text-transform: uppercase; font-size: 10px; font-weight: bold; margin-top: 25px;} #formpage #disclaimer {margin-top: 248px;} #formpage .group .col dt {text-align: center;} #formpage .group label {float: left; clear: both;} #formpage .group select, #formpage .group input {float: left; clear: both; margin-bottom: 10px;} #orderform dt.inline {width: 220px;} /* Poster form page ---------- */ #orderform.poster dt.inline {width: 270px;} #orderform.poster .button {margin-left: 278px;} .poster-confirm.twocol #beta {border-left: 0;} /* Email Form ------------- */ #emailform dt.inline {width: 150px;} #emailform input.text {width: 200px;} #emailform textarea {margin-left: 165px; border: none; font-style: italic; width: 400px; height: 150px; overflow: auto;} #emailform .button {margin-left: 165px;} /* -------------------------------------------------------------- Footer ----------------------------------------------------------------- */ #footer {clear: both; padding: 15px 0; margin-top: 10px; border-top: 1px solid #939598; color: #939598; font-size: 1.0em;} #footer a {color: #F89638;} #footer p {float: right; font-size: 1.0em;} #footer p a {color: #939598;} /* -------------------------------------------------------------- Pages ----------------------------------------------------------------- */ #beta h1 {margin: 5px 0 15px 0; padding: 0 5px; color: #000; border-bottom: 3px solid #000;} #beta p {margin-left: 5px; margin-right: 5px;} .credit {float: right; height: 15px; font-size: 1.0em !important;} .credit a {color: #F89638;} .more-info {margin-bottom: 0;} /* Tabs ------------------- */ .tabs li {float: left; width: 68px; height: 14px; border-bottom: 1px solid #000; margin: 0; text-align: center; padding: 5px 0;} .tabs li.active-tab {color: #F89638; border: 1px solid #000; border-width: 0 1px 0 1px;} .tabs li.active-tab a {color: #F89638; border-right: 0;} .tabs li.active-tab a:hover {color: #F89638; text-decoration: none;} .tabs li a {display: block; border-right: 1px solid #939598; color: #939598;} .tabs li a:hover {color: #000;} .tabs li#issuetabnav.active-tab {border-left-width: 0;} .tabs li#contenttabnav.active-tab {padding-right: 0;} .tabs li a.previous {border-right: none;} .tab-panel {clear: both; position: relative; color: #000; padding-bottom: 10px;} .tab-panel a {color: #F89638;} .tab-panel a:hover {text-decoration: underline;} .tab-panel .tools a:hover {color: #F89638;} .tab-panel #notes-link {font-size: 1.2em; line-height: 1.4em; margin-bottom: 0px;} .tab-panel h2 {line-height: 1.0em;} /* Multilist page --------- */ // .multilist h2 {margin-top: 10px; padding-left: 5px; color: #000; clear: both;} .multilist #beta p {font-size: 1.2em; margin-left: 0;} .multilist #beta li {clear: both; margin: 0; padding: 10px 5px; border-bottom: 1px solid #939598;} .multilist #beta h2 {border-bottom: 3px solid #000000;} .multilist #beta h3 {font-size: 2.0em;} .multilist #beta h3 a {color: #000;} .multilist #examplelist .thumb {float: left; padding: 0 10px 10px 0; } //.multilist #examplelist p {margin-bottom: 23px;} .multilist #contentlist li {padding-bottom: 1px;} .multilist #chartlist li {padding-bottom: 65px;} .multilist #chartlist .desc {float: left; width: 230px;} .multilist #chartlist img {float: left; margin-left: 10px;} .multilist .excerpt, .multilist .issue {color: #939598;} /* Home Page -------------- */ #homepage #content {padding-top: 10px;} #homepage h1 {color: #F89638; font-size: 1.8em; line-height: 1.5em;} #homepage h1 span {font-size: 1.33em; font-weight: bold; color: #000;} /* 24px/18px=1.33em */ #homepage #cols {margin-top: 30px; border-top: 1px solid #939598;} #homepage #content li {width: 259px; float: left; margin: 10px 0; padding: 0 20px;} #homepage #content li a {color: #000;} #homepage #content li img {float: left; padding-right: 20px;} #homepage #content #cols .last {border-right: none; margin-bottom: 10px;} #homepage #content #cols .last img {float: right; padding-right: 52px; } #homepage #content #cols2 {margin-top: 300px; padding-bottom: 10px; border-top: 1px solid #939598;} #homepage #content #cols2 li {width: 204px; height: 100px; float: left; margin: 10px 0; padding: 0 10px; border-right: 1px solid #939598;} #homepage #content #cols2 li a {color: #000;} #homepage #content #cols2 li img {float: left; padding-right: 10px;} #homepage #content #cols2 .last {border-right: none; margin-bottom: 10px;} #homepage #content #cols2 .last img {float: right; padding-right: 5px; } #homepage #content #cols2 li .col {float: left;} #homepage #content #cols2 li #col2 {padding-left: 20px;} #homepage #content #cols2 li .col a {color: #939598;} #homepage #content #cols2 li .col strong {color: #000;} #homepage #content #cols2 li.popular img {padding-bottom: 40px;} #homepage #content #splash {margin-top: 20px;} #homepage #content #splashcontainer {position: relative;} #homepage #content #splash li {position: absolute; top: 0; left: 0; width: 880px; float: none; padding: 0; margin: 0;} #homepage #content #splash li img {float: none; padding: 0; border: 10px solid #000;} #homepage #content #splash .issue-detail {position: absolute; right: -9px; bottom: 14px; width: 204px; padding: 5px 10px 5px 10px; background: #fff;} #homepage #content #splash .issue-detail h2 {font-size: 1.2em; font-weight: bold;} #homepage #content #splash .issue-detail .intro {display: none;} #homepage #content #splash .issue-detail .intro a {color: #F89638;} #homepage #content #splash .issue-detail p {font-size: 1.0em; margin: 0;} /* Issue Page ------------- */ /* #issuepage .tools {position: absolute; bottom: 10px; margin: 0;} EDIT on 10.05.09 */ /* #issuepage .tab-panel {height: 532px; padding-top: 30px; border-bottom: 1px solid #939598;} EDIT on 10.05.09 */ #issuepage .tools {position: absolute; bottom: 10px; margin: 0;} /* EDIT on 10.05.09 */ #issuepage .tab-panel {min-height: 532px; max-height: 545px; padding-top: 30px; border-bottom: 1px solid #939598;} /* EDIT on 10.05.09 */ #issuepage .tab-panel h2 {padding-bottom: 20px;} #issuepage .tab-panel p {font-size: 1.5em; line-height: 1.5em;} #issuepage .tab-panel #notes p {font-size: 1em;} #issuepage .tab-panel .exampleslink {margin-top: 20px;} /* Example Page ------------ */ #examplepage h1 {margin-bottom: 0;} #examplepage .tools {margin-top: 30px;} #examplepage .tab-panel {padding-top: 15px; border-bottom: 1px solid #939598;} #examplepage .tab-panel .thumbs {margin-bottom: 30px;} #examplepage .tab-panel .thumbs a {position: relative; z-index: 0;} #examplepage .tab-panel .thumbs a:hover span, #examplepage .tab-panel .thumbs a.active span {position: absolute; top: -51px; left: 0px; width: 58px; height: 52px; border: 4px solid #000;} #examplepage .tab-panel h3 {color: #939598;} #examplepage .tab-panel p {font-size: 1.2em; line-height: 1.4em; margin-right: 20px;} #examplepage .prev-next {text-align: right; border-top: 1px solid #939598; margin: 0 0 5px 0; padding: 5px 0 0 0;} #examplepage .prev-next a {padding: 3px 5px; color: #000;} /* Image Switcher Examples---------- */ #main-content {z-index: 0;} /* padding-top: 18px; */ #main-content, .interactive {position: relative; margin-left: 1px;} #main-content img, #main-content embed {margin-top: 18px;} /* assume margin above examples */ #main-content .compress embed {margin-top: 0;} /* for flash examples w/ built in margin */ #main-content p {font-size: 1.2em; line-height: 1.4em;} #main-content .image-switcher {position: absolute; top: 0; right: 0; margin: 10px 10px 0 0; font-size: 1.1em;} /* margin: -8px 10px 0 0; */ #main-content .image-switcher .show-hide {display: block; height: 15px; width: 15px; margin-top: 0; position: absolute; top: -7px; right: -9px; text-indent: -9999px; background: url('/images/arrow_up.gif') no-repeat;} #main-content .image-switcher .show-hide.hidden {background: url('/images/arrow_down.gif');} #main-content ul {padding: 15px 0px 15px 5px; margin: -11px -10px 15px 15px; background: #fff; border: 1px solid #000;} #main-content ul li {margin: 5px 10px 5px 10px;} #main-content ul li a {padding: 5px 5px 5px 15px; background-image: url('/images/button-sprites.png'); background-repeat: no-repeat; background-position: 0 -36px; color: #000;} #main-content ul li a:hover {background-position: 0 -16px; text-decoration: none;} #main-content ul li a.active {background-position: 0 5px; color: #000;} #main-content ul li.thumb img {margin-top: 0;} #main-content ul li.thumb a {position: relative; padding-left: 0; background: none;} #main-content ul li.thumb a:hover {background: none;} #main-content ul li.thumb a.active {background: none;} #main-content ul li.thumb a.active span, #main-content ul li.thumb a:hover span {position: absolute; top: -75px; left: 0px; width: 92px; height: 82px; border: 4px solid #000;} /* Rollover Examples ----------- */ #main-content .rollover img {margin-top: 0;} /* Calculator Chart ------------ */ #ed12calc {postion: relative;} #ed12calc #calcform {display: none; position: absolute; top: 104px; right: 86px; width: 154px;} #ed12calc img {margin-top: 0;} #ed12calc input {margin-bottom: 5px; width: 97px;} #ed12calc select {margin-bottom: 5px; width: 109px;} #ed12calc label {font-size: 12px; font-weight: bold; margin-left: 5px;} #ed12calc #ppi1 {display: none; position: absolute; top: 520px; right: 244px;} #ed12calc #ppi2 {display: none; position: absolute; top: 520px; right: 23px;} #ed12calc .ppi {width: 205px;} #ed12calc .ppi input {width: 140px;} #ed12calc .ppi select {width: 152px;} /* Content Page ------------ */ #contentpage .tab-panel h3 {font-size: 1.5em; color: #000; padding: 10px 10px 10px 10px;} #contentpage .tab-panel h3.first {border-top: none;} #contentpage .tab-panel ul {margin-bottom: 0;} #contentpage .tab-panel li {margin-left: 0; padding: 5px 10px; border-top: 1px solid #939598;} #contentpage .tab-panel li.last {border-bottom: 1px solid #939598;} #contentpage .tab-panel #charts li {padding-left: 0; line-height: 1.0em;} #contentpage .tab-panel #charts li a.text {padding-left: 10px; color: #000;} #contentpage #beta {color: #000;} #contentpage #beta h2 {line-height: 1.2em; margin-left: 5px; margin-right: 5px;} /* margin-bottom: 10px; */ #contentpage #beta p {margin-left: 5px; margin-right: 5px;} #contentpage .tools {margin: 25px 0 0 0; padding: 7px 10px 5px 10px; border: 1px solid #939598; border-width: 1px 0;} #contentpage .prev-next {margin: 16px 0 0 0; float: right; padding: 10px 10px;} #contentpage .prev-next a {padding: 3px 5px; color: #000;} /* Glossary Page ------------ */ /* #glossarypage #alpha h3 {font-size: 1.5em; margin-top: 10px; padding: 10px 0 10px 10px; border-top: 1px solid #000; color: #000;} #glossarypage #alpha ul {border-bottom: 1px solid #939598;} #glossarypage #alpha li {margin: 0; padding: 5px 10px; border-top: 1px solid #939598;} */ #glossarysearchform {height: 20px; margin-bottom: 10px;} #glossarypage #beta {padding-left: 12px; border-left: 1px solid #939598;} #glossarypage #alpha .nicelist h2 {padding-top: 10px;} #glossary-nav {position: relative; height: 65px;} #glossary-nav ul {position: absolute; bottom: 0;} #glossary-nav li {float: left; margin: 0; } #glossary-nav a {padding: 5px 2px 3px 2px; vertical-align: text-bottom; color: #000;} #glossary-nav a:hover, #glossary-nav .active a {padding: 5px 0 3px 0; font-size: 5em; font-weight: bold; color: #F89638; text-decoration: none; } #glossary-nav .hover1 a {font-size: 4.3em; font-weight: bold; padding: 5px 0 3px 0; letter-spacing: -1px;} #glossary-nav .hover2 a {font-size: 3.4em; font-weight: bold; padding: 5px 0 3px 0; padding: 5px 0 3px 0; letter-spacing: -1px;} #glossary-nav .hover3 a {font-size: 2.6em; font-weight: bold; padding: 5px 0 3px 0; padding: 5px 0 3px 0; letter-spacing: -1px;} #glossary-nav .hover4 a {font-size: 1.7em; font-weight: bold; padding: 5px 0 3px 0; padding: 5px 0 3px 0; letter-spacing: -1px;} #glossary-list {position: relative; clear: both; height: 600px; overflow: hidden; border-top: 3px solid #000; margin: 0;} #glossary-list h3 {width: 100%;} #glossary-list span {display: block; float: left;} #glossary-list .term {width: 103px; color: #000;} #glossary-list .desc {color: #939598;} #glossary-list .more {color: #000; float: right;} #glossary-list li.item {clear: both; height: auto; padding: 5px 10px 25px 10px; margin: 0; border-bottom: 1px solid #939598;} #glossary-list li.item.expanded {height: auto;} #glossary-list li .definition {display: none; overflow: auto; margin-left: 110px; clear: both; color: #000;} #glossary-list li .definition p {font-size: 1.0em;} #glossary-list .tool-links {overflow: auto;} .glossaryfilterlist a.active {color: #000;} /* Library Page ------------ */ #librarypage .trashcan {float: right;} #librarypage .tools {float: right; margin: 9px 0 0 0;} /* Login Page -------------- */ #loginpage h2 {color: #000;} #loginpage #beta p {font-size: 1.5em; line-height: 1.4em;} .forgot-password {font-size: 1.0em;} /* Register Page ----------- */ #registerpage #beta p {font-size: 1.5em; line-height: 1.4em;} /* Static Page ------------- */ #staticpage #beta {color: #000;} /* Friends Page ------------ */ #friendpage #beta h1 {clear: both;} #friendpage .nicelist li {clear: both; border-bottom: 1px solid #939598; border-top: none;} #friendpage .thumb {display: block; float: left; padding-right: 30px;} #friendpage .name {color: #000; font-size: 2.0em;} /*-------------------------------------------------------------- Widgets ----------------------------------------------------------------- */ .widget {border-bottom: 1px solid #939598; margin-bottom: 10px; padding: 0 10px;} .widget h2 {color: #000;} .widget h4 {margin-bottom: 10px; color: #F89638; text-transform: uppercase;} .widget a {color: #F89638;} .widget p {font-size: 1.0em;} #alpha .widget {padding-left: 0; padding-right: 0;} #alpha .widget h2 {clear: none; margin-bottom: 10px; padding: 5px 0 10px 10px; border-bottom: 1px solid #939598; font-size: 1.5em;} #alpha .widget h4 {padding-left: 10px;} #alpha .widget p {padding: 0 10px;} #gamma .widget p {font-size: 1.0em;} #term-of-day h3 a {color: #000; line-height: 1.5em;} #popular-terms ul {} #popular-terms li {margin: 0; color: #000;} #popular-terms li a {color: #939598;} #popular-terms li a:hover {color: #000;} .tools li {float:left; clear: none; list-style: none; margin: 0; padding: 2px 1px 2px 0;} .tool-links li a {display: block; width: 70px; height: 18px; text-indent: -9999px;} .tool-links a.library-add, .tool-links a.library-button {background: url('/images/button-tool-sprites.png') 0 -80px no-repeat;} .tool-links a.library-add:hover, .tool-links a.library-button:hover {background-position: 0 -100px;} .tool-links a.library-remove {background: url('/images/button-tool-sprites.png') 0 -120px no-repeat;} .tool-links a.library-remove:hover {background-position: 0 -140px;} .tool-links a.order {background: url('/images/button-tool-sprites.png') 0 -40px no-repeat;} .tool-links a.order:hover {background-position: 0 -60px;} .tool-links a.share {background: url('/images/button-tool-sprites.png') 0 0 no-repeat;} .tool-links a.share:hover {background-position: 0 -20px;} .tool-links a.print {width: 16px; background: url('/images/button-print.gif') no-repeat;} .sharethis {width: 265px; margin-top: 10px;} .sharethis .cols {border: 1px solid #000; padding: 10px; } .sharethis .col {float: left; width: 50%; margin-bottom: 0;} .sharethis li {float: none; margin: 3px 0;padding: 0 10px;} .sharethis li a {display: block; height: 16px; text-indent: 0; padding-left: 20px; background: url('/images/share-sprites.gif') no-repeat;} .sharethis li a:hover {color: #000 !important; text-decoration: underline; } .sharethis .share-email {background-position: 0 -62px;} .sharethis .share-digg {background-position: 0 -210px;} .sharethis .share-su {background-position: 0 0;} .sharethis .share-reddit {background-position: 0 -120px;} .sharethis .share-facebook {background-position: 0 -149px;} .sharethis .share-delicious {background-position: 0 -180px;} .sharethis .share-twitter {background: url('/images/twitter-share.png') no-repeat;} a.autoterm {border-bottom: dotted; border-bottom-width: 1px; z-index: 1000;} a.autoterm:hover {text-decoration: none;} /* -------------------------------------------------------------- System Messages ----------------------------------------------------------------- */ #system-msg #content {margin: 15% auto 0 auto; width: 350px; padding: 10px 20px; border: 3px solid #000;} #system-msg h1 {line-height: 1.0em;} #system-msg a {color: #F89638;} #system-msg ul {margin: 20px 0;} #system-msg li {font-size: 1.2em; list-style-type: circle;} /* -------------------------------------------------------------- Member Profile Pages ----------------------------------------------------------------- */ #memberpage td.profileMenu {vertical-align: top;} /* -------------------------------------------------------------- Print ----------------------------------------------------------------- */ .print { or: #000;} .print body {background: white;} .print a {color: #000; text-decoration: underline; font-weight: bold;} .print #content {font-size: 12px;} .print #content p {width: 50%;} #textpage.print #content p, #chartpage.print #content p {width: 80%;} #chartpage.print #content img {padding-bottom: 15px;} .print #content a:link:after, .print #content a:visited:after { content: " (" attr(href) ") "; font-size: 90%; } .print #content a[href^="/"]:after { content: " (http://edliveshere.com" attr(href) ") "; } .print #content ul {display: none;} .print #content img, .print #content .image {margin-bottom: 15px;} .print #container {width: 600px;} .print #header {height: 100px; margin-bottom: 10px;} .print #header #logo-newpage {position: absolute; bottom: 10px; top: auto; right: 0;} .print .issuenumber {color: #939598;} .print .credit {float: none;} .print #footer {border: none;} /* -------------------------------------------------------------- Generic Tools ----------------------------------------------------------------- */ .clearfix {clear: both;} .hide {display: none;} .spinner {display: block; text-indent: -9999px; background: url('/images/ajax-loader.gif') 50% 50% no-repeat;} .hilite { background-color: #ff0; } .nicelist ul {border-bottom: 1px solid #939598; margin-bottom: 10px;} .nicelist li {margin: 0; padding: 5px 10px; border-top: 1px solid #939598;} .nicelist h2 {padding: 0 10px 10px 10px; font-size: 1.5em;} #beta .nicelist p {margin-left: 0;} /* Dropshadow */ //.wrap0, .wrap1, .wrap2, .wrap3 {display: block;} .wrap0 {float: left; background: transparent url(/images/shadow_main.gif) no-repeat scroll right bottom;} .wrap1 {background: transparent url(/images/shadow180.gif) no-repeat scroll 0%;} .wrap2 {background: transparent url(/images/shadow_corner_bl.gif) no-repeat scroll -18px 100%;} .wrap3 {background: transparent url(/images/shadow_corner_tr.gif) no-repeat scroll 100% -18px; padding: 10px 14px 14px 10px;} /* -------------------------------------------------------------- IE Fixes ----------------------------------------------------------------- */ /* IE 6 'fixes' \*/ * html #beta {float: left;} * html #homepage #content #splash .issue-detail {right: 10px; bottom: 12px;} * html #examplepage .tab-panel .thumbs a:hover span, * html #examplepage .tab-panel .thumbs a.active span {top: 0px;} * html #contentpage #gamma {padding-left: 3px;} * html #glossarypage #beta {border: 0; height: 650px;} * html #glossarypage #footer {margin-top: 30px;} * html #glossary-list {position: absolute; margin-bottom: 20px;} /* Position fixes overflow hidden issue */ * html #glossary-list li.item {height: 1%; padding: 10px 0;} * html #glossary-list .term {width: 100px;} * html #glossary-nav a {vertical-align: baseline; line-height: .8em;} * html #friendpage #beta {width: 600px;} * html #searchform input.button, * html #glossarysearchform input.button, * html #glossarysearchform input.text {padding-bottom: 4px;} * html .interactive {margin-left: 0;} * html #main-content .image-switcher {margin: 0;} * html #orderform .col {width: 100px;} * html #orderform .group {clear: both;} /* * html #main-content ul li.thumb a.active span, * html #main-content ul li.thumb a:hover span {position: absolute; top: 5px;} */ /* IE 7 'fixes' */ *:first-child+html #beta {float: left;} *:first-child+html #homepage #content #splash .issue-detail {right: -10px; bottom: 13px;} *:first-child+html #issuepage .tools {margin-top: 180px;} *:first-child+html #glossarypage #beta {position: relative; height: 650px; padding: 0; border: 0;} *:first-child+html #glossary-list {position: absolute;} *:first-child+html #glossary-list li {height: 1%;} /* *:first-child+html #glossary-list li.item.expanded {height: 100px;} */ *:first-child+html #glossary-list .term {width: 100px;} *:first-child+html #glossary-nav a {vertical-align: baseline; line-height: .8em;} *:first-child+html #footer {margin-top: 30px;} *:first-child+html #examplepage .tab-panel .thumbs a:hover span, *:first-child+html #examplepage .tab-panel .thumbs a.active span {top: 0px;} *:first-child+html #friendpage #beta {width: 600px;} *:first-child+html #searchform input.button, *:first-child+html #glossarysearchform input.button, *:first-child+html #glossarysearchform input.text {padding-bottom: 4px;} *:first-child+html .interactive {margin-left: 0;} *:first-child+html #orderform .col {width: 100px;} *:first-child+html #formpage .group {width: 290px;} *:first-child+html #formpage #orderform .col {width: 50px;} *:first-child+html #formpage #orderform .group {width: 320px;} *:first-child+html #formpage #orderform .group input, *:first-child+html #formpage #orderform .group select {clear: both; float: none !important;} *:first-child+html #homepage #content #cols2 li #col2 {padding-left: 15px;} *:first-child+html #orderpage #orderform .col {float: none;} /* *:first-child+html #main-content ul li.thumb a.active span, *:first-child+html #main-content ul li.thumb a:hover span {position: absolute; top: 5px;} */ /* Cluetip for Glossary Term Bubbles */ #cluetip-close img { border: 0; } #cluetip-title { display: none !important; } #cluetip-title #cluetip-close { float: right; position: relative; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background: #fff url(/images/wait.gif); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; } #cluetip-extra { display: none; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default { background-color: #F89638; } .cluetip-default #cluetip-outer { position: relative; margin: 0; padding: 5px; background-color: #F89638; } .cluetip-default h#cluetip-title { display: none; padding: 0; margin: 0;} .cluetip-default #cluetip-inner { padding: 10px;; border: 1px solid #fff; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* default arrows */ .clue-right-default .cluetip-arrows { background-image: url(/images/bubble-left.gif); } .clue-left-default .cluetip-arrows { background-image: url(/images/bubble-right.gif); left: 100%; margin-right: -11px; } .clue-top-default .cluetip-arrows { background-image: url(/images/bubble-down.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-default .cluetip-arrows { background-image: url(/images/bubble-up.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /* stupid IE6 HasLayout hack */ .cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; } /* Pull quote addition on 09.30.09 */ #main-content p.pullQuote { font-size: 20px; line-height: 110%; font-family: Helvetica, sans-serif; color: #6E6E6E; border-top: 1px solid black; border-bottom: 1px solid black; padding: 10px 0 10px 0; } /* Subhead addition on 10.11.09 */ .shead { padding: 0 2px 0 2px; line-height: 90%; font-size: 8px; } .sbhead { line-height: 90%; font-size: 8px; } .sbheadglossary { font-size: 4px; } .sbheadBig { line-height: 90%; font-size: 12px; }