.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;
}
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;
}
hr.headers{
    border-top: 1px solid #ccc;
    margin:-15px 25px 10px 0px;
}
.imgBadge{
    width:92%;
    height:auto;
    margin:10px 25px 10px 25px;
    border:1px solid #dddddd;
    display:block;
}
.prereq{
    margin-top:-10px;
}
.prereq li{
    margin-left:20px;
}
.width70pct{
    width:70%;
}
.divLeft{
    display:inline-block;
    margin-right:25px;
    vertical-align: middle;
    width:25%;
}
.divRight{
    display:inline-block;
    vertical-align: middle;
    width:70%;
}
disqusWrapper{
    padding:50px 35px!important;

}
.indent{
    margin-left:25px;
}
/* USE A MEDIA QUERY TO ADD A BREAKPOINT AT 800PX*/
@media (max-width:800px) {
    .myStories{
        display: block;
        padding: 15px 15px 0 15px;
    }
    .divLeft{
        width:95%;
        margin:0 10px 0 0;
    }
    .width70pct{
        margin-top:25px;
        width:100%;
    }
    .imgStories{
        width: 25px;
    }
    .storyDetails{
        padding-right:10px;
    }
    disqusWrapper{
        padding:0;
    }
    hr.headers{
        margin:-10px 0 25px 0;
        padding:0;
    }
    .prereq{
        width:100%;
        padding:0;
        margin-left:0;
    }
    .indent{
        margin-left:0px;
    }
}