/*
Theme Name: WP Bootstrap
*/

@import url('bootstrap/css/bootstrap.min.css');
@import url('bootstrap/css/bootstrap-responsive.min.css');
@import url('bootstrap/font-awesome/css/font-awesome.min.css');
@import url('bootstrap/css/typeahead.css');

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.icon-chevron-sign-right {
	margin-top:	4px;
}

.tooltip {
    font-size: 15px;
}

.page-header {
	border-bottom: none;
}

a:hover {
	text-decoration: none;
}

/* Ad
-------------------------------------------------- */

.affiliates {
	max-width: 60%;
	padding: 15px 20px;
}

/* Social 
-------------------------------------------------- */

.navbar {
	margin-bottom: 0px;
}

.get-social {
	padding: 2px 0;
	text-align: center;
	background-color: #f5f5f5;
}

.social-buttons {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

.social-buttons li {
	display: inline-block;
	padding: 5px 8px;
	line-height: 1;
	margin-left: 10%;
}

.reddit-button img {
	vertical-align: bottom;
}

/* Search 
-------------------------------------------------- */

.twitter-typeahead, .tt-hint, #input_search {
	width: 360px;
	/* margin-right: 20px; */
}

.tt-suggestion {
	padding: 1px 5px;
}

#myresult p {
	font-size: 12px;
}

/* Footer
-------------------------------------------------- */

.footer {
  text-align: center;
  padding: 30px 0;
  margin-top: 70px;
  border-top: 1px solid #e5e5e5;
  background-color: #f5f5f5;
}
.footer p {
  margin-bottom: 0;
  color: #777;
}
.footer-links {
  margin: 10px 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li:first-child {
  padding-left: 0;
}


/* The macbook on the index page */

.laptop {
	padding: 0; 
	background: 0; 
	position: relative; 
	width: 100%; 
	clear: left; 
	-webkit-transform: translateZ(0);
}

.interaction {
	left: 10.1%; 
	top: 5.8%; 
	width: 80.2%; 
	height: 76.6%;
}

.skinned {
	position: relative; 
	top: 0; 
	left: 0; 
	z-index: 0;
}

#myCarousel {
	position: absolute; 
	left: 10.1%; 
	top: 5.8%; 
	width: 80.2%; 
	height: 76.6%;
}

.carousel-caption {
	padding: 7px;
}

img {
  width: 100%;
}

#laptop {
	max-width: 72%;
}

/* Toolbar */

#thetoolbar {
	margin: 0px 15px;
}
/* Sections */

.thesection {
	float: left;
	width: 100%;
}

/* Combos - taken from Bynens file */

#combos {
	margin: 0px 15px;
	border: 1px solid; 
	border-color: lightgrey;
	position: relative;
	max-height: 635px;
	padding: 15px;
	overflow-y: scroll;
	font-size: 14px;
}

#combos, #combos li {
	list-style: none;
	padding: 12px 0px 0px 0px;
}

#combos div[data-keys] {
	width: 199px;
	float: left;
	position: relative;
	padding-left: 100px;
	margin-bottom: 0.8em;
}

#combos div[data-keys]:hover {
	background: lightgrey;
	}

#combos kbd {
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	text-align: center;
	border: 1px solid #111;
	border-radius: 5px;
	font-size: 11px;
}

#combos h3 {
	background: #f2f2f2;
}

/* Sidenav 
-------------------------------------------------- */

.shortcuts-sidenav > li {
	line-height: 10px;
	font-size: 12px;
}

.shortcuts-sidenav {
  width: 100%;
  padding: 0;
  -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);
}

.shortcuts-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}

.shortcuts-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

.shortcuts-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}

.shortcuts-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}

/* Chevrons */

.shortcuts-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}

.shortcuts-sidenav > li > a:hover {
  background-color: #f5f5f5;
}

.shortcuts-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}

.shortcuts-sidenav .active .icon-chevron-right,
.shortcuts-sidenav .active a:hover .icon-chevron-right {
  background-image: url(../img/glyphicons-halflings-white.png);
  opacity: 1;
}

.shortcuts-sidenav.affix {
  top: 40px;
}

.shortcuts-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}

/* Colors Nightmode
-------------------------------------------------- */

.nightmode #keycontent, .nightmode #symbols-windows {
	fill: rgb(255,0,0); 
}

.nightmode #SvgjsG1013 {
	fill: #111; 
}

.nightmode #SvgjsG1013 {
	stroke: rgb(155,0,0);
}

.nightmode #SvgjsG1010, .nightmode .affiliates {
	display: none; 
}

.nightmode body,
.nightmode .navbar-inner, 
.nightmode div, 
.nightmode .btn,
.nightmode .footer {
	background-color: #000;
	background-image: none;
}

.nightmode #combos, .nightmode .shortcuts-sidenav a {
	color: rgb(255,0,0);
}

.nightmode #combos div[data-keys]:hover, .nightmode .nav-list>li>a:hover {
	background: rgb(55,0,0);
}

.nightmode .btn:first-child, .nightmode i, .nightmode .brand {
	color: rgb(255,0,0);
}

.nightmode .nav-list>li>a {
	text-shadow: none;
} 

.nightmode .navbar-inner, .nightmode #combos {
	border: 1px solid rgb(100,0,0);
}

.nightmode .shortcuts-sidenav > li > a {
	border: none;
}

.nightmode .nav-list>.active>a, .nightmode .nav-list>.active>a:hover, .nightmode .nav-list>.active>a:focus {
	background: rgb(25,0,0);
}

.nightmode #combos a {
	color: rgb(255,0,0);
	text-decoration: underline;
}

.nightmode .input-append .add-on, .nightmode .input-prepend .add-on {
    text-shadow: 0 1px 0 rgb(5,0,0);
    background-color: rgb(0,0,0);
    border: 1px solid rgb(25,0,0);
}

.nightmode #combos h3 {
	background: rgb(25,0,0);
	color: rgb(150,0,0);
}

.nightmode .nav-list>.active>a {
	color: rgb(255,0,0);
}

.nightmode .footer {
	border-top: 1px solid rgb(160,0,0);
}

.nightmode .footer p, .nightmode .footer a {
	color: rgb(160,0,0);
}