.clearfix{width:100%;}

.favourites{display:none;}

.articlev3{width:100%;font-size:12pt;}

.articlev3 .articlehead{width:100%;}
.articlev3 .articlehead .titlebar{font-size:1.1em;}
.articlev3 .articlehead .IEHeadlinePhoto{width:100%;}
.articlev3 .articlehead #slider img{max-width:100%;}
.articlev3 .articlehead .IEHeadlinePhoto img{width:100%;max-width:100%;}
.articlev3 .articlehead #slider .caption, .articlev3 .IEHeadlinePhoto .caption, .articlev3 .articlehead .titlephoto span.description{width:50%;max-width:350px;padding:0;font-size:0.8em;}

.articlev3 .articlehead .titlephoto{width:100%;}
.articlev3 .articlehead .header span.author{font-size:11pt;}
.articlev3 .articlehead .header span.eventdate{right:5px;font-size:11pt;}

.articlev3 .articlehead .header a.guidelines, .articlev3 .header a.facebook, .articlev3 .header .facebook_bw, .articlev3 .header a.twitter, .articlev3 .header .twitter_bw{display:none;}

.articlev3 .twitterfeed{display:none;}
.articlev3 .facebookpage{display:none;}
.articlev3 .guidelinespage{display:none;}

.articlev3 .body{width:100%;}
.articlev3 .body .bodyphotos{width:50%;max-width:350px;font-size:0.8em;height:auto;}
.articlev3 .body .bodyphotos img{width:100%;}
.articlev3 .body .bodyphotos span.phototext{width:100%;max-width:350px;}
.articlev3 .body .bodyphotos .photoholder a.photo .fb-like, .articlev3 .titlephoto .fb-like{display:none;}
.articlev3 .body .sociallogo{display:none;}

.articlev3 .body .socialsharing400, .articlev3 .body .socialsharing760
{
    position:relative;
    float:left;
    padding:5px 0 0 0;
    margin-bottom:5px;
}

.articlev3 .body .socialsharing400{width:50%;height:auto;overflow:hidden;}
.articlev3 .body .socialsharing760{width:100%;height:35px;}

.articlev3 .body .socialsharing .facebook-like
{
    position:absolute;
    top:5px;
    left:5px;
    background-color:Red;
}

.articlev3 .body .inlinephoto
{
    position:relative;
    float:left;
    width:100%;
    margin-bottom:5px;
    background-color:White;
    font-size:0.9em;
    text-align:center;
}
.articlev3 .body .inlinephoto img{width:100%;}



.articlev3 .facebookcomments{display:none;}
.articlev3 a.guidelineslink{display:none;}
.articlev3 a.clubclasslink{display:none;}
.articlev3 .footer{display:none;}

.RaymarineCompass{display:none;}
.twitterfollow{display:none;}

@media (max-width: 800px)
{
    .articlev3 .articlehead .titlebar{line-height:16px;font-size:1.0em;}
    .articlev3 .articlehead .header span.author, .articlev3 .articlehead .header span.eventdate{font-size:0.8em;}
    .articlev3 .articlehead #slider .caption, .articlev3 .IEHeadlinePhoto .caption, .articlev3 .articlehead .titlephoto span.description{font-size:0.7em;}
}

@media (max-width: 700px)
{
    .articlev3 .articlehead .header span.author
    {
        position:relative;
        float:left;
        line-height:16px;
        font-size:0.7em;
        left:auto;
    }
    .articlev3 .articlehead .header span.eventdate
    {
        position:relative;
        float:left;
        clear:both;
        line-height:16px;
        font-size:0.7em;
        right:auto;
    }
    .articlev3 .body .bodyphotos{font-size:0.7em;}
    .articlev3 .body .inlinephoto{font-size:0.7em;}
}

@media (max-width: 600px)
{
    .articlev3 .articlehead .titlebar{font-size:0.9em;}
    .articlev3 .articlehead .header span.author, .articlev3 .articlehead .header span.eventdate{font-size:0.6em;}
    .articlev3 .articlehead #slider .caption, .articlev3 .IEHeadlinePhoto .caption, .articlev3 .articlehead .titlephoto span.description{font-size:0.6em;}
    .articlev3 .body .bodyphotos{font-size:0.6em;}
    .articlev3 .body .inlinephoto{font-size:0.6em;}
    .articlev3 .body .socialsharing400{display:none;}
    .articlev3 .body .socialsharing760{display:none;}
}

@media (max-width: 500px)
{
    .articlev3 .articlehead .titlebar{font-size:0.7em;}
    /* remove side photos */
    .articlev3 .body .bodyphotos .photoholder{display:none;}
}

@media (max-width: 400px)
{
    .articlev3 .articlehead .titlebar{font-size:0.6em;}
    .articlev3 .articlehead .header span.author, .articlev3 .articlehead .header span.eventdate{font-size:0.5em;}
    .articlev3 .articlehead #slider .caption, .articlev3 .IEHeadlinePhoto .caption, .articlev3 .articlehead .titlephoto span.description{font-size:0.5em;}
    .articlev3 .body .bodyphotos{font-size:0.5em;}
    .articlev3 .body .inlinephoto{font-size:0.5em;}
}