body,
input,
textarea,
select {
  font:13px/20px Tahoma,Arial,"Helvetica Neue",Helvetica,sans-serif;
  }

body.droplit {
  color:#212121;
  background:url("images/bg-body.jpg") repeat-x scroll 0 0 #F1F8FE;
  background-color:#F1F8FE;
  }

a {
  color:#1188FF;
  text-decoration:none;
  }

div.limiter { width:980px; }

#logo {
  background-color:transparent;
}
#logo h1 a {
  display:block;
}

#top { /* background:url("images/droplit-gradient.png") repeat-x scroll 0 -30px transparent; */ }

/**
 * Branding ===========================================================
 */
#user-links, #branding {
  /* -moz-border-radius:5px 5px 0px 0px; */
  /* -webkit-border-radius:5px 5px 0px 0px; */
  /* background:url(images/cube.png) 0px 0px repeat-x; */

  font-size:11px;
  /* text-shadow:#000 0px 1px 0px; */
  color:#888;
  height:30px;
  }

#user-links a, #branding a {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  color:#121212;
  float:left;
  padding:0px 10px;
  }

  #user-links a:hover, #branding a:hover {
    background:#222;
    color:#fff;
    }

#user-links ul.links, #branding ul.links {
  float:right;
  padding:5px 0 5px 10px;
  }

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

  #branding div.breadcrumb span.breadcrumb-link {
    background:url("images/sprite.png") no-repeat scroll 100% -180px transparent;
    float:left;
    margin:0 5px 0 0;
    padding:0 10px 0 0;
    }

  #branding div.breadcrumb a,
  #branding div.breadcrumb strong {
    font-weight:normal;
    float:left;
    padding:0px 5px;
    }


#primary-links {
  font-size:13px;
  height:30px;
  background-color:#FFF;
  }
#primary-links ul.links {
  padding:5px 0;
}
#primary-links a {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  color:#121212;
  float:left;
  padding:0px 10px;
}


/**
 * Page title =========================================================
 */
  #page-title h2.page-title {
    padding:0 0 20px;
    line-height:30px;
    min-height:30px;
    /* letter-spacing:-1px; */
    font-size:20px;
    font-weight:normal;
    color:#F48026;
    display:block;
    }
}

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

#page-title ul.links {
  letter-spacing:1px;
  text-transform:uppercase;
  float:right;
  padding:10px 0px;
  }

  #page-title ul.links a {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    color:#888;
    padding:5px 10px 5px 25px;
    }

  #page-title ul.links li.active a,
  #page-title ul.links li a.active {
    color:#fff;
    background:#08c url(images/cube.png) 0px -160px repeat-x;
    }

  #page-title ul.links li a:hover { color:#fff; }

/**
 * Page elements ======================================================
 */
div.pager,
#footer {
  background:#f8f8f8;
  -moz-box-shadow:#ccc 0px 0px 3px;
  -webkit-box-shadow:#ccc 0px 0px 3px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:10px auto;
  }
#page {

  }
body.droplit #page {
  margin:0 auto;
}
#content-content {
  background:#f8f8f8;
  -moz-box-shadow:#ccc 0px 0px 3px;
  -webkit-box-shadow:#ccc 0px 0px 3px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:10px auto;
  }

#tabs div.page-tabs {
  background:#f8f8f8;
  }

/**
 * Tabs, pagers =======================================================
 */
/**
 * Tabs ===============================================================
 */
#tabs {
  
}

ul.primary-tabs {
  position:absolute;
  right:60px;
  bottom:-1px;
  overflow:hidden;
  height:36px;
  padding:0px;
  line-height:20px;
  }

ul.primary-tabs li { padding-left:5px; }

ul.pager a,
ul.pager li.pager-current,
ul.primary-tabs li a {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;

  padding:4px 9px;

  font-size:11px;
  font-weight:normal;

  color:#999;
  background:transparent;

  border-width:1px;
  border-style:solid;
  border-color:transparent;
  }

  ul.pager a:hover {
    background:#eee;
    border-color:#ccc #ddd #eee;
    }

ul.pager li.pager-current,
ul.primary-tabs li a:hover {
  -moz-box-shadow:#fff 0px 1px 0px;
  -webkit-box-shadow:#fff 0px 1px 0px;
  border-color:#999;
  background:#888 url(images/bleeds.png) 0px 0px repeat-x;
  color:#fff;
  }

ul.primary-tabs li.active a,
ul.primary-tabs li.active a.active {
  -moz-border-radius:4px 4px 0px 0px;
  -webkit-border-radius:0px;
  -webkit-border-radius-top-left:4px;
  -webkit-border-radius-top-right:4px;

  padding:4px 14px 11px;
  color:#333;
  border-bottom:0px;
  border-color:#c7c7c7;
  background-image:none;
  background-color:#FFF;
  }






div.secondary-tabs {
  background-color:#FFFFFF;
  border-color:#C7C7C7 #C7C7C7 -moz-use-text-color;
  border-style:solid solid none;
  border-width:1px 1px medium;
  font-size:11px;
  padding:10px 20px;
  }

  ul.secondary-tabs li a,
  ul.secondary-tabs li a:hover {
    color:#333;
    padding:0px 10px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    }

  ul.secondary-tabs li a:hover { background:#c7c7c7; }

  ul.secondary-tabs li a.active,
  ul.secondary-tabs li.active a {
    background:#888 url(images/bleeds.png) 0px 0px repeat-x;
    color:#fff;
    }
    

/**
 * Page layout ========================================================
 */
#page {
  -moz-box-shadow:0 0 10px -1px #C7C7C7;
  -webkit-box-shadow:0 0 10px -1px #C7C7C7;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  background:none repeat scroll 0 0 #FFFFFF;
  border-bottom:1px solid #E7E7E7;
  border-top:1px solid #E7E7E7;
  width:980px;
  }

div.page-content { padding:20px; }

div.content-wrapper { margin:0px; }

.page-user #content {

}

.page-user #page-title {
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-color:#C7C7C7;
  border-style:solid;
  border-width:1px;
  border-bottom:none;
  padding:10px 20px 0;
}

.page-user #page-title h2.page-title {
  padding:0;
}

.page-user #content div.content-wrapper {
  -moz-border-radius:0 0 5px 5px;
  -webkit-border-radius:0 0 5px 5px;
  border-color:#C7C7C7;
  border-style:solid;
  border-width:1px;
  border-top:none;
  padding:10px 20px;
}

.page-user form div.buttons {
  background-color:transparent;
  border-color:transparent;
  border-style:none;
  border-width:0px;
  padding:20px 0 0;
}

.page-user #tabs {
  margin-top:20px;
}

/**
 * Footer =============================================================
 */
#footer {
  -moz-border-radius:0 0 5px 5px;
  -webkit-border-radius:0 0 5px 5px;
  padding:0px;
  margin:0px auto 20px;
  background:#f8f8f8;
  font-size:11px;
  text-shadow:#fff 0px 1px 0px;
  }

#footer div.footer-message {
  padding:20px;
  }

#footer div.feed-icons {
  margin:0px;
  padding:2px 5px;
  background:transparent;

  -moz-border-radius:3px;
  -webkit-border-radius:3px;

  /* Assume icons are 16x16 like Drupal core. */
  line-height:16px;
  float:right;
  }

  #footer div.feed-icons img { display:block; }

  #footer div.feed-icons label,
  #footer div.feed-icons a {
    padding:0px 5px;
    float:left;
    }

/**
 * Form goodness
 */
input.form-submit:hover {
  border-color:#08a #08a #046;
  background:#08c url(images/cube.png) 0px -190px repeat-x;
  color:#fff;
  }

/**
 * Blocks
 */
div.messages { margin:10px 0; }

.block { margin:0 0 20px; }

.block .block-title {
  background:url("images/droplit-gradient.png") repeat-x scroll 0 -180px #FFFFFF;
  color:#F48026;
  display:block;
  font-size:13px;
  margin:0;
  padding:4px 9px 5px;
  }

/**
 * Help ===============================================================
 */
#page-help { background:#404040; }

#page-help div.limiter {
  z-index:1;
  position:relative;
  }

a#help-toggler {
  position:absolute;
  right:0px;
  bottom:-15px;
  left:auto;
  width:auto;
  height:auto;

  -moz-border-radius:0px 0px 3px 3px;
  -webkit-border-radius:0px 0px 3px 3px;

  color:#888;
  background:#333;

  padding:0px 15px;
  line-height:15px;
  height:15px;

  font-size:10px;
  text-transform:uppercase;
  text-indent:0px;
  }

  a#help-toggler:hover { color:#fff; }

div#help-text {
  -moz-border-radius:0px 0px 0px 3px;
  -webkit-border-radius:0px 0px 0px 3px;
  color:#ccc;
  background:#333;
  border:0px;
  }

div#help-text div.column-side div.help-links { background:#222; }

/**
 * Content ============================================================
 */
div.help-page,
div.comment,
div.node {
  /* background:#fff url(images/vrule.png) 34.99% 0% repeat-y; */
  margin:0px 0px 10px;
  }

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

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

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

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

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

div.content-links {
  
}

div.node-links ul.links {
  float:right;
  font-size:11px;
}
div.node-links ul.links a {
  -moz-border-radius:3px 3px 3px 3px;
  float:left;
  padding:0 10px;
}
div.node-links ul.links a:hover {
  background-color:#e7e7e7;
}

div.comment-links,
div.node-links {
  padding:4px 0px 5px;
  }

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

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

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

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

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

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