body {
    margin: 1.6em;
    background:#fafafa;
    color: #333;
    font-family:"Droid Sans", Verdana, sans-serif;
    font-size:15px;
    line-height:18px;
    font-weight:normal;
}

h1, h2, h3, h4, h5, h6, small, .recent_entries{
    font-weight: bold;
    font-family:"Droid Sans", Verdana, sans-serif;
}

/* Sidebar */
.sidebar {
    float: left;
}

/* Header */

header > h1 {
    color: #003580;
    font-size: 150%;
    padding-top: 6px;
}

.b_name {
    display: inline-block;
    background: transparent url('../images/blog_logo.png') no-repeat top left;
    background: transparent url('../images/blog_logo.svg') no-repeat top left;
    overflow:hidden;
    color:transparent;
	height:65px;
	width:216px;
	background-size:100%;
}


.bj_link:link,
.bj_link:visited {
    float: right;
    font-size: 66%;
    color: #fff;
    background-color: #0896FF;
    text-decoration: none;
    padding: 0 5px;
    margin-top: 6px;
}
.bj_link:hover {
    color: #003580;
    background-color: #E6EDF6;
}

.main_header{
        margin-bottom:1em;
        border-bottom:1px solid #ecf0f1;
}

header > h1 span:not(.b_name) {
    font-size: 50%;
    position: relative;
    top: -8px;
    margin-left: 10px;
    background-color: #fff;
    padding: 3px 10px;
    color: #BBB;
    white-space:nowrap;
}

header > menu {
    text-align: right;
}
header > menu ul li {
    display: inline;
    font-size: 80%;
    line-height: 2.8em;
}
header > menu ul li a:link,
header > menu ul li a:visited {
    padding: .5em;
    border-radius: .33em;
    text-decoration: none;
}

header p {
    border-top: 1px solid #EEE;
    border-bottom:1px solid #EEE;
    padding: 1.3em 0;
    margin-top: -.5em;
}

p, ul, li, a {
    font-family:"Droid Sans", Verdana, sans-serif;
    font-size:15px;
    line-height:22px;
    font-weight:normal;
}

/* Latest Entry */
.latest_entry_hgroup {
    float: left;
}

.latest_entry_excerpt {

}

/* Recent Entries Sorting */
.recent_entries_sorting > ul {
    margin:0;
    padding:0;
}

.recent_entries_sorting > ul li {
    display: inline-block;
    margin:5px 3px;
}

.recent_entries_sorting > ul li:first-of-type{
    margin-left:0;
}

.recent_entries_sorting > ul li:last-of-type{
    margin-right:0;
}

.recent_entries_sorting a:hover{
    background:#0d1f47;
}

.recent_entries_sorting a{
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    background:#1F3A75;

    padding:5px 15px;
    text-decoration:none;
    color:#fff;
    font-size:14px;
}

header p {
	border-top: 1px solid #EEE;
	padding: 1.3em 0;
	margin-top: .4em;
}

.recent_entries_sorting a.Design{background:#e67e22;}
.recent_entries_sorting a.Development{background:#3498DB;}
.recent_entries_sorting a.General{background:#1abc9c;}
.recent_entries_sorting a.Operations{background:#95a5a6;}
.recent_entries_sorting a.SystemsEngineering{background:#C0392B;}
.recent_entries_sorting a.analysis_and_data_science{background:#9B59B6;}

.recent_entries_sorting a.Design:hover{background:#d35400;}
.recent_entries_sorting a.Development:hover{background:#2980B9;}
.recent_entries_sorting a.General:hover{background:#16a085;}
.recent_entries_sorting a.Operations:hover{background:#7f8c8d;}
.recent_entries_sorting a.SystemsEngineering:hover{background:#88261c;}
.recent_entries_sorting a.analysis_and_data_science:hover{background:#8e44ad;}

/* Recent Entries */

section > h1, .about h2 {
        font-size: 125%;
        letter-spacing: 0;
        line-height: 1em;
}

.about {
        border-bottom:1px solid #ecf0f1;
        padding-bottom:1em;
}

.about h2, .social h2{
        margin-bottom:.5em;
}

.about p{
        padding:0 0 2em 0;
        margin-bottom:.5em;
        font-size: 14px;
        line-height:22px;
}

.social h2{
        font-size:125%;
}
.social ul, .about  ul{
        list-style-type:none;
        margin:0;
        padding:0;
        font-size:14px;
        line-height:22px;
}

.social li a, .social li a:visited, .about li a, .about li a:visited, .index_summary a, .index_summary a:visited{
        text-decoration:none;
        color:#3498DB;
}

.social li a:hover, .about li a:hover, .index_summary a:hover{
        color:#34495e;
        text-decoration:underline;
}

@media only screen and (max-width:767px) {
	.index_summary{
		display:none;
	}
}


.recent_entries ol {
    list-style:none;
    padding-left:0;
}

.about h2, .social h2{
        margin-bottom:.5em;
}

.recent_entries > ol > li {
    padding: 1em;
    margin-bottom: 5px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

.post_title, article h1 {
    font-size: 150%;
    line-height: 1em;
    display: block;
    font-weight: 700;
    color: #ecf0f1;
    margin:.5em 0;
}

.entry-title{
	font-size:290%;
	line-height:125%;
}

.entry-content li{
	padding-left:0px;
	text-indent:-1em;
	margin-left: -2.6em;
}
.entry-content ol li{
     text-indent:0em;
}
@media only screen and (max-width: 767px) {
    .entry-content ol li{
        text-indent:0em;
    }

    .entry-title{
        font-size:255%;
     }

}


.recent_entries a:link,
.recent_entries a:visited {
    text-decoration: none;
    color: #ecf0f1;
}
.recent_entries li:hover {
    cursor: pointer;
    cursor: hand;
    background-color: #555;
}
.recent_entries li:hover * {
    color: #f6fcfc !important;
}
.post_meta {
    font-size: 100%;
    font-family: "Droid Sans", sans-serif;
    padding: 0;
    margin-top: .33em;
}
.post_meta > * {
    margin-right: .5em;
    padding: .5em;
    white-space:nowrap;
    color: #555;
}
.post_meta > *:hover {
    opacity: 1;
}
.post_meta a:hover {
    color: #feba02;
}

.post_meta a:hover:before {
    color: #fff;
}
.post_meta ul {
    list-style: none inside none;
    display: inline;
}

.post_meta ul li {
    display: inline;
    padding: .33em;
    background: none;
    margin: 0;
}
.post_meta ul li:not(:last-child):after {
    content: ',';
}

.post_meta ul li:last-child {
    padding-right: .33em;
}
.post_meta ul li a {
    background: none;
    padding: 0;
    margin: 0;
}

/*
 *  *  *  Category-specific colouring - these colours should be used whenever we're presenting
 *   *   *   something belonging to ths given categories, there is a fallback colour for new categories
 *    *    *    */
li[class*="category_"],
article[class*="category_"] header {
    background-color: #95a5a6;
}

li[class*="category_"]:hover,
article[class*="category_"] header:hover {
    background-color: #7f8c8d;
}

li.category_Design,
article.category_Design header,
article.category_Design header:hover {background-color: #e67e22;}
li.category_Design:hover {background-color: #d35400;}

li.category_Development,
article.category_Development header,
article.category_Development header:hover {background-color: #3498db;}
li.category_Development:hover {background-color: #2980B9;}

li.category_analysis_and_data_science,
article.category_analysis_and_data_science header,
article.category_analysis_and_data_science header:hover{background-color:#9b59b6;}
li.category_analysis_and_data_science:hover{background-color:#8e44ad;}

li.category_SystemsEngineering,
article.category_SystemsEngineering header,
article.category_SystemsEngineering header:hover{
    background-color:#e74c3c;
}
li.category_SystemsEngineering:hover {background-color:#c0392b;}

li.category_Database,
article.category_Database header,
article.category_Database header:hover {background-color:#2ecc71;}
li.category_Database:hover {background-color:#27ae60;}

li.category_General,
article.category_General header,
article.category_General header:hover {background-color:#1abc9c}
li.category_General:hover {background-color:#16a085;}


article {
    font-size:100%;
    line-height:1.65em;
}

/* Article Styles */
article header {
    border: 1px solid #EEE;
    border-width: 1px 0;
    padding: .75em 1.3em;
    margin: .75em 0 .4em;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
article header a:link,
article header a:visited,
article header time,
article header a:before,
article header ul:before,
article header li:after {
    text-decoration: none;
    color: #73c7ff;
}

.post_meta .post_author, .post_meta time{
    color:#ecf0f1;
}

article p {
    padding: .5em 0;
}

article p a, article ul a, article ul a:visited{
    color:#3498DB;
    text-decoration:none;
}

article p a:hover, article ul a:hover{
    text-decoration:underline;
    color:#34495e;
}

article p:first-of-type, article p:first-of-type a {
    font-size: 130%;
    line-height: 1.66em;
    color: #222;
}
article p:first-of-type a{
    font-size:100%;
    color:#3498DB;
}

article pre {
    background-color: #fff;
    margin: 1em 0;
    padding: .5em 1em;
    border: 1px solid #DEDEDE;
    white-space:pre-wrap;
    word-wrap:break-word;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

article .styled-quote {
    font: italic 24px/1.5 "Times New Roman", Georgia, serif;
    color: #003580;
    font-style:italic;
}

article h2, article h3, article h4, article h5, article h6 {
    margin: .5em 0;
    font-weight: bold;
}

article ul {
    list-style-position:inside;
}
article object, article iframe {
    max-width: 100%;
}
img {
    max-width: 95%;
}

/* Image styling */
figure {
    border: 1px solid #ccc;
    background: #fff;
    padding: 1em;
    font-size: 12px;
    color: #808080;
    margin: 1em 2em;
}
figure img {
    display: block;
}
.pull-left {
    float: left;
    margin-left: 0;
}
.pull-right {
    float: right;
    margin-right: 0;
}

/* Comments */
#disqus_thread {
    margin-top: 2em;
    padding-top: 2em;
    border-top: 1px solid #DEDEDE;
}

/* Share icons */
.sharepop-item {
    display: inline;
}
.sharepop-lnk {
    display: inline-block;
}
.sharepop-img {
    width: 2.3em;
    border: none;
}