/*********************************
 common
/*********************************/
#sb-site { padding: 50px 0 0px 0; background:#FAFAFA;}
#adverts { margin-top: 20px; }
.advert { border-radius: 3px; border: 1px solid #727272; margin-bottom: 10px; padding: 3px; }
/*********************************
 header
/*********************************/
.navbar { background-size: 100%; background-repeat: no-repeat;  width: 100%; left: auto; right: auto; }
header {
	width:100%;
	height:0px;
	z-index:10;
    position: fixed;
	top:0;
	left:0;  
	background:#2872EC;
	margin:0;
	padding:0;
}
header h1 { padding:6px 0 0 10px; margin:0; text-align:left;}
#top-arrow { padding-top: 17px;	padding-bottom: 13px; }
.navbar .sb-toggle-left { width: 40px; float: left; margin:6px 0 0 4px;	padding: 10px 8px 8px 8px; background-color: #fff; border-radius:4px; }
.navbar .sb-toggle-right { width: 40px; float: right; margin:8px 6px 0 0px; padding: 9px 6px 6px 8px; border-radius:4px; background:#2872EC; }
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close { cursor: pointer; }
.sb-right { margin-top: 50px; }
.navicon-line { width: 28px; height: 4px; border-radius: 1px; margin-bottom: 3px; background-color: #fff; }
ul.navbar-nav {	display: none; }
/*********************************
 Slidebars
/*********************************/
.sb-slidebar { background-color: #131313; color: #e8e8e8; }
.sb-slidebar a { color: #FF3971; text-decoration: none; }
.sb-slidebar a:hover { color: #FF6699; text-decoration: underline; }
/* Main Menu */
.sb-menu { /* Apply to <ul> or <ol>. */
	padding: 0;	margin: 0; list-style-type: none;
}
.sb-menu li {
	width: 100%; padding: 0; margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */
}
.sb-menu > li:first-child {	border-top: none; /* Removes top border from first list item.. */ }
.sb-menu > li:last-child { border-bottom: none; /* Removed bottom border from last list item. */ }
.sb-menu li a {
	width: 100%; /* Makes links full width. */
	display: inline-block;
	padding: 1em; /* Creates an even padding the same size as your font. */
	color: #f2f2f2;
}
.sb-menu li a:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.05); /* Will lighten any background colour you set. */
}
/* Borders */
.sb-left .sb-menu li a { border-left: 3px solid transparent; }
.sb-left .sb-menu li a:hover {
	border-left: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */
}
.sb-right .sb-menu li a { border-left: 3px solid transparent; }
.sb-right .sb-menu li a:hover {
	/* border-left: 3px solid #F0E5D7; */ /* Removes transparent colour, so border colour will be the same as link hover colour. */
}
/* Left */
.sb-menu li .sb-open-right, .sb-menu li small {	display: inline-block; padding: 14px; }
.sb-menu li img { margin: 14px; }
/* Right */
aside#about-me { padding: 14px 14px 14px 14px; }
img.img-me { margin: 14px auto; border: 4px solid #fff; }
/* Slidebar Type */
.sb-slidebar, .sb-slidebar h3 { color: #F0F0F0; }
.sb-slidebar ul.sb-nav li a { color: #DEDEDE; }
.sb-slidebar ul.sb-nav li a:hover { color: #C7C7C7; text-decoration: none; }
.sb-slidebar ul.sb-nav li span:hover { color: #C7C7C7; }
/* Anchor Links */
#download, #api, #options, #helper-classes { margin-top: -50px; padding-top: 50px; }
/* Helper Classes */
.add-bottom-margin { margin-bottom: 15px; }
.no-bottom-margin { margin-bottom: 0; }
.add-top-margin { margin-top: 15px; }
.no-top-margin { margin-top: 0; }
.push-down { position: relative; top: 2px; }
@media (min-width: 768px) {
	ul.navbar-nav { display: block;	}
	#logo {	text-align: left; }
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
#bisma { margin: 50px 0; }
#bisma h2 { font-weight: 300; color: #f71756; }
#bisma p { font-weight: 300; font-size: 15px; color: #646a73; }
#bisma p.lead { font-size: 24px; color: #646a73; }
.img-responsive-stretch { display: block; width: 100%; height: auto; }
#manhattan {}
#manhattan a { text-decoration: none; }
#manhattan a:hover { text-decoration: none; }
#manhattan #mhtn-img { width: 100%; height: 200px; margin-bottom: 20px; background-image: url('images/manhattan-banner.jpg'); background-position: center center; background-repeat: no-repeat;	background-size: cover; }
#manhattan p.lead {	color: #d57597;	text-align: center; }