h3{
    color:#ab5a6c;
    padding: 0 0 0 25px;
}
.articleTitle{
    color: #ab5a6c;   
    padding-bottom:0;
    margin-bottom:0;
}
.nameAndDate{
    font-family: 'Calibri', sans-serif;
    font-weight: 100;
    padding-top:0;
    margin-top:0;
    font-size:16px;
}
.articleName{
    color:#5a6cab;  
}
.articleDate{
    color:#376c45;
}
ol{
    margin-top:-15px;
}
a:link{
    color:#6a6a6a;
}
a:visited{
    color:#6a6a6a;
}
a:hover{
    color: #ab5a6c; 
}
.myStories{
    display:block;
    padding:15px 35px 0px 35px;
    font-size:16px;
}
.storyDetails{
    padding-right:35px;
}
.path{
    padding: 0 0 0 25px;
}
hr.headers{
    border-top: 1px solid #ccc;
    margin:-15px 25px 10px 0px;
}
hr.subheaders{
    border-top: 1px solid #ccc;
    margin:-10px 35px 25px 25px;
}
.imgDefault{
    margin:0 0 10px 25px;
    border:1px solid #dddddd;
    display:block;
}
.hideImages{
    visibility:hidden;
    width:0!important;
    height:0!important;
    padding:0!important;
    margin:0!important;
}
.showImages{
    visibility:visible;
}
#toggleImages{
    padding:0 35px 0 0 ;
    margin:0 0 0 20px;
    cursor: pointer;
    color: #ab5a6c; 
    font-size:16px;
    vertical-align: middle;
    float:right;
}
#toggleImages:hover{
    color:#5a6cab; 
}
disqusWrapper{
    padding:50px 35px!important;

}
.highlight{
    color:#2f71e7;
}
/* USE A MEDIA QUERY TO ADD A BREAKPOINT AT 800PX*/
@media (max-width:800px) {
    h2{
        font-size: 18px;
    }
    .myStories{
        display: block;
        padding: 15px 15px 0 15px;
    }
    ol{
        padding:0 0 0 10px;
    }
    .width70pct{
        margin-top:25px;
        width:100%;
    }
    .imgDefault{
        max-width:100%;
        height:auto;
        padding:0;
        margin:0 10px 0 0;
    }
    #toggleImages{
        margin:0;
        padding:0;
        font-size:16px;
        vertical-align: bottom;
    }
    .storyDetails{
        padding-right:10px;
    }
    disqusWrapper{
        padding:0;
    }
    hr.subheaders{
        margin:-10px 0 25px 0;
        padding:0;
    }
    hr.headers{
        margin:-10px 0 25px 0;
        padding:0;
    }
    #steps{
        margin-left:5px;
    }
    h3{
        padding:0 0 10px 0;
        margin:0;
    }
}