.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }

.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }

.float-left  { float: left; }
.float-right { float: right; }
.clear-both  { clear: all; }

.hide {display: none;}

.radius-2  { border-radius: 2px; }
.radius-4  { border-radius: 4px; }
.radius-6  { border-radius: 6px; }
.radius-8  { border-radius: 8px; }
.radius-10 { border-radius: 10px; }

.start-with-capital::first-letter { text-transform: uppercase; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }

.drop-shadow { 
  -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.66); 
  -moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.66); 
  box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.66); 
}

span.h-lead,
span.h-follow {
  display: block;
  font-size: 0.4em;
  line-height: 0.85em;
  margin: 0 0.1em;
}

span.h-lead { padding-top: 0.5em; }
span.h-follow { padding-bottom: 0.5em; }

a.tag,
a.tag-sm,
a.tag-lg,
a.tag-right,
a.tag-sm-right,
a.tag-lg-right {
  position: relative;
  display: inline-block;
  background: #0069CC;
  border-radius: 0.3em 1em 1em 0.3em;
  box-shadow:  0px 0px 4px 0px rgba(50, 50, 50, 0.66);
  color: #fff;
  font-size: 0.8em;
}

a.tag-right,
a.tag-sm-right,
a.tag-lg-right {
  border-radius: 1em 0.3em 0.3em 1em;
}

a.tag-sm,
a.tag-sm-right {
  font-size: 0.6em;
}

a.tag-lg,
a.tag-lg-right {
  font-size: 1.2em;
}

a.tag { 
  padding: 2px 10px 2px 16px; 
  margin: 0 8px 0 0;
}
a.tag-right { 
  padding: 2px 16px 2px 10px; 
  margin: 0 0 0 8px;
}
a.tag-sm { 
  padding: 1px 7px 1px 13px; 
  margin: 0 4px 0 0;
}
a.tag-sm-right { 
  padding: 1px 14px 1px 7px; 
  margin: 0 0 0 4px;
}
a.tag-lg { 
  padding: 2px 12px 4px 20px; 
  margin: 0 12px 0 0;
}
a.tag-lg-right { 
  padding: 2px 20px 4px 12px; 
  margin: 0 0 0 12px;
}

a.tag:hover,
a.tag-sm:hover,
a.tag-lg:hover,
a.tag-right:hover,
a.tag-sm-right:hover,
a.tag-lg-right:hover {
  background: #294C9B;
}

a.tag:before,
a.tag-sm:before,
a.tag-lg:before,
a.tag-right:before,
a.tag-sm-right:before,
a.tag-lg-right:before {
  content: "";
  position: absolute;
  background: #fff;
  border-radius: 3px;
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);
}

a.tag:before { 
  left: 6px; 
  top: 8px;
}

a.tag-sm:before { 
  left: 4px; 
  top: 6px;
}

a.tag-lg:before { 
  left: 8px; 
  top: 13px;
}

a.tag-right:before { 
  right: 6px; 
  top: 8px;
}

a.tag-sm-right:before { 
  right: 4px; 
  top: 6px;
}

a.tag-lg-right:before { 
  right: 8px; 
  top: 13px;
}

a.tag:before, 
a.tag-right:before { 
  width: 6px;
  height: 6px;
}

a.tag-sm:before, 
a.tag-sm-right:before { 
  width: 5px;
  height: 5px;
}

a.tag-lg:before, 
a.tag-lg-right:before { 
  width: 8px;
  height: 8px;
}

a.tag-success { background: #5CB85C; }
a.tag-info { background: #009EE2; }
a.tag-warning { background: #EEA235; }
a.tag-danger { background: #D9534F; }

a.tag-success:hover { background: #47A447; }
a.tag-info:hover { background: #0081B9; }
a.tag-warning:hover { background: #E79013; }
a.tag-danger:hover { background: #D2322D; }

/* Extra padding for navbar */
body.with-navbar { padding-top: 70px; }
body.with-navbar a.anchor { display: inline-block; position: relative; top: -150px; visibility: hidden; }