html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
  text-decoration:underline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}

@linkColor:         #0069d6;
@linkColorHover:    darken(@linkColor, 15);

@black:             #000;
@grayDark:          lighten(@black, 25%);
@gray:              lighten(@black, 50%);
@grayLight:         lighten(@black, 75%);
@grayLighter:       lighten(@black, 90%);
@white:             #fff;

@blue:              #049CDB;
@blueDark:          #0064CD;
@green:             #46a546;
@red:               #9d261d;
@yellow:            #ffc40d;
@orange:            #f89406;
@pink:              #c3325f;
@purple:            #7a43b6;

@basefont:          13px;
@baseline:          18px;

@gridColumns:       16;
@gridColumnWidth:   40px;
@gridGutterWidth:   20px;
@extraSpace:        (@gridGutterWidth * 2);
@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

@baseColor:         @blue;
@complement:        spin(@baseColor, 180);
@split1:            spin(@baseColor, 158);
@split2:            spin(@baseColor, -158);
@triad1:            spin(@baseColor, 135);
@triad2:            spin(@baseColor, -135);
@tetra1:            spin(@baseColor, 90);
@tetra2:            spin(@baseColor, -90);
@analog1:           spin(@baseColor, 22);
@analog2:           spin(@baseColor, -22);

.clearfix() {
  zoom: 1;
  &:before,
  &:after {
    display: table;
    content: "";
    zoom: 1;
  }
  &:after {
    clear: both;
  }
}

.center-block() {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.size(@height: 5px, @width: 5px) {
  height: @height;
  width: @width;
}
.square(@size: 5px) {
  .size(@size, @size);
}

.placeholder(@color: @grayLight) {
  :-moz-placeholder {
    color: @color;
  }
  ::-webkit-input-placeholder {
    color: @color;
  }
}

#font {
  .shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) {
    font-size: @size;
    font-weight: @weight;
    line-height: @lineHeight;
  }
  .sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: @size;
    font-weight: @weight;
    line-height: @lineHeight;
  }
  .serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
    font-family: "Georgia", Times New Roman, Times, serif;
    font-size: @size;
    font-weight: @weight;
    line-height: @lineHeight;
  }
  .monospace(@weight: normal, @size: 12px, @lineHeight: 20px) {
    font-family: "Monaco", Courier New, monospace;
    font-size: @size;
    font-weight: @weight;
    line-height: @lineHeight;
  }
}

.fixed-container() {
  width: @siteWidth;
  margin-left: auto;
  margin-right: auto;
  .clearfix();
}
.columns(@columnSpan: 1) {
  width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1));
}
.offset(@columnOffset: 1) {
  margin-left: (@gridColumnWidth * @columnOffset) + (@gridGutterWidth * (@columnOffset - 1)) + @extraSpace;
}

.gridColumn() {
  display: inline;
  float: left;
  margin-left: @gridGutterWidth;
}

.makeColumn(@columnSpan: 1) {
  .gridColumn();
  .columns(@columnSpan);
}

.border-radius(@radius: 5px) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
          border-radius: @radius;
}

.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
  -webkit-box-shadow: @shadow;
     -moz-box-shadow: @shadow;
          box-shadow: @shadow;
}

.transition(@transition) {
     -webkit-transition: @transition;
        -moz-transition: @transition;
         -ms-transition: @transition;
          -o-transition: @transition;
             transition: @transition;
}

.background-clip(@clip) {
  -webkit-background-clip: @clip;
     -moz-background-clip: @clip;
          background-clip: @clip;
}

.content-columns(@columnCount, @columnGap: 20px) {
  -webkit-column-count: @columnCount;
     -moz-column-count: @columnCount;
          column-count: @columnCount;
  -webkit-column-gap: @columnGap;
     -moz-column-gap: @columnGap;
          column-gap: @columnGap;
}

.resizable(@direction: both) {
  resize: @direction;
  overflow: auto;
}

#translucent {
  .background(@color: @white, @alpha: 1) {
    background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  }
  .border(@color: @white, @alpha: 1) {
    border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
    background-clip: padding-box;
  }
}

.gradientBar(@primaryColor, @secondaryColor) {
  #gradient > .vertical(@primaryColor, @secondaryColor);
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
  border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
}

#gradient {
  .horizontal (@startColor: #555, @endColor: #333) {
    background-color: @endColor;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor)); // Konqueror
    background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
    background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
    background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
    background-image: linear-gradient(left, @startColor, @endColor); // Le standard
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
  }
  .vertical (@startColor: #555, @endColor: #333) {
    background-color: @endColor;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
    background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
    background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
    background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
    background-image: linear-gradient(top, @startColor, @endColor); // The standard
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
  }
  .directional (@startColor: #555, @endColor: #333, @deg: 45deg) {
    background-color: @endColor;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
    background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
    background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
    background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
  }
  .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
    background-color: @endColor;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
    background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
    background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
    background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
    background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
    background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
  }
}

.reset-filter() {
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
}

.opacity(@opacity: 100) {
  filter: e(%("alpha(opacity=%d)", @opacity));
  -khtml-opacity: @opacity / 100;
    -moz-opacity: @opacity / 100;
         opacity: @opacity / 100;
}

body {
  background-color: @white;
  margin: 0;
  #font > .sans-serif(normal,@basefont,@baseline);
  color: @grayDark;
}

// Container (centered, fixed-width layouts)
.container {
  .fixed-container();
}

// Fluid layouts (left aligned, with sidebar, min- & max-width content)
.container-fluid {
  position: relative;
  min-width: 940px;
  padding-left: 20px;
  padding-right: 20px;
  .clearfix();
  > .sidebar {
    position: absolute;
    top: 0;
    left: 20px;
    width: 220px;
  }
  // TODO in v2: rename this and .popover .content to be more specific
  > .content {
    margin-left: 240px;
  }
}


// BASE STYLES
// -----------

// Links
a {
  color: @linkColor;
  text-decoration: none;
  line-height: inherit;
  font-weight: inherit;
  &:hover {
    color: @linkColorHover;
    text-decoration: underline;
  }
}

// Quick floats
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}

// Toggling content
.hide {
  display: none;
}
.show {
  display: block;
}


// GRID SYSTEM
// -----------
// To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there

.row {
  .clearfix();
  margin-left: -@gridGutterWidth;
}

// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
// Credit to @dhg for the idea
.row > [class*="span"] {
  .gridColumn();
}

// Default columns
.span1     { .columns(1); }
.span2     { .columns(2); }
.span3     { .columns(3); }
.span4     { .columns(4); }
.span5     { .columns(5); }
.span6     { .columns(6); }
.span7     { .columns(7); }
.span8     { .columns(8); }
.span9     { .columns(9); }
.span10    { .columns(10); }
.span11    { .columns(11); }
.span12    { .columns(12); }
.span13    { .columns(13); }
.span14    { .columns(14); }
.span15    { .columns(15); }
.span16    { .columns(16); }

// For optional 24-column grid
.span17    { .columns(17); }
.span18    { .columns(18); }
.span19    { .columns(19); }
.span20    { .columns(20); }
.span21    { .columns(21); }
.span22    { .columns(22); }
.span23    { .columns(23); }
.span24    { .columns(24); }

// Offset column options
.row {
  > .offset1   { .offset(1); }
  > .offset2   { .offset(2); }
  > .offset3   { .offset(3); }
  > .offset4   { .offset(4); }
  > .offset5   { .offset(5); }
  > .offset6   { .offset(6); }
  > .offset7   { .offset(7); }
  > .offset8   { .offset(8); }
  > .offset9   { .offset(9); }
  > .offset10  { .offset(10); }
  > .offset11  { .offset(11); }
  > .offset12  { .offset(12); }
}

// Unique column sizes for 16-column grid
.span-one-third     { width: 300px; }
.span-two-thirds    { width: 620px; }
.row {
  > .offset-one-third   { margin-left: 340px; }
  > .offset-two-thirds  { margin-left: 660px; }
}

/* Typography.less
 * Headings, body text, lists, code, and more for a versatile and durable typography system
 * ---------------------------------------------------------------------------------------- */


// BODY TEXT
// ---------

p {
  #font > .shorthand(normal,@basefont,@baseline);
  margin-bottom: @baseline / 2;
  small {
    font-size: @basefont - 2;
    color: @grayLight;
  }
}


// HEADINGS
// --------

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: @grayDark;
  small {
    color: @grayLight;
  }
}
h1 {
  margin-bottom: @baseline;
  font-size: 30px;
  line-height: @baseline * 2;
  small {
    font-size: 18px;
  }
}
h2 {
  font-size: 24px;
  line-height: @baseline * 2;
  small {
    font-size: 14px;
  }
}
h3, h4, h5, h6 {
  line-height: @baseline * 2;
}
h3 {
  font-size: 18px;
  small {
    font-size: 14px;
  }
}
h4 {
  font-size: 16px;
  small {
    font-size: 12px;
  }
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 13px;
  color: @grayLight;
  text-transform: uppercase;
}


// COLORS
// ------

// Unordered and Ordered lists
ul, ol {
  margin: 0 0 @baseline 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
  line-height: @baseline;
  color: @gray;
}
ul.unstyled {
  list-style: none;
  margin-left: 0;
}

// Description Lists
dl {
  margin-bottom: @baseline;
  dt, dd {
    line-height: @baseline;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin-left: @baseline / 2;
  }
}

// MISC
// ----

// Horizontal rules
hr {
  margin: 20px 0 19px;
  border: 0;
  border-bottom: 1px solid #eee;
}

// Emphasis
strong {
  font-style: inherit;
  font-weight: bold;
}
em {
  font-style: italic;
  font-weight: inherit;
  line-height: inherit;
}
.muted {
  color: @grayLight;
}

// Blockquotes
blockquote {
  margin-bottom: @baseline;
  border-left: 5px solid #eee;
  padding-left: 15px;
  p {
    #font > .shorthand(300,14px,@baseline);
    margin-bottom: 0;
  }
  small {
    display: block;
    #font > .shorthand(300,12px,@baseline);
    color: @grayLight;
    &:before {
      content: '\2014 \00A0';
    }
  }
}

// Addresses
address {
  display: block;
  line-height: @baseline;
  margin-bottom: @baseline;
}

// Inline and block code styles
code, pre {
  padding: 0 3px 2px;
  font-family: Monaco, Andale Mono, Courier New, monospace;
  font-size: 12px;
  .border-radius(3px);
}
code {
  background-color: lighten(@orange, 40%);
  color: rgba(0,0,0,.75);
  padding: 1px 3px;
}
pre {
  background-color: #f5f5f5;
  display: block;
  padding: (@baseline - 1) / 2;
  margin: 0 0 @baseline;
  line-height: @baseline;
  font-size: 12px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  .border-radius(3px);
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;

}

/* Forms.less
 * Base styles for various input types, form layouts, and states
 * ------------------------------------------------------------- */


// FORM STYLES
// -----------

form {
  margin-bottom: @baseline;
}

// Groups of fields with labels on top (legends)
fieldset {
  margin-bottom: @baseline;
  padding-top: @baseline;
  legend {
    display: block;
    padding-left: 150px;
    font-size: @basefont * 1.5;
    line-height: 1;
    color: @grayDark;
    *padding: 0 0 5px 145px; /* IE6-7 */
    *line-height: 1.5; /* IE6-7 */
  }
}

// Parent element that clears floats and wraps labels and fields together
form .clearfix {
  margin-bottom: @baseline;
  .clearfix()
}

// Set font for forms
label,
input,
select,
textarea {
  #font > .sans-serif(normal,13px,normal);
}

// Float labels left
label {
  padding-top: 6px;
  font-size: @basefont;
  line-height: @baseline;
  float: left;
  width: 130px;
  text-align: right;
  color: @grayDark;
}

// Shift over the inside div to align all label's relevant content
form .input {
  margin-left: 150px;
}

// Checkboxs and radio buttons
input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}

// Inputs, Textareas, Selects
input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  height: @baseline;
  padding: 4px;
  font-size: @basefont;
  line-height: @baseline;
  color: @gray;
  border: 1px solid #ccc;
  .border-radius(3px);
}

// remove padding from select
select {
  padding: initial;
}

// mini reset for non-html5 file types
input[type=checkbox],
input[type=radio] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0; /* IE6-7 */
  line-height: normal;
  border: none;
}

input[type=file] {
  background-color: @white;
  padding: initial;
  border: initial;
  line-height: initial;
  .box-shadow(none);
}

input[type=button],
input[type=reset],
input[type=submit] {
  width: auto;
  height: auto;
}

select,
input[type=file] {
  height: @baseline * 1.5; // In IE7, the height of the select element cannot be changed by height, only font-size
  *height: auto; // Reset for IE7
  line-height: @baseline * 1.5;
  *margin-top: 4px; /* For IE7, add top margin to align select with labels */
}

// Make multiple select elements height not fixed
select[multiple] {
  height: inherit;
  background-color: @white; // Fixes Chromium bug of unreadable items
}

textarea {
  height: auto;
}

// For text that needs to appear as an input but should not be an input
.uneditable-input {
  background-color: @white;
  display: block;
  border-color: #eee;
  .box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
  cursor: not-allowed;
}

// Placeholder text gets special styles; can't be bundled together though for some reason
:-moz-placeholder {
  color: @grayLight;
}
::-webkit-input-placeholder {
  color: @grayLight;
}

// Focus states
input,
textarea {
  @transition: border linear .2s, box-shadow linear .2s;
  .transition(@transition);
  .box-shadow(inset 0 1px 3px rgba(0,0,0,.1));
}
input:focus,
textarea:focus {
  outline: 0;
  border-color: rgba(256,50,50,.3);
  @shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(256,0,0,.4);
  .box-shadow(@shadow);
}
input[type=file]:focus,
input[type=checkbox]:focus,
select:focus {
  .box-shadow(none); // override for file inputs
  outline: 1px dotted #666; // Selet elements dont get box-shadow styles, so instead we do outline
}


// FORM FIELD FEEDBACK STATES
// --------------------------

// Mixin for form field states
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
  // Set the text color
  > label,
  .help-block,
  .help-inline {
    color: @textColor;
  }
  // Style inputs accordingly
  input,
  textarea {
    color: @textColor;
    border-color: @borderColor;
    &:focus {
      border-color: darken(@borderColor, 10%);
      .box-shadow(0 0 6px lighten(@borderColor, 20%));
    }
  }
  // Give a small background color for input-prepend/-append
  .input-prepend .add-on,
  .input-append .add-on {
    color: @textColor;
    background-color: @backgroundColor;
    border-color: @textColor;
  }
}
// Error
form .clearfix.error {
  .formFieldState(#b94a48, #ee5f5b, lighten(#ee5f5b, 30%));
}
// Warning
form .clearfix.warning {
  .formFieldState(#c09853, #ccae64, lighten(#CCAE64, 5%));
}
// Success
form .clearfix.success {
  .formFieldState(#468847, #57a957, lighten(#57a957, 30%));
}


// Form element sizes
// TODO v2: remove duplication here and just stick to .input-[size] in light of adding .spanN sizes
.input-mini,
input.mini,
textarea.mini,
select.mini {
  width: 60px;
}
.input-small,
input.small,
textarea.small,
select.small {
  width: 90px;
}
.input-medium,
input.medium,
textarea.medium,
select.medium {
  width: 150px;
}
.input-large,
input.large,
textarea.large,
select.large {
  width: 210px;
}
.input-xlarge,
input.xlarge,
textarea.xlarge,
select.xlarge {
  width: 270px;
}
.input-xxlarge,
input.xxlarge,
textarea.xxlarge,
select.xxlarge {
  width: 530px;
}
textarea.xxlarge {
  overflow-y: auto;
}

// Grid style input sizes
// This is a duplication of the main grid .columns() mixin, but subtracts 10px to account for input padding and border
.formColumns(@columnSpan: 1) {
  display: inline-block;
  float: none;
  width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 10;
  margin-left: 0;
}
input,
textarea {
  // Default columns
  &.span1     { .formColumns(1); }
  &.span2     { .formColumns(2); }
  &.span3     { .formColumns(3); }
  &.span4     { .formColumns(4); }
  &.span5     { .formColumns(5); }
  &.span6     { .formColumns(6); }
  &.span7     { .formColumns(7); }
  &.span8     { .formColumns(8); }
  &.span9     { .formColumns(9); }
  &.span10    { .formColumns(10); }
  &.span11    { .formColumns(11); }
  &.span12    { .formColumns(12); }
  &.span13    { .formColumns(13); }
  &.span14    { .formColumns(14); }
  &.span15    { .formColumns(15); }
  &.span16    { .formColumns(16); }
}

// Disabled and read-only inputs
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}

// Actions (the buttons)
.actions {
  background: #f5f5f5;
  margin-top: @baseline;
  margin-bottom: @baseline;
  padding: (@baseline - 1) 20px @baseline 150px;
  border-top: 1px solid #ddd;
  .border-radius(0 0 3px 3px);
  .secondary-action {
    float: right;
    a {
      line-height: 30px;
      &:hover {
        text-decoration: underline;
      }
    }
  }
}

// Help Text
// TODO: Do we need to set basefont and baseline here?
.help-inline,
.help-block {
  font-size: @basefont;
  line-height: @baseline;
  color: @grayLight;
}
.help-inline {
  padding-left: 5px;
  *position: relative; /* IE6-7 */
  *top: -5px; /* IE6-7 */
}

// Big blocks of help text
.help-block {
  display: block;
  max-width: 600px;
}

// Inline Fields (input fields that appear as inline objects
.inline-inputs {
  color: @gray;
  span {
    padding: 0 2px 0 1px;
  }
}

// Allow us to put symbols and text within the input field for a cleaner look
.input-prepend,
.input-append {
  input {
    .border-radius(0 3px 3px 0);
  }
  .add-on {
    position: relative;
    background: #f5f5f5;
    border: 1px solid #ccc;
    z-index: 2;
    float: left;
    display: block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 4px 4px 5px;
    margin-right: -1px;
    font-weight: normal;
    line-height: 18px;
    color: @grayLight;
    text-align: center;
    text-shadow: 0 1px 0 @white;
    .border-radius(3px 0 0 3px);
  }
  .active {
    background: lighten(@green, 30);
    border-color: @green;
  }
}
.input-prepend {
  .add-on {
    *margin-top: 1px; /* IE6-7 */
  }
}
.input-append {
  input {
    float: left;
    .border-radius(3px 0 0 3px);
  }
  .add-on {
    .border-radius(0 3px 3px 0);
    margin-right: 0;
    margin-left: -1px;
  }
}

// Stacked options for forms (radio buttons or checkboxes)
.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  li {
    display: block;
    padding: 0;
    width: 100%;
  }
  label {
    display: block;
    float: none;
    width: auto;
    padding: 0;
    margin-left: 20px;
    line-height: @baseline;
    text-align: left;
    white-space: normal;
    strong {
      color: @gray;
    }
    small {
      font-size: @basefont - 2;
      font-weight: normal;
    }
  }
  .inputs-list {
    margin-left: 25px;
    margin-bottom: 10px;
    padding-top: 0;
  }
  &:first-child {
    padding-top: 6px;
  }
  li + li {
    padding-top: 2px;
  }
  input[type=radio],
  input[type=checkbox] {
    margin-bottom: 0;
    margin-left: -20px;
    float: left;
  }
}

// Stacked forms
.form-stacked {
  padding-left: 20px;
  fieldset {
    padding-top: @baseline / 2;
  }
  legend {
    padding-left: 0;
  }
  label {
    display: block;
    float: none;
    width: auto;
    font-weight: bold;
    text-align: left;
    line-height: 20px;
    padding-top: 0;
  }
  .clearfix {
    margin-bottom: @baseline / 2;
    div.input {
      margin-left: 0;
    }
  }
  .inputs-list {
    margin-bottom: 0;
    li {
      padding-top: 0;
      label {
        font-weight: normal;
        padding-top: 0;
      }
    }
  }
  div.clearfix.error {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 0;
    margin-left: -10px;
  }
  .actions {
    margin-left: -20px;
    padding-left: 20px;
  }
}

/*
 * Tables.less
 * Tables for, you guessed it, tabular data
 * ---------------------------------------- */


// BASELINE STYLES
// ---------------

table {
  width: 100%;
  margin-bottom: @baseline;
  padding: 0;
  font-size: @basefont;
  border-collapse: collapse;
  th,
  td {
    padding: 10px 10px 9px;
    line-height: @baseline;
    text-align: left;
  }
  th {
    padding-top: 9px;
    font-weight: bold;
    vertical-align: middle;
  }
  td {
    vertical-align: top;
    border-top: 1px solid #ddd;
  }
  // When scoped to row, fix th in tbody
  tbody th {
    border-top: 1px solid #ddd;
    vertical-align: top;
  }
}


// CONDENSED VERSION
// -----------------
.condensed-table {
  th,
  td {
    padding: 5px 5px 4px;
  }
}


// BORDERED VERSION
// ----------------

.bordered-table {
  border: 1px solid #ddd;
  border-collapse: separate; // Done so we can round those corners!
  *border-collapse: collapse; /* IE7, collapse table to remove spacing */
  .border-radius(4px);
  th + th,
  td + td,
  th + td {
    border-left: 1px solid #ddd;
  }
  thead tr:first-child th:first-child,
  tbody tr:first-child td:first-child {
    .border-radius(4px 0 0 0);
  }
  thead tr:first-child th:last-child,
  tbody tr:first-child td:last-child {
    .border-radius(0 4px 0 0);
  }
  tbody tr:last-child td:first-child {
    .border-radius(0 0 0 4px);
  }
  tbody tr:last-child td:last-child {
    .border-radius(0 0 4px 0);
  }
}


// TABLE CELL SIZES
// ----------------

// This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for input padding and border
.tableColumns(@columnSpan: 1) {
  width: ((@gridColumnWidth - 20) * @columnSpan) + ((@gridColumnWidth - 20) * (@columnSpan - 1));
}
table {
  // Default columns
  .span1     { .tableColumns(1); }
  .span2     { .tableColumns(2); }
  .span3     { .tableColumns(3); }
  .span4     { .tableColumns(4); }
  .span5     { .tableColumns(5); }
  .span6     { .tableColumns(6); }
  .span7     { .tableColumns(7); }
  .span8     { .tableColumns(8); }
  .span9     { .tableColumns(9); }
  .span10    { .tableColumns(10); }
  .span11    { .tableColumns(11); }
  .span12    { .tableColumns(12); }
  .span13    { .tableColumns(13); }
  .span14    { .tableColumns(14); }
  .span15    { .tableColumns(15); }
  .span16    { .tableColumns(16); }
}


// ZEBRA-STRIPING
// --------------

// Default zebra-stripe styles (alternating gray and transparent backgrounds)
.zebra-striped {
  tbody {
    tr:nth-child(odd) td,
    tr:nth-child(odd) th {
      background-color: #f9f9f9;
    }
    tr:hover td,
    tr:hover th {
      background-color: #f5f5f5;
    }
  }
}

table {
  // Tablesorting styles w/ jQuery plugin
  .header {
    cursor: pointer;
    &:after {
      content: "";
      float: right;
      margin-top: 7px;
      border-width: 0 4px 4px;
      border-style: solid;
      border-color: #000 transparent;
      visibility: hidden;
    }
  }
  // Style the sorted column headers (THs)
  .headerSortUp,
  .headerSortDown {
    background-color: rgba(141,192,219,.25);
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
  }
  // Style the ascending (reverse alphabetical) column header
  .header:hover {
    &:after {
      visibility:visible;
    }
  }
  // Style the descending (alphabetical) column header
  .headerSortDown,
  .headerSortDown:hover {
    &:after {
      visibility:visible;
      .opacity(60);
    }
  }
  // Style the ascending (reverse alphabetical) column header
  .headerSortUp {
    &:after {
      border-bottom: none;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #000;
      visibility:visible;
      .box-shadow(none); //cant add boxshadow to downward facing arrow :(
      .opacity(60);
    }
  }
  // Blue Table Headings
  .blue {
    color: @blue;
    border-bottom-color: @blue;
  }
  .headerSortUp.blue,
  .headerSortDown.blue {
    background-color: lighten(@blue, 40%);
  }
  // Green Table Headings
  .green {
    color: @green;
    border-bottom-color: @green;
  }
  .headerSortUp.green,
  .headerSortDown.green {
    background-color: lighten(@green, 40%);
  }
  // Red Table Headings
  .red {
    color: @red;
    border-bottom-color: @red;
  }
  .headerSortUp.red,
  .headerSortDown.red {
    background-color: lighten(@red, 50%);
  }
  // Yellow Table Headings
  .yellow {
    color: @yellow;
    border-bottom-color: @yellow;
  }
  .headerSortUp.yellow,
  .headerSortDown.yellow {
    background-color: lighten(@yellow, 40%);
  }
  // Orange Table Headings
  .orange {
    color: @orange;
    border-bottom-color: @orange;
  }
  .headerSortUp.orange,
  .headerSortDown.orange {
    background-color: lighten(@orange, 40%);
  }
  // Purple Table Headings
  .purple {
    color: @purple;
    border-bottom-color: @purple;
  }
  .headerSortUp.purple,
  .headerSortDown.purple {
    background-color: lighten(@purple, 40%);
  }
}

/* Patterns.less
 * Repeatable UI elements outside the base styles provided from the scaffolding
 * ---------------------------------------------------------------------------- */


// TOPBAR
// ------

// Topbar for Branding and Nav
.topbar {
  height: 40px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  overflow: visible;

  // Links get text shadow
  a {
    color: @grayLight;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
  }

  // Hover and active states
  // h3 for backwards compatibility
  h3 a:hover,
  .brand:hover,
  ul .active > a {
    background-color: #333;
    background-color: rgba(255,255,255,.05);
    color: @white;
    text-decoration: none;
  }

  // Website name
  // h3 left for backwards compatibility
  h3 {
    position: relative;
  }
  h3 a,
  .brand {
    float: left;
    display: block;
    padding: 8px 20px 12px;
    margin-left: -20px; // negative indent to left-align the text down the page
    color: @white;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
  }

  // Plain text in topbar
  p {
    margin: 0;
    line-height: 40px;
    a:hover {
      background-color: transparent;
      color: @white;
    }
  }

  // Search Form
  form {
    float: left;
    margin: 5px 0 0 0;
    position: relative;
    .opacity(100);
  }
  // Todo: remove from v2.0 when ready, added for legacy
  form.pull-right {
    float: right;
  }
  input {
    background-color: #444;
    background-color: rgba(255,255,255,.3);
    #font > .sans-serif(13px, normal, 1);
    padding: 4px 9px;
    color: @white;
    color: rgba(255,255,255,.75);
    border: 1px solid #111;
    .border-radius(4px);
    @shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.25);
    .box-shadow(@shadow);
    .transition(none);

    // Placeholder text gets special styles; can't be bundled together though for some reason
    &:-moz-placeholder {
      color: @grayLighter;
    }
    &::-webkit-input-placeholder {
      color: @grayLighter;
    }
    // Hover states
    &:hover {
      background-color: @grayLight;
      background-color: rgba(255,255,255,.5);
      color: @white;
    }
    // Focus states (we use .focused since IE8 and down doesn't support :focus)
    &:focus,
    &.focused {
      outline: 0;
      background-color: @white;
      color: @grayDark;
      text-shadow: 0 1px 0 @white;
      border: 0;
      padding: 5px 10px;
      .box-shadow(0 0 3px rgba(0,0,0,.15));
    }
  }
}

// gradient is applied to its own element because overflow visible is not honored by ie when filter is present
// For backwards compatibility, include .topbar .fill
.topbar-inner,
.topbar .fill {
  background-color: #222;
  #gradient > .vertical(#333, #222);
  @shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  .box-shadow(@shadow);
}


// NAVIGATION
// ----------

// Topbar Nav
// ul.nav for all topbar based navigation to avoid inheritance issues and over-specificity
// For backwards compatibility, leave in .topbar div > ul
.topbar div > ul,
.nav {
  display: block;
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  left: 0;
  > li {
    display: block;
    float: left;
  }
  a {
    display: block;
    float: none;
    padding: 10px 10px 11px;
    line-height: 19px;
    text-decoration: none;
    &:hover {
      color: @white;
      text-decoration: none;
    }
  }
  .active > a {
    background-color: #222;
    background-color: rgba(0,0,0,.5);
  }

  // Secondary (floated right) nav in topbar
  &.secondary-nav {
    float: right;
    margin-left: 10px;
    margin-right: 0;
    // backwards compatibility
    .menu-dropdown,
    .dropdown-menu {
      right: 0;
      border: 0;
    }
  }
  // Dropdowns within the .nav
  // a.menu:hover and li.open .menu for backwards compatibility
  a.menu:hover,
  li.open .menu,
  .dropdown-toggle:hover,
  .dropdown.open .dropdown-toggle {
    background: #444;
    background: rgba(255,255,255,.05);
  }
  // .menu-dropdown for backwards compatibility
  .menu-dropdown,
  .dropdown-menu {
    background-color: #333;
    // a.menu for backwards compatibility
    a.menu,
    .dropdown-toggle {
      color: @white;
      &.open {
        background: #444;
        background: rgba(255,255,255,.05);
      }
    }
    li a {
      color: #999;
      text-shadow: 0 1px 0 rgba(0,0,0,.5);
      &:hover {
        #gradient > .vertical(#292929,#191919);
        color: @white;
      }
    }
    .active a {
      color: @white;
    }
    .divider {
      background-color: #222;
      border-color: #444;
    }
  }
}

// For backwards compatibility with new dropdowns, redeclare dropdown link padding
.topbar ul .menu-dropdown li a,
.topbar ul .dropdown-menu li a {
  padding: 4px 15px;
}

// Dropdown Menus
// Use the .menu class on any <li> element within the topbar or ul.tabs and youll get some superfancy dropdowns
// li.menu for backwards compatibility
li.menu,
.dropdown {
  position: relative;
}
// The link that is clicked to toggle the dropdown
// a.menu for backwards compatibility
a.menu:after,
.dropdown-toggle:after {
  width: 0;
  height: 0;
  display: inline-block;
  content: "&darr;";
  text-indent: -99999px;
  vertical-align: top;
  margin-top: 8px;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid @white;
  .opacity(50);
}
// The dropdown menu (ul)
// .menu-dropdown for backwards compatibility
.menu-dropdown,
.dropdown-menu {
  background-color: @white;
  float: left;
  display: none; // None by default, but block on "open" of the menu
  position: absolute;
  top: 40px;
  z-index: 900;
  min-width: 160px;
  max-width: 220px;
  _width: 160px;
  margin-left: 0; // override default ul styles
  margin-right: 0;
  padding: 6px 0;
  zoom: 1; // do we need this?
  border-color: #999;
  border-color: rgba(0,0,0,.2);
  border-style: solid;
  border-width: 0 1px 1px;
  .border-radius(0 0 6px 6px);
  .box-shadow(0 2px 4px rgba(0,0,0,.2));
  .background-clip(padding-box);

  // Unfloat any lis to make them stack
  li {
    float: none;
    display: block;
    background-color: none;
  }
  // Dividers (basically an hr) within the dropdown
  .divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #eee;
    border-bottom: 1px solid @white;
  }
}

.topbar .dropdown-menu,
.dropdown-menu {
  // Links within the dropdown menu
  a {
    display: block;
    padding: 4px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: @gray;
    text-shadow: 0 1px 0 @white;
    // Hover state
    &:hover,
    &.hover {
      #gradient > .vertical(#eeeeee, #dddddd);
      color: @grayDark;
      text-decoration: none;
      @shadow: inset 0 1px 0 rgba(0,0,0,.025), inset 0 -1px rgba(0,0,0,.025);
      .box-shadow(@shadow);
    }
  }
}

// Open state for the dropdown
// .open for backwards compatibility
.open,
.dropdown.open {
  // .menu for backwards compatibility
  .menu,
  .dropdown-toggle {
    color: @white;
    background: #ccc;
    background: rgba(0,0,0,.3);
  }
  // .menu-dropdown for backwards compatibility
  .menu-dropdown,
  .dropdown-menu {
    display: block;
  }
}


// TABS AND PILLS
// --------------

// Common styles
.tabs,
.pills {
  margin: 0 0 @baseline;
  padding: 0;
  list-style: none;
  .clearfix();
  > li {
    float: left;
    > a {
      display: block;
    }
  }
}

// Tabs
.tabs {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
  > li {
    position: relative; // For the dropdowns mostly
    margin-bottom: -1px;
    > a {
      padding: 0 15px;
      margin-right: 2px;
      line-height: (@baseline * 2) - 2;
      border: 1px solid transparent;
      .border-radius(4px 4px 0 0);
      &:hover {
        text-decoration: none;
        background-color: #eee;
        border-color: #eee #eee #ddd;
      }
    }
  }
  // Active state, and its :hover to override normal :hover
  .active > a,
  .active > a:hover {
    color: @gray;
    background-color: @white;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
  }
}

// Dropdowns in tabs
.tabs {
  // first one for backwards compatibility
  .menu-dropdown,
  .dropdown-menu {
    top: 35px;
    border-width: 1px;
    .border-radius(0 6px 6px 6px);
  }
  // first one for backwards compatibility
  a.menu:after,
  .dropdown-toggle:after {
    border-top-color: #999;
    margin-top: 15px;
    margin-left: 5px;
  }
  // first one for backwards compatibility
  li.open.menu .menu,
  .open.dropdown .dropdown-toggle {
    border-color: #999;
  }
  // first one for backwards compatibility
  li.open a.menu:after,
  .dropdown.open .dropdown-toggle:after {
    border-top-color: #555;
  }
}

// Pills
.pills {
  a {
    margin: 5px 3px 5px 0;
    padding: 0 15px;
    line-height: 30px;
    text-shadow: 0 1px 1px @white;
    .border-radius(15px);
    &:hover {
      color: @white;
      text-decoration: none;
      text-shadow: 0 1px 1px rgba(0,0,0,.25);
      background-color: @linkColorHover;
    }
  }
  .active a {
    color: @white;
    text-shadow: 0 1px 1px rgba(0,0,0,.25);
    background-color: @linkColor;
  }
}

// Stacked pills
.pills-vertical > li {
  float: none;
}

// Tabbable areas
.tab-content,
.pill-content {
}
.tab-content > .tab-pane,
.pill-content > .pill-pane,
.tab-content > div,
.pill-content > div {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}


// BREADCRUMBS
// -----------

.breadcrumb {
  padding: 7px 14px;
  margin: 0 0 @baseline;
  #gradient > .vertical(#ffffff, #f5f5f5);
  border: 1px solid #ddd;
  .border-radius(3px);
  .box-shadow(inset 0 1px 0 @white);
  li {
    display: inline;
    text-shadow: 0 1px 0 @white;
  }
  .divider {
    padding: 0 5px;
    color: @grayLight;
  }
  .active a {
    color: @grayDark;
  }
}


// PAGE HEADERS
// ------------

.hero-unit {
  background-color: #f5f5f5;
  margin-bottom: 30px;
  padding: 60px;
  .border-radius(6px);
  h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
  }
  p {
    font-size: 18px;
    font-weight: 200;
    line-height: @baseline * 1.5;
  }
}
footer {
  margin-top: @baseline - 1;
  padding-top: @baseline - 1;
  border-top: 1px solid #eee;
}


// PAGE HEADERS
// ------------

.page-header {
  margin-bottom: @baseline - 1;
  border-bottom: 1px solid #ddd;
  .box-shadow(0 1px 0 rgba(255,255,255,.5));
  h1 {
    margin-bottom: (@baseline / 2) - 1px;
  }
}


// BUTTON STYLES
// -------------

// Shared colors for buttons and alerts
.btn,
.alert-message {
  // Set text color
  &.danger,
  &.danger:hover,
  &.error,
  &.error:hover,
  &.success,
  &.success:hover,
  &.info,
  &.info:hover {
    color: @white
  }
  // Sets the close button to the middle of message
  .close{
    font-family: Arial, sans-serif;
    line-height: 18px;
  }
  // Danger and error appear as red
  &.danger,
  &.error {
    .gradientBar(#F62817, #FF0000);
  }
  // Success appears as green
  &.success {
    .gradientBar(#62c462, #57a957);
  }
  // Info appears as a neutral blue
  &.info {
    .gradientBar(#5bc0de, #339bb9);
  }
}

// Base .btn styles
.btn {
  // Button Base
  cursor: pointer;
  display: inline-block;
  #gradient > .vertical-three-colors(#ffffff, #ffffff, 25%, darken(#ffffff, 10%)); // Dont use .gradientbar() here since it does a three-color gradient
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255,255,255,.75);
  color: #333;
  font-size: @basefont;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  .border-radius(4px);
  @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  .box-shadow(@shadow);

  &:hover {
    background-position: 0 -15px;
    color: #333;
    text-decoration: none;
  }

  // Focus state for keyboard and accessibility
  &:focus {
    outline: 1px dotted #666;
  }

  // Primary Button Type
  &.primary {
    color: @white;
    .gradientBar(@blue, @blueDark)
  }

   // Transitions
  .transition(.1s linear all);

  // Active and Disabled states
  &.active,
  &:active {
    @shadow: inset 0 2px 4px rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.05);
    .box-shadow(@shadow);
  }
  &.disabled {
    cursor: default;
    background-image: none;
    .reset-filter();
    .opacity(65);
    .box-shadow(none);
  }
  &[disabled] {
    // disabled pseudo cant be included with .disabled
    // def because IE8 and below will drop it ;_;
    cursor: default;
    background-image: none;
    .reset-filter();
    .opacity(65);
    .box-shadow(none);
  }

  // Button Sizes
  &.large {
    font-size: @basefont + 2px;
    line-height: normal;
    padding: 9px 14px 9px;
    .border-radius(6px);
  }
  &.small {
    padding: 7px 9px 7px;
    font-size: @basefont - 2px;
  }
}
// Super jank hack for removing border-radius from IE9 so we can keep filter gradients on alerts and buttons
:root .alert-message,
:root .btn {
  border-radius: 0 \0;
}

// Help Firefox not be a jerk about adding extra padding to buttons
button.btn,
input[type=submit].btn {
  &::-moz-focus-inner {
  	padding: 0;
  	border: 0;
  }
}


// CLOSE ICONS
// -----------
.close {
  float: right;
  color: @black;
  font-size: 20px;
  font-weight: bold;
  line-height: @baseline * .75;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
  .opacity(25);
  &:hover {
    color: @black;
    text-decoration: none;
    .opacity(40);
  }
}


// ERROR STYLES
// ------------

// Base alert styles
.alert-message {
  position: relative;
  padding: 7px 15px;
  margin-bottom: @baseline;
  color: @grayDark;
  .gradientBar(#fceec1, #eedc94); // warning by default
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  border-width: 1px;
  border-style: solid;
  .border-radius(4px);
  .box-shadow(inset 0 1px 0 rgba(255,255,255,.25));

  // Adjust close icon
  .close {
    margin-top: 1px;
    *margin-top: 0; // For IE7
  }

  // Make links same color as text and stand out more
  a {
    font-weight: bold;
    color: @grayDark;
  }
  &.danger p a,
  &.error p a,
  &.success p a,
  &.info p a {
    color: @white;
  }

  // Remove extra margin from content
  h5 {
    line-height: @baseline;
  }
  p {
    margin-bottom: 0;
  }
  div {
    margin-top: 5px;
    margin-bottom: 2px;
    line-height: 28px;
  }
  .btn {
    // Provide actions with buttons
    .box-shadow(0 1px 0 rgba(255,255,255,.25));
  }

  &.block-message {
    background-image: none;
    background-color: lighten(#fceec1, 5%);
    .reset-filter();
    padding: 14px;
    border-color: #fceec1;
    .box-shadow(none);
    ul, p {
      margin-right: 30px;
    }
    ul {
      margin-bottom: 0;
    }
    li {
      color: @grayDark;
    }
    .alert-actions {
      margin-top: 5px;
    }
    &.error,
    &.success,
    &.info {
      color: @grayDark;
      text-shadow: 0 1px 0 rgba(255,255,255,.5);
    }
    &.error {
      background-color: lighten(#f56a66, 25%);
      border-color: lighten(#f56a66, 20%);
    }
    &.success {
      background-color: lighten(#62c462, 30%);
      border-color: lighten(#62c462, 25%);
    }
    &.info {
      background-color: lighten(#6bd0ee, 25%);
      border-color: lighten(#6bd0ee, 20%);
    }
    // Change link color back
    &.danger p a,
    &.error p a,
    &.success p a,
    &.info p a {
      color: @grayDark;
    }

  }
}


// PAGINATION
// ----------

.pagination {
  height: @baseline * 2;
  margin: @baseline 0;
  ul {
    float: left;
    margin: 0;
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,.15);
    .border-radius(3px);
    .box-shadow(0 1px 2px rgba(0,0,0,.05));
  }
  li {
    display: inline;
  }
  a {
    float: left;
    padding: 0 14px;
    line-height: (@baseline * 2) - 2;
    border-right: 1px solid;
    border-right-color: #ddd;
    border-right-color: rgba(0,0,0,.15);
    *border-right-color: #ddd; /* IE6-7 */
    text-decoration: none;
  }
  a:hover,
  .active a {
    background-color: lighten(@blue, 45%);
  }
  .disabled a,
  .disabled a:hover {
    background-color: transparent;
    color: @grayLight;
  }
  .next a {
    border: 0;
  }
}


// WELLS
// -----

.well {
  background-color: #f5f5f5;
  margin-bottom: 20px;
  padding: 19px;
  min-height: 20px;
  border: 1px solid #eee;
  border: 1px solid rgba(0,0,0,.05);
  .border-radius(4px);
  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
  blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15);
  }
}


// MODALS
// ------

.modal-backdrop {
  background-color: @black;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  // Fade for backdrop
  &.fade { opacity: 0; }
}

.modal-backdrop,
.modal-backdrop.fade.in {
  .opacity(80);
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 11000;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: @white;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,.3);
  *border: 1px solid #999; /* IE6-7 */
  .border-radius(6px);
  .box-shadow(0 3px 7px rgba(0,0,0,0.3));
  .background-clip(padding-box);
  .close { margin-top: 7px; }
  &.fade {
    .transition(e('opacity .3s linear, top .3s ease-out'));
    top: -25%;
  }
  &.fade.in { top: 50%; }
}
.modal-fb {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 11000;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: @white;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,.3);
  *border: 1px solid #999; /* IE6-7 */
  .border-radius(6px);
  .box-shadow(0 3px 7px rgba(0,0,0,0.3));
  .background-clip(padding-box);
  .close { margin-top: 7px; }
  &.fade {
    .transition(e('opacity .3s linear, top .3s ease-out'));
    top: -25%;
  }
  &.fade.in { top: 50%; }
}
.modal-header {
  border-bottom: 1px solid #eee;
  padding: 5px 15px;
}
.modal-body {
  padding: 15px;
}
.modal-body form {
  margin-bottom: 0;
}
.modal-footer {
  background-color: #f5f5f5;
  padding: 14px 15px 15px;
  border-top: 1px solid #ddd;
  .border-radius(0 0 6px 6px);
  .box-shadow(inset 0 1px 0 @white);
  .clearfix();
  margin-bottom: 0;
  .btn {
    float: right;
    margin-left: 5px;
  }
}

// Fix the stacking of these components when in modals
.modal .popover,
.modal .twipsy {
  z-index: 12000;
}


// POPOVER ARROWS
// --------------

#popoverArrow {
  .above(@arrowWidth: 5px) {
    bottom: 0;
    left: 50%;
    margin-left: -@arrowWidth;
    border-left: @arrowWidth solid transparent;
    border-right: @arrowWidth solid transparent;
    border-top: @arrowWidth solid @black;
  }
  .left(@arrowWidth: 5px) {
    top: 50%;
    right: 0;
    margin-top: -@arrowWidth;
    border-top: @arrowWidth solid transparent;
    border-bottom: @arrowWidth solid transparent;
    border-left: @arrowWidth solid @black;
  }
  .below(@arrowWidth: 5px) {
    top: 0;
    left: 50%;
    margin-left: -@arrowWidth;
    border-left: @arrowWidth solid transparent;
    border-right: @arrowWidth solid transparent;
    border-bottom: @arrowWidth solid @black;
  }
  .right(@arrowWidth: 5px) {
    top: 50%;
    left: 0;
    margin-top: -@arrowWidth;
    border-top: @arrowWidth solid transparent;
    border-bottom: @arrowWidth solid transparent;
    border-right: @arrowWidth solid @black;
  }
}

// TWIPSY
// ------

.twipsy {
  display: block;
  position: absolute;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  z-index: 1000;
  .opacity(80);
  &.fade.in {
    .opacity(80);
  }
  &.above .twipsy-arrow   { #popoverArrow > .above(); }
  &.left .twipsy-arrow    { #popoverArrow > .left(); }
  &.below .twipsy-arrow   { #popoverArrow > .below(); }
  &.right .twipsy-arrow   { #popoverArrow > .right(); }
}
.twipsy-inner {
  padding: 3px 8px;
  background-color: @black;
  color: white;
  text-align: center;
  max-width: 200px;
  text-decoration: none;
  .border-radius(4px);
}
.twipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
}


// POPOVERS
// --------

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 5px;
  display: none;
  &.above .arrow { #popoverArrow > .above(); }
  &.right .arrow { #popoverArrow > .right(); }
  &.below .arrow { #popoverArrow > .below(); }
  &.left .arrow  { #popoverArrow > .left(); }
  .arrow {
    position: absolute;
    width: 0;
    height: 0;
  }
  .inner {
    background: @black;
    background: rgba(0,0,0,.8);
    padding: 3px;
    overflow: hidden;
    width: 280px;
    .border-radius(6px);
    .box-shadow(0 3px 7px rgba(0,0,0,0.3));
  }
  .title {
    background-color: #f5f5f5;
    padding: 9px 15px;
    line-height: 1;
    .border-radius(3px 3px 0 0);
    border-bottom:1px solid #eee;
  }
  .content {
    background-color: @white;
    padding: 14px;
    .border-radius(0 0 3px 3px);
    .background-clip(padding-box);
    p, ul, ol {
      margin-bottom: 0;
    }
  }
}


// PATTERN ANIMATIONS
// ------------------

.fade {
  .transition(opacity .15s linear);
  opacity: 0;
  &.in {
    opacity: 1;
  }
}


// LABELS
// ------

.label {
  padding: 1px 3px 2px;
  font-size: @basefont * .75;
  font-weight: bold;
  color: @white;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: @grayLight;
  .border-radius(3px);
  &.important { background-color: #c43c35; }
  &.warning   { background-color: @orange; }
  &.success   { background-color: @green; }
  &.notice    { background-color: lighten(@blue, 25%); }
}


// MEDIA GRIDS
// -----------

.media-grid {
  margin-left: -@gridGutterWidth;
  margin-bottom: 0;
  .clearfix();
  li {
    display: inline;
	position: relative;
  }
  a {
    float: left;
    padding: 4px;
    margin: 0 0 @baseline @gridGutterWidth;
    border: 1px solid #ddd;
    .border-radius(4px);
    .box-shadow(0 1px 1px rgba(0,0,0,.075));
    img {
      display: block;
    }
    &:hover {
      border-color: @linkColor;
      .box-shadow(0 1px 4px rgba(0,105,214,.25));
    }
  }
}

//CO Styles START

.container {
	position: relative;
}

.body {

}

a,a:active,a:hover,a:visited,a:focus {
	outline: none;
	text-decoration: none;
}

a:hover {
	border-color: none !important;
	box-shadow: none !important;
	text-decoration: underline !important;
}

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

.span4 {
	position: relative;
}

.full {
	clear: both;
	position: relative;
	width: 100%;
}
.full:after {
	clear: both;
}

header.full {
	background: #000;
	color: #fff;
	height: 108px;
}

header .brand img {
	margin-top: 14px;
}

header nav#top-nav {
	float: right;
	height: 25px;
	margin-top: 25px;
	min-width: 225px;
}

header nav#top-nav ul li {
	float: left;
	margin: 0 0 0 28px;
}

header nav#top-nav ul li:first-child {
	margin: 0;
}

header nav#top-nav ul li a {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
}

header .fb-like {
  position: absolute;
  right: 0;
  top: 61px;
	width: 75px;
}

#main-nav {
	background: #f00;
	height: 42px;
	margin: 0 0 6px;
}

#str_top {
	background: url('../images/stripe_top.png') repeat-x;
	height: 6px;
	left: 0;
	position: absolute;
	top: -6px;
	width: 100%;
}

#main-nav ul li {
	float: left;
}

#main-nav ul li a {
	color: #fff;
	float: left;
	font-size: 20px;
	height: 42px;
	line-height: 36px;
	margin: 0 72px 0 0;
	padding: 0 10px;
	text-transform: uppercase;
}

#main-nav ul li a:hover, #main-nav ul li a:focus {
	background: rgba(0,0,0,0.25);
}

#main-nav ul li:last-child a {
	margin-right: 0;
}

#str_btm {
	background: url('../images/stripe_bottom.png') repeat-x;
	height: 6px;
	width: 100%;
}

footer {
	clear: both;
	position: relative;
	width: 100%;
}

.stalk_me, .unstalk_me {
	background: url("/images/sprite.png") no-repeat;
	border: 0;
	clear: both;
	float: left;
	width: 88px;
	cursor: pointer;
}

.stalk_me {
	background-position: -45px -268px;
	height: 35px;
	margin: 6px 0 10px 46px;
}

.stalk_me:hover {
	background-position: -45px -303px;
}

.unstalk_me {
	background-position: -45px -374px;
	height: 30px;
	margin: 10px 0 0 46px;
}

.unstalk_me:hover {
	background-position: -45px -407px;
}

// Home Page
h1.font-didot {
	border-bottom: 5px solid #f00;
	color: #000;
	font-size: 40px;
	text-transform: uppercase;
}
h1.font-didot a, h1.font-didot a:active, h1.font-didot a:visited, h1.font-didot a:hover, a h1.font-didot, a:active h1.font-didot, a:visited h1.font-didot, a:hover h1.font-didot {
	color: #000;
}
.font-didot a:hover {
	text-decoration: underline !important;
}

.list-top-ten {
	float: left;
	position: relative;
	width: 100%;
}
.list-top-ten a {
	position:relative;
	top:10px;
	padding: 20px 125px 15px;
}
.list-top-ten h5:hover, .list-fresh-meat h5:hover {
	text-decoration:underline;
}
.list-top-ten h6:hover, .list-fresh-meat h6:hover {
	text-decoration:underline;
}
.list-top-ten li {
	border-bottom: 1px solid #000;
	float: left;
	min-height: 90px;
	padding: 10px 0 0;
	position: relative;
	width: 100%;
}

.list-top-ten li:first-child{
	padding: 0;
}

.list-top-ten-count {
	color: #000;
	font-size: 60px;
	left: 0;
	position: absolute;
	text-transform: uppercase;
	top: 10px;
}

.list-top-ten li h5 {
	clear: both;
	color: #000;
	font-family: 'Times', serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
	float: right;
	min-height: 18px;
	line-height: 21px;
	text-align: left;
	text-transform: uppercase;
	width: 290px;
}

.list-top-ten li h6 {
	clear: both;
	color: #666;
	font-family: 'Arial', Sans-serif;
	font-size: 11px;
	font-weight: 400;
	float: right;
	min-height: 11px;
	line-height: 14px;
	text-align: left;
	text-transform: uppercase;
	width: 290px;
}

.list-fresh-meat {
	float: left;
	position: relative;
	width: 100%;
}

.list-fresh-meat a {
	position:relative;
	top:10px;
	padding: 20px 125px 15px;
}


.list-fresh-meat li {
	border-bottom: 1px solid #000;
	float: left;
	height: 90px;
	padding: 10px 0 0;
	position: relative;
	width: 100%;
}

.list-fresh-meat li:first-child{
	padding: 0;
}

.list-fresh-meat img {
	background: white;
	color: #000;
	left: 0;
	position: absolute;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.list-fresh-meat img {
		top: -4px;
	}
}

.list-fresh-meat li h5 {
	clear: both;
	color: #000;
	font-family: 'Times', serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
	float: right;
	min-height: 18px;
	line-height: 21px;
	text-align: left;
	text-transform: uppercase;
	width: 280px;
}

.list-fresh-meat li h6 {
	clear: both;
	color: #666;
	font-family: 'Arial', Sans-serif;
	font-size: 11px;
	font-weight: 400;
	float: right;
	min-height: 11px;
	line-height: 14px;
	text-align: left;
	text-transform: uppercase;
	width: 280px;
}

.list-fresh-meat .stalk_me, .list-fresh-meat .unstalk_me {
	margin-left: 55px;
}

#obsess-title {
	font-size: 32px;
	padding:0 0 4px;
}

#latest-title {
	border: 0;
	font-size: 18px;
	left: 0;
	position: absolute;
	top: -22px;
}

.list-obsessions {
	float: left;
	position: relative;
	width: 115%;
}

.list-obsessions li {
	float: left;
	height: 116px;
	margin: 10px 10px 0 0;
	overflow: hidden;
	position: relative;
	width: 42%;
}
.list-obsessions li:nth-child(1) {
	margin-top: 0;
}
.list-obsessions li:nth-child(2) {
	margin-top: 0;
}
.list-obsessions li:nth-child(2n+2) {
	margin-right: 0;
}

.list-obsessions li img {
	float: left;
	height: auto;
	width: 100%;
}

//Profile
#prof-logo {
	border: 1px solid #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
	clear: both;
	display: block;
	float: left;
	height: 80px;
	margin: 10px 0;
	position: relative;
	width: 218px;
}

#prof-logo img {
	position: absolute;
	max-height: 80px;
	max-width:100px;
}

#prof-search-container {
	border: 1px solid #ccc;
	clear: both;
	display: block;
	height: 26px;
	margin: 8px 0 29px;
	position: relative;
}

#prof-search-input {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	height: 22px;
	left: 2px;
	padding: 0;
	position: absolute;
	top: 2px;
	width: 186px;
}

#prof-search-button {
	background: url('../images/searchglass.jpg') no-repeat;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	height: 26px;
	position: absolute;
	right: 0;
	top: 0;
	width: 27px;
}

#prof-location-container {
	clear: both;
	float: left;
	height: 28px;
	margin: 8px 0 27px;
	position: relative;
	width: 100%;
}

.loc-con {
	border: 1px solid #666;
	display: block;
	height: 26px;
	margin: 0 0 10px;
	position: relative;
}

.prof-location-dd {
	background: none;
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	height: 26px;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 11;
}

.place-holder {
	color: #ccc;
	font-size: 13px;
	height: 26px;
	left: 4px;
	line-height: 26px;
	position: absolute;
	top: 1px;
	width: 100%;
	z-index: 8;
}

.prof-location-dd ul {
	background: #666;
	color: #999;
	display: none;
	font-size: 13px;
	min-height: 28px;
	left: -1px;
	padding: 10px;
	position: absolute;
	top: -1px;
	width: 200px;
	z-index: 20;
	height: 200px;
	overflow-y:auto;
}

.prof-location-dd ul li {
	float: left;
	width: 100%;
}

.prof-location-dd ul li a {
	color: #fff;
	display: block;
	padding: 2px 0;
}

.prof-location-button {
	background: url('../images/down.png') no-repeat;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	height: 28px;
	position: absolute;
	right: 0;
	top: -1px;
	width: 28px;
	z-index: 12;
}

#close-select {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9;
}

#prof-title {
	border-bottom: 1px solid #ccc;
	float: left;
	font-size: 40px;
	margin: 0;
	padding: 10px 0 14px;
	position: relative;
	width: 100%;
}

#prof-title .stalk_me, #prof-title .unstalk_me {
	position: absolute;
	right: 2px;
	top: 12px;
}

#prof-info {
	float: left;
	font-family: "Arial", Sans-serif;
	font-size: 11px;
	padding: 17px 0 14px;
	text-transform: uppercase;
	width: 100%;
}

#prof-info a {
	color: #000;
}

#prof-info a:hover {
	color: #000;
	text-decoration: none;
}

#prof-info1 {
	color: #000;
	float: left;
	margin: 0 10px 0 0;
	text-decoration: none;
}

#prof-info1:hover {
	text-decoration: none;
}

#prof-info2 {
	float: left;
	margin: 0 10px;
}

#prof-info3 {
	float: left;
	margin: 0 10px;
}

#prof-info4 {
	float: left;
	margin: 0 0 0 10px;
}

.slash {
	float: left;
}

#prof-grid-container {
	float: left;
	position: relative;
}

#prof-grid {
	border-top: 1px solid #ccc;

	float: left;
	margin: 20px 0 0;
	padding: 8px 0;
	position: relative;
	width: 100%;
}

#prof-grid li {
	border-right: 1px solid  #ccc;
	float: left;
	height: 140px;
	position: relative;
	text-align:center;
	width: 139px;
}

#prof-grid li:nth-child(6n+5) {
	border-right: 0;
}

#prof-grid li:nth-child(6n+6) {
	background: #ccc;
	border: 0;
	height: 1px;
	margin: 8px 0;
	text-align: center;
	width: 100%;
}

#prof-grid li img {
	display: inline !important;
	max-height: 140px;
	max-width: 135px;
}

#prof-sortby {
	float: left;
	font-family: "Georgia", Serif;
	font-size: 12px;
	margin: 0 0 27px;
	text-transform: uppercase;
	width: 100%;
}

#prof-sortby1 {
	color: #000;
	margin-right: 5px;
}

#prof-sortby2 {
	color: #f00;
	margin-right: 7px;
}

#prof-sortby3 {
	color: #ccc;
	margin-right: 7px;
}

#prof-sortby4 {
	color: #ccc;
}

// Latest Obsessions

#latest-hero {
	float: left;
	height: 64px;
	margin: 20px 0 20px 50px;
	width: 840px;
}

#latest-search {
	float: left;
	margin-top: 20px;
	width: 100%;
}

#latest-location {
	margin-top: 20px;
}

#latest-cat {
	float: left;
	font-size: 32px;
	margin-top: 40px;
	width: 100%;
}

//Stalking
#stalking-hero {
	float: left;
	height: 68px;
	margin: 20px 0 20px 25px;
	width: 890px;
}

//About
.container-about {
	font-family: "Georgia", Serif;
	font-size: 14px;
	line-height: 24px;
}

#about-hero {
	float: left;
	height: 90px;
	margin: 20px 0 20px 110px;
	width: 800px;
}

h1.about-section-header {
	font-size: 28px;
	margin: 40px 0 10px;
	text-align: center;
}

.tleft {
	float: right;
	height: 125px;
	width: 21px;
}

#about-top {
	text-align: center;
}

.tright {
	float: left;
	height: 125px;
	width: 21px;
}

.tabs {
	background-color: red;
	border-top-image:url('/images/stripe_top.png');
	border-bottom-image:url('/images/stripe_top.png');
	padding-left: 35px;
}
.tabs li {
	display: inline;
	padding: 4px;
}

.tabs #top_ten {
	margin-left: -41px;
	padding: 13px 105px 12px 10px;
}

.tabs #top_ten:hover {
	background-color: #CC0000;
	background-image: url("/images/sprite.png");
	background-position: 25px -223px;

}

.tabs #fresh_meat {
	margin-left: -8px;
	padding: 13px 128px 12px 10px;
}

.tabs #fresh_meat:hover {
	background-image: url("/images/sprite.png");
	background-position: -90px -223px;

}

.tabs #all_bloggers {
	margin-left: -8px;
	padding: 13px 154px 12px 10px;
}

.tabs #all_bloggers:hover {
	background-image: url("/images/sprite.png");
	background-position: -228px -223px;

}

.tabs #latest_obsessions {
	margin-left: -8px;
	padding: 13px 187px 12px 10px;
}

.tabs #latest_obsessions:hover {
	background-image: url("/images/sprite.png");
	background-position: -392px -223px;

}

.tabs #currently_stalking {
	margin-left: -9px;
	padding: 13px 205px 12px 10px;
}

.tabs #currently_stalking:hover {
	background-image: url("/images/sprite.png");
	background-position: -588px -223px;

}

.tabs #my_favorites {
	margin-left: -9px;
	padding: 13px 126px 12px 10px;
}

.tabs #my_favorites:hover {
	background-image: url("/images/sprite.png");
	background-position: 338px -223px;

}

.media-grid a {
	box-shadow: none;
}

.twitter-login-button {
	float: right;
	margin-top: 30px;
	margin-right: 10px;
}

#nav {
	background-image: url('/images/sprite.png');
	background-position: 0px -175px;
	padding: 12px;
    width: 940px;
}

.hero-unit {
	background-color: white;
	margin-bottom: -10px;
}

#obsess {
	margin-left: 200px;
	margin-bottom: -19px;
}

#obsess_shadow {
	margin-top: -5px;
	border-bottom: 3px solid white;
}

#stalk_text {
	margin-top: 25px;
	margin-left: 105px;
}

#stripe_top {
	background-image:url('/images/stripe_top.png');
	height: 5px;
}

#stripe_bottom {
	background-image:url('/images/stripe_bottom.png');
	margin-top: -20px;
	height: 5px;
}

.image {
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	position: relative;
}

#the_top_ten_title {
	margin-left: 100px;
	margin-bottom: 30px;
}

.top_ten_page .top_ten_page_img {
	border: none !important;
	vertical-align: middle;
	text-align: center;
	margin-right: 3px !important;
	margin-left: 3px !important;
	width: 115px;
	height: 105px;
	padding: 2px !important;
	position: relative;
	right: -25px;
}

.top_ten_page .top_ten_page_img img {
	position: relative;
	text-align: center;
	vertical-align: middle;
	max-width: 115px;
	max-height: 100px;
}

.top_ten_page .row h5 {
	top: 0px;
	right: -15px;
}

.top_ten_page .row h6 {
	top: -6px;
	right: -15px;
}

.top_ten_page .image {
	top:10px;
}

.top_ten_page .stalk_me {
	margin: 6px 0 0 46px;
}

.top_ten_page .unstalk_me {
	margin: 5px 0 0 12px;
}

#the_top_ten_0 {
	background-image: url('/images/the_top_ten_numbers_black.png');
	background-position: -15px -15px;
	height: 127px;
	width: 70px;
	float:left;
}
#the_top_ten_1 {
	background-image: url('/images/the_top_ten_numbers_black.png');
    background-position: -15px -164px;
	height: 127px;
	width: 70px;
	float:left;
}
#the_top_ten_2 {
	background-image: url('/images/the_top_ten_numbers_black.png');
	background-position: -15px -315px;
	height: 127px;
	width: 70px;
	float:left;
}
#the_top_ten_3 {
	background-image: url('/images/the_top_ten_numbers_black.png');
	background-position: -15px -465px;
	height: 127px;
	width: 70px;
	float:left;
}
#the_top_ten_4 {
	background-image: url('/images/the_top_ten_numbers_black.png');
	background-position: -15px -615px;
	height: 127px;
	width: 70px;
	float:left;
}
#the_top_ten_5 {
	background-image: url('/images/the_top_ten_numbers_black.png');
	background-position: -15px -767px;
	height: 127px;
	width: 70px;
	float:left;
}
#the_top_ten_6 {
	background-image: url('/images/the_top_ten_numbers_black.png');
	background-position: -15px -920px;
	height: 127px;
	width: 70px;
	float:left;
}
#the_top_ten_7 {
	background-image: url('/images/the_top_ten_numbers_black.png');
	background-position: -15px -1075px;
	height: 127px;
	width: 70px;
	float:left;
}
#the_top_ten_8 {
	background-image: url('/images/the_top_ten_numbers_black.png');
	background-position: -15px -1229px;
	height: 127px;
	width: 70px;
	float:left;
}
#the_top_ten_9 {
	background-image: url('/images/the_top_ten_numbers_black.png');
	background-position: -15px -1383px;
	height: 127px;
	width: 70px;
	float:left;
}
.gray_separator_h {
	border-bottom: 1px solid #ddd;
}
.gray_separator_v {
	border-left: 1px solid #ddd;
    left: 20px;
    padding-bottom: 60px;
    padding-top: 35px;
    position: relative;
}
.gray_separator_v_4 {
	border-left: none;
    left: 20px;
    padding-bottom: 60px;
    padding-top: 35px;
    position: relative;
}

#fresh_meat_page_title {
    margin-top: 10px;
	margin-bottom: 40px;

}
#fresh_meat_categories_title {
	background-image: url('/images/fresh_meat_sprite.png');
	background-position: 0 60px;
    height: 55px;
    margin-top: -34px;
    margin-bottom: 10px;
    width: 215px;
    border-bottom: 5px solid red;
}
#select_all_none {
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Times New Roman, serif;
	font-weight: 100;
	font-size: 15px;
	font-style: italic;
}
.category {
	margin-left: 0px;
	margin-top: 10px;
	padding-top: 2px;
	border-bottom: 1px dotted black;
}

.category :hover {
	cursor:pointer;
}

.category label {
	float: none;
	margin-left: 5px;
	font-family: Times New Roman, serif;
	font-weight: 100;
	font-size: 15px;
	text-transform: uppercase;
}

.category input {
	float: left;
	margin-right: 5px;
	background: url('/images/sprite.png') 0 0px no-repeat;
	height: 16px;
}

.fresh_meat_page {
	padding-left: 25px;
	margin: 25px;
}
.fresh_meat_page .stalk_me {
	margin: 6px 0 0 46px;
}

.fresh_meat_page .unstalk_me {
    margin: 5px 0 0 3px;
}

.fresh_meat_page h5 h6 {
	width: 100px;
}

.fresh_meat_page img {
	float:left;
}

#all_bloggers_page_title {
	margin-top: 5px;
	margin-left: 40px;
	margin-bottom: 40px;
}
.all_bloggers_page {
	padding-left: 25px;
	margin: 25px;
}
.all_bloggers_page h5 h6 {
	width: 100px;
}
.all_bloggers_page img {
	float:left;
}
#all_bloggers_categories_title {
	background-image: url('/images/fresh_meat_sprite.png');
	background-position: 0 60px;
    height: 55px;
    margin-top: -34px;
    margin-bottom: 10px;
    width: 215px;
    border-bottom: 5px solid red;
}

#inv-input-con {
	clear: both;
}

.show-success {
	clear: both;
	display: none;
}

.fb-btn {
	background: url('/images/cf.png') no-repeat;
	border: 0;
	clear: both;
	float: left;
	height: 25px;
	margin: 10px 0 10px 110px;
	width: 194px;
}

.mm {
	margin-left: 122px;
}

#hero {
	margin-top: 22px;
}

#hero h1 {
	background:url("/images/obsess_shadow.png") no-repeat scroll 56px 56px transparent;
	border:0 none;
	font-size:84px;
	font-style:italic;
	font-weight:400;
	height:74px;
	line-height:84px;
	margin:0 0 17px;
	overflow:hidden;
	text-align:center;
	width:100%;
}

#hero h1.hero-longer {
	background-position:56px 54px;
	font-size: 78px;
	height: 72px;
	margin-top: -2px;
}

#hero h2 {
	font-size: 24px;
	height: 24px;
	line-height: 24px;
	margin: 0 0 40px;
	text-align: center;
	width: 100%;
}

.top-ten-container .top-ten-row {
	height: 152px;
}
.top-ten-seperator {
	height: 1px;
	border-bottom: 1px solid #ccc;
}

.top-ten-container h5 {
	clear:both;
	float:left;
	font-family:"Times",serif;
	font-size:18px;
	font-style:italic;
	font-weight:400;
	min-height:18px;
	line-height:18px;
	margin:30px 0 10px 15px;
	text-transform:uppercase;
}

.top-ten-container h6 {
	clear: both;
	float:left;
	font-size: 11px;
	font-weight:400;
	min-height: 11px;
	line-height: 11px;
	margin:0 0 5px 15px;
}

.top-ten-container .stalk_me {
	margin: 0 0 0 10px;
}

.top-ten-container .unstalk_me {
	margin: 5px 0 0 10px;
}

.top-ten-container .tt-left {
	background: #000;
	float: left;
	height: 152px;
	width: 70px;
}

.top-ten-container .tt-left div {
	float: left;
	margin: 26px 0 0;
}

.top-ten-container .tt-right {
	float: left;
	height: 152px;
	width: 200px;
}

.media-grid li {
	border-right: 1px solid #ccc;
	display:block;
	float:left;
	height: 133px;
	margin:10px 0 0;
	width: 131px;
}

.media-grid li:last-child {
	border-right: 0;
}

.media-grid li a {
	border: 0;
	border-radius: 0;
	height: 133px;
	margin: 0;
	padding: 0 9px;
	position: relative;
	text-align:center;
	width:113px;
}

.media-grid li a img {
	display: inline !important;
	max-height: 105px;
	max-width: 115px;
}

#invitation_password {
	border: 1px solid #f00;
	border-radius: 0;
}

#enter_invitation_button {
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	color: #000;
	font-family:"Times",serif;
	font-size:14px;
	height:28px;
	line-height:14px;
	padding:7px 14px;
	text-transform: uppercase;
}

#modal-bg {
	background: rgba(0,0,0,0.75);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

#modal-im-a-blogger {
	background: #fff;
	display: none;
	height: 380px;
	position: absolute;
	width: 740px;
	z-index: 1001;
}

#modal-im-a-blogger .modal-header {
	background: #f00;
	float: left;
	height: 40px;
	padding: 0 !important;
	position: relative;
	width: 100%;
}

#modal-im-a-blogger .modal-header h1 {
	border: 0;
	color: #fff;
	float: left;
	font-size: 41px;
	height: 41px;
	margin: 6px 0 0 40px;
}

#modal-im-a-blogger .modal-header .x {
	background: url('/images/x.png') no-repeat;
	cursor: pointer;
	height: 10px;
	position: absolute;
	right: 14px;
	top: 14px;
	width: 12px;
}

#modal-im-a-blogger .modal-main {
	clear: both;
	float: left;
	width: 100%;
}

#modal-im-a-blogger .modal-main .modal-left {
	float: left;
	font-family: "Georgia", serif;
	font-size: 14px;
	line-height: 18px;
	margin: 70px 0 0 40px;
	width: 230px;
}

#modal-im-a-blogger .modal-main .modal-right {
	float: right;
	margin: 40px 20px 0 0;
	width: 400px;
}

#modal-im-a-blogger .modal-main .modal-right label {
	float: left;
	font-family: "Georgia", Times, serif;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	margin: 8px 9px 0 0;
	text-align: right;
	text-transform: uppercase;
}

#modal-im-a-blogger .modal-main .modal-right input[type=email], #modal-im-a-blogger .modal-main .modal-right input[type=text] {
	border:1px solid #CCCCCC;
	border-radius:0 0 0 0;
	color:#000000;
	float:left;
	font-size:16px;
	height:29px;
	margin: 0 0 20px;
	width:220px;
}

#modal-im-a-blogger .modal-main .modal-right .submit {
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	color: #000;
	float: left;
	font-family:"Times",serif;
	font-size:14px;
	height:28px;
	line-height:14px;
	margin:0 0 0 139px;
	padding:7px 14px;
	text-transform: uppercase;
}

#modal-fb {
	position:relative;
	left: -75px;
}
#modal-fb-right {
    left: -123px;
    position: absolute;
    top: 85px;
}
#modal-fb-right-login {
    left: -125px;
    position: absolute;
    top: 29px;
}
#modal-fb-login {
	background: #fff;
	display: none;
	height: 190px;
	position: absolute;
	width: 500px;
	z-index: 1001;
}
#or {
	position:absolute;
	top: 209px;
	left: 325px;
	font-family:"Times",serif;
	font-size: 17px;
}
#or2 {
	position:absolute;
	top: 153px;
	left: 325px;
	font-family:"Times",serif;
	font-size: 17px;
}

#modal-fb-login .modal-header {
	background: #f00;
	float: left;
	height: 40px;
	padding: 0 !important;
	position: relative;
	width: 100%;
}

#modal-fb-login .modal-header h1 {
	border: 0;
	color: #fff;
	float: left;
	font-size: 41px;
	height: 41px;
	margin: 6px 0 0 40px;
}

#modal-fb-login .modal-header .x {
	background: url('/images/x.png') no-repeat;
	cursor: pointer;
	height: 10px;
	position: absolute;
	right: 14px;
	top: 14px;
	width: 12px;
}

#modal-fb-login .modal-main {
	clear: both;
	float: left;
	width: 100%;
}

#modal-fb-login .modal-main .modal-left,#modal-fb-login .modal-main .modal-right  {
	float: left;
	font-family: "Georgia", serif;
	font-size: 14px;
	line-height: 12px;
	margin: 23px 0 0 40px;
	width: 270px;
}

#modal-fb-login .modal-main .modal-right {
	float: right;
	margin: 40px 20px 0 0;
	width: 400px;
}
#modal-fb-login .modal-main .modal-left {
	float: left;
	margin: 40px 20px 0 0;
	width: 400px;
}

#modal-fb-login .modal-main .modal-right label,#modal-fb-login .modal-main .modal-left label {
	float: left;
	font-family: "Georgia", Times, serif;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	margin: 8px 9px 0 0;
	text-align: right;
	text-transform: uppercase;
}

#modal-fb-login .modal-main .modal-right input[type=email], #modal-fb-login .modal-main .modal-right input[type=text],#modal-fb-login .modal-main .modal-right input[type=password] {
	border:1px solid #CCCCCC;
	border-radius:0 0 0 0;
	color:#000000;
	float:left;
	font-size:16px;
	height:29px;
	margin: 0 0 20px;
	width:170px;
}
#modal-fb-login .modal-main .modal-left input[type=email], #modal-fb-login .modal-main .modal-left input[type=text],#modal-fb-login .modal-main .modal-left input[type=password] {
	border:1px solid #CCCCCC;
	border-radius:0 0 0 0;
	color:#000000;
	float:left;
	font-size:16px;
	height:29px;
	margin: 0 0 20px;
	width:170px;
}

#modal-fb-login .modal-main .modal-right .submit {
	border-radius: 4px;
	color: #fff;
	float: left;
	font-family:"Times",serif;
	font-size:20px;
	height:28px;
	line-height:14px;
	margin:0 0 0 139px;
	padding:7px 14px;
	text-transform: uppercase;
}
#modal-fb-login .submit2 {
	border-radius: 4px;
	color: #fff;
	float: left;
	font-family:"Times",serif;
	font-size:20px;
	height:28px;
	line-height:14px;
	margin:0 0 0 139px;
	padding:7px 14px;
	text-transform: uppercase;
}
#modal-fb-login .modal-main .divider, #modal-fb-login .modal-main .divider2 {
    border-left: 1px solid black;
    height: 65px;
    left: 249px;
    position: absolute;
    top: 108px;
    width: 10px;
}

#modal-fb-login .modal-main .modal-left .submit {
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	color: #000;
	float: left;
	font-family:"Times",serif;
	font-size:20px;
	height:28px;
	line-height:14px;
	margin:0 0 0 139px;
	padding:7px 14px;
	text-transform: uppercase;
}
#modal-fb-login-reset {
	background: #fff;
	display: none;
	height: 190px;
	position: absolute;
	width: 500px;
	z-index: 1001;
}
#modal-fb-login-reset .modal-header {
	background: #f00;
	float: left;
	height: 40px;
	padding: 0 !important;
	position: relative;
	width: 100%;
}

#modal-fb-login-reset .modal-header h1 {
	border: 0;
	color: #fff;
	float: left;
	font-size: 41px;
	height: 41px;
	margin: 6px 0 0 40px;
}

#modal-fb-login-reset .modal-header .x {
	background: url('/images/x.png') no-repeat;
	cursor: pointer;
	height: 10px;
	position: absolute;
	right: 14px;
	top: 14px;
	width: 12px;
}

#modal-fb-login-reset .modal-main {
	clear: both;
	float: left;
	width: 100%;
}

#modal-fb-login-reset .modal-main .modal-left,#modal-fb-login-reset .modal-main .modal-right  {
	float: left;
	font-family: "Georgia", serif;
	font-size: 14px;
	line-height: 12px;
	margin: 23px 0 0 40px;
	width: 270px;
}

#modal-fb-login-reset .modal-main .modal-right {
	float: right;
	margin: 40px 20px 0 0;
	width: 400px;
}
#modal-fb-login-reset .modal-main .modal-left {
	float: left;
	margin: 40px 20px 0 0;
	width: 400px;
}

#modal-fb-login-reset .modal-main .modal-right label,#modal-fb-login-reset .modal-main .modal-left label {
	float: left;
	font-family: "Georgia", Times, serif;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	margin: 8px 9px 0 0;
	text-align: right;
	text-transform: uppercase;
}

#modal-fb-login-reset .modal-main .modal-right input[type=email], #modal-fb-login-reset .modal-main .modal-right input[type=text],#modal-fb-login-reset .modal-main .modal-right input[type=password] {
	border:1px solid #CCCCCC;
	border-radius:0 0 0 0;
	color:#000000;
	float:left;
	font-size:16px;
	height:29px;
	margin: 0 0 20px;
	width:170px;
}
#modal-fb-login-reset .modal-main .modal-left input[type=email], #modal-fb-login-reset .modal-main .modal-left input[type=text],#modal-fb-login-reset .modal-main .modal-left input[type=password] {
	border:1px solid #CCCCCC;
	border-radius:0 0 0 0;
	color:#000000;
	float:left;
	font-size:16px;
	height:29px;
	margin: 0 0 20px;
	width:170px;
}

#modal-fb-login-reset .modal-main .modal-right .submit {
	border-radius: 4px;
	color: #fff;
	float: left;
	font-family:"Times",serif;
	font-size:20px;
	height:28px;
	line-height:14px;
	margin:0 0 0 139px;
	padding:7px 14px;
	text-transform: uppercase;
}
#modal-fb-login-reset .submit2 {
	border-radius: 4px;
	color: #fff;
	float: left;
	font-family:"Times",serif;
	font-size:20px;
	height:28px;
	line-height:14px;
	margin:0 0 0 139px;
	padding:7px 14px;
	text-transform: uppercase;
}
#modal-fb-login-reset .modal-main .divider, #modal-fb-login-reset .modal-main .divider2 {
    border-left: 1px solid black;
    height: 65px;
    left: 249px;
    position: absolute;
    top: 108px;
    width: 10px;
}

#modal-fb-login-reset .modal-main .modal-left .submit {
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	color: #000;
	float: left;
	font-family:"Times",serif;
	font-size:20px;
	height:28px;
	line-height:14px;
	margin:0 0 0 139px;
	padding:7px 14px;
	text-transform: uppercase;
}
#modal-fb-login-reset .h2 {	line-height: 25px; font-size: 17px; margin-left: 63px; width: 374px; text-align:center; }

.row-fresh-meat {
	float:left;
	margin:20px 0 0 10px;
	padding:0;
	width:340px;
    height: 110px;
}
.row-fresh-meat:nth-child(1), .row-fresh-meat:nth-child(2) {
	margin-top: 0;
}

.row-fresh-meat-left {
	float:left;
	height: 60px;
margin:0 10px 0 0;
padding:0;
width: 60px;
}

.row-fresh-meat-left img {
	margin: 0;
	padding: 0;
}

.row-fresh-meat-right {
	float: left;
	margin: 0;
	padding: 0;
	width: 270px;
}

.row-fresh-meat-right .blog-name {
	clear: both;
	color: #000;
	float: left;
	font-family: "Times", serif;
	font-size: 16px;
	font-weight: 400;
	min-height: 16px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
}

.row-fresh-meat-right .blog-name a, .row-fresh-meat-right .blog-name a:active, .row-fresh-meat-right .blog-name a:visited, .row-fresh-meat-right .blog-name a:hover {
	color: #000;
}

.row-fresh-meat-right .blog-url {
	clear: both;
	color: #707070;
	float: left;
	font-family: "Arial", Sans-serif;
	font-size: 11px;
	font-weight: 400;
	min-height: 11px;
	line-height: 11px;
	margin:4px 0 0;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
}

.row-fresh-meat-right .blog-state {
	color: #707070;
	float: left;
	font-family: "Arial", Sans-serif;
	font-size: 11px;
	font-weight: 400;
	height: 11px;
	line-height: 11px;
	margin: 0;
	padding: 0;
}

.row-fresh-meat-right .blog-country {
	color: #707070;
	float: left;
	font-family: "Arial", Sans-serif;
	font-size: 11px;
	font-weight: 400;
	height: 11px;
	line-height: 11px;
	margin: 0;
	padding: 0;
}

.row-fresh-meat-right .blog-stalkers {
	color: #707070;
	clear: both;
	float: left;
	font-family: "Arial", Sans-serif;
	font-size: 11px;
	font-weight: 400;
	height: 11px;
	line-height: 11px;
	margin: 4px 0 0;
	padding: 0;
}

.row-fresh-meat-right .stalk_me {
	margin: 0;
	padding: 0;
}

.row-fresh-meat-right .unstalk_me {
	margin: 5px 0 0 0;
}

.popoverScreen {
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.popoverContainer {
	background: #fff;
	border: 1px solid #cc0000;
	border-radius: 2px 2px 0 0;
	box-shadow: 0px 1px 10px 1px;
  	-moz-box-shadow: 0px 1px 10px 1px;
	-webkit-box-shadow: 0px 1px 10px 1px #888;

	display: none;
	height: 400px;
	position: absolute;
	width: 500px;
	z-index: 1001;
}

.popoverPointer {
	background: url('/images/tri.png') no-repeat;
	height: 27px;
	position: absolute;
	right: 29px;
	top: -27px;
	width: 33px;
}

.popoverHeader {
	background: #cc0000;
	float: left;
	height: 40px;
	overflow-y: hidden;
	position: relative;
	width: 100%;
}

.popoverHeader h1 {
	color: #fff;
	float: left;
	font-size: 41px;
	margin: 10px 0 0 17px;
}

.popoverClose {
	background: url('/images/x.png') no-repeat;
	cursor: pointer;
	height: 10px;
	position: absolute;
	right: 14px;
	top: 14px;
	width: 12px;
}

.popoverLeft {
	float: left;
	margin: 22px 0 0 22px;
	width: 220px;
}

.popoverLeft h2 {
	clear: both;
	color: #cc0000;
	float: left;
	font-family: "Georgia", serif;
	font-size: 18px;
	font-weight: 400;
	height: 18px;
	line-height: 18px;
	margin: 0 0 14px;
	text-transform: uppercase;
}

.popoverLeft .productName {
	clear: both;
	color: #333;
	float: left;
	font-family: "Georgia", serif;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
}

.popoverLeft .productDetails1 {
	clear: both;
	float: left;
	font-family: "Georgia", serif;
}

.popoverLeft .productDetails2 {
	clear: both;
	float: left;
	font-family: "Georgia", serif;
	margin: 0 0 12px;
}

.popoverLeft .productPrice {
	clear: both;
	color: #339933;
	float: left;
	font-family: "Georgia", serif;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	margin: 0 0 18px;
}

.popoverLeft .productOb {
	clear: both;
	float: left;
	font-family: "Georgia", serif;
	font-size: 14px;
	font-style: italic;
	height: 14px;
	line-height: 14px;
	margin: 0 0 5px;
}

.popoverLeft .productURL {
	clear: both;
	color: #cc0000;
	float: left;
	font-family: "Georgia", serif;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	margin: 0 0 14px;
	text-transform: uppercase;
}

.popoverLeft .pURL {
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* W3C */
	border: 1px solid #cdcdcd;
	border-radius: 6px;
	color: #000;
	clear: both;
	float: left;
	font-family: "Georgia", serif;
	font-size: 28px;
	height: 28px;
	line-height: 28px;
	padding: 7px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 160px;

	position:absolute;
	top: 335px;
	left: 25px;
}

.popoverLeft .pURL:active,.popoverLeft .pURL:visted,.popoverLeft .pURL:hover {
	color: #000;
	text-decoration: none;
}

.popoverRight {
	float: left;
	height: 295px;
	margin: 10px 0 0;
	overflow: hidden;
	width: 235px;
}

.popoverFavorite {
	bottom: 1px;
	color: #666;
	font-size: 11px;
	left: 76px;
	position: absolute;
	text-transform: uppercase;
}

.popup img {cursor: pointer;}

.clearfix {
  zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  zoom: 1;
}

.clearfix:after {
  clear: both;
}

#facebook-popup-like-container {
	position: absolute;
	top: 355px;
	left: 254px;
}

#pinterest-popup-container {
    position: absolute;
    top: 355px;
    left: 337px;
}

#twitter-popup-container {
	position: absolute !important;
	top: 355px !important;
	left: 388px !important;
}
#twitter-profile-container {left: 630px !important;position: relative !important;top: 109px !important;width: 40%;}

#select_none, #select_all { cursor: pointer; }

#blogger-form-response p {
	font-weight:bold;
	font-size: 28px;
	text-align:center;
	vertical-align:middle;
	margin-top:120px;
}
#login-form-response p {
	font-family: georgia;
    font-size: 36px;
    font-weight: bold;
    margin-top: 50px;
    text-align: center;
    vertical-align: middle;
}
#login-form-response img {
	position:absolute;
	top: 150px;
	left: 300px;
}
#try-again2 {
    height: 37px;
    padding-top: 10px;
    position: absolute;
    right: 360px;
    top: 206px;
    width: 200px;
    font-size: 19px;
    font-weight: normal;

    background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	color: #000;

	font-family:"Times",serif;
	line-height:28px;
	text-transform: uppercase;
	cursor: pointer;
}
#forgot-pw {
    height: 37px;
    padding-top: 10px;
    position: absolute;
    right: 70px;
    top: 206px;
    width: 200px;
    font-size: 19px;
    font-weight: normal;

    background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	color: #000;

	font-family:"Times",serif;
	line-height:28px;
	text-transform: uppercase;
	cursor: pointer;
}
#forgot-password {
    color: black;
    font-size: 12px;
    font-weight: normal;
    left: 40px;
    line-height: 18px;
    margin-bottom: 9px;
    position: absolute;
    text-decoration: underline;
    top: 160px;
}
#forgot-password :hover {
	cursor:pointer;
}
#blogger-form-response img {
	text-align:center;
	vertical-align:middle;
	margin-top: 130px;
	margin-left: 345px;
}

#try-again {
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	color: #000;
	float: left;
	font-family:"Times",serif;
	font-size:14px;
	height:28px;
	line-height:28px;
	margin:0 0 0 139px;
	padding:0px 14px;
	text-transform: uppercase;
	cursor: pointer;
}

#try-again :hover {
	cursor:pointer;
}

.please_login {
	font-size: 16px;
	width: 100%;
	text-align: center;
	margin-top: 50px;
}
.please_login a {color: #404040; font-weight: bold;}
.facebook_login  {cursor: pointer;}