body {
    font-family: 'Merriweather', 'Droid Sans', 'Verdana', 'Geneva', 'Helvetica', sans-serif;
    padding-top: 60px;
    padding-bottom: 40px;
}
body, p, li, dt, dd {
    font-size: 12pt;
    line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather', 'Georgia', 'Bookman Old Style', 'Times', serif;
    font-weight: normal;
}
h2, h3, h4, h5, h6 {
    margin: 1em 0 0.25em 0;
}
.wrapper {
    background: #ffffff;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px 0 20px 0;
}
h1 {
  font-size: 30pt;
  line-height: 1.10em;
}
h2 {
  font-size: 24pt;
}
h3 {
  font-size: 18pt;
}
h4 {
  font-size: 13pt;
}
h5 {
  font-size: 12pt;
}

.nomargin { margin: 0; }
.nopadding { padding: 0; }

#social-media {
    line-height: 1.75em;
}
#social-media .icon-large {
    line-height: 1.5em;
    padding: 0 0.25em;
    vertical-align: bottom;
}
.social-media-button {
    padding-right: 8px;
}

.centered   { text-align: center; }
.text-left  { text-align: left;   }
.text-right { text-align: right;  }
.clear-left { clear: left; }

.auth {
    padding: 0.25em 0.5em;
    text-align: right;
    position: fixed;
    top: 0;
    right: 0;
}
.auth .label a,
.auth .label a:hover {
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}

a.unstyled,
a.unstyled:hover {
  color: inherit;
  text-decoration: none;
}

address {
    margin-left: 2em;
}

img, a img {
    border: 0;
}

.best-deal {
    font-family: Convergence, "Droid Sans", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 80%;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #49afcd;
    float: left;
}

/* Some quick colour classes */
.green {
    color: green;
}
.red {
    color: red;
}

/* Put the top nav "on the line" */
.navbar-fixed-top .brand {
    height: 50px;
    padding-top: 0;
    overflow: visible;
}
.navbar-fixed-top .nav {
    margin-top: 2em;
}
.navbar-fixed-top .nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    color: #444;
    font-weight: bold;
}
.navbar-fixed-top .nav > li > a:hover {
    background-color: #e5e5e5;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

/* Allow for buttons to be present in our sub-navs */
.subnav button {
    font-family: 'Merriweather', 'Droid Sans', 'Verdana', sans-serif;
    border-color: transparent;
    background-color: inherit;
    margin-top: 2px;
    padding-top: 6px;
}
.subnav button {
    /* match the colour of the Bootstrap UI <a href> tags */
    color: #0088cc;
}
.subnav button:hover {
    /* match the colour of the Bootstrap UI <a href> tags */
    color: #005580;
    background-color: #eeeeee;
}
.nav-pills > li > button {
    line-height: 14px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

/* Link Icons */
a.ext-link:before,
a.mailto:before {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}
a.ext-link:before { content: "\f08e \a0"; }
a.mailto:before   { content: "\f003 \a0"; }

/* Divider lines */
div.hr {
    height: 14px;
    background: url(/images/divider.gif) no-repeat scroll center;
    padding: 1em 0;
    border: 0;
    margin: 0;
    /* force Chrome/Safari to print our divider images */
    -webkit-print-color-adjust: exact;
}
div.hr hr {
    display: none;
}

/* Left/right side navigation bar */
.sidenav {
    max-width: 220px;
    margin: 25px 0 0;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0.065);
       -moz-box-shadow: 0 1px 4px rgba(0,0,0.065);
            box-shadow: 0 1px 4px rgba(0,0,0.065);
}

/* Horoscopes */
.horoscope .stars {
    color: gray;
}
.scope-sign h2 {
    font-size: 18pt;
}
.scope-sign:first-child h2 {
    margin-top: 0;
}
.scope-sign-moon-alert {
    padding-bottom: 1em;
}

/* Annual Forecasts */
#annual-forecast div {
    padding-bottom: 0.5em;
}
#annual-forecast blockquote {
    position: relative;
    padding-left: 4em;
    padding-right: 3em;
    font-family: Comfortaa;
}
#annual-forecast .motto {
    font-weight: bold;
    font-style: italic;
    margin: 10px;
    padding: 0px 15px 0px 15px;
}
#annual-forecast .lucky_days dt {
    font-weight: bold;
}
#annual-forecast .month dt {
    font-weight: bold;
}
#annual-forecast .birthday h3 {
    margin: 5px 0 0 0;
}
#annual-forecast .birthday dl.dl-horizontal {
    margin-top: 0;
}
#annual-forecast .birthday dl.dl-horizontal dt,
dl.dl-skinny dt {
    width: 3em;
}
#annual-forecast .birthday dl.dl-horizontal dd,
dl.dl-skinny dd {
    margin-left: 5em;
}

/* Annual Forecast gets special handling...
 * - draw curly box around
 * - margin goes on the <div>, not on the <h2>
 */
#annual-forecast #mantra {
    text-align: center;
    margin: 30px 0 5px 0;
}
#annual-forecast h2 {
    margin: 5px 0;
}
#annual-forecast section:after,
#annual-forecast .section:after {
    content: '';
    display: block;
    height: 14px;
    background: url(/images/divider.gif) no-repeat scroll center;
    padding: 3.5em 0 2em 0;
    border: 0;
    margin: 0;
    /* force Chrome/Safari to print our divider images */
    -webkit-print-color-adjust: exact;
}
#annual-forecast > section:last-child:after,
#annual-forecast > .section:last-child:after {
    display: none;
}

#annual-forecast .announcement-section {
    padding-bottom: 3em;
}

/* Site Blackouts */
#blackout {
    padding: 0.25em 1em;
}
#blackout,
#blackout blockquote,
#blackout blockquote p {
    font-size: 12px;
}
#blackout blockquote {
    border: 1px solid #aaa;
    border-left: 8px solid #aaa;
    padding: 0.5em 1em;
    margin-left: 2em;
    background: #888;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}
#blackout blockquote a:link,
#blackout blockquote a:visited {
    text-decoration: underline;
    font-weight: normal;
    color: #dd3;
}

/* Zodiac glyphs
 *
 * Much of the CSS borrowed from FontAwesome, and adjusted as necessary.
 */
@font-face {
    font-family: 'ge_zodiacregular';
    src: url('font/ge_zodiac-webfont.eot');
    src: url('font/ge_zodiac-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ge_zodiac-webfont.woff') format('woff'),
         url('font/ge_zodiac-webfont.ttf') format('truetype'),
         url('font/ge_zodiac-webfont.svg#ge_zodiacregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="zodiac-"]:before,
[class*=" zodiac-"]:before {
    font-family: ge_zodiacregular;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}
a [class^="zodiac-"],
a [class*=" zodiac-"] {
    display: inline-block;
    text-decoration: inherit;
}
.btn [class^="zodiac-"],
.btn [class*=" zodiac-"] {
    line-height: .9em;
}
li [class^="zodiac-"],
li [class*=" zodiac-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="zodiac-"],
li .icon-large[class*=" zodiac-"] {
  width: 1.875em;
}
li .icon-xlarge[class^="zodiac-"],
li .icon-xlarge[class*=" zodiac-"] {
  width: 2.25em;
}
li[class^="zodiac-"],
li[class*=" zodiac-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="zodiac-"]:before,
li[class*=" zodiac-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="zodiac-"].icon-large:before,
li[class*=" zodiac-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}
li[class^="zodiac-"].icon-xlarge:before,
li[class*=" zodiac-"].icon-xlarge:before {
  text-indent: -1.6666666666666666em;
}
.zodiac-aries:before       { content: "u"; }
.zodiac-taurus:before      { content: "c"; }
.zodiac-gemini:before      { content: "o"; }
.zodiac-cancer:before      { content: "s"; }
.zodiac-leo:before         { content: "m"; }
.zodiac-virgo:before       { content: "a"; }
.zodiac-libra:before       { content: "k"; }
.zodiac-scorpio:before     { content: "e"; }
.zodiac-sagittarius:before { content: "g"; }
.zodiac-capricorn:before   { content: "q"; }
.zodiac-aquarius:before    { content: "w"; }
.zodiac-pisces:before      { content: "i"; }

/* E-mail messages */
/* ... don't show the zodiac glyphs */
.email [class^="zodiac-*"],
.email [class*=" zodiac-*"] {
    display: none !important;
}
/* ... no padding at the top of e-mails */
body.email {
    padding-top: 15px;
}
/* ... better line/paragraph spacing inside of the e-mails */
.email p {
    line-height: 1.5em;
    padding-bottom: 0.5em;
}

/* Widgets */
.widget {
    padding: 5px;
    margin: 3em 0;
}
.widget:first-child {
    margin-top: 0;
}
.widget h4 {
    text-align: center;
    margin: 2px 0 5px 0;
    border-bottom: 1px solid #e5e5e5;
}

/* Daily Moon Alert */
.sms-subscription .dl-horizontal {
    margin-top: 0;
    margin-bottom: 0;
}

/* Embedded video (responsive) */
.video-wrapper {
    position: relative;
    padding-top: 30px;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Bootstrap over-rides/theming */
blockquote {
    border-left-color: #dddddd;
}
blockquote p {
    font-size: 12pt;
    line-height: 16pt;
    margin-bottom: 1em;
}
.alert {
    padding: 8px 14px;  /* make padding match on both sides */
}
.alert .btn.pull-right {
    margin-left: 0.5em;
}
.btn-primary.disabled {
    background-color: #777;
}
.nav-list .nav-header {
    background: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.nav-list .nav-header:first-child {
    border-top: none;
}

.table-unbordered,
.table-unbordered tr,
.table-unbordered th,
.table-unbordered td
{
    border: none !important;
}

.container {
    padding-top: 1.5em;
}

.page-header {
    margin-bottom: 10px;
}
.page-header .nav {
    margin-bottom: 0;
}

.carousel-caption p a,
.carousel-caption p a:link,
.carousel-caption p a:visited {
    color: #aaa;
}
.carousel-caption small {
    display: block;
    line-height: 20px;
    color: #666;
}
.carousel-caption small a,
.carousel-caption small a:link,
.carousel-caption small a:visited {
    color: #666;
}

.carousel-caption .btn.pull-right {
    margin-left: 0.5em;
}

.widget .carousel {
    margin: 0;
}
.widget .carousel-caption {
    background: #f0f0f0;
    background: rgba(240, 240, 240, 0.9);
}
.widget .carousel-caption p,
.widget .carousel-caption p a,
.widget .carousel-caption p a:link,
.widget .carousel-caption p a:visited {
    color: #222;
}
.widget .carousel-control {
    top: 10%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-size: 26px;
    line-height: 15px;
}

.navbar {
    font-size: 10pt;
}
.navbar .footer {
    padding: 0.75em 1em 0.5em 1em;
    font-size: 10pt;
}

/* Font-Awesome over-rides */
.icon-xlarge:before {
    /* make font 66% larger relative to the icon container */
    vertical-align: top;
    font-size: 1.6666666666666666em;
}
li .icon-xlarge[class^="icon-"],
li .icon-xlarge[class*=" icon-"] {
  /* 1.5 increased font size for icon-xlarge * 1.5 width */
  width: 2.25em;
}
li[class^="icon-"].icon-xlarge:before,
li[class*=" icon-"].icon-xlarge:before {
  text-indent: -1.6666666666666666em;
}

.thumbnails a .icon-xlarge {
    color: #333333;
}

/* jQuery UI over-rides */
#ui-datepicker-div {
    font-size: 12px;
}
#ui-datepicker-div select.ui-datepicker-year {
    height: 1.5em;
    padding-top: 0;
    padding-bottom: 0;
}
#ui-datepicker-div .ui-widget-header {
    font-weight: normal;
}

/* Responsive style over-rides */
@media (min-width: 768px) and (max-width: 979px) {
    body {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-fixed-top .brand {
        padding-bottom: 1em;
    }
    .container > .row {
        padding-left: 20px;
    }
    li.dropdown > .dropdown-menu {
        right: auto !important;
    }
}
@media (max-width: 767px) {
    body {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-fixed-top .brand {
        padding-bottom: 1em;
    }
    .navbar-fixed-top .nav > li > a {
        padding: 10px;
    }
    li.dropdown > .dropdown-menu {
        right: auto !important;
    }
    #widget-vanity-photo {
        display: none;
    }
    .thumbnails > li {
        float: left;
        margin-right: 5px;
    }
}
@media (max-width: 480px) {
    .page-header h1 small {
        line-height: 30px;
        padding: 0.25em 0;
    }
}