#ad iframe 
{ 
  display:none;
}

body
{
  //background: url("broken_noise.png") repeat #020A07;
  background: linear-gradient(rgba(0, 0, 0, 0.90), rgba(0, 0, 0, 0.90)), url('/styles/marble.jpg');
  color: #FFFFFF;
}

a
{
  color: #0077bb;
}

audio
{
  position: absolute;
  top:0;
  right:0;
  float: right;
  padding: 5px;
}

footer
{
  height: 60px;
  width: 100%;
  font-size: 12px; 
  margin: 20px; 
  color: #72CC8A;
  text-align: center;
}

.quote
{
  white-space: pre;
  min-height: 60px;
  min-width: 100%;
  margin: 20px; 
}
.quote i
{
  font-size: 85%; 
  font-style: italic;
  color: Gray;
}

h1 { color: #72CC8A; text-align: center; }
h2 { color: #72CC8A; }

#imgbox img
{
  margin-left: auto;
  margin-right: auto;
}

#imgbox 
{
  vertical-align : middle;
  position : absolute;
  border: 1px solid #999;
  background: url("broken_noise.png") repeat #020A07;
  visibility : hidden;
  width : 100%;
  z-index : 50;
  text-align : center;
}

#disbox
{
  position: absolute;
  bottom: 60px;
  right: 20px;
  border-style: groove;
  border-color: #72CC8A;
  padding-right: 25px;
  visibility: hidden;
  background: url("broken_noise.png") repeat #020A07;
}
.Tcarousel-inner>.item
{
  margin: 0 auto;
  height: 800px;
  vertical-align: middle;
}
.Tcarousel-inner>.item>img
{
  vertical-align: middle;
  margin: 0 auto;
  max-height: 600px;
  background: blue;
}

.carousel-caption { 
  position: relative;
  color: #72CC8A;
  width: 60%;
  margin: 5px;
} 

.item img {
  max-height: 80%;  
  margin: auto;
}

.carousel-inner>.item>img{
  height: 50%;
  margin-top: 5%;
}

.navbar-inverse { background: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url('/styles/marble.jpg'); }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover
{ color: #72CC8A; }
.navbar-inverse .navbar-nav>li>a:hover { color: #72CC8A; }
.navbar-inverse .navbar-brand { color: #72CC8A; }

.navbar-title
{
  position: absolute;
  width: 100%;
  left: 0;
  margin: auto;
  float: left;
  height: 50px;
  padding: 15px 15px;
  text-align: center;
  color: #72CC8A;
  font-size: 18px;
  font-weight: bolder;
}

.pagination
{
  margin: 0;
}

.pagination>li>a, .pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span
{
  color: #9d9d9d;
  background-color: #000;
  border: 1px solid #ddd;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{
  color: #72CC8A;
  background-color: #000;
  border: 1px solid #ddd;
}

.pagination>li>a:focus
{
  color: #72CC8A;
}

.btw_logo
{
  width: 400px;
  height: 150px;
  border-radius: 50px;
  background: url('https://btw-software.com/logos/TBbtw.png'),
              linear-gradient(rgba(33, 33, 33, 0.25), rgba(33, 33, 33, 0.05)), /* ~ Tint ~ */
              url('extra_clean_paper.png');
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: center, left, left;
  border-style: groove;
  border-width: 5px;
  border-color: #2277CC;
}

.discombobulated_logo
{
  width: 400px;
  height: 100px;
  border-radius: 25px;
  background-image: url('discombobulated_me.png'), url('lightpaperfibers.png');
  background-repeat: no-repeat, repeat;
  background-position: center, left;
  border-width: 5px;
  border-color: #6A0406;
  border-bottom-style: groove;
}

.promo
{
    text-align: center;
    position: absolute;
    visibility: hidden;
}

.framed-quote
{
  font-family: cursive;
  font-size: 24px;

  box-sizing: border-box;
  width: 100%; height: auto;
  display: block;
  padding: 10%;
  background-color: #A67B5B;
  background-image: url(cardboard.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  border: 6px double #483C32;
  box-shadow: 0 0 0 50px rgba(244,240,236,0.4) inset,
  0 0 0 11px rgb(180, 130, 90),
  0 0 30px rgba(0,0,0,0.8) inset;
  outline: 2px solid #333;
  outline-offset: 0px;
}


.framed-quote>.title
{
  position: absolute;
  text-align: center;
  margin-top: 12px;
  width: 70%;
  color: black;
  font-size: 33px;
  font-family: serif;
  font-weight: bold;
}

.framed-quote>p::first-letter 
{ 
    font-size: 150%;
}

.framed-quote>.right
{ 
  text-align: right;
}

.btw-pinky::after
{
  content: url('/imgs/Pinky-32x32.png'); 
}

.btw-pinky { text-align: right; }

.btw-brain::before
{
  content: url('/imgs/Brain-32x32.png'); 
  padding-right: 5px;
}

.quote-author { text-align: right; }
.quote-author::before { content: " - - "; }

.frame-32x32
{
  width: 500px;
  height: 250px;
  }