/*
html,*{
  -webkit-backface-visibility:hidden;
     -moz-backface-visibility:hidden;
      -ms-backface-visibility:hidden;
       -o-backface-visibility:hidden;
          backface-visibility:hidden;
}
*/
.gray {
    color: gray;
}
body {
    background-image: url(../images/blub-bg.png);
    background-repeat: no-repeat;
    dbackground-color: #ec5b32;
	background: #ec5b32; /* Old browsers */
	background: url(../images/blub-bg.png) no-repeat, -moz-linear-gradient(left,  #dd503b 0%, #dd503b 24.5%, #ffffff 24.5%, #ffffff 100%); /* FF3.6+ */
	background: url(../images/blub-bg.png) no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%,#dd503b), color-stop(24.5%,#dd503b), color-stop(24.5%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: url(../images/blub-bg.png) no-repeat, -webkit-linear-gradient(left,  #dd503b 0%,#dd503b 24.5%,#ffffff 24.5%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/blub-bg.png) no-repeat, -o-linear-gradient(left,  #dd503b 0%,#dd503b 24.5%,#ffffff 24.5%,#ffffff 100%); /* Opera 11.10+ */
	background: url(../images/blub-bg.png) no-repeat, -ms-linear-gradient(left,  #dd503b 0%,#dd503b 24.5%,#ffffff 24.5%,#ffffff 100%); /* IE10+ */
	background: url(../images/blub-bg.png) no-repeat, linear-gradient(to right,  #dd503b 0%,#dd503b 24.5%,#ffffff 24.5%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd503b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

    background-position-y: 7549px;
}
div,
p,
blockquote,
li {
    font-size: 20px;
    line-height: 30px;
    font-family: Open Sans, Arial;
}
p {
    margin: 25px 0px;
}
blockquote {
    padding-left: 40px;
}
blockquote p,
blockquote {
    color: gray;
    color: rgba(0, 0, 0, .55);
}
strong.reverse {
    padding: 0px 10px;
    background-color: rgba(0, 0, 0, .6);
    font-weight: 300;
    color: white;
    color: rgba(255, 255, 255, .8);
}
p.reverse {
    background-color: rgba(0, 0, 0, .7);
    font-weight: 300;
    color: white;
    color: rgba(255, 255, 255, .8);
    padding: 30px;
}
p.reverse strong {
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
}
p.reverse.orange {
    background-color: #ec5b32;
}
p.reverse.purple {
    background-color: rgb(42,42,133);
}
p.byline {
    letter-spacing: 6px;
    text-transform: uppercase;
    text-align: right;
    opacity: .9;
    font-size: 10px;
    padding-left: 8px;
    text-align: right;
    margin-top: 0px;
    margin-right: 2px;
}

.minor_title {
    opacity: .6;
    font-size: 13px;
    letter-spacing: 6px;
    text-transform: uppercase;
    margin-top: -10px;
    border-top: 1px solid silver;
}

#head {
    dposition: fixed;
    dbackground-color: white;
}
h1 {
    font-size: 64px;
    letter-spacing: -5px;
    font-family: Open Sans, Arial;
    line-height: 100px;
    margin-top: 21px;
    color: rgb(42,42,133);
    color: rgba(0,0,0,.7);
    font-weight: 100;
    text-transform: uppercase;
    z-index: 200;
    margin-bottom: 0px;
}
h1 .h1_left {
    background-color: white;
    padding-left: 16px;
    padding-right: 16px;
}
h1 strong {
    font-weight: 300;
    dmargin-left: 10px;
    background-color: #ec5b32;
    color: white;
    padding: 0px 20px;
    z-index: 199;
    padding-right: 23px;
    padding-left: 17px;
}
img#hand {
    position: absolute;
    margin-top: -84px;
    margin-left: -73px;
    /*
	float: right;
	position: fixed;
	bottom: 0px;
	right: 0px;
	*/
}


p.subtext {
    display: block;
    float: right;
    margin-top: 10px;
    dborder-top: 1px solid whitesmoke;
    text-transform: uppercase;
    letter-spacing: 5.3px;
    font-family: Open Sans Condensed;
    color: silver;
    text-align: right;
}
h2 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -1px;
    font-family: Open Sans, Arial;
    margin-top: 40px;
    padding-top: 10px;
    color: rgb(42,42,133);
    color: rgba(0,0,0,.7);
    dopacity: .8;
}



@media (max-width: 768px) { 
    div,
    p,
    blockquote,
    li {
        font-size: 14px;
        line-height: 22px;
        font-family: Open Sans, Arial;
    }
    h1 {
        font-size: 24px;
    }
    h2, h3 {
        font-size: 24px;
    }

    .minor_title {
        opacity: .6;
        font-size: 10px;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-top: -10px;
        border-top: 1px solid silver;
    }


}  


.tab-pane > h2 {
    margin-top: 0px;
    padding-top: 0px;
}

h3 {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -1px;
    font-family: Open Sans, Arial;
    color: gray;
    margin-top: 20px;
}
h2,
h3 {
    font-family: Roboto Slab;
}
.arguments h3 {
    margin-bottom:  -10px;
}

.arguments img.ol-icon {
    margin-top: 0px;
    margin-right: 4px;
    margin-bottom: -4px;
}

.print-header-image {
    display: none;
}

.print-url {
    display: none;
}

#sidebar {
    height: 100%;
    position: fixed;
    dbackground-color: #ec5b32;
    dmax-width: 354px;
    padding-right: 0px;
    padding-top: 20px;
    dwidth: 23%;
    overflow: hidden;
    dbackground-image: url(../images/blub-bg.png);
    dbackground-attachment: fixed;
}
#sidebar img#bulb {
    width: 93%;
    float: right;
    margin-top: 20px;
    margin-right: -5px;
}
#sidebar a#logo img {
    display: inline-block;
    position: absolute;
    left: 49%;
    top: 85px;
    width: 45%;
    max-width: 180px;
    z-index: 700;
}
img#hand {
    float: right;
    /*
	position: fixed;
	bottom: 0px;
	right: 0px;
	*/
}
img#logo-bulb {
    width: 100%;
}


#content-main {
	/* THERE IS SOMETHING WRONG WITH THE MARGINS AND PAGE SCROLL PLUGIN */
    margin-top: 1px;
    margin-left: 0px;
    margin-right: 0px;    
    width: 831px;
    padding-top: 41px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: white;
}


.page-scroll.active {
    font-weight: 800;
}
d.navbar-collapse,
d.container>.navbar-header {
    background-color: rgba(255, 255, 255, .95);
    border-bottom: 1px solid silver;
}
#b2main {
    margin-right: 10px;
    padding-right: 26px;
    text-align: right;
    left: 41%;
}
#b2main a {
    color: white;
    font-family: Open Sans Condensed;
    letter-spacing: -1px;
    font-size: 26px;
    line-height: 15px;
}
#b2main a .small {
    letter-spacing: normal;
    font-size: 14px;
    display: block;
    opacity: .7;
}
#b2main, 
.navbar-custom {
    position: absolute;
    left: 43%;
    top: 180px;
    width: 210px;
    z-index: 500;
}
.navbar-custom .navbar-nav>li {
    float: none;
}
.navbar-custom .navbar-nav>li>a {
    font-family: "Open Sans Condensed", "Arial Narrow", Arial;
    font-stretch: condensed;
    text-transform: uppercase;
    color: white;
    padding: 5px;
    text-align: right;
    opacity: .5;
    font-weight: 100;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: -.3px;
}
.navbar-custom .navbar-nav>li.active>a,
.navbar-custom .navbar-nav>li>a:hover {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    opacity: 1;
}
.navbar-custom .navbar-nav>li>a:hover {
    opacity: .7;
}
@media(max-width:1475px) {
    .navbar-custom {
        position: absolute;
        left: 45%;
        top: 159px;
        width: 179px;
        z-index: 500;
    }
    .navbar-custom .navbar-nav>li>a {
        font-size: 12px;
        padding: 2px;
        letter-spacing: normal;
    }
    #b2main {
        left: 37%;
    }
}


@media(max-width:1315px) {

    .navbar-custom {
        position: absolute;
        left: 42%;
        top: 159px;
        width: 179px;
        z-index: 500;
    }
    .navbar-custom .navbar-nav>li>a {
        font-size: 12px;
        padding: 3px;
        letter-spacing: normal;
    }
    #sidebar .social p {
        display: none;
    }
    #b2main {
        left: 30%;
    }
}
@media(max-width:1215px) {
    .navbar-custom {
        position: absolute;
        left: 40%;
        top: 159px;
        width: 169px;
        z-index: 500;
    }
    .navbar-custom .navbar-nav>li>a {
        font-size: 12px;
        padding: 2px;
        letter-spacing: normal;
    }
    #sidebar .social p {
        display: none;
    }
    #b2main {
        left: 28%;
    }
}
.nav-tabs {
    border-bottom: none;
    margin-bottom: -20px;
    margin-right: 0px;
}
.nav-tabs>li {
    float: right;
    /*
	margin-bottom: -1px;
	margin-top: -14px;
	*/
}
.nav-tabs>li a {
    color: gray;
    font-weight: 100;
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px 6px;
}
.nav-tabs>li a strong {
    color: black;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #ec5b32;
    border-bottom-color: transparent;
    cursor: default;
    font-weight: 700;
    background-color: transparent;
    border: none;
}
img.author-photo {
    dfloat: left;
    dmargin-top: -5px;
    dmargin-left: -5px;
    margin-right: 10px;
    border: 1px solid gray;
    dwidth: 30%;
    height: 75px;
}
img.img-border {
    border: 1px solid gray;
}
.break {
    clear: both;
}
.copyright-info,
.issue-info {
    color: gray;
    font-size:.8em;
}

.tab-pane ul li {
    dcolor: gray;
    font-size: 19px;
}

h2.lined {
    border-bottom: 1px solid silver; 
    margin-bottom: 30px; 
    margin-top: -20px;
}




.ytvid {
    margin-bottom: 25px;
}
.ytvid,
#ytwrapper,
#youtube-player-container {
    position: relative;
    padding-bottom: 52%;
    padding-top: 28px;
    height: 0;
    overflow: hidden;
    cursor: pointer;
}
.ytvid iframe,
.ytvid object,
.ytvid embed,
#youtube-player-container iframe,
#youtube-player-container object,
#youtube-player-container embed {
    position: absolute;
    top: 0px;
    left: 0;
    width: 99% !important;
    height: 99% !important;
    background-color: white !important;
    border: 1px solid black;
    box-shadow: 5px 5px 8px rgba(0, 0, 0, .4);
    cursor: pointer;
}





@-webkit-keyframes swing2 {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: bottom right;
    }
    20% {
        -webkit-transform: rotate(1.5deg);
        opacity: .9;
    }
    40% {
        -webkit-transform: rotate(-1.5deg);
        opacity: 1;
    }
    60% {
        -webkit-transform: rotate(1deg);
        opacity: .7;
    }
    80% {
        -webkit-transform: rotate(-1deg);
        opacity: .9;
    }
    100% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
    }
}
@-moz-keyframes swing2 {
    20% {
        -moz-transform: rotate(2deg);
        opacity: .9;
    }
    40% {
        -moz-transform: rotate(-2deg);
        opacity: 1;
    }
    60% {
        -moz-transform: rotate(2deg);
        opacity: .8;
    }
    80% {
        -moz-transform: rotate(-1deg);
        opacity: .9;
    }
    100% {
        -moz-transform: rotate(0deg);
        opacity: 1;
    }
}
@-ms-keyframes swing2 {
    20% {
        -ms-transform: rotate(2deg);
        opacity: .9;
    }
    40% {
        -ms-transform: rotate(-2deg);
        opacity: 1;
    }
    60% {
        -ms-transform: rotate(2deg);
        opacity: .9;
    }
    80% {
        -ms-transform: rotate(-1deg);
        opacity: .9;
    }
    100% {
        -ms-transform: rotate(0deg);
        opacity: 1;
    }
}
@-o-keyframes swing2 {
    20% {
        -o-transform: rotate(2deg);
        opacity: .9;
    }
    40% {
        -o-transform: rotate(-2deg);
        opacity: 1;
    }
    60% {
        -o-transform: rotate(2deg);
        opacity: .8;
    }
    80% {
        -o-transform: rotate(-1deg);
        opacity: .9;
    }
    100% {
        -o-transform: rotate(0deg);
        opacity: 1;
    }
}
@keyframes swing2 {
    20% {
        transform: rotate(1.5deg);
        opacity: .9;
    }
    40% {
        transform: rotate(-1.5deg);
        opacity: 1;
    }
    60% {
        transform: rotate(1deg);
        opacity: .9;
    }
    80% {
        transform: rotate(-1deg);
        opacity: .9;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}
.swing2 {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-animation-name: swing2;
    -moz-animation-name: swing2;
    -ms-animation-name: swing2;
    -o-animation-name: swing2;
    animation-name: swing2;
}
.animated2 {
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}


.animated2.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#disqus_thread {
    color: rgb(0,0,0);
    background-color: rgb(255,255,255);
    dbackground-color: rgba(0,0,0,.4);
    padding: 20px;
} 

#disqus_thread p{
    color: rgb(0,0,0);
    background-color: rgb(255,255,255);
} 

#disqus_thread a{
    color: #ec5b32;
    background-color: white;
} 


.nav-tabs>li.active {
    display: none;
}


@media (max-width: 1123px) { 
    .visible-sm{
        display: block!important;
    }
    .hidden-sm {
        display: none!important;
    }

	body {
		background: none;
	}
	#content-main { 
    	width: auto;
    }
    h1 {
    	background-color: transparent;
    	font-size: 45px;
    	line-height: 40px;
    	text-transform: initial;
    	letter-spacing: -3px;
    	margin-bottom: 20px;
    }
    #head .slideInDown {
    	-webkit-animation-name: none !important;
    	animation-name: none !important;
    }
    h1 .h1_left {
    	background-color: transparent;
    	padding-left: 0px;
    	padding-right: 0px;
    }
    h1 strong {
    	background-color: transparent;
    	color: #ec5b32;
    	font-weight: inherit;
    	font-weight: 600;
    	padding-left: 0px;
    	padding-right: 0px;
    }
    p.byline {
    	text-align: left;
    	letter-spacing: 1px;
    }
    .nav-tabs {
    	margin-top: 20px;
    	margin-bottom: 20px;
    	border-bottom: 1px solid #ddd;
    	margin-right: 0px;

    }

    .nav-tabs>li {
    	float: left;

    }
    .nav-tabs>li>a {
    	padding: 10px;
    }
    
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    	background-color: white;
    	color: inherit;
    	border: 1px solid #ddd;
    	border-bottom-color:  transparent;
        display: block;
    }

    p.byline {
    	display: none;
    }

	.tab-content>.tab-pane {
		margin-top: 50px;
	}

}


iframe.twitter-tweet {
    width: 100% !important;
}


a.btn {
    font-weight: 600;
    color: #ec5b32;
}

a.btn-inverse {
    background-color: #ec5b32;
    color: white;
}
a.btn-gray {
    background-color: gray;
}

#sidebar .social {
    position: fixed;
    bottom: 20px; 
    color: #e8a89a;
    text-align: center;
    width:90%;
    padding-bottom: 20px;
}

#sidebar .social h2 {
    font-family: Open Sans Condensed;
    text-transform: uppercase;
    font-weight: 100;
    margin-top: 10px;
    margin-bottom: 10px;
}
#sidebar .social p {
    font-family: Open Sans Condensed;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
}
#sidebar .social p a {
    color: orange;
}

#sidebar .quotes {
    position: absolute;
    top: 404px;
    /*background-color: #ec5b32;*/
    padding:  20px;
    width: 50%;
    color: white;
    font-size: 10px;
    opacity: .3;
}

#sidebar .quotes .q{
    font-family: Open Sans Condensed;
    font-size:18px;
}



@media only screen and (max-height: 800px) {
    #sidebar .quotes {
        top: 300px;
    }
     #sidebar .quotes .q {
        font-size: 14px;
        line-height: 16px;
        ddisplay: none;
    }  
}



@media only screen and (max-height: 500px) {
     #sidebar .quotes .q, 
     #sidebar .social {
        display: none;
    }   

}

@media(max-width:1322px) {
    #sidebar .quotes {
        width: 70%;
    }
}

.page-break { 
    display: none;
}