.type-event {border:0px solid #FF0000!important;}

.type-page {border:0px solid #00FFFF!important;}

p.site-title, h1.site-title{
    font-size:2.7em;
    letter-spacing: 0.08rem;
    text-transform:none!important;
}

p.site-description{
    font-size:1.1em;
    letter-spacing: 1px;
    text-transform:none!important;
}

.main-navigation a {
    padding:0.5em !important;
}

ul#top-menu{
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase!important;
}

ul#top-menu a:link{
    font-weight:bold!important;
    text-transform:uppercase!important;
}

ul#top-menu a:visited{
}

ul#top-menu a:hover{
}

ul#top-menu a:active{
}

h1.entry-title{
    font-size:1.1em!important;
    font-weight:bold!important;
    letter-spacing: 0.02rem!important;
    color:#333333!important;
    text-transform:uppercase!important;
}

h2.entry-title{
    font-size:1.1em!important;
    font-weight:bold!important;
    letter-spacing: 0.02rem!important;
    color:#333333!important;
    text-transform:uppercase!important;
}

/*--------------------------
WIDTH BREAKPOINT 2000
----------------------------*/

@media only screen and (max-width: 2000px) {
    div.entry-content{
        margin-left:170px!important;
        min-width:700px!important;
        width:80%!important;
        max-width:850px!important;
        border:0px dotted #DDDDDD!important;
    }

    body.blog article.post{
        min-width:700px!important;
        width:100%!important;
        max-width:850px!important;
        border:2px dotted #FF0000!important;
    }

   body.blog article.page{
        min-width:700px!important;
        width:100%!important;
        max-width:850px!important;
        border:2px dotted #CCCCCC!important;
    }

body.blog article.event{
        min-width:700px!important;
        width:100%!important;
        max-width:850px!important;
        border:2px dotted #ff00ff!important;
    }


    body.blog div.entry-content{
        margin-left:0px!important;
        width:50%!important;
        max-width:500px!important;
        border:0px dotted #DDDDDD!important;
    }

}

/*--------------------------
WIDTH BREAKPOINT 1280
----------------------------*/

@media only screen and (max-width: 1280px) {

    div.entry-content{
        margin-left:70px!important;
        min-width:600px!important;
        width:115%!important;
        max-width:680px!important;
        border:0px dotted #DDDDDD!important;
    }

    body.blog article.post{
        min-width:600px!important;
        width:100%!important;
        max-width:680px!important;
        border:2px dotted #00FFFF!important;
    }

    body.blog article.page{
        min-width:600px!important;
        width:100%!important;
        max-width:680px!important;
        border:2px dotted #FFFF00!important;
    }

    body.blog article.event{
        min-width:600px!important;
        width:100%!important;
        max-width:680px!important;
        border:2px dotted #00ffff!important;
    }

    body.blog div.entry-content{
        margin-left:0px!important;
        width:50%!important;
        max-width:400px!important;
        border:0px dotted #DDDDDD!important;
    }

}

/*--------------------------
WIDTH BREAKPOINT 768
----------------------------*/

@media only screen and (max-width: 768px) {
    div.entry-content{
        margin-left:0!important;
        min-width:275px!important;
        width:97%!important;
        max-width:680px!important;
        border:0px dotted #DDDDDD!important;
    }

    body.blog article.post{
        min-width:275px!important;
        width:100%!important;
        max-width:680px!important;
        border:2px dotted #FF00FF!important;
    }

    body.blog article.page{
        min-width:275px!important;
        width:100%!important;
        max-width:680px!important;
        border:2px dotted #00FF00!important;
    }

    body.blog article.event{
        min-width:275px!important;
        width:100%!important;
        max-width:680px!important;
        border:2px dotted #ccFF99!important;
    }

    body.blog div.entry-content{
        margin-left:0px!important;
        min-width:275px!important;
        width:80%!important;
        max-width:680px!important;
        border:0px dotted #DDDDDD!important;
    }
}

/*--------------------------
WIDTH BREAKPOINT 400
----------------------------*/
@media only screen and (max-width: 400px) {
    div.entry-content{
        margin-left:0!important;
        min-width:240px!important;
        width:93%!important;
        max-width:370px!important;
        border:0px dotted #DDDDDD!important;
    }

    body.blog div.entry-content{
        margin-left:0px!important;
        min-width:200px!important;
        width:80%!important;
        max-width:300px!important;
        border:0px dotted #DDDDDD!important;
    }

}

/*--------------------------
END BREAKPOINTS
----------------------------*/