/* ======================================================================

    Factors V3.css

    SEOmoz.org
    timothy@seomoz.org
    (c) 2009, All Rights Reserved.

    Stylesheet prepared by Timothy Christensen
    Version: 8-24-09

 ======================================================================== */


/*----------------------------------------------------------------------- 
    Basic Styles
 ------------------------------------------------------------------------ */

div.sub-section { margin-top: -381px; padding: 459px 20px 1.5em; z-index: 1; }
p.note { font-style: italic; }
p.see-all { clear: both; margin-right: 1.5em; text-align: left; }
p.intro { background: #EFEFEF; color: #444; font-family: Georgia; font-style: italic; padding: 1.5em 30px; }

code { color: #11161A; }
h2 { border-bottom: 2px solid #B9C1CB; color: #11161A; font-size: 2.0em; font-weight: bold; margin-bottom: 0.5em; padding-bottom: 0.25em; }
div#ranking-factors h2, div#link-building h2, div#additional-data h2 { clear: left; margin-bottom: 0 }

/*----------------------------------------------------------------------- 
    Head Styles
 ------------------------------------------------------------------------ */


div#rf-head { background: #DDD url(images/factors/v3/rf_head_bg.png) left top no-repeat; height: 148px; }
div#rf-head.pro-toolbar-shift { background: #DDD url(images/factors/v3/rf_head_bg_shift.png) left top no-repeat; height: 121px; }
div#rf-head h1, div#rf-head h2 { display: none; }

/*----------------------------------------------------------------------- 
    Overview Layout
 ------------------------------------------------------------------------ */

h2#introduction-header { margin-bottom: 0; }
div#introduction { background: #EFEFEF; font-family: Georgia; font-size: 14px; margin-bottom: 1.5em; padding: 2.0em 40px 1.0em; }

div#overview ol li { clear: left; height: 4.5em; }
div#overview h4 { font-size: 1.0em; height: auto; margin-bottom: 0.3333em; }
div#overview div.importance {
  float: right;
  font-weight: bold;
  width: 215px;
}
div#overview span.consensus {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5em;
}
div#overview div.bar {
  border: 1px solid #AAA;
  float: right;
  padding: 2px;
  width: 50%;
}
div#overview div.bar span {
  background: #4E2B36;
  display: block;
  height: 10px;
  text-indent: -9999px;
}
div#overview div.bar.high span { background: #70384A; }
div#overview div.bar.moderate span { background: #995067; }
div#overview img {
  -ms-interpolation-mode: bicubic;
  display: block;
  margin: 0 auto 1.0em;
  width: 300px;
}
div#overview hr.space { margin-bottom: 4.0em; }
div#overview ul.keys { margin: 0 0 2.75em 10px; }
div#overview ul.keys li { clear: left; margin-bottom: 1.125em; }

ul.keys div {
  border: 1px solid #222;
  display: block;
  float: right;
  height: 14px;
  margin-left: 10px;
  width: 14px;
}
div.key-1 { background: #92BACE; }
div.key-2 { background: #4889B3; }
div.key-3 { background: #AA8A96; }
div.key-4 { background: #985869; }
div.key-5 { background: #7D3C4B; }
div.key-6 { background: #6E4852; }
div.key-7 { background: #4B2730; }


