/* 
 * Welcome to Compass. We'll show you the way, but you'll have to get there on your own.
 * In this file you should write (or centralize your imports) the main styles. */

#primary_column h1 {
  padding: 0 0 8px 16px;
  margin-bottom: 0; }

#secondary_column h3 {
  margin: .2em 0; }
#secondary_column h4 {
  margin: .6em 0 0 0; }

#admin, #home, #hdr, #top, #search, #content_page {
  padding-top: 30px;
  clear: both;
  position: relative;
  float: left;
  width: 870px;
  margin-right: 10px;
  padding-left: 40px;
  padding-right: 40px;
  margin-right: 0; }

#story, #directed_relationship, #person {
  padding-top: 30px;
  clear: both;
  position: relative; }
  #story #primary_column,   #directed_relationship #primary_column,   #person #primary_column {
    float: left;
    width: 630px;
    margin-right: 10px; }
  #story #secondary_column,   #directed_relationship #secondary_column,   #person #secondary_column {
    float: left;
    width: 310px;
    margin-right: 10px;
    margin-right: 0; }

.primary, .secondary, .tertiary {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  background-position: center bottom;
  background-repeat: repeat-x;
  border: 1px solid #FFFFFF;
  color: #FFFFFF!important;
  cursor: pointer;
  text-decoration: none;
  float: right;
  display: block;
  width: auto;
  padding: 2px 6px; }

.primary {
  background-color: #1FA5D2;
  background-image: url(/images/btn_primary_bg.gif);
  border-color: #60C7EA #137797 #137797 #60C7EA; }

.secondary {
  background-color: #804842;
  background-image: url(/images/btn_secondary_bg.gif);
  border-color: #A03D32 #76180D #76180D #A03D32; }

.tertiary {
  background-image: url(/images/btn_tertiary_bg.gif);
  padding: .1em .8em;
  border-color: #daddde #92989a #92989a #daddde; }

.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #e5ecf9; }

#left_column {
  float: left;
  width: 270px;
  margin-right: 10px; }

.spinner {
  background: url( /images/spinner.gif ) no-repeat;
  width: 16px;
  height: 16px; }

.error {
  font-weight: bold;
  color: red;
  padding: 2px 4px; }

.ext {
  background: url(/images/external_bg.gif) no-repeat right center;
  padding-right: 18px; }

html body fieldset legend {
  font-size: 16px;
  font-weight: bold; }
html body fieldset ol, html body fieldset li {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  html body fieldset ol li,   html body fieldset li li {
    clear: both;
    margin: 3px 0;
    display: block;
    float: left; }
  html body fieldset ol label,   html body fieldset li label {
    width: 50px;
    display: block;
    float: left;
    font-weight: bold;
    text-align: right;
    padding-right: 6px; }
  html body fieldset ol input,   html body fieldset li input {
    float: left;
    display: block; }
  html body fieldset ol em,   html body fieldset li em {
    font-size: 11.5px;
    display: block;
    float: right;
    margin-top: 4px;
    clear: both;
    color: #6c6c6c; }
html body #name li {
  display: inline;
  clear: none; }
html body #milestones_for_person,
html body #milestones_for_entity {
  padding-top: 20px; }
  html body #milestones_for_person li,
  html body #milestones_for_entity li {
    width: 100%;
    border-bottom: 1px solid #ddd; }
    html body #milestones_for_person li input, html body #milestones_for_person li select,
    html body #milestones_for_entity li input, html body #milestones_for_entity li select {
      margin-right: 4px;
      float: left; }
    html body #milestones_for_person li label,
    html body #milestones_for_entity li label {
      width: 60px; }
    html body #milestones_for_person li .delete,
    html body #milestones_for_entity li .delete {
      position: relative;
      top: -4px; }
  html body #milestones_for_person .milestone_name input,
  html body #milestones_for_entity .milestone_name input {
    width: 110px; }
html body #story .editable ol {
  margin: 12px 0; }
  html body #story .editable ol li.people strong, html body #story .editable ol li.people select {
    float: left;
    display: block; }
  html body #story .editable ol li.people strong {
    padding: 2px 6px 2px 24px;
    background-position: 5px 4px;
    background-repeat: no-repeat;
    margin-right: 4px;
    padding: 0 0 0 18px;
    background-image: url(/images/person_strong_bg.gif); }
  html body #story .editable ol li.people .first {
    background-position: right center;
    padding: 0 18px 0 0; }
  html body #story .editable ol li label {
    width: 100px; }
html body #story .editable textarea {
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px;
  margin-left: 10px; }
html body #story .editable .ft input {
  float: right; }
html body ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin: 12px 0; }
  html body ol li.people {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 10px; }
    html body ol li.people strong, html body ol li.people select, html body ol li.people span {
      float: left;
      display: block; }
    html body ol li.people strong {
      padding: 2px 6px 2px 24px;
      background-position: 5px 4px;
      background-repeat: no-repeat;
      margin-right: 4px;
      padding: 0 0 0 18px;
      background-image: url(/images/person_strong_bg.gif); }
    html body ol li.people span {
      font-weight: bold;
      color: #919191; }
    html body ol li.people .first {
      background-position: right center;
      padding: 0 18px 0 0; }
  html body ol li label {
    width: 100px; }

.network, .profile, .refresh {
  padding: 2px 6px 2px 24px;
  background-position: 5px 4px;
  background-repeat: no-repeat; }

.edit, .edit:visited, .add, .add:visited, .delete, .delete:visited, .feature, .feature:visited, .featured {
  padding: 2px 6px 2px 24px;
  background-position: 5px 4px;
  background-repeat: no-repeat;
  font-size: 11.5px;
  text-decoration: none;
  background-position: left center;
  cursor: pointer;
  float: right;
  padding-left: 10px;
  margin-top: 6px;
  clear: none; }

.network {
  background-image: url(/images/icon_network.gif); }

.profile {
  background-image: url(/images/icon_profile.gif); }

.edit, .edit:visited {
  background-image: url(/images/edit_bg.gif); }

.refresh {
  background-image: url(/images/icon_startover.gif); }

.add, .add:visited {
  background-image: url(/images/add_bg.png);
  padding-left: 16px;
  margin-top: 0; }

.delete, .delete:visited {
  padding-left: 16px;
  background-image: url(/images/delete_bg.png); }

.featured, .feature, .feature:visited {
  padding: 0 2px 0 18px;
  background-image: url(/images/feature_bg.png);
  background-position: 0 0; }

.featured, .feature:hover {
  background-position: 0 -18px; }

html body .dialog {
  position: relative;
  margin: 0px auto;
  min-width: 30px;
  max-width: 760px;
  z-index: 1;
  margin-left: 10px; }
  html body .dialog .content, html body .dialog .t, html body .dialog .b, html body .dialog .b div {
    position: relative;
    background: transparent url(/images/rouned_login_bg.gif) no-repeat top right; }
  html body .dialog .content {
    padding-top: 4px;
    zoom: 1; }
  html body .dialog .t {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10px;
    margin-left: -10px;
    height: 100%;
    background-position: top left; }
  html body .dialog .b {
    width: 100%;
    height: 10px;
    font-size: 1px;
    background-position: bottom right;
    clear: both; }
    html body .dialog .b div {
      height: 10px;
      font-size: 1px;
      width: 10px;
      margin-left: -10px;
      background-position: bottom left; }
  html body .dialog .hd, html body .dialog .bd, html body .dialog .ft {
    position: relative; }
  html body .dialog h1, html body .dialog h2, html body .dialog h3, html body .dialog h4, html body .dialog h5, html body .dialog h6, html body .dialog p, html body .dialog ol, html body .dialog li {
    margin: 0; }
html body #login_form .content, html body #login_form .t, html body #login_form .b, html body #login_form .b div {
  background-image: url(/images/rounded_login_bg.gif); }

html {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  background: url(/images/html_bg.gif) repeat-y center;
  height: 100%; }
  html div, html span, html object, html iframe, html h1, html h2, html h3, html h4, html h5, html h6, html p {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; }
  html body {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    line-height: 1.5; }
  html blockquote, html q {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    quotes: "" ""; }
    html blockquote:before,
    html blockquote:after,     html q:before,
    html q:after {
      content: ""; }
  html pre, html a, html abbr, html acronym, html address, html code, html del, html dfn, html em, html img {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; }
  html dl, html dt, html dd, html ol, html ul, html li, html fieldset, html form, html label, html legend, html caption, html tbody, html tfoot, html thead, html tr {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; }
  html th, html td, html caption {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-align: left;
    font-weight: normal;
    vertical-align: middle; }
  html table {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle; }
  html a img {
    border: none; }
  html html {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
    background: transparent;
    font-size: 75%; }
  html h1 {
    font-weight: normal;
    color: #222222;
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em; }
    html h1 img {
      margin: 0; }
  html h2 {
    font-weight: normal;
    color: #222222;
    font-size: 2em;
    margin-bottom: 0.75em; }
  html h3 {
    font-weight: normal;
    color: #222222;
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em; }
  html h4 {
    font-weight: normal;
    color: #222222;
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
    height: 1.25em; }
  html h5 {
    font-weight: normal;
    color: #222222;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em; }
  html h6 {
    font-weight: normal;
    color: #222222;
    font-size: 1em;
    font-weight: bold; }
  html h2 img, html h3 img, html h4 img, html h5 img, html h6 img {
    margin: 0; }
  html p {
    margin: 0 0 1.5em; }
    html p img {
      float: left;
      margin: 1.5em 1.5em 1.5em 0;
      padding: 0; }
      html p img.right {
        float: right;
        margin: 1.5em 0 1.5em 1.5em; }
  html a {
    text-decoration: underline;
    color: #457ac9; }
    html a:hover {
      color: #399999; }
    html a:active {
      color: #ff7ac9; }
    html a:visited {
      color: #124796; }
    html a:focus {
      color: #457ac9; }
  html blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic; }
  html strong {
    font-weight: bold; }
  html em {
    font-style: italic; }
  html dfn {
    font-style: italic;
    font-weight: bold; }
  html sup, html sub {
    line-height: 0; }
  html abbr, html acronym {
    border-bottom: 1px dotted #666; }
  html address {
    margin: 0 0 1.5em;
    font-style: italic; }
  html del {
    color: #666; }
  html pre, html code {
    margin: 1.5em 0;
    white-space: pre;
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5; }
  html tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5; }
  html li ul, html li ol {
    margin: 0 1.5em; }
  html ul {
    margin: 0 1.5em 1.5em 1.5em;
    list-style-type: disc; }
  html ol {
    margin: 0 1.5em 1.5em 1.5em;
    list-style-type: decimal; }
  html dl {
    margin: 0 0 1.5em 0; }
    html dl dt {
      font-weight: bold; }
  html dd {
    margin-left: 1.5em; }
  html table {
    margin-bottom: 1.4em;
    width: 100%; }
  html th {
    font-weight: bold;
    background: #C3D9FF;
    padding: 4px 10px 4px 5px; }
  html td {
    padding: 4px 10px 4px 5px; }
  html tr.even td {
    background: #E5ECF9; }
  html tfoot {
    font-style: italic; }
  html caption {
    background: #eee; }
  html .quiet {
    color: #666666; }
  html .loud {
    color: #111111; }
  html body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 82.5%;
    color: #333; }
    html body h1, html body h2 {
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold; }
    html body h3, html body h4, html body h5, html body h6 {
      font-family: Arial, Helvetica, sans-serif; }
    html body h1 {
      font-size: 34px; }
    html body h2 {
      font-size: 18px; }
    html body h3 {
      font-size: 16px;
      font-weight: bold; }
    html body h4 {
      font-size: 14px;
      font-weight: bold; }
    html body h5 {
      font-size: 11.5px;
      font-weight: bold; }
    html body a {
      outline: none; }
    html body a, html body a:visited {
      color: #0099cc;
      text-decoration: none; }
    html body a:hover {
      text-decoration: underline;
      color: #006699; }
    html body p, html body li, html body blockquote, html body dd, html body dt {
      line-height: 1.3em; }
    html body dd, html body dt {
      margin: 0; }
    html body hr {
      height: 1px;
      color: #e5e5e5;
      background-color: #e5e5e5;
      border: 0;
      margin: 10px 5px; }
  html body {
    width: 950px;
    margin: 0 auto;
    overflow: auto;
    display: inline-block;
    margin: 0 auto;
    height: 100%;
    min-height: 100%;
    position: relative; }
    html body {
      display: block; }
  html #container {
    min-height: 100%;
    position: relative; }
  html #main {
    overflow: auto;
    display: inline-block;
    display: block;
    padding-bottom: 180px; }
    html #main {
      display: block; }

#hdr, #ftr {
  background: #b9532e;
  position: relative; }
  #hdr .logo,   #ftr .logo {
    text-indent: -9999px;
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    width: 190px;
    margin-right: 10px;
    height: 50px;
    background-image: url(/images/hdr_logo.gif);
    background-position: bottom left;
    z-index: 9996;
    cursor: pointer;
    position: relative; }
  #hdr ol,   #ftr ol {
    margin: 0;
    padding: 0;
    float: right;
    clear: right; }
    #hdr ol li,     #ftr ol li {
      display: block;
      float: left;
      font-size: 12px;
      color: #f3e2dc; }
      #hdr ol li a,       #ftr ol li a {
        color: #fff;
        padding-left: 8px;
        margin-left: 4px;
        background-image: url(/images/nav_a_bg.gif);
        background-repeat: no-repeat;
        background-position: left center; }
      #hdr ol li a:hover,       #ftr ol li a:hover {
        text-decoration: underline; }
    #hdr ol li.clean a,     #ftr ol li.clean a {
      background-image: none; }

#hdr {
  padding-top: 0;
  height: 80px; }
  #hdr .logo {
    height: 80px; }
  #hdr #l {
    float: left;
    width: 190px;
    margin-right: 10px; }
  #hdr #r {
    float: left;
    width: 670px;
    margin-right: 10px;
    margin-right: 0;
    position: relative; }
  #hdr #user {
    height: 40px;
    padding-top: 6px; }
    #hdr #user ol {
      float: right;
      clear: none; }
  #hdr #nav {
    font-weight: bold;
    float: left;
    width: 390px;
    margin-right: 10px;
    font-size: 14px;
    margin-top: 48px;
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 0; }
    #hdr #nav ol {
      float: left;
      margin-left: 24px; }
      #hdr #nav ol li {
        font-size: 13px; }
        #hdr #nav ol li a {
          color: #f3e2dc;
          background: none; }
        #hdr #nav ol li a:hover {
          color: #fff;
          text-decoration: none; }
      #hdr #nav ol li.first {
        margin-left: 2px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #f3e2dc; }
        #hdr #nav ol li.first a {
          padding-right: 8px; }
  #hdr #form form {
    width: 310px;
    float: right; }
  #hdr #form input {
    float: left; }
  #hdr #form input.text {
    width: 235px;
    margin-right: 4px;
    display: block; }
  #hdr #links {
    padding-top: 12px;
    padding-bottom: 15px;
    padding-left: 620px; }
    #hdr #links a {
      color: #fff;
      font-weight: bold; }
    #hdr #links .error {
      padding-left: 200px;
      color: #fff; }
    #hdr #links input.text {
      width: 190px; }
    #hdr #links form {
      width: 470px; }
    #hdr #links .small {
      font-size: 11.5px;
      color: #f3e2dc;
      clear: both;
      display: block; }

#ftr {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff; }
  #ftr #top {
    padding-top: 30px;
    clear: both;
    position: relative;
    float: left;
    width: 870px;
    margin-right: 10px;
    padding-left: 40px;
    padding-right: 40px;
    margin-right: 0; }
  #ftr #bottom {
    padding: 18px 0 0 0;
    clear: both;
    background: #e5e5e5; }
  #ftr .logo {
    background-image: url(/images/ftr_logo.gif);
    background-position: bottom left;
    background-color: #fff;
    height: 60px; }
  #ftr ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    margin-left: 30px;
    padding-bottom: 20px; }
    #ftr ol li {
      display: block;
      float: left;
      color: #919191;
      margin-left: 2px; }
      #ftr ol li a {
        padding: 2px 6px 2px 24px;
        background-position: 5px 4px;
        background-repeat: no-repeat;
        color: #6c6c6c;
        background-image: url(/images/ftr_li_a_bg.gif);
        background-position: right center;
        padding-right: 8px;
        padding-left: 0; }
      #ftr ol li a:hover {
        color: #333; }
  #ftr #sub {
    overflow: auto;
    display: inline-block;
    clear: both;
    background: #444;
    width: 100%;
    padding: 12px 0 0 0; }
    #ftr #sub {
      display: block; }
    #ftr #sub ol {
      padding-bottom: 10px; }
    #ftr #sub li a {
      color: #dedede;
      background-image: none;
      font-weight: bold; }
    #ftr #sub li a:hover {
      color: #fff; }

#content_page {
  width: 630px;
  padding-right: 240px; }

#error {
  padding-top: 30px;
  clear: both;
  position: relative;
  float: left;
  width: 870px;
  margin-right: 10px;
  padding-left: 40px;
  padding-right: 40px;
  margin-right: 0; }
  #error h1 {
    background-color: transparent;
    background-image: url(/images/border_dashed.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
    padding-bottom: 3px;
    display: block;
    font-size: 16px;
    padding-bottom: 14px;
    margin-bottom: 12px; }

.notice {
  padding-left: 40px;
  font-weight: bold;
  font-size: 16px;
  clear: both;
  padding-top: 20px;
  color: =!medium_gray; }

.notice.access {
  background: url(/images/notice_bg.gif) repeat-x bottom;
  border-width: 2px;
  border-style: solid;
  border-color: #ccc;
  margin-left: 15px; }

#login {
  padding-top: 30px;
  clear: both;
  position: relative;
  float: left;
  width: 870px;
  margin-right: 10px;
  padding-left: 40px;
  padding-right: 40px;
  margin-right: 0;
  padding-left: 120px;
  float: left;
  width: 750px;
  margin-right: 10px; }
  #login h1 {
    margin-bottom: 21px;
    font-size: 25px; }
  #login fieldset legend {
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 8px; }
  #login fieldset ol li {
    width: 100%; }
    #login fieldset ol li input {
      width: 220px; }
    #login fieldset ol li label {
      text-align: left;
      display: block;
      width: 100%; }
      #login fieldset ol li label span {
        font-size: 11.5px;
        color: #919191; }
  #login .error_container p {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px; }
  #login .error_container ul {
    margin-bottom: 6px; }
  #login .error_container li.error {
    list-style-type: disc;
    padding: 0; }
  #login #signup_form {
    float: left;
    width: 310px;
    margin-right: 10px; }
    #login #signup_form li.check {
      padding: 10px 0;
      font-size: 11.5px; }
      #login #signup_form li.check input {
        margin-top: 0;
        width: 20px; }
    #login #signup_form input.primary {
      font-size: 16px;
      padding: 6px 8px;
      width: auto;
      margin-right: 85px;
      float: right; }
  #login #login_form {
    padding-left: 40px;
    float: left;
    width: 270px;
    margin-right: 10px;
    padding-right: 40px;
    margin-right: 0; }
    #login #login_form fieldset {
      padding: 12px; }
      #login #login_form fieldset legend {
        padding-top: 10px; }
    #login #login_form ol li input {
      display: block;
      clear: left;
      width: 220px; }
    #login #login_form ol li input.primary {
      font-size: 14px;
      margin-top: 8px;
      margin-right: 10px;
      padding: 4px 6px;
      width: auto;
      float: right; }
    #login #login_form ol li em {
      float: left; }

#home {
  padding-top: 30px;
  clear: both;
  position: relative;
  float: left;
  width: 870px;
  margin-right: 10px;
  padding-left: 40px;
  padding-right: 40px;
  margin-right: 0;
  padding-top: 40px; }
  #home h4 {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 6px 0 0 0; }
  #home #brace {
    font-size: 110px;
    color: #e5e5e5;
    position: absolute;
    left: 400px;
    top: 50px;
    line-height: 1em; }
  #home #explore {
    float: left;
    width: 790px;
    margin-right: 10px;
    padding-left: 40px;
    padding-right: 40px;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px; }
    #home #explore h2 {
      font-size: 14px;
      color: #919191;
      margin: 8px 0 6px 0; }
    #home #explore h3 {
      margin-bottom: 8px;
      font-weight: bold; }
    #home #explore #rotate {
      float: left;
      width: 390px;
      margin-right: 10px;
      position: relative; }
      #home #explore #rotate .thumb {
        height: 75px;
        left: 46px;
        position: absolute;
        text-align: center;
        top: 20px;
        width: 75px; }
      #home #explore #rotate #rotate_right {
        left: 186px; }
    #home #explore #text {
      float: left;
      width: 390px;
      margin-right: 10px;
      margin-right: 0; }
  #home #banner {
    float: left;
    width: 870px;
    margin-right: 10px;
    margin-right: 0;
    text-align: center; }
    #home #banner p {
      font-size: 18px;
      padding: 8px 10px;
      background: #f7e568; }
    #home #banner span {
      font-family: Georgia, Times, serif;
      background: #f9fac6;
      padding: 2px 5px 4px 5px;
      display: inline-block;
      margin-bottom: 0px; }
  #home #projects {
    float: left;
    width: 590px;
    margin-right: 10px; }
    #home #projects dl {
      float: left;
      width: 190px;
      margin-right: 10px;
      list-style-type: disc; }
      #home #projects dl dt {
        font-size: 16px;
        margin-top: 10px;
        text-indent: 20px;
        background: url(/images/projects_dt_bg.gif) no-repeat 0 2px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #e5e5e5;
        margin-right: 12px;
        margin-bottom: 4px;
        padding-bottom: 2px; }
      #home #projects dl dd {
        padding-left: 20px; }
    #home #projects dl {
      margin-right: 0; }
  #home #info {
    float: left;
    width: 270px;
    margin-right: 10px;
    margin-right: 0; }
    #home #info #login_form {
      clear: both; }
      #home #info #login_form h2 {
        padding: 5px 0 5px 5px;
        font-size: 16px; }
      #home #info #login_form input {
        width: 150px;
        margin: 0 0 0 5px;
        float: left; }
      #home #info #login_form .btn {
        font-size: 14px;
        margin: 0 15px 10px 0;
        width: auto;
        padding: 1px 2px;
        position: relative;
        top: -1px;
        float: right; }
  #home #what_is {
    padding-right: 40px;
    clear: both; }
    #home #what_is h3 {
      font-size: 14px;
      margin-bottom: 5px; }
  #home #stories {
    float: left;
    width: 390px;
    margin-right: 10px; }
    #home #stories ol {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      #home #stories ol li {
        background-color: transparent;
        background-image: url(/images/border_dashed.gif);
        background-repeat: repeat-x;
        background-position: center bottom;
        padding-bottom: 3px;
        display: block;
        font-size: 11.5px;
        padding: 6px 0; }
        #home #stories ol li strong {
          font-size: 12px;
          background: url(/images/stories_strong_bg.gif) no-repeat right 4px;
          padding-right: 12px; }
        #home #stories ol li strong.last {
          background-position: 0 4px;
          margin-left: 2px;
          padding-left: 13px; }
  #home #content {
    float: left;
    width: 470px;
    margin-right: 10px;
    margin-right: 0;
    padding-bottom: 30px; }
    #home #content #recent ol {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      #home #content #recent ol li {
        margin: 4px 0; }
      #home #content #recent ol span.label {
        font-size: 11.5px;
        color: #919191;
        display: block;
        float: left;
        text-align: right;
        width: 4.2em;
        margin-left: -.4em;
        margin-right: .8em; }
      #home #content #recent ol span.connection {
        background: transparent url(/images/icon_connection_bg.gif) no-repeat right center;
        margin-right: 3px;
        padding-right: 13px; }
  #home #now {
    float: left;
    width: 390px;
    margin-right: 10px; }
    #home #now dl {
      width: 180px;
      float: left;
      margin-right: 15px; }
      #home #now dl dt {
        font-size: 16px;
        font-weight: bold;
        margin-top: 6px; }
      #home #now dl dd {
        font-weight: bold;
        background-color: transparent;
        background-image: url(/images/border_dashed.gif);
        background-repeat: repeat-x;
        background-position: center bottom;
        padding-bottom: 3px;
        display: block;
        margin-top: 4px; }
      #home #now dl span {
        font-weight: bold;
        float: right; }
  #home #twitter_div {
    padding: 10px 0;
    clear: both;
    position: relative;
    left: -20px;
    background: url(/images/twitter_bg.gif) no-repeat 0 32px; }
    #home #twitter_div h3 {
      margin: 3px 0 5px;
      padding: 0 10px 0 35px; }
    #home #twitter_div ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      padding: 5px 0 0 35px; }
      #home #twitter_div ul li {
        margin-bottom: 5px;
        font-size: 15px;
        font-family: Georgia, Times, serif; }
        #home #twitter_div ul li a {
          font-weight: normal;
          color: #919191;
          font-family: Arial, Helvetica, sans-serif; }
        #home #twitter_div ul li span a {
          font-family: Georgia, Times, serif;
          display: inline;
          font-weight: bold;
          color: #0099cc; }
    #home #twitter_div #twitter-link {
      font-weight: bold;
      margin: 0 10px 10px 35px;
      font-size: 14px;
      text-decoration: none;
      float: left; }

html body ol#admin_nav {
  background-color: #e5e5e5;
  height: 46px;
  clear: both;
  margin: 0;
  position: relative;
  padding-left: 40px;
  border-bottom: 1px solid #333; }
  html body ol#admin_nav li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    top: 13px;
    float: left;
    margin: 0 2px;
    padding: 0;
    color: #333; }
    html body ol#admin_nav li a, html body ol#admin_nav li a:hover, html body ol#admin_nav li a:visited {
      background: #e5ecf9;
      position: relative;
      white-space: nowrap;
      border-bottom: 1px solid #333;
      padding-top: 9px;
      padding-bottom: 7px;
      padding-left: 12px;
      padding-right: 12px;
      margin-left: -12px;
      margin-right: -12px;
      border: 1px solid #333;
      border-left-color: #e5ecf9;
      border-right-color: #e5ecf9; }
    html body ol#admin_nav li span {
      background: #fff;
      display: block;
      top: 0;
      left: 0;
      color: #333333;
      border-width: 1px 1px 0 1px;
      border-style: solid;
      border-color: #333;
      padding-top: 8px;
      padding-bottom: 7px;
      padding-left: 12px;
      padding-right: 12px; }
html body #admin .control {
  font-weight: bold;
  margin: 10px;
  float: left; }
html body #admin h2 {
  clear: both; }
html body #admin .buttons {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  float: left; }
  html body #admin .buttons li {
    float: right;
    display: block;
    margin: 4px; }
    html body #admin .buttons li a {
      margin: 0; }
html body #admin table {
  width: 800px;
  border-width: 0 1px 0 0;
  border-style: dashed;
  border-color: #e5e5e5; }
  html body #admin table th {
    color: #333;
    text-align: center;
    border-width: 1px 0 0 1px;
    border-style: dashed;
    border-color: #e5e5e5; }
  html body #admin table tr {
    color: #6c6c6c; }
  html body #admin table tr:hover {
    background: #eef4ff; }
  html body #admin table td {
    padding: 6px 10px;
    border-width: 0 0 1px 1px;
    border-style: dashed;
    border-color: #e5e5e5; }
  html body #admin table td.actions {
    width: 390px;
    text-align: center; }
    html body #admin table td.actions .edit, html body #admin table td.actions .delete {
      float: none; }
    html body #admin table td.actions .delete {
      margin-left: 80px; }
  html body #admin table .control {
    height: 15px;
    padding-left: 1.2em;
    margin-top: 2em; }
  html body #admin table .view {
    font-weight: bold;
    margin-right: 6px; }
  html body #admin table input {
    float: left;
    width: 180px; }
html body #admin .people {
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
  width: 270px;
  margin-right: 10px;
  float: left; }
  html body #admin .people li a {
    background-color: transparent;
    background-image: url(/images/border_dashed.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
    padding-bottom: 3px;
    display: block;
    padding: 6px; }

#person #primary_photo {
  text-align: center; }
  #person #primary_photo img {
    display: block;
    margin: 0 auto; }

#photos {
  clear: both; }

#relationships .group {
  float: left;
  width: 150px;
  margin-right: 10px;
  margin-right: 0; }
  #relationships .group h3 {
    font-size: 14px;
    padding-top: .6em;
    margin-bottom: .3em;
    padding-left: 4px; }
  #relationships .group h4 {
    font-size: 12px;
    background-color: transparent;
    background-image: url(/images/border_dashed.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
    padding-bottom: 3px;
    display: block;
    padding-left: 4px;
    margin: 8px 6px 0 0;
    text-transform: capitalize;
    color: #919191; }
  #relationships .group ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-left: 4px;
    font-size: .95em;
    margin-top: 4px; }

#article_revisions h3 {
  font-size: 1.1em;
  font-weight: bold; }
#article_revisions a.close {
  text-indent: -9999px;
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  float: right;
  height: 20px;
  width: 20px;
  background-image: url(/images/close_bg.gif); }
#article_revisions ol li {
  font-weight: bold;
  margin: 4px 0; }
  #article_revisions ol li em {
    font-size: 11.5px;
    color: #919191; }
#article_revisions .edit, #article_revisions .delete {
  position: relative;
  top: -4px;
  cursor: pointer; }
#article_revisions ul.comments .title {
  background-image: none;
  border-bottom: 1px solid #444; }

#amazon_ads {
  clear: both; }
  #amazon_ads #finding_related {
    padding: 0 10px; }
    #amazon_ads #finding_related p {
      font-size: 11.5px;
      color: #919191;
      font-style: italic; }
  #amazon_ads #amazon_spinner {
    float: left;
    margin-right: 4px; }
  #amazon_ads .box {
    background: #eee; }
  #amazon_ads h2 {
    font-weight: normal; }
  #amazon_ads ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    #amazon_ads ul li {
      overflow: auto;
      display: inline-block;
      padding-top: 6px;
      position: relative; }
      #amazon_ads ul li {
        display: block; }
      #amazon_ads ul li .thumbnail {
        width: 80px;
        float: left; }
        #amazon_ads ul li .thumbnail img {
          padding: 2px;
          background: #fff;
          border-width: 1px;
          border-style: solid;
          border-color: #e5e5e5; }
      #amazon_ads ul li .details {
        width: 170px;
        float: right;
        padding-left: 10px;
        padding-top: 4px; }
        #amazon_ads ul li .details a {
          font-weight: bold;
          display: block; }
        #amazon_ads ul li .details div {
          font-size: 11.5px; }
        #amazon_ads ul li .details .binding, #amazon_ads ul li .details .price {
          color: #919191; }
        #amazon_ads ul li .details .price {
          font-weight: bold; }

#story #secondary_column {
  margin-top: 80px; }
#story .synopsis {
  width: 310px; }
  #story .synopsis h3 {
    font-weight: bold; }
#story ul.radio {
  font-weight: bold;
  list-style-type: none;
  padding: 0;
  margin: 0; }
  #story ul.radio li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    margin-left: 20px; }
    #story ul.radio li a {
      font-weight: bold;
      padding-left: 25px;
      padding-top: 2px;
      position: absolute;
      left: 0;
      color: #333; }
    #story ul.radio li a:hover {
      text-decoration: none; }

#person_suggestions_container {
  width: 470px;
  border-bottom: 0 0 1px 0;
  border-style: solid;
  border-color: #e5e5e5; }
  #person_suggestions_container .spinner {
    position: absolute;
    top: 12px;
    right: 12px; }
  #person_suggestions_container li.new_person {
    font-weight: bold;
    font-size: 14px;
    border-top: 1px solid #ddd; }
    #person_suggestions_container li.new_person span {
      font-size: 11.5px; }

#start_over {
  clear: both;
  margin-bottom: 8px;
  float: right;
  font-weight: bold; }

.autocomplete {
  position: absolute;
  left: 0!important;
  top: 0;
  z-index: 9999; }
  .autocomplete ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: #eee;
    width: 630px!important;
    padding: 0;
    margin: 10px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e5e5e5; }
    .autocomplete ul li {
      padding-left: 120px;
      padding-right: 5px;
      padding-top: 2px;
      padding-bottom: 2px;
      cursor: pointer; }
      .autocomplete ul li a:hover {
        text-decoration: none;
        color: #0099cc; }
    .autocomplete ul li:hover {
      background: #fff; }
    .autocomplete ul li.view_all {
      font-weight: bold;
      font-size: 11.5px; }

#relationship_panel li.people {
  width: 100%;
  padding-left: 9px; }
#relationship_panel #add_relationship_summary label {
  text-align: left;
  width: 100%;
  padding: 16px 0 4px 9px; }

#new_person li {
  width: 400px; }
  #new_person li em {
    float: left;
    margin-left: 105px;
    width: 300px; }

#directed_relationship {
  overflow: auto;
  display: inline-block; }
  #directed_relationship {
    display: block; }
  #directed_relationship h1 {
    padding-left: 15px;
    padding-bottom: 0;
    margin-bottom: .2em; }

#synopses {
  clear: both; }

.synopsis {
  clear: both; }
  .synopsis ol {
    margin: 1em 0 0 0;
    padding-bottom: 10px; }
    .synopsis ol li {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: block;
      float: left; }
  .synopsis ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .synopsis ul li.milestone {
      font-size: 11.5px;
      font-weight: bold; }
  .synopsis p {
    margin: .2em 0; }

#primary_photo img {
  padding: 2px;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #e5e5e5;
  margin: 0 auto;
  display: block; }

#secondary_column #primary_photo {
  margin-bottom: 10px; }
#secondary_column .box {
  margin-left: 10px; }

ul.comments {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.comments li {
    color: #6c6c6c; }
    ul.comments li .title {
      background-color: transparent;
      background-image: url(/images/border_dashed.gif);
      background-repeat: repeat-x;
      background-position: center bottom;
      padding-bottom: 3px;
      display: block; }
    ul.comments li .body {
      padding-top: 8px; }

#relationship_details .box {
  background-color: #f9fac6; }
#relationship_details .continue {
  font-size: 14px;
  font-weight: bold; }

.edit, .add {
  float: right;
  clear: none; }

.save {
  font-size: 16px; }

.cancel, .save {
  text-transform: capitalize; }

.cancel {
  margin: 3px 6px 0 0; }

.cancel:hover, .save:hover {
  text-decoration: none;
  color: #fff; }

.editable {
  clear: both; }
  .editable .spinner {
    background-image: url(/images/editable_spinner.gif); }
  .editable .error {
    font-weight: bold;
    color: red;
    margin: 0 8px; }
  .editable .hd {
    overflow: auto;
    display: inline-block;
    padding-top: .8em;
    border-bottom: 1px;
    border-style: solid;
    border-color: #e5e5e5; }
    .editable .hd {
      display: block; }
    .editable .hd h1 {
      float: left;
      padding-left: 16px; }
    .editable .hd h2 {
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 14px;
      color: #6c6c6c;
      float: left;
      padding-bottom: .1em;
      margin-bottom: 0;
      padding-top: 0;
      margin-top: 0;
      padding-left: 16px; }
  .editable .first {
    border-bottom-width: 0; }
  .editable .bd {
    position: relative;
    padding: 8px 8px 8px 16px; }
    .editable .bd textarea {
      max-height: 120px; }
    .editable .bd h1, .editable .bd h2 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      float: none;
      display: block;
      padding-left: 0!important; }
  .editable .ft {
    overflow: auto;
    display: inline-block;
    clear: both;
    background: #eee;
    padding: 4px 8px 4px 4px;
    position: relative;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e5e5e5; }
    .editable .ft {
      display: block; }
    .editable .ft p.note {
      padding: 2px 6px 2px 24px;
      background-position: 5px 4px;
      background-repeat: no-repeat;
      font-size: 11.5px;
      font-weight: bold;
      float: left;
      margin: 4px 0 0 4px;
      background-position: left center;
      padding-left: 18px;
      height: 12px;
      background-image: url(/images/p_note_bg.gif); }
    .editable .ft .spinner {
      background-image: url(/images/save_spinner.gif);
      position: absolute;
      bottom: 12px;
      right: 16px;
      z-index: 100; }
    .editable .ft .save {
      padding-left: 26px;
      padding-right: 26px; }
  .editable p.new {
    color: #919191; }
    .editable p.new a {
      float: left; }
    .editable p.new ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      margin: 0; }
  .editable h6 {
    clear: both;
    padding: .6em .2em; }
  .editable textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 90%;
    background: #f9fac6;
    border: 0;
    color: #6c6c6c;
    padding-top: 12px; }

.active {
  background: #f9fac6; }
  .active .hd {
    background: #fff;
    margin-bottom: 0; }
  .active .first {
    border-bottom-width: 1px; }
  .active .edit {
    color: #6c6c6c;
    cursor: default; }

.editing {
  clear: both;
  padding-top: 20px; }

#summary .editable .hd {
  padding-top: 0; }
#summary .editable .bd textarea {
  height: 35px; }
#summary .editable .bd p {
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 0; }
  #summary .editable .bd p .edit {
    font-weight: normal;
    display: inline;
    float: none;
    margin-left: 10px; }

#milestones .bd {
  padding-left: 8px; }

#article .editable .bd textarea {
  max-height: 240px; }

#permalink .edit {
  margin-right: 10px; }

#thumbnail_photos ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  #thumbnail_photos ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 110px;
    margin-right: 10px; }
    #thumbnail_photos ul li img {
      max-height: 130px;
      margin: 0 auto;
      display: block; }
  #thumbnail_photos ul li.first {
    clear: left; }
#thumbnail_photos img {
  padding: 2px;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #e5e5e5; }

.new_photo .box {
  position: relative;
  float: left;
  width: 230px;
  margin-right: 10px;
  background: #f9fac6; }
  .new_photo .box legend {
    font-weight: bold; }
  .new_photo .box input {
    margin-top: 8px; }
  .new_photo .box .upload {
    float: right;
    position: relative;
    padding-left: 20px; }
    .new_photo .box .upload .spinner {
      background-image: url(/images/editable_spinner.gif);
      position: absolute;
      left: 0;
      top: 10px; }

.photo_comment {
  position: relative;
  margin-top: 10px;
  padding: 4px;
  background: #fff; }
  .photo_comment .spinner {
    background-image: url(/images/spinner.gif); }
  .photo_comment fieldset, .photo_comment ol {
    margin: 0;
    padding: 0; }
    .photo_comment fieldset li,     .photo_comment ol li {
      margin: 0; }
      .photo_comment fieldset li textarea,       .photo_comment ol li textarea {
        margin: 0;
        width: 100px;
        height: 100px;
        background: #fff;
        padding: 0; }
      .photo_comment fieldset li .primary.save,       .photo_comment ol li .primary.save {
        font-size: 12px;
        margin-top: 2px;
        float: left; }
      .photo_comment fieldset li .tertiary.cancel,       .photo_comment ol li .tertiary.cancel {
        font-size: 11.5px;
        margin-left: 2px;
        float: left; }
  .photo_comment span p {
    font-weight: bold;
    font-size: 14px; }
    .photo_comment span p a {
      font-size: 12px;
      font-weight: normal; }
  .photo_comment .add, .photo_comment .edit {
    float: none; }

.photo_ft {
  overflow: auto;
  display: inline-block;
  background: #fff;
  padding-left: 4px;
  margin-bottom: 8px; }
  .photo_ft {
    display: block; }
  .photo_ft .delete, .photo_ft .feature, .photo_ft .featured {
    float: left; }

.editable .thumbnail_photo {
  float: left;
  width: 110px;
  margin-right: 10px; }
  .editable .thumbnail_photo .thumbnail_photo_image img {
    padding: 2px;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5; }

#primary_photo .photo_comment {
  border: none;
  margin: 10px 20px; }
  #primary_photo .photo_comment p {
    font-weight: bold;
    font-size: 16px; }
  #primary_photo .photo_comment .pointer {
    display: none; }

html body .pagination {
  font-size: 11.5px;
  float: left;
  clear: both;
  padding: 4px 0 4px 20px; }
  html body .pagination a, html body .pagination span {
    font-weight: bold;
    padding: .2em .6em;
    margin: 0; }
  html body .pagination a {
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5; }
  html body .pagination a:hover {
    color: #0099cc;
    background: #fff;
    text-decoration: none;
    border-color: #0099cc; }
  html body .pagination span.current {
    border: 1px solid #333;
    background: #fff; }
  html body .pagination span.disabled {
    font-weight: normal;
    color: #888; }
html body div.pagination span.disabled {
  font-weight: normal;
  color: #888; }
html body .pagetools {
  overflow: auto;
  display: inline-block;
  float: left;
  width: 870px;
  margin-right: 10px;
  margin-right: 0;
  background: #e5e5e5;
  padding: 4px 0;
  margin: 0 0 20px 0;
  display: block; }
  html body .pagetools {
    display: block; }
  html body .pagetools ol.show_counts {
    width: auto;
    float: right;
    margin: 0;
    padding-right: 20px; }
    html body .pagetools ol.show_counts li {
      font-size: 11.5px;
      font-weight: bold;
      display: block;
      float: left;
      padding: 4px 0 4px 12px;
      background: none!important; }
      html body .pagetools ol.show_counts li a {
        text-decoration: underline; }
html body #search {
  padding-top: 30px;
  clear: both;
  position: relative;
  float: left;
  width: 870px;
  margin-right: 10px;
  padding-left: 40px;
  padding-right: 40px;
  margin-right: 0; }
  html body #search #results {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: .4em;
    padding-top: .4em; }
    html body #search #results li {
      background-color: transparent;
      background-image: url(/images/border_dashed.gif);
      background-repeat: repeat-x;
      background-position: center bottom;
      padding-bottom: 3px;
      display: block;
      overflow: auto;
      display: inline-block;
      clear: left;
      margin: .4em 0;
      height: auto; }
      html body #search #results li {
        display: block; }
      html body #search #results li .thumbnail {
        float: left;
        width: 110px;
        margin-right: 10px;
        float: left;
        display: block;
        text-align: center; }
        html body #search #results li .thumbnail img {
          padding: 2px;
          background: #fff;
          border-width: 1px;
          border-style: solid;
          border-color: #e5e5e5; }
      html body #search #results li .info {
        float: left;
        width: 750px;
        margin-right: 10px;
        margin-right: 0; }
        html body #search #results li .info strong {
          font-family: Georgia, Times, serif;
          font-size: 16px;
          font-weight: normal;
          display: block;
          margin: .2em 0; }
        html body #search #results li .info span {
          color: #666; }
html body #start {
  padding-top: 30px;
  clear: both;
  position: relative;
  float: left;
  width: 870px;
  margin-right: 10px;
  padding-left: 40px;
  padding-right: 40px;
  margin-right: 0; }
  html body #start h1, html body #start h2 {
    clear: both; }
  html body #start ul {
    float: left;
    width: 270px;
    margin-right: 10px;
    clear: right;
    margin-left: 0; }
    html body #start ul li {
      background-color: transparent;
      background-image: url(/images/border_dashed.gif);
      background-repeat: repeat-x;
      background-position: center bottom;
      padding-bottom: 3px;
      display: block;
      font-weight: bold;
      padding: 5px 5px 5px 15px; }
  html body #start .primary {
    float: right;
    margin: -40px 0 20px 0; }