/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.5em;
    padding-top: 80px;
    background: url('images/bg-header.png') no-repeat center top #222;
	/*background-color: #7f2c85; */ /* World Prem Day colour */
    background-size: 360px;
    min-width: 320px;
}

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    color: #00aeef;
    transition: color 300ms;
}

a:hover {
    color: #fff;
}

a img {
    border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #00aeef;
    line-height: 1.5em;
    margin: 0 0 0.67em 0;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0 0 0.67em 0;
    font-weight: 100;
}

.clearfix {
	clear: both;
}

#wrapper {
    
}

#header,
#aside,
#footer {
    padding: 1em;
}

#header,
#nav,
#content,
#footer {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 1em;
    box-sizing: border-box;
}

#header {
	height: 100px;
	/* background: url('images/digi-ninja-logo-purple.png') no-repeat center center transparent; */
	background: url('images/digi-ninja-logo.png') no-repeat center center transparent;
	background-size: 200px;
}

#footer {
    border-top: 1px solid #00aeef;
}

#nav ul,
#article ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#article .list {
    margin: 0;
    padding: 0;
    padding-left: 15px;
	list-style-type: disc; 
	list-style-position: inside; 
}

#article .list li .historycommand {
	font-weight: bold;
	color: red;
}

#article .list li .vulnerable {
	color: red;
}

#article .list li .safe {
	color: #00ff00;
}

#article span.red {
	color: red;
}

#article span.yellow {
	color: yellow;
}

#article span.green {
	color: green;
}

#article .downloadList {
    margin: 0;
    padding: 0;
	list-style-type: disc; 
	list-style-position: inside; 
}

#article .videoiframe {
	width: 649px;
	height: 365px;
}

#article .asciicast {
	text-align: center;
}

#article .caption {
	font-style: italic;
	text-align: right;
}

#article blockquote {
	font-style:italic;
}

#article .nowrap {
	white-space: nowrap;
}

#article .pipal_table_right {
	float:right;
	width:50%;
}

#article .pipal_table_left {
	float:left;
	width:50%;
}

#article .tiny {
	font-size:2px;
}

#article .hidden {
	display: none;
}

#nav {
    padding: 0;
}

#nav ul {
    overflow: hidden;
    border-top: 1px solid #444;
}

#nav li {
    /*border-bottom: 1px solid #0989b8;*/
    border-bottom: 1px solid #444;
}

#nav a {
    display: block;
    padding: 0.5em;
    color: #fff;
    text-decoration: none;
    font-weight: 100;
    text-align: center;
    text-transform: capitalize;
    transition: color 300ms, background-color 300ms;
}

#nav a:hover,
#nav a:active {
    background-color: #333;
    color: #00aeef;
}

#nav li.active a {
    color: #00aeef;
}

#nav .social {
    margin: 0;
    padding: 1em;
    list-style: none;
    text-align: center;
}

#nav .social li {
    display: inline-block;
    margin-right: 1em;
    border: none;
}

#nav .social li {
    padding: 0;
    margin: 0;
}

#nav .social li a i {
	width:28px;
	height:28px;
	line-height:28px;
	border:1px solid #ebebeb;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-ms-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	font-size:12px
}

#rss.a {
	background:none;
}


#___plusone_0 {
    width: 65px !important;
    padding: 8px !important;
}

#gplus iframe {
    width: 64px !important;
}

#article {
    margin-bottom: 4em;
}

#article li {
    margin: 1em 0;
}

#article .list li {
    margin: 0;
}

#article li > a {
    text-decoration: none;
}

#article li > .link-title,
#article li > .link-breadcrumb {
    display: block;
    text-decoration: none;
}

#article > h1:first-child {
    line-height: 1em;
    padding: 40px 0 0 0;
    margin-bottom: 10px;
}

#article img {
    max-width: 100%;
}

#article .enlarge:hover {
	transform:scale(2.5);
	position: relative;
	z-index: 20;
/*	transform-origin:0 0;*/
}

/*
#xarticle .img:hover{
	color: #424242; 
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	opacity: 1;
	transform: scale(2.50);
	-ms-transform: scale(2.50); /* IE 9 * /
	-webkit-transform: scale(2.50); /* Safari and Chrome * /
	z-index: -100;
}
*/

#article .update {
	border: 1px solid;
	padding-left:20px
}

#content {
    padding-bottom: 80px;
    position: relative;
}

#aside {
    padding: 0;
	width: 256px;
}

#aside ul {
    list-style: none;
    padding: 0;
    margin-bottom: 4em;
}

#aside li {
    list-style-type: none;
    border-bottom: 1px solid #00aeef;
}

#aside li a {
    display: block;
    line-height: 1.250em;
    padding: 10px 0;
    color: #fff;
    text-decoration: none;
    padding-left: 1em;
    background: url('images/bg-bullet.png') no-repeat 4px 15px transparent;
    transition: color 300ms;
}

#aside li a:hover {
    color: #00aeef;
}

.amazon-links a {
    display: block;
    margin: 0;
	padding: 0;
}

#designedby {
    text-align: right;
}

#article pre {
    padding: 2em;
    overflow: auto;
    background-color: #000000;
}

#article pre code .red {
	color: red
}

#article .breadcrumbs {
    overflow: hidden;
    border-bottom: 1px solid #00aeef;
    padding-bottom: 10px;
}

#article .breadcrumbs li {
    margin: 0 1.250em 0 0;
    float: left;
    position: relative;
}

#article .breadcrumbs a,
#article .breadcrumbs li:after {
    font-size: 12px;
    font-weight: 100;
    line-height: 1.5em;
}

#article .breadcrumbs li:after {
    content: '>';
    color: #00aeef;
    position: absolute;
    top: 0;
    right: -1.250em;
}

#article .breadcrumbs li:last-child:after {
    display: none;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.centred {
	text-align: center;
}

.centred-rel-top {
	text-align: center;
	position: relative;
	z-index: 10;
}

.strike-through {
	text-decoration: line-through;
}

#zodiac-sign {
	width: 150px;
}

#zodiac-count {
	width: 50px;
}

/* Tracker tracking table styles */
.tracker-table thead {
	background-color: #555
}
.tracker-table th.answerDesc,
.tracker-table	td.answerDesc {
	width:300px;
}
.tracker-table	th.answerCode,
.tracker-table	td.answerCode {
	width:150px;
	text-align: center;
}

.tracker-table	th.answerCount,
.tracker-table	td.answerCount {
	width:150px;
	text-align: center;
}

/* Breaking into security table styles */
.breaking-table thead {
	background-color: #555
}
.breaking-table th.answer,
.breaking-table	td.answer {
	width:400px;
}
.breaking-table	th.answerCount,
.breaking-table	td.answerCount {
	width:100px;
	text-align: center;
}

.home #content {
    padding: 0 1em 2em 1em;
}

.home #article {
    width: auto;
    line-height: 1.5em;
}

.home .featured {
    background: url('images/bg-featured.jpg') no-repeat 0 0 #444;
    background-size: cover;
    padding: 1.5em 1em;
    overflow: hidden;
    border-top: 1px solid #515250;
    border-bottom: 1px solid #00aeef;
}

.home .featured .inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
}

.home .left {
    margin-bottom: 4em;
}

.home .left ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.home .left li {
    margin: 0 0 2em 0;
}

.home .left li p {
    color: #cecece;
}

.home .left ul li h3 {
    font-size: 1.250em;
    line-height: 40px;
    border-bottom: 1px solid #90be29;
    background: url('images/bg-feature-heading.png') no-repeat right center transparent;
}

.home .left li h3 a {
    color: #fff;
    text-decoration: none;
    transition: color 300ms;
}

.home .left li h3 a:hover {
    color: #90be29;
}

.home #article {
    margin-bottom: 0;
}

.home #aside {
    margin-top: 0;
    padding: 0;
    border-top: 0;
}

.home #footer {
    border-top: none;
}

@media (min-width: 400px) {
    #nav {
        overflow: hidden;
    }

    #nav li {
        width: 50%;
        float: left;
    }

    #nav li:nth-child(odd) a {
        border-right: 1px solid #444;
    }

    #nav .social {
        padding: 0;
        border: none;
    }
    
	#nav .social li {
		float: left;
		width: 12.5%;
	}
    #nav .social li:nth-child(odd) a {
        border: none;
    }
}

@media (min-width: 600px) {
    
    body {
        padding-top: 0;
        background-size: 520px;
    }

    #header {
        height: 120px;
        background-size: 260px;
        background-position: 1em 2em;
    }

    #nav {
        padding: 0 1em;
    }
    
    #nav ul {
        border-top: none;
    }

    #nav li {
        width: auto;
        float: left;
        padding: 1em 0;
        border: none;
    }

    #nav a {
        line-height: 1em;
        margin-right: 1em;
        padding: 0 1em 0 0;
        border-right: 1px solid #00aeef;
    }

    #nav li:last-child a {
        border: none;
    }

    #nav li:nth-child(odd) a {
        border-right-color: #00aeef;
    }

    #nav a:hover,
    #nav a:active {
        background-color: transparent;
    }

    #nav ul {
        float: left;
        width: 70%;
    }
    #nav .social {
		width: 240px;
        padding: 9px 0;
        float: right;
    }
    #nav .social li {
        padding: 0;
        margin: 0;
    }
    #nav .social li a {
        border: none;
        margin: 0;
        padding: 0;
    }
    #nav #rss {
        margin-right: 1em;
    }
    #nav #gplus {
        margin-top: 3px;
    }
    
    /*#nav #rss,
    #nav #gplus {
        width: auto;
        float: right;
        padding: 0;
        border: none;
    }

    #nav #rss {
        padding-top: 10px;
    }

    #nav #rss a {
        margin: 0;
        padding: 0;
        border: none;
    }

    #nav #gplus {
        padding-top: 12px;
        margin-right: 1em;
    }*/
    
    #___plusone_0 {
        width: 65px !important;
        padding: 0 !important;
    }
}

@media (min-width: 768px) {
    
    body {
        background-size: 727px;
    }

    #header {
        height: 160px;
        background-size: 360px;
    }

    #nav {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    #nav li a {
        margin-right: 1.5em;
        padding-right: 1.5em;
    }

    #content {
        /*overflow: hidden; */
    }
    
    #banner {
        height: 208px;
        background: url('images/bg-banner.jpg') no-repeat center top transparent !important;
        background-size: cover !important;
    }

    #article,
    #aside {
        float: left;
        box-sizing: border-box;
    }

    #article {
        width: 70%;
        padding: 0;
    }

    #aside {
        width: 30%;
        margin-top: 110px;
        border-top: 1px solid #00aeef;
        padding: 16px 0 0 2em;
    }

    #footer {
        clear: both;
    }

    .home .featured .inner {
        padding: 0 1em;
    }

    .home .left {
        width: 70%;
        float: left;
    }

    .home .left li {
        margin: 0 0 24px 0;
    }

    .home #aside {
        padding-top: 0;
        padding-left: 4%;
    }

    #article pre {
        width: 92%;
        z-index: 1;
        transition: width 300ms, left 300ms;
        box-sizing: border-box;
        position: relative;
        left: 4%;
    }

    #article pre:hover {
        width: 142.857%;
        left: 0;
        border-right: 1px solid #00aeef;
    }

}

@media (min-width: 1024px) {
    #banner {
        height: 200px;
        max-width: 960px;
        margin: 0 auto;
        box-shadow: 0 0 4px #000;
        background: url('images/bg-banner.jpg') no-repeat center top transparent !important;
        background-size: cover !important;
    }

    .home #content {
        padding: 0 2px 1.5em 2px;
    }

    #nav {
        padding: 0;
    }
}