
/* LimeBits standard stylesheet 

To add or override styles, make your own stylesheet and use the more specific selector ".limebits.extend"

For example, standard LimeBits links are lime:
.limebits a {
  color:  #1FA711;
}

But you can make them blinking cranberry:
.limebits.extend a {
  color:  #7D2724;
  text-decoration: blink; 
}

-------------------------------------------------------------- */

/* minimal reset */

html, body, .bit * {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
}

body * {
  text-align: left;
}

body div.bit {
  position: relative;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  top: 40px;
}

/* Text
-------------------------------------------------------------- */

.bit h1 {
  font: bold 55px/62px 'Trebuchet MS', sans-serif;
  color: #494949;
  margin-bottom: 0px;
}

.bit h2 {
  font: bold 18px/20px 'Trebuchet MS', sans-serif;
  color: #494949;
  margin: 15px 0 5px 0;
  border-bottom: 1px solid #444;
}

.bit h3 {
  font: normal 18px/20px 'Trebuchet MS', sans-serif;
  color: #333;
  margin: 25px 0 5px 0;
}

.bit h2 + h3 {
  margin-top: 10px;
}

.bit, .bit td {
  font: normal 13px/19px georgia, times, serif;
  color: #444;
}

.bit p {
  margin-bottom: 10px;
}

.bit ul {
  margin: 0 50px 10px 15px;
}

.bit ol {
  margin: 0 50px 10px 22px;
}

.bit p.intro {
  margin: 0 40px 30px 0;
  font: 100 19px/24px georgia, times, serif;
  color: #888;
}

.bit pre {
  font: 12px/15px "Courier New", Courier, monotype;
  white-space: pre-wrap;
}

.bit tr {
vertical-align:baseline;
}

.bit td {
padding:2px 4px 2px 0;
}



/* Links
-------------------------------------------------------------- */

.bit a {
  color: #494949;
  text-decoration: underline;
  outline: none;
}

.bit a:hover {
  color: #40B300;
}

.bit a:visited {
  color: #777777;
}

.bit a img {
  border: none;
}

a.tooltip span {
  display:none;
  padding:2px 3px;
  margin-left:8px;
  width:130px;
}

a.tooltip:hover span {
  display:inline;
  position:absolute;
  background:#ffffff;
  border:1px solid #cccccc;
  color:#6c6c6c;
}

/* Buttons
-------------------------------------------------------------- */

.bit div a.button, .bit div a.button:visited {
  background-color: #dcdcdc;
  border: 1px solid #DDD;
  color: #333;
  cursor: pointer;
  font: 14px/18px 'Trebuchet MS', sans-serif;
  text-decoration: none;
  padding: 4px 10px 3px;
  margin-left: 1px;
  float: right;
  clear: none;
}

.bit div a.button:hover {
  background-color: #ccc;
}

/* Menus
-------------------------------------------------------------- */

.bit .menubit {
  font: normal 14px/18px 'Trebuchet MS', sans-serif;
  color: #494949;
  display:block;
  position:relative;
}

.bit .menubit h2 {
  border-bottom: 1px solid #444;
  margin: 0;
}

.bit .menubit a {
  text-decoration:none;
  display:block;
}

.bit .menubit a:hover {
  color: #494949;
}

.bit .menubit a:visited {
  color: #494949;
}

.bit .menubit ul {
  background-color: transparent;
  margin-left: 0;
  border-top: 4px solid #444;
  list-style-type:none;
}

.bit .menubit-item, .bit .menubit-item-add {
  display:block;
  padding:5px 1px;
}

.bit .menubit-item-count {
  font: normal 10px/18px "Lucida Console", "Bitstream Vera Sans Mono", "Andale Mono", "monotype.com", monospace;
  position: absolute;
  right: 2px;
}

.bit .menubit li:hover, .bit .menubit li.selected, .bit .menubit .menubit-callout p:hover {
  background-color: #94de32;
}

.bit .menubit .menubit-control {
  position: absolute;
  right: 0;
}

/* Edit mode */

.bit .menubit .ui-sortable-disabled .menubit-item-cross {
  display: none;
}

.bit.extend .menubit ul.ui-sortable a.menubit-item-cross {
  position: absolute;
  right: 12px;
  margin-top:-24px;
  text-decoration: none;
  cursor:pointer;
}

.bit .menubit ul.ui-sortable a.menubit-item-cross:hover {
  color:#777777;
}

.bit .menubit ul.ui-sortable-disabled li.menubit-item-add {
  display: none;
}

.bit .menubit li.menubit-item-add a {
  text-decoration: none;
}

.bit .menubit ul.ui-sortable li {
  padding-right: 20px;
  border: 1px dotted #444;
  cursor:move;
}

.bit .menubit ul.ui-sortable.ui-sortable-disabled li, .bit .menubit li {
  border-top: 1px transparent;
  border-left: 1px transparent;
  border-right: 1px transparent;
  border-bottom: dotted 1px #444;
}

.bit .menubit-callout p {
  margin: 0;
  padding: 5px 0 5px 1px;
}

/* LimeBits footer
-------------------------------------------------------------- */

.bit.extend .limebits-footer {
clear: both;
background:#313131;
color:#FFFFFF;
height:77px;
}

.bit.extend .limebits-footer ul {
height:77px;
background: url("../images/people.png") no-repeat scroll 95% 18% transparent;
padding-top:40px;
  margin: 0 auto;
  text-align: center;
}

.bit .limebits-footer li {
  display: inline;
  list-style-type: none;
  padding: 7px;
  font: 100 12px/14px 'Trebuchet MS', sans-serif;
}

.bit .limebits-footer a {
  color: #ffffff;
  text-decoration: none;
}

.bit .limebits-footer a:visited {
  color: #ffffff;
}

.bit .limebits-footer a:hover {
  color: #92DA29;
}

.bit .get-page-as-bit {
  background: transparent url(/!lime/root/img/bar_sprite.png) no-repeat scroll -50px -50px;
  height: 15px;
  margin-left: 10px;
  padding-left: 15px;
  width: 60px;
}

.bit .get-page-as-bit a, .get-page-as-bit a:visited {
  color: #1FA711;
}
