/*-------------------------------------------------------------
Base styles - default
--------------------------------------------------------------*/
body {
    background-color: #f8f8f8;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    color: #333;
    line-height: 19px;
}

a{
    text-decoration: none;
}

pre {
    background: #eeeff3;
    border: 1px solid #DDD;
    padding: 10px;
    white-space: pre-wrap;
    font: 1em 'andale mono','lucida console',monospace;
    line-height: 1.5;
    margin: 1.5em 1em;
    color: #333;
}

pre code.hljs {
    background-color: #eeeff3;
}

input {-webkit-appearance: none; box-shadow: none !important; }

body,
.blog_content h1,
.blog_content h2, 
.blog_content h3, 
.blog_content h4, 
.blog_content h5, 
.blog_content h6 {
    font-size: 16px;
    color: #111111; 
    margin: 0;
    padding: 0;
}

.blog_content h1, 
.blog_content h2, 
.blog_content h3, 
.blog_content h4 {
    padding-bottom: 4px;
    text-rendering: optimizeLegibility;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
} 
.blog_content h1{
    line-height:1.2;
}

.blog_content sub, 
.blog_content sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

.blog_content sup{
    top: -0.5em
}

.blog_content sub{
    bottom: -0.25em;
}

.blog_content blockquote{
    margin: 24px 16px;
    border-left: 4px solid #dddddd;
    padding: 0 16px;
}

.blog_content table {
    margin-bottom: 18px;
    border-collapse: collapse;
    width: 100%;
}

/* CK Editor Overrides ---------------------------------- */

.cke_editable{
    padding:16px;
}

.cke_editable img{
    max-width:100%;
    height: auto !important;
}

/* Header ----------------------------------------------- */
header.blog_body_header{
    background-color:white;
    padding:12px 30px;
    border-bottom: 2px solid #EEE;
}
header.blog_body_header h4{
    max-width:1400px;
    margin: 0 auto;
}

header.blog_body_header a{
    text-decoration: none;
    color: #111;
}

@media (max-width: 991px) {
    header.blog_body_header{
        padding: 12px 16px;
    }
    header.blog_body_header h4{
    }
}

/* Entries ----------------------------------------------- */

#entryDate {
    display: block;
    padding: 5px;
}

#entryAuthor{
    display: block;
    padding: 5px;
}

#entryTags{
    list-style: none;
    padding-left: 0;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 60px;
}

#entryTags li{
    background: #f0f0f0;
    display: inline-block;
    margin: 2px 3px 0 0;
    padding: 3px 6px 3px 6px;
    border-radius: 3px;
    color: #f0f0f0;
}

#entryTags a{
    color: #555;
    font-size: 11px;
}

.subheading {
    margin-left: 2px;
    padding: 5px 15px 5px 5px;
}

.subheading h3 {
    font-size: 1.17em;
}

.entryCard {
    background: #f8f8f8;
    box-sizing:border-box;
    padding-bottom: 10px;
}

.entryBox {
   padding: 15px;
   background: white;
   border: 1px solid #f2f2f2;
}

.entryTitle {
    margin:15px 0px;
    color: #f9982a;
    line-height: normal;
    font-size: 24px;
    text-transform: none;
}

.entryTitle a:active, .entryTitle a:link, .entryTitle a:visited{ 
    color: #f9982a;
    text-decoration: none;
}

.entryContent {
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 0px;
    font-size: 16px;
    overflow: auto; 
}

.entryContent p {
    margin: 10px 0px 10px 0px;
}

.entryContent h1 {
    font-weight: 400;
    font-size: 1.5em;
}

.entryContent img{
    max-width: 100%;
    height: auto !important;
}

.entryContent li, .entryContent ol, .entryContent ul {
    color:  #111;
    padding-left: 5px;
    margin: 5px 0 5px 15px;
}

.post-author {
    float: left;
    overflow: auto;
    padding-right: 10px;
}

.post-author-info {
 border-top: 1px solid #DDD;
 border-bottom: 1px solid #DDD;
}

.post-author-info p {
 padding: 3px;
 position: relative;
}

.entryInfo {
    border-top: 1px solid #DDD;
    padding: 20px;
    color: #999;
    font-size: 14px;
}



#shareLinks{
    float: right;
    margin-top: -12px;
}

#shareText{
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

.shareIcons li{
    display: inline;
}

.shareIcons ul{
    display: inline;
    list-style: inside;
    padding: 0;
}

/* Pagination ---------------------------------- */

div.next-previous {
    color: #999;
    text-shadow: 0 1px 0 #fff;
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #e9e9e9;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.inline-navigation {
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding: 8px !important;
}

.inline-navigation li {
    display: inline-block;
    margin: 0;
}

.inline-navigation a {
    display: inline-block;
    margin: 0;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 2px 6px;
    text-decoration: none;
}

.current {
    background: none repeat scroll 0 0 #c2d1d8 !important;
    color: #333 !important;
    text-shadow: 0 1px 0 #fff !important;
    border-color: #c2d1d8 !important;
}

/** Author Info -------------------------------------------------- */

.dex-blog-post-summary-container {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    overflow: auto;
    padding: 10px 0px;
}

.dex-blog-author-img {
    width: 50px;
    float: left;
}

.dex-blog-post-summary-date {
    margin: 0;
    font-size: 16px;
    font-weight:  300;
}

/* category chooser ----------------------------------------------- */

.category-chooser {
    margin: -50%;
    width:100%;
}
.rCategory li {
    font-size: 80%;
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}
li.selected {
    font-weight: bold;
}

/* other lists ----------------------------------------------- */

ul.rNavigationBar, ul.rMenu, ul.rFolder, ul.rFeeds, ul.rEntriesList {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 80%;
}
ul.rFeeds li {
    background-image: url(https://images-na.ssl-images-amazon.com/images/G/01/DeveloperBlogs/icons/rss_r1.png);
    background-repeat: no-repeat;
    background-position: 0 .2em; 
    padding-left: 1.4em;
    line-height: 1.5em;
}

/* sidebars ---------------------------------------------- */


.rightbar ul > li {
    list-style: none;
    margin-bottom: 10px;
    font-size: 15px;
}

.rightbar h2 {
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 400;
    margin: 10px 0;
}

.rightbar ul {
    color: #333;
    padding-bottom: 12px;
    margin-left: 0;
    margin-bottom: 0;
}

.rightbar li {
    font-weight: normal;
    font-family: Arial,Helvetica,sans-serif;
}

.rightbar li > a {
    color: #0272c0;
    text-decoration: none;
    text-shadow: none;
}

#left-sidebar-list li > a {
    color: #666;
    font-size: 16px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    text-decoration: none;
    min-height: 16px;
    padding: 19px 10% 15px 10%;
    display: block;
    overflow: hidden;
}

#left-sidebar-list li > a:focus, #left-sidebar-list li > a:hover {
    background-color: #cfcece;
}

.shareIcons a:hover {
    text-decoration: none !important;
}

#left-sidebar-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    height: 100%;
    display: block;
}

#left-sidebar-list > li {
    padding: 0;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    list-style: none;
}
/* calendar ----------------------------------------------- */

.hCalendarDay{
    text-align : center;
    font-size: small;
}

.hCalendarTable{

}

th.hCalendarDayNameRow {
    text-align : center;
    font-size : small;
    font-weight : bold;
}
td.hCalendarDayCurrent {
    text-align : center;
    font-size  : small;
    font-weight: bold;
}
td.hCalendarDayLinked {
    text-align : center;
    font-size  : small;
    font-weight: bold;
}

/* comments ----------------------------------------------- 

div.comments-form span.status {
    display: block;
    background: white;
    color: green;
    border: 1px solid green;
    margin: 10px 0px;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}

span.error {
    display: block;
    background: white;
    color: #c00;
    border: 1px solid #c00;
    margin: 10px 0px;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}

p.comment-details {
    font-size: 80%;
    color: #999;
}
.comments-syntax-indicator {
    font-weight: bold;
}
.comments-syntax-indicator span.enabled {
    background: transparent;
    color: green;
    font-style: italic;
}
.comments-syntax-indicator span.disabled {
    background: transparent;
    color: red;
    font-style: italic;
}

form ul{ position: relative; list-style: none; width: 100%; }
form li{ line-height: 2em; margin: 0; padding: 1px 1px 6px 9px; }
form li.focused{ background-color: #fff7c0 !important; }
form li p{ font-size: 9px; line-height: 13px; color: #444; }
form li{ display: inline-block; }
form[id] li{ display: block; }
form li div{ display: inline-block; }
form[id] li div{ display: inline; }
form .left{ float: left !important; margin: 0; }
form .right{ float: right !important; margin: 0; }
form .clear{ clear: both; } 
form li div p{ margin: 0 0 5px 0; }
form div.left{ margin-right: 2px !important; }
form div.left[class]{ margin-right: 4px !important; }
form div.left img{ margin: 0 0 -2px 0; }
form h2{ font-size: 1.8em; clear: left; } 
form .info{ display: inline-block; margin: 0 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #ccc !important;}
form .info[class]{ display: block; }
form .info p{ font-size: 1em; line-height: 1.3em; margin: 0 0 8px 0; }
textarea.textarea{margin-bottom: 1px;}
textarea.textarea[class]{font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, sans-serif;}
select.select{ padding: 1px 0 0 0; margin: 1px 0 3px 0; }
select.select[class]{ margin: 0; padding: 1px 0 1px 0; }
form .small{ width: 70px; }
form .medium{ width: 170px; }
form .large, form textarea.textarea{ width: 340px; }
form .tags{ width: 320px; }
form textarea.small{ height: 5.5em; }
form textarea.medium{ height: 10em; }
form textarea.large{ height: 20em; }
.choices input{ width: 200px; margin-right: 3px; }
.choices ol{ margin: 10px 0 0 0; }
.choices[class] ol{ margin: 0 !important; }
.choices img{ margin: 0 0 1px 0; }
fieldset ol li{ display: list-item !important; margin: 0 5px 2px 3px !important; padding: 0 !important; list-style: inside decimal; }
input.button, button { width: 6em; padding: 2px 2px 0 0;  }
li>input.button, li>button, input.button>input.button, button>button { padding: 2px; }
label.desc{
    margin: 4px 0 3px 0;
    border: 0;
    color: #444;
    font-size: 1em;
    line-height: 1.3em;
    display: block;
    font-weight: bold;
}
input.text, input.number, input.url, input.email, input.password, input.file, 
textarea.textarea, select.select{
    font-size: 1.2em;
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    color: #333;
}
input.text, input.number, input.url, input.email, input.password, input.file{ padding: 2px; }
input.currency{ text-align: right; }
input.checkbox, input.radio{
    display: block;
    line-height: 1.4em;
    margin: 8px 0 0 3px;
    width: 13px;
    height: 13px;
}
input.focus, textarea.focus { background: #ffd; color: #000; }
label.choice{
    display: block;
    line-height: 1.4em;
    margin: -19px 0 0 25px;
    padding: 4px 0 5px 0;
    color: #444;
    width: 80%;
}

div.comments-form form ul {
   width:40em;
}*/

/*-------------------------------------------------------------
Basic theme styles
--------------------------------------------------------------*/
#blog_body hr{
    background: #ddd;
    color: #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: 1px;
    margin: 0 0 17px;
    border: 0;
}

.blog_content h3 {
    font-family: Roboto,sans-serif;
    font-size: 1.17em;
    font-weight: 400;
    line-height: 1.255;
}

.blog_content h2 {
    font-size: 1.5em;
    line-height: 1.3;
    font-weight: 300;
}

.blog_content thead th {
    background: #c3d9ff;
    text-align: left;
    padding: 3px;
}

.blog_content table td {
    padding: 3px
}

.blog_content tr:nth-child(odd) {
    background: #e5ecf9;
}

.blog_content a,
.blog_content p a{
    text-decoration: none;
    color: #0066c0;
}

/* layout ----------------------------------------------- */

.blog_content_wrapper {
    overflow: hidden;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box !important;
}
.blog_content {
    padding: 0;
}
.blog_rightbar_wrapper {
    width: 420px;
    float: right;
    padding-right: 62px;
    box-sizing: border-box !important;
}
.blog_rightbar_wrapper.mobile {
    width: 100%;
    display: none;
}
.rightbar {
    padding: 10px;
}
.blog_leftbar_wrapper { 
    width: 18%;
    float: left;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
#blog_body {
    width: 100%;
    margin: 0px auto;
    max-width: 1426px;
    overflow: auto;
}

#blog_body > div {
    box-sizing: content-box;
}

#no_blog_posts {
    padding: 30px;
}

@media only screen and (max-width: 1400px) {
    .blog_rightbar_wrapper{
        padding-right: 0;
        width: 300px;
    }
}
@media only screen and (max-width: 768px) {
  .blog_content_wrapper {
    width: 100%;
  }
  .blog_leftbar_wrapper { 
        width: 0%;
        position:absolute;
        visibility:hidden;
        border:0px;
    }
    .blog_rightbar_wrapper {
        display: none;
    }
    .blog_rightbar_wrapper.mobile {
        display: block;
    }
}