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


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


/*----------------------------------------------------------------------- 
    Ranking Factors and Link Building Layout
 ------------------------------------------------------------------------ */

div#ranking-factors div.span-15, div#link-building div.span-15 { margin-right: 30px; }
div#ranking-factors div.span-7, div#link-building div.span-7 { width: 290px; }

div#ranking-factors ol, div#link-building ol { font-size: 1.0em; margin: 0 0 5.0em 20px; }
*+html div#ranking-factors ol, *+html div#link-building ol { margin-left: 30px; }
div#ranking-factors li, div#link-building li { margin-bottom: 1.0em; }
div#ranking-factors div.comments li, div#link-building div.comments li { margin-bottom: 1.5em; }
div#ranking-factors h3.factors-heading, div#link-building h3.factors-heading {
  color: #3D2028;
  font-size: 2.0em;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 1.5em;
  padding-top: 1.5em;
}
div#ranking-factors h4, div#link-building h4 {
  border-top: 1px dashed #CFD6D6;
  color: #11161A;
  font-size: 1.375em;
  font-weight: bold;
  height: auto;
  margin-bottom: 0.5em;
  padding-top: 1.0em;
}

div.importance { position: relative; }
div.importance span.label { color: #11161A; display: block; font-size: 1.2em; font-weight: bold; }
div.importance div.bar {
  border: 1px solid #AAA;
  background: #FFF;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 3px;
  width: 355px;
}
*+html div.importance div.bar { top: 1px; }
div.importance div.bar span {
  background: #4E2B36;
  display: block;
  height: 10px;
  text-indent: -9999px;
}
div.high.importance div.bar span { background: #70384A; }
div.moderate.importance div.bar span { background: #995067; }
div.low.importance div.bar span { background: #BF8C9F; }
div.minimal.importance div.bar span { background: #DBBDCB; }
div.very-minimal.importance div.bar span { background: #D4CFD1; }

div.comments { margin-bottom: 3.0em; padding-left: 60px; }
div.comments ul { font-family: Georgia; font-size: 14px; margin: 0 0 0 20px; }
div.comments h3 {
  border-bottom: 1px solid #CFD6D6;
  color: #11161A;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.25;
  margin: 0 0 1.0em 20px;
  padding-bottom: 1.0em;
}
div.comments h5 { color: #333; margin-bottom: 0.5em; margin-left: 20px; }
div.comments h5 + p { margin-left: 20px; }
div.comments strong { color: #212D37; font-size: 1.125em; font-style: italic; }
div.comments ul ul { list-style: disc; margin-bottom: 1.0em; margin-left: 20px; }
div#ranking-factors div.comments ul ul li, div#link-building div.comments ul ul li { margin-bottom: 0.25em; margin-left: 18px; }


/*----------------------------------------------------------------------- 
    Additional Data Layout
 ------------------------------------------------------------------------ */

img.pie-chart {
  -ms-interpolation-mode: bicubic;
  float: left;
  margin-bottom: 3.0em;
  margin-left: 30px;
  width: 300px;
}

div#additional-data h3 {
  clear: left;
  color: #333;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1.5em;
  margin-left: 40px;
  position: relative;
}
div#additional-data h3 span {
  display: block;
  font-size: 1.3em;
  left: -35px;
  position: absolute;
  text-align: center;
  top: -0.25em;
  width: 20px;
}
div#additional-data h3 span:before {
  color: #70384A;
  content: 'Q:';
}
div#additional-data hr { margin-bottom: 3.0em; }
div#additional-data ul { float: left; margin-right: 0; margin-left: 40px; width: 504px; }
div#additional-data li { clear: left; color: #333; margin-bottom: 1.5em; }
div#additional-data li img { float: left; margin-right: 10px; width: 31px; }
div#additional-data li h5 {
  color: #333;
  display: block;
  float: left;
  font-size: 1.5em;
  margin-right: 8px;
  margin-bottom: 0;
  text-align: right;
  width: 36px;
}
div#additional-data li p {
  color: #666;
  float: left;
  font-size: 1.25em;
  margin-bottom: 0;
  padding-top: 0.275em;
  width: 400px;
}
div#additional-data p.note { font-size: 0.8em; margin-left: 85px; }
div#additional-data h3.elements-header { margin-left: 0; }