html, body {
  font-family: "Georgia";
  color: #222; }

body {
  margin: 0px 0;
  background-color: #fff;
  text-align: center;
  background-position: 50% 50%;
  background-repeat: repeat-y; }


img {
  border: 0; }

table {
  border-spacing: 0; }

td {
  vertical-align: top; }

ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

a {
  text-decoration: none;
  color: #ff3333; }
  a:hover {
    color: #01ADC4; }

fieldset {
  border: 1px solid #ccc;
  margin-bottom: 10px; }

hr {
  height: 1px;
  color: #ccc;
  background-color: #ccc;
  border: 0px solid #ccc; }

#canvas {
  width: 1007px;
  background-color: #FFF;
  text-align: left;
  margin: 0 auto;
  padding-bottom: 0px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }


#middle {
  width: 595px;
  margin-top: 10px;
  padding: 0px 10px 0px 10px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  float: left;
  padding-bottom: 40px;
  height: 100%; }
  #middle h1 {
    font-size: 24px;
    margin-top: 0; }
  #middle .has_columns {
    width: 595px;
    height: 100%;
    border: 0;
    border-top-style: solid;
    border-color: #cccccc;
    border-top-width: 1px;
    padding-top: 10px;
    margin-top: 10px; }
    #middle .has_columns .intro {
      max-height: 222px;
      overflow: hidden; }
    #middle .has_columns img {
      max-width: 180px; }
  #middle .c1_3 {
    width: 184px;
    padding: 0px 10px 5px 0px;
    border-right-style: solid;
    border-right-color: #cccccc;
    border-right-width: 1px;
    overflow: hidden; }
    #middle .c1_3 ul {
      width: 184px;
      overflow: hidden; }
  #middle .c2_3 {
    width: 184px;
    padding: 0px 10px 5px 10px;
    overflow: hidden; }
    #middle .c2_3 ul {
      width: 175px;
      overflow: hidden; }
  #middle .c3_3 {
    width: 184px;
    padding: 0px 0px 5px 10px;
    border-left-style: solid;
    border-left-color: #cccccc;
    border-left-width: 1px;
    overflow: hidden; }
    #middle .c3_3 ul {
      width: 184px;
      overflow: hidden; }
  #middle .c12_3 {
    padding: 5px 0;
    padding-left: 0;
    width: 400px; }
  #middle #main_article {
    border-spacing: 0;
    padding-bottom: 0px;
    margin-bottom: 0px; }
    #middle #main_article .image img {
      display: inline !important;
      float: right;
      margin: 0 0 0px 10px;
      max-width: 300px;
      max-height: 222px;
      width: expression(this.width > 300 ? 300: true);
      height: expression(this.height > 222 ? 222: true); }
    #middle #main_article #text {
      width: 100%;
      padding: 0px 5px;
      padding-bottom: 20px; }
      #middle #main_article #text p {
        margin: 0;
        padding: 0; }
      #middle #main_article #text .intro {
        height: 222px;
        overflow: hidden; }
        #middle #main_article #text .intro img {
          display: none; }

#links strong {
  font-size: 11px;
  margin-bottom: 6px;
  display: block;
  text-transform: uppercase; }
#links a {
  font-size: 14px;
  margin-bottom: 12px;
  display: block;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 9px; }
#links br {
  display: none; }

#two_columns h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px; }
#two_columns img {
  max-width: 280px; }
#two_columns #column_left {
  float: left;
  width: 288px;
  padding-right: 10px;
  border-right-style: solid;
  border-color: #cccccc;
  border-right-width: 1px; }
#two_columns #column_right {
  float: left;
  width: 278px;
  padding-left: 10px; }

.head {
  font-weight: bold;
  display: block; }
  .head img {
    border: 0 !important; }

.react, .order {
  display: block;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 6px; }

.bold {
  font-weight: bold; }

.order {
  display: inline; }

#footer {
  clear: both;
  font-size: 9px;
  padding: 12px;
  border-top-style: solid;
  border-color: #cccccc;
  border-top-width: 1px;
  /* :background-color = !active_color */
  color: #444444;
  margin-top: 10px; }

#recommended .article .intro {
  height: 100% !important; }

.notice, .error {
  width: 100%;
  background-color: #01ADC4;
  padding: 20px;
  text-align: center;
  color: white;
  border-bottom-style: solid;
  border-color: #cccccc;
  border-bottom-width: 1px; }

.fieldWithErrors {
  display: inline; }
  .fieldWithErrors label {
    color: #f33; }
  .fieldWithErrors input {
    border: 2px solid #f33; }

img.banner {
  border: 0 !important;
  max-width: none !important; }

.blue_button {
  margin-left: 5px;
  padding: 2px 2px 4px 2px;
  font-size: 10px;
  background-color: #01ADC4;
  color: #FFF; }

#subscriptions {
  float: left; }
  #subscriptions select {
    width: 120px;
    margin-right: 10px;
    font-size: 14px;
    border: 1px solid #ccc; }
  #subscriptions .tabs {
    padding: 0;
    margin: 0; }
    #subscriptions .tabs li {
      float: left;
      margin: 0;
      padding: 0; }
    #subscriptions .tabs a {
      display: block;
      margin-right: 10px;
      padding: 5px;
      color: #000;
      font-size: 0.8em;
      border-left: 1px solid #CFDFDC;
      border-top: 1px solid #CFDFDC;
      border-right: 1px solid #CFDFDC; }
      #subscriptions .tabs a:active {
        background-color: #CFDFDC; }
    #subscriptions .tabs .current {
      color: #000;
      background-color: #CFDFDC; }
  #subscriptions table {
    width: 100%;
    background-color: #CFDFDC; }
    #subscriptions table tr td {
      padding: 10px 5px;
      border-top: 1px dashed #fff; }
    #subscriptions table tr.separator td {
      border-top: 4px solid #fff !important; }
    #subscriptions table tr:first-child td {
      padding: 10px 5px;
      border-top: 0px dashed #fff !important; }
    #subscriptions table tr:hover, #subscriptions table tr.hilite {
      background-color: #01ADC4;
      cursor: pointer; }

#gifts table {
  width: 100%;
  background-color: #CFDFDC; }
  #gifts table tr td {
    padding: 10px 5px;
    border-top: 1px dashed #fff; }
  #gifts table tr.separator td {
    border-top: 4px solid #fff !important; }
  #gifts table tr:first-child td {
    padding: 10px 5px;
    border-top: 0px dashed #fff !important; }
  #gifts table tr:hover, #gifts table tr.hilite {
    background-color: #01ADC4;
    cursor: pointer; }

.advertisements .small {
  font-size: 11px;
  padding: 2px;
  line-height: 14px;
  margin: 0; }

.nobr {
  white-space: nowrap; }

li {
  margin-bottom: 10px;
  padding-bottom: 5px; }

.facet {
  margin-bottom: 0px !important;
  padding-bottom: 6px !important; }
  .facet .author {
    font-size: 11px;
    display: block;
    margin-bottom: 6px;
    text-transform: uppercase; }

.article:hover, .blog:hover, .folder:hover, .advertisement:hover, .product:hover {
  cursor: pointer; }
.article .date, .blog .date, .folder .date, .advertisement .date, .product .date {
  font-size: 13px;
  display: block;
  margin-bottom: 4px; }
.article .title, .article .name, .blog .title, .blog .name, .folder .title, .folder .name, .advertisement .title, .advertisement .name, .product .title, .product .name {
  font-size: 14px;
  margin-bottom: 4px;
  display: block;
  font-weight: bold;
  overflow: hidden; }
  .article .title a, .article .name a, .blog .title a, .blog .name a, .folder .title a, .folder .name a, .advertisement .title a, .advertisement .name a, .product .title a, .product .name a {
    padding: 0; }
.article .react a, .blog .react a, .folder .react a, .advertisement .react a, .product .react a {
  padding: 0; }
.article .subtitle, .blog .subtitle, .folder .subtitle, .advertisement .subtitle, .product .subtitle {
  font-size: 11px;
  margin-bottom: 4px;
  display: block;
  text-transform: uppercase; }
.article .author, .article .shipping_info, .blog .author, .blog .shipping_info, .folder .author, .folder .shipping_info, .advertisement .author, .advertisement .shipping_info, .product .author, .product .shipping_info {
  font-weight: bold;
  font-size: 11px;
  display: block;
  margin-bottom: 4px;
  text-transform: uppercase; }
.article .shipping_info, .blog .shipping_info, .folder .shipping_info, .advertisement .shipping_info, .product .shipping_info {
  font-weight: normal; }
.article .intro, .article .description, .blog .intro, .blog .description, .folder .intro, .folder .description, .advertisement .intro, .advertisement .description, .product .intro, .product .description {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 4px;
  display: block;
  line-height: 20px; }
  .article .intro p, .article .description p, .blog .intro p, .blog .description p, .folder .intro p, .folder .description p, .advertisement .intro p, .advertisement .description p, .product .intro p, .product .description p {
    padding: 0;
    margin: 0; }

#header {
  padding-top: 15px;
  padding-left: 10px;
  width: 1000px;
  height: 75px;
  overflow: hidden; }
  #header #search_form {
    float: right;
    padding-top: 10px;
    padding-right: 5px;
    clear: right; }
  #header #submenu {
    float: right;
    list-style-type: none;
    padding: 0;
    margin: 0;
    top: 0; }
    #header #submenu li {
      float: left;
      padding: 0;
      margin: 0;
      margin-right: 10px; }
      #header #submenu li a {
        font-size: 13px;
        text-decoration: none;
        color: black; }

#menu {
  left: 0px;
  width: 1000px;
  height: 25px;
  background-color: #000000;
  color: #fff;
  padding-top: 0px;
  padding-left: 10px;
  overflow: hidden;
  position: relative; }
  #menu form {
    padding: 0;
    margin: 0;
    display: inline;
    position: absolute;
    margin-top: 1px; }
  #menu a {
    color: #FFF;
    text-decoration: none;
    margin-right: 15px;
    height: 25px;
    overflow: hidden;
    position: relative; }
    #menu a img {
      position: relative;
      top: -25px; }
    #menu a:hover img, #menu a.active img {
      border: 0px solid #ff0000;
      position: relative;
      top: 0px; }

.margin {
  margin-top: 10px; }
  .margin.left {
    border-width: 0 1px 0 0px;
    border-style: none solid;
    border-color: #cccccc;
    margin-right: -1px; }
  .margin.right {
    border-width: 0 0px 0 1px;
    border-style: none solid;
    border-color: #cccccc;
    margin-left: -1px; }
  .margin >div {
    border-bottom-style: solid;
    border-color: #cccccc;
    border-bottom-width: 1px;
    margin: 0px 10px 0 10px;
    padding-bottom: 20px;
    padding-top: 5px; }
    .margin >div:first-child {
      padding-top: 0px; }
    .margin >div:last-child {
      border-bottom-width: 0px; }
    .margin >div ul {
      padding: 0;
      margin: 0; }
      .margin >div ul li {
        padding: 0;
        margin: 0;
        padding-bottom: 5px;
        margin-bottom: 5px; }
        .margin >div ul li:last-child {
          padding-bottom: 0px; }
        .margin >div ul li a {
          display: block;
          padding: 5px 10px 5px 0; }
  .margin img.cover {
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999; }

.left {
  float: left; }

.right {
  float: right; }

.issue_info {
  padding-bottom: 10px; }
  .issue_info a {
    font-size: 12px; }

.issue_navigation {
  margin-bottom: 0px;
  vertical-align: top; }
  .issue_navigation span {
    font-size: 12px;
    padding-bottom: 10px;
    vertical-align: top;
    padding-top: 3px; }

#narrow_margin {
  width: 140px; }
  #narrow_margin div {
    padding-bottom: 10px; }
  #narrow_margin p {
    font-size: 11px;
    padding: 2px;
    line-height: 14px;
    margin: 0; }
  #narrow_margin img {
    max-width: 120px; }
  #narrow_margin ul.facet li.active a, #narrow_margin ul.facet li a:hover {
    background-image: url("/images/navigation/next.png");
    background-repeat: no-repeat;
    background-position: center right; }
  #narrow_margin ul li.popular {
    padding: 0;
    margin-bottom: 15px; }
  #narrow_margin ul li img {
    width: 120px; }
  #narrow_margin ul li .author {
    font-weight: normal !important;
    font-size: 11px !important; }
  #narrow_margin ul li .title, #narrow_margin ul li .author {
    font-size: 12px;
    padding-bottom: 0;
    margin-bottom: 0; }
    #narrow_margin ul li .title a, #narrow_margin ul li .author a {
      padding-bottom: 0;
      margin-bottom: 0; }
  #narrow_margin .feed {
    margin-top: 5px; }
    #narrow_margin .feed li.post a {
      padding-bottom: 0px !important;
      padding-top: 0px !important; }

#wide_margin {
  width: 250px;
  padding: 0px; }
  #wide_margin input[type=text], #wide_margin input[type=password] {
    font-size: 13px;
    margin: 0;
    width: 170px; }
  #wide_margin .banner {
    margin-bottom: 10px; }
  #wide_margin p {
    font-size: 14px;
    padding: 0 5px; }
  #wide_margin label {
    font-size: 14px; }
  #wide_margin img {
    max-width: 230px; }
  #wide_margin ul.two_columns li {
    float: left;
    width: 110px;
    padding: 0 0 0px 0; }
    #wide_margin ul.two_columns li:last-child, #wide_margin ul.two_columns li.left_column {
      padding-bottom: 0px; }
    #wide_margin ul.two_columns li.left_column {
      margin-right: 10px; }
    #wide_margin ul.two_columns li a {
      font-size: 11px; }
  #wide_margin #previous_issues ul.two_columns {
    height: 340px; }
  #wide_margin #current_issue #articles ul {
    margin: 0;
    padding: 0; }
    #wide_margin #current_issue #articles ul li {
      width: 230px; }
  #wide_margin #gorilla {
    clear: left; }
  #wide_margin #advertisements {
    clear: left; }
    #wide_margin #advertisements .intro {
      font-size: 12px; }
    #wide_margin #advertisements a {
      max-width: 230px;
      display: inline; }
  #wide_margin #years table {
    width: 100%; }
  #wide_margin #years td {
    padding: 0;
    vertical-align: middle; }
  #wide_margin #years a {
    padding: 5px;
    font-size: 15px;
    display: block;
    text-align: center;
    color: #333; }
    #wide_margin #years a.active, #wide_margin #years a:hover {
      background-color: #01ADC4;
      color: #FFF; }
  #wide_margin #folders li {
    padding: 0; }
    #wide_margin #folders li a {
      display: block;
      padding: 5px;
      margin: 5px 0px;
      font-size: 14px;
      color: #333;
      font-weight: bold; }
      #wide_margin #folders li a.active, #wide_margin #folders li a:hover {
        background-color: #01ADC4;
        color: #FFF; }
  #wide_margin #books_top_10 {
    padding-top: 15px;
    width: 230px; }
    #wide_margin #books_top_10 ol {
      padding: 0 0 0 20px;
      margin: 0; }
      #wide_margin #books_top_10 ol li {
        padding-top: 0;
        font-size: 12px; }
        #wide_margin #books_top_10 ol li a {
          font-size: 12px;
          font-weight: bold;
          display: inline;
          padding: 0; }
  #wide_margin #toc li {
    padding: 0; }

#middle img {
  max-width: 290px; }
#middle.gorillas img {
  max-width: 590px; }
#middle input[type=text], #middle input[type=password] {
  font-size: 15px;
  margin: 0;
  width: 250px;
  margin-top: 2px; }
#middle .covers .title {
  font-size: 13px;
  color: #555; }
#middle .cover {
  position: relative;
  z-index: 10000;
  height: 150px;
  border: 1px solid #999;
  margin: 1px 0; }
  #middle .cover:hover {
    border-color: #999;
    border-width: 2px;
    margin: 0px; }
#middle .folder img {
  max-width: 285px;
  margin-bottom: 10px; }
#middle .subscription_table input[type=text], #middle .subscription_table input[type=password] {
  font-size: 15px;
  margin: 0;
  width: 350px;
  margin-top: 2px; }
#middle.articles img {
  clear: left;
  display: block; }
#middle .product .name {
  font-size: 18px; }
#middle .product .description {
  font-size: 16px; }

#article, #page {
  height: 100%;
  padding: 0px 10px; }
  #article .date, #page .date {
    font-size: 13px;
    display: block;
    margin-bottom: 6px;
    width: 100%;
    margin-top: 0px;
    text-align: right; }
  #article .title, #page .title {
    font-size: 26px;
    margin-bottom: 6px;
    display: block;
    font-weight: bold;
    overflow: hidden; }
  #article .subtitle, #page .subtitle {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 6px;
    display: block;
    text-transform: uppercase; }
  #article .author, #page .author {
    display: block;
    margin-bottom: 6px;
    text-transform: uppercase;
    margin-top: 30px;
    font-size: 14px;
    font-weight: bold; }
  #article .intro, #page .intro {
    margin-bottom: 6px;
    display: block;
    font-size: 18px;
    line-height: 26px;
    margin-top: 30px; }
  #article .react, #page .react {
    margin-top: 30px;
    font-weight: bold;
    display: block; }
  #article .text, #page .text {
    margin-top: 30px;
    font-size: 15px;
    line-height: 25px;
    display: block; }
  #article img, #page img {
    max-width: 560px; }

#reactions {
  background-color: #F8F1D8; }
  #reactions td {
    line-height: 24px;
    font-size: 15px;
    padding: 10px;
    border-bottom: 1px solid #aaa; }
    #reactions td div.hidden {
      display: none; }
    #reactions td div.report {
      font-size: 12px; }
    #reactions td div.new_reactions_report {
      font-size: 12px; }
      #reactions td div.new_reactions_report input {
        background-color: #F8F1D8;
        margin: 0;
        color: red;
        font-style: italic;
        border: 1px solid #F8F1D8 !important; }

#reactions_new {
  background-color: #eee; }
  #reactions_new #reactions_new_title {
    background-color: #444;
    color: #FFF;
    padding: 5px 10px; }
  #reactions_new #reactions_form_feedback {
    font-size: 15px;
    color: red;
    padding: 5px 10px; }
  #reactions_new #reactions_form table {
    border-spacing: 0;
    border-colapse: 0;
    border: 0; }
  #reactions_new #reactions_form td {
    font-size: 12px;
    padding: 10px; }
    #reactions_new #reactions_form td input {
      font-size: 15px;
      margin: 0;
      width: 250px; }
    #reactions_new #reactions_form td textarea {
      margin: 0;
      width: 540px;
      height: 200px;
      font-size: 15px; }

.center {
  text-align: center; }

.right {
  position: relative;
  float: right; }

#gorilla_list {
  border-bottom: 0px; }
  #gorilla_list ul li {
    float: left;
    margin: 5px;
    padding: 0; }
    #gorilla_list ul li a {
      padding: 0; }
    #gorilla_list ul li img {
      width: 100px;
      height: 141px; }

.margin li.blog ul.feed {
  padding: 0;
  margin: 0; }
  .margin li.blog ul.feed li.post {
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    border: 0;
    font-size: 11px; }

.amount {
  text-align: right;
  width: 100px; }

#store li.product {
  border-bottom: 1px solid #ccc; }

.product p {
  margin-bottom: 10px !important; }

.basket table, .items table {
  width: 100%;
  margin-top: 10px; }
  .basket table .name, .items table .name {
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: bold;
    overflow: hidden; }
    .basket table .name a, .items table .name a {
      padding: 0; }

.items {
  background-color: #eee;
  margin: 10px 0;
  padding: 10px; }

.orders ul {
  padding: 10px;
  list-style-type: disc;
  margin: 10px; }