body {
     padding: 0px;
}

h1 {
   font-size: 1.5em;
}

h2 {
   font-size: 1.25em;
}

h1, h2, h3 {
    margin-top: .25em;
    margin-bottom: .5em;
}

.navbar {
margin-bottom: 0px;
}

.navbar-fixed-top {
position: relative;
}

.navbar-text {
	     font-size: 1.5em;
}

.title {
       font-size: 1.25em;
       font-weight: bold;
}

.author {
	font-weight: bold;
}

.right {
       float: right;
}

input[type=text] {
      /* width: 400px; */
}

textarea {
	 width: 400px;
}

.errorlist {
	   color: red;
	   font-weight: bold;
}

ul#id_stars li, ul.reviews li {
	    display: inline;
	    text-decoration: none;
	    padding-right: 1em;
}

.locationform {
    margin-bottom: 1em;
    margin-top: 1em;
}

.locationform select {
	      width: auto;
	      display: inline!important;
}

.locationform input {
	      width: auto!important;
	      display: inline!important;
	      vertical-align: middle!important;
}

.genre {
       margin-left: 1em;
}

.ui-widget-content a {
       color: #428bca!important;
}

form p label {
display: block;
}

.mediawidget > .preview {
	     padding: .25em;
	     margin-bottom: 1em;
	     border: solid thin #ddd;
}

.mediawidget .preview {
	     padding: .5em;
}

.images, .videos {
	 padding: 1em;
}

.images img, .videos iframe {
	padding-right: 1em;
}

.bold {
      font-weight: bold;
}

.padded {
	padding-top: .5em;
	padding-bottom: .5em;
}

.clear {
       clear: both;
}

.breadcrumb {
	    margin-top: 1em;
}

.breadcrumb > li {
	    display: inline;
}

.main {
      min-height: 40em;
}

#quote {
       padding: 0;
}

#stats {
       margin: 1em;
       color: #ddd;
}

.info {
      border: solid thin pink;
      border-radius: .5em;
      position: relative;
      padding: .5em;
      height: 4.5em;
}

.ajax-loader {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto; /* presto! */
}

#twitter-widget-0, .fb_iframe_widget {
		  vertical-align: top;
}

#social {
	margin-bottom: 1em;
	float: right;
}

blockquote {
    font-family: Georgia, serif;
    position: relative;
    margin: 0.5em;
    padding: 0.5em;
    text-indent: 1.5em;
    border-left: none!important;
}
/* Thanks: http://callmenick.com/post/styling-blockquotes-with-css-pseudo-classes */
blockquote:before {
    font-family: Georgia, serif;
    color: #aaa;
    position: absolute;
    font-size: 4em;
    line-height: 1;
    top: 0;
    left: -.4em;
    content: "\201C";
}

blockquote:after {
    font-family: Georgia, serif;
    color: #aaa;
    position: absolute;
    display: block;
    float:right;
    font-size:4em;
    line-height: 1;
    right:0;
    content: "\201D";
}

#quote cite {
       display: block;
       text-align: right;
       margin-right: 1em;
       margin-top: 1.5em;
}

#quote div {
       margin: 0 1em 1em 1em;
}

#id_dates, .datepicker {
	    width: 20em!important;
}

// https://jqueryui.com/tooltip/#custom-style

.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
/*    box-shadow: 6px 5px 9px -9px black; */
    box-shadow: 0 0 7px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

div.ui-tooltip {
    max-width: 15em;
}