style.css

body,
input,
textarea,
select,
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button { font-family:"Lucida","Lucida Grande","Trebuchet MS",Tahoma,Verdana,sans-serif; }

html { overflow-y:scroll; }

body.tao {
  color:#333;
  background:#fff;
  }

a {
  color:#008eb1;
  text-decoration:none;
  }

.limiter { margin:0px 30px; }

/**
 * Skip to content link ===============================================
 */
#skip-link {
  width:200px;
  height:0px;
  left:50%;
  margin-left:-100px;
  }

#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  left:0px;
  z-index:20;
  text-align:center;
  width:200px;
  background:#333;
  color:#fff;
  opacity:.9;
  padding:10px 0px;

  border-radius:0px 0px 5px 5px;
  -moz-border-radius:0px 0px 5px 5px;
  -webkit-border-radius:0px 0px 5px 5px;
  }

/**
 * "Rounded" elements =================================================
 */
.compact-link a,
input.teaser-button,
input.form-submit,
a.button,
.form-actions #edit-cancel {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  }

/**
 * "Popped" elements ==================================================
 */
input.teaser-button,
input.form-submit,
a.button,
.form-actions #edit-cancel {
  box-shadow:#ddd 0px 1px 1px;
  -moz-box-shadow:#ddd 0px 1px 1px;
  -webkit-box-shadow:#ddd 0px 1px 1px;
  }

/**
 * "Embossed" elements ================================================
 */
table th {
  text-shadow:#fff 0px 1px 0px;
  }

/**
 * Branding ===========================================================
 */
#branding {
  background:url(images/bleeds.png) 0px -30px repeat-x;
  color:#ccc;
  font-size:11px;
  height:30px;
  overflow:hidden;
  }

#branding ul.links { float:right; }

#branding ul.links a {
  background:url(images/bleeds.png) 0% -30px no-repeat;
  color:#fff;
  float:left;
  padding:5px 10px;
  }

#branding ul.links a:hover { background-position:0% -90px; }

#branding .breadcrumb {
  padding:0px;
  float:left;
  font-weight:normal;
  }

  #branding .breadcrumb-link {
    float:left;
    position:relative;
    }

  #branding .breadcrumb-depth-0 { z-index:10; }
  #branding .breadcrumb-depth-1 { z-index:9; }
  #branding .breadcrumb-depth-2 { z-index:8; }
  #branding .breadcrumb-depth-3 { z-index:7; }
  #branding .breadcrumb-depth-4 { z-index:6; }
  #branding .breadcrumb-depth-5 { z-index:5; }
  #branding .breadcrumb-depth-6 { z-index:4; }
  #branding .breadcrumb-depth-7 { z-index:3; }
  #branding .breadcrumb-depth-8 { z-index:2; }

  #branding .breadcrumb-link > a,
  #branding .breadcrumb-link > strong {
    color:#fff;
    font-weight:normal;
    float:left;
    margin-right:-10px;
    padding:5px 20px;
    background:url(images/bleeds.png) 100% -60px no-repeat;
    }

    #branding .breadcrumb-depth-0 a,
    #branding .breadcrumb-depth-0 strong { padding-left:10px; }

  #branding .breadcrumb a:hover { background-position:100% -90px; }

/**
 * Page title =========================================================
 */
#page-title { background:#fff url(images/bleeds.png) 0px -350px repeat-x; }
#page-title .limiter { position:relative; }

  #page-title .page-title {
    float:left;
    padding:15px 10px 15px 0px;
    line-height:30px;
    min-height:30px;

    text-shadow:#fff 0px 1px 0px;
    -webkit-text-shadow:#fff 0px 1px 0px;

    letter-spacing:-1px;
    font-weight:normal;
    font-size:20px;
    }

  #page-title .page-title span.icon {
    float:left;
    margin-right:10px;
    }

  .add-or-remove-shortcuts,
  .action-links {
    float:left;
    font-size:11px;
    }

    .add-or-remove-shortcuts { padding:20px 0px; }
    .action-links { padding:20px 0px 20px 10px; }

  .action-links a {
    background-color:#7bc;
    text-shadow:#38a 0px 1px 0px;
    }

  .add-or-remove-shortcuts a {
    background-color:#999;
    text-shadow:#666 0px 1px 0px;
    }

/**
 * Tabs ===============================================================
 */
.tabs {
  float:right;
  right:0px;
  }

.primary-tabs {
  float:left;
  height:30px;
  margin:15px 0px 0px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  }

div.pager {
  margin:10px 0px 0px;
  height:30px;
  }

.pager li,
.primary-tabs li {
  height:30px;
  position:relative;
  background:#eee url(images/bleeds.png) 50% 0px no-repeat;
  }

.pager a,
.pager span,
.primary-tabs a {
  float:left;
  text-align:center;
  min-width:70px;
  padding:5px 10px;
  color:#333;
  text-shadow:#fff 0px 1px 0px;
  }

.pager a,
.pager span {
  min-width:10px;
  padding:5px 15px;
  }

.pager li:hover,
.primary-tabs li:hover { background-color:#f8f8f8; }

.pager li:first-child,
.primary-tabs li:first-child {
  border-radius:5px 0px 0px 5px;
  -moz-border-radius:5px 0px 0px 5px;
  -webkit-border-radius:5px 0px 0px 5px;
  background-position:0% 0px;
  }

.pager li:last-child,
.primary-tabs li:last-child {
  border-radius:0px 5px 5px 0px;
  -moz-border-radius:0px 5px 5px 0px;
  -webkit-border-radius:0px 5px 5px 0px;
  background-position:100% 0px;
  }

.pager li.pager-current,
.primary-tabs li.active { background-color:#7bc; }

.pager li.pager-current span,
.primary-tabs li.active a {
  color:#fff;
  text-shadow:#38a 0px 1px 0px;
  }

/* Secondary tabs, nested */
.secondary-tabs {
  min-width:150px;
  float:left;
  position:relative;
  margin:5px 5px 5px 0px;
  font-size:11px;
  background:#59a url(images/buttons.png) -800px 50% no-repeat;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  z-index: 1;
  }

.secondary-tabs:hover {
  background:#59a;
  opacity:.9;
  }

ul.secondary-tabs li,
ul.secondary-tabs li a {
  background:transparent;
  float:none;
  height:auto;
  text-align:left;
  }

.secondary-tabs a {
  color:#fff;
  text-shadow:#38a 0px 1px 0px;
  display:none;
  padding:0px 10px 0px 25px;
  }

  .secondary-tabs:hover a,
  .secondary-tabs .active a { display:block; }

  .secondary-tabs li:hover,
  .secondary-tabs li.active { background:transparent; }
  .secondary-tabs a:hover { background:#389 url(images/buttons.png) -800px 50% no-repeat; }

  .secondary-tabs li:last-child a:hover {
    border-radius:0px 0px 3px 3px;
    -moz-border-radius:0px 0px 3px 3px;
    -webkit-border-radius:0px 0px 3px 3px;
    }

  .secondary-tabs li:first-child a:hover {
    border-radius:3px 3px 0px 0px;
    -moz-border-radius:3px 3px 0px 0px;
    -webkit-border-radius:3px 3px 0px 0px;
    }

ul.secondary.tabs {
    position: static;
    float: right;
    font-size: 0.923em;
    padding: 0 3px 5px;
    line-height: 1.385em;
    overflow: hidden;
    background-color: #fff;
    }

  ul.secondary.tabs li {
    margin: 0 5px;
    float: none;
    display: inline;
    }
/**
 * Content ============================================================
 */
.help-page,
div.comment,
div.node {
  border-style:solid;
  border-width:1px;
  border-color:#ddd;

  background:#fff url(images/vrule.png) 65% 0% repeat-y;
  margin:0px 0px 10px;
  }

/* Make large images display within the parent container. This will prevent
messing up the layout if a wide image needs to be displayed in content. */
#page img { max-width: 100%; }

#help-text .column-main .column-wrapper,
.help-page .column-main .column-wrapper,
div.comment .column-main .column-wrapper,
div.node .column-main .column-wrapper { padding:19px; }

  #help-text .column-main .column-wrapper {
    padding-left:59px;
    position:relative;
    }

    #help-text .column-main .column-wrapper span.icon {
      position:absolute;
      top:15px;
      left:15px;
      }

#help-text .column-side .column-wrapper,
.help-page .column-side .column-wrapper,
div.comment .column-side .column-wrapper,
div.node .column-side .column-wrapper {
  padding:9px;
  font-size:11px;
  }

#help-text .column-side .help-links,
.help-page .column-side .help-page-links,
.node-submitted,
.comment-submitted {
  padding:10px;
  background:#f8f8f8;
  }

.comment-links,
.node-links { padding:10px 0px; }

.help-page .help-page-links ul.links {
  -moz-column-count:2;
  -webkit-column-count:2;
  }

.column-side ul.links li,
.column-side ul.links a,
.column-side ul.links span {
  display:block;
  float:none;
  }

.column-side ul.links a,
.column-side ul.links span {
  padding:0px 10px;
  display:block;
  float:none;
  }

  .column-side ul.links span a {
    padding:0px;
    display:inline;
    }

  .column-side ul.links a.active,
  .column-side ul.links a:hover { background:#fff; }
  .comment-links ul.links a:hover { background:#f4f4f4; }

.comment-title,
.node-title {
  margin:0px 0px 20px;
  font-weight:normal;
  font-size:16px;
  }

/**
 * Fixes for other modules ===============================================
 */
/* Fix rules action links. */
.rules-elements-table ul.rules-operations a {
  text-shadow: none;
  color: #666;
}
/* Views exposed filters forms. */
div.views-exposed-form {
  margin-bottom: 20px;
}
div.views-exposed-form div.form-item {
  border: 0;
  padding: 0;
}
div.views-exposed-form div.views-submit-button {
  margin-right: 1em;
}
div.views-exposed-form input.form-text,
div.views-exposed-form select.form-select,
div.views-exposed-form input.form-autocomplete {
  height: 28px;
}
/* Module filter "clear" link. */
.module-filter-clear a {
  margin: 3px 0 0 -35px;
}

/* Fix Workbench Moderation links. */
.view-workbench-moderation tbody .views-field-moderation-actions li {
  float: none;
  margin-bottom: 5px;
  margin-right: 3px;
  overflow: auto;
}
.view-workbench-moderation tbody .views-field-moderation-actions li a {
  background-color: #7bc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 0 7px;
  text-shadow: #38a 0px 1px 0px;
}
.view-workbench-moderation tbody .views-field-moderation-actions li a:hover {
  background-color: #52a8be;
  color: #fff;
}