.blogWrap{
    padding:0 2%;
}

.blogRollWrap{
    background:#fff;
    text-align:center;
}
t
.blogRollInnerWrapWidth{
    width:80%;
    margin:0 auto;
}

.blogRollInnerWrap{
    margin:10px auto;
    display:inline-block;
    text-align:left;
}

.bListPostWrap {
}

.bImage {
    margin-bottom:20px;
}

.bCopyWrap {
    margin-bottom:80px;
}

.bListCat{
    font-size:16px;
    margin-bottom:5px;
    font-family: 'hn-Bold','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
    text-transform: uppercase;
}

.bListCat a{
    text-decoration: none;
    color:#fdc057;
}


.bListTitle h2{
    font-size:28px;
    color:#6e6e70;
}

.bListTitle a{
    text-decoration:none;
}

.bContentTrimmed {
    font-size:16px;
    line-height:1.5;
}

.bListBtnWrap {
}

.bListBtn {
    display:inline-block;
    padding:0 18px;
    line-height:37px;
    background:#a83530;
    color:#fff;
    text-decoration:none;
    font-size:17px;
    margin:15px 0;
}



.blogCatNav{
    width:90%;
    margin:0 0 0 auto;
    text-align:left;
}

.blogCatNav li{
    padding:10px 0;
    border-top:1px solid #babdbf;
}

.blogCatNav li:last-child{
    border-bottom:1px solid #babdbf;
}



.blogCatNav li a{
    font-size:18px;
    text-decoration:none;
    color:#6e6e70
}

.blogNavPointer{
    width:15px;
    display:inline-block;
    font-size:18px;
    color:#fdc057;
}


.curBlogCat {
}

.updateSingleWrapWidth{
    width:90%;
    margin:0 auto;
}



.updateSingleWrap{
    margin:20px 0;
}

.updateSingleWrap h1{
}

.updateSingleWrap p{
}

h1.blogDetailH1{
    font-size:32px;
    line-height:34px;
    
}

.QA{
    padding:0 20px;
}


.updateSingleWrap img{
    width:80%;
    margin:10px auto;
}

.postedOn{
    margin-bottom:20px;
}

.updateCatLink a{
    color:#fdc057;
    text-decoration: none;
}


@media only screen and (min-width:767px) { 
    .blogWrap{
        width:90%;
        display:inline-block;
        margin:0 auto;
        padding:0;
    
    }

    
    
    
    .blogLeftWrap {
        padding:5px 0 0 20px;
    }
    
    .blogCatNav{
        width:90%;
    }
   
}


@media only screen and (min-width:950px) { 
    .blogCatNav li a{
        font-size:20px;
    }
    
    
    .bListCat{
        font-size:20px;
    }

    .bListTitle h2{
        font-size:36px;
    }
    
    .updateSingleWrap img{
        width:30%;
        float:right;
        margin:0 0 20px 20px
    }
    
    .updateSingleWrap{
        margin:50px 0;
    }
    
    
    
    h1.blogDetailH1{
        font-size:48px;
        line-height:48px;
        
    }
    
    .QA{
    padding:0 50px;
    }
    
    .blogGrid{
        white-space: nowrap;
    }
    
    .blogRollRoll{
        display:inline-block;
        width:83.33%;
        vertical-align:top;
        white-space: normal;
    }
    
    .blogRollNav{
        display:inline-block;
        width:16.66%;
        vertical-align:top;
        white-space: normal;
        
    }

}

/* tables and lists */
table.blogTable{
    margin:20px 0;
    width:100%;
    border-collapse: collapse;
}

table.blogTable td{
    padding:10px;
    border:1px solid #ccc;
    vertical-align: top;
}

table.blogTable th{
    padding:10px;
    border:1px solid #666;
    background:#ccc;
    vertical-align: top;
    font-family: 'hn-Bold','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
    text-align:center;
}

ul.copyList{
    list-style-type:disc;
}

ul.copyList li{
    margin-left:15px;
    margin-bottom:2px;
}

i{
    font-style: italic;
}

/* Video Embed */
.vidWrap {
	position:relative;
	padding-bottom:45%;
	padding-top:30px;
	height:0;
	overflow:hidden;
    width:100%;
    margin:0 auto 30px auto;
}

.vidWrap iframe, .vidWrap object, .vidWrap embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media only screen and (min-width:950px) { 
  .vidWrap {
    width:70%; 
    padding-bottom:37%;
    }
}

@media only screen and (min-width:1300px) { 
    .blogCatNav li a{
        font-size:32px;
    }
    
    .blogNavPointer{
        width:20px;
        display:inline-block;
        font-size:26px;
        color:#fdc057;
    }
    
     .blogCatNav{
        width:80%;
    }
    
     .blogWrap{
        width:80%;
    }
    
    .blogRollInnerWrap{
        margin:80px auto 0 auto;
    }
    
    .blogLeftWrap {
        padding:80px 0 0 20px;
    }

    
}