#twitterbutton {
	background-color:#05bef5;
	height: 24px;
	padding: 0 5px 0 5px;
	margin: 4px 0 0 0;
	display: inline-block;
}
#twitterbutton a {
	text-decoration:none;
}
#tweetcount {
	color: #fff;
	font-weight: bold;
	padding-top: 1px;
	display: inline-block;
}

@media (min-width: 768px) {
  .narrow-container {
    max-width: 730px;
  }
}
@media (max-width: 991px) {
	.left-info { display: none; }
}
.base-container { padding:25px; }
.navbar-nav > li > a, .navbar-brand {
    padding-top:5px !important; padding-bottom:0 !important;
    height: 35px;
}
.navbar {min-height:35px !important;}
.rss-icon {
	display: inline-block;
	background: url('/img/rss-icon-30.png');
	height: 30px;
	width: 30px;
	margin: 0; padding: 0;
}
.rss-icon:hover {
	background: url('/img/rss-icon-30-dark.png');
}
.preferences {
	background-color: #eee;
	border: 1px solid #999;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 5px 10px 5px 10px;
	text-align: center;
}
.index-icons {
	text-align: center;
	font-size: xx-large;
	margin: 0; padding: 0;
}
.index-icons, .index-icons a:link, .index-icons a:visited {
	color: #666;
}
.index-icons a:hover, .index-icons a:active {
	color: #333;
}

.left-info a:link  { color: #333; } /* The little blue notification boxes */
.left-info a:hover, .left-info a:active, .left-info a:visited { color: #666; }

/* left menu buttons */

.left-outerbox {
	background-color: #ddd;
	border: 1px solid #999;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 0;
	text-align: center;
}
.cap {
	background-color: #eee;
	padding:4px;
	color: #333;
	font-weight: bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.left-innerbox {
	padding: 5px;	
}


ul.chaturbotlist {
	list-style-image: url("/img/chaturbot-16.png");
	
}
/* use these to style list elements */
/*
ul.chaturbotlist > li {
	margin-top: 10px;
}

ul.chaturbotlist > li:first-child {
	margin-top: 0;
}
*/

/**********************************************************
* 	Special buttons
***********************************************************/
.browsebtn { display: inline-block;  width: 44%; margin: 5px;}
@media (min-width: 768px) and (max-width: 991px) {
	.browsebtn { display: inline-block; width: 90%; }
}

.btn-pink {
  background-color: hsl(0, 68%, 80%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eea9a9");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#eea9a9));
  background-image: -moz-linear-gradient(top, #ffffff, #eea9a9);
  background-image: -ms-linear-gradient(top, #ffffff, #eea9a9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eea9a9));
  background-image: -webkit-linear-gradient(top, #ffffff, #eea9a9);
  background-image: -o-linear-gradient(top, #ffffff, #eea9a9);
  background-image: linear-gradient(#ffffff, #eea9a9);
  border-color: #eea9a9 #eea9a9 hsl(0, 68%, 75%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
  -webkit-font-smoothing: antialiased;
}
.btn-blue{
  background-color: hsl(210, 68%, 80%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#a9cbee");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#a9cbee));
  background-image: -moz-linear-gradient(top, #ffffff, #a9cbee);
  background-image: -ms-linear-gradient(top, #ffffff, #a9cbee);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #a9cbee));
  background-image: -webkit-linear-gradient(top, #ffffff, #a9cbee);
  background-image: -o-linear-gradient(top, #ffffff, #a9cbee);
  background-image: linear-gradient(#ffffff, #a9cbee);
  border-color: #a9cbee #a9cbee hsl(210, 68%, 75%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
  -webkit-font-smoothing: antialiased;
}
.btn-green {
  background-color: hsl(106, 100%, 80%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#b0ff99");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#b0ff99));
  background-image: -moz-linear-gradient(top, #ffffff, #b0ff99);
  background-image: -ms-linear-gradient(top, #ffffff, #b0ff99);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #b0ff99));
  background-image: -webkit-linear-gradient(top, #ffffff, #b0ff99);
  background-image: -o-linear-gradient(top, #ffffff, #b0ff99);
  background-image: linear-gradient(#ffffff, #b0ff99);
  border-color: #b0ff99 #b0ff99 hsl(106, 100%, 75%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
  -webkit-font-smoothing: antialiased;
}
.btn-yellow  {
  background-color: hsl(59, 68%, 80%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeda9");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeda9));
  background-image: -moz-linear-gradient(top, #ffffff, #eeeda9);
  background-image: -ms-linear-gradient(top, #ffffff, #eeeda9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeda9));
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeda9);
  background-image: -o-linear-gradient(top, #ffffff, #eeeda9);
  background-image: linear-gradient(#ffffff, #eeeda9);
  border-color: #eeeda9 #eeeda9 hsl(59, 68%, 75%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
  -webkit-font-smoothing: antialiased;
}

/*
		Helpful shortcuts

*/

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.small { font-size: small; }
.hidden { display: none; }
.bold { font-weight: bold; }
.nopadtop { padding-top: 0; }
.nopadbottom { padding-bottom: 0; }
.nopad { padding: 0; }
.nomargintop { margin-top: 0; }
.nomarginbottom { margin-bottom: 0; }
.nomargin { margin: 0; }
.block { display: block; }
.inline-block { display: inline-block; }