/* Content and articles ---------------- */
article.user-content{display:block; position: relative;}
article.user-content table.noborder,
article.user-content table.noborder img{max-width:100%;}
article.user-content table.noborder{margin:1em 0}
article.user-content table.noborder td.imgcaption{font-size:.8em; padding-top:.5em; color:#666;}

article.user-content table.noborder.align-none,
article.user-content table.noborder.align-none img{width:100%; height:auto; max-width:none;}

article.user-content table.noborder.align-left{float:left; margin-right:10px; margin-bottom:10px; width:40%; max-width:none;}
article.user-content table.noborder.align-right{float:right; margin-left:10px; margin-bottom:10px; width:40%; max-width:none;}
article.user-content table.noborder.align-left img,
article.user-content table.noborder.align-right img{width:100%; height:auto; max-width:none;}

article.user-content h1,
article.user-content h2,
article.user-content h3,
article.user-content h4,
article.user-content h5,
article.user-content h6{
    font-family: Oswald, "Helvetica Neue Condensed", "Helvetica Condensed", Impact, "Arial Narrow", Arial, sans-serif;
}

.user-content img{max-width:100%;}

figure.caption{width:100%; margin:0; padding:0;display: block;}

figure.caption[style*="float:right"]{
    width:45%;
    margin: 0 -10px 0 5px;
    padding: 0 10px 0 10px;
}
figure.caption[style*="float:left"]{
    width:45%;
    margin: 0 5px 0 -10px;
    padding: 0 10px 0 10px;
}

figure.caption>img,
figure.caption>a {
    display: block;
    vertical-align: bottom;
}

figure.caption figcaption {
    display: block;
    padding: 5px 0;
	font-size:.8em; 
	color:#666;
}
/* CALENDAR ---------*/
body.calendar .calendar-dates{position:absolute; top:0; width:100%; display:block !important; padding:5px; text-align:center; margin: 20px 0; background:#eee;}
body.calendar article.user-content{padding-top:60px;}

/* PUBLISHED --------*/
.user-content .published{margin-top:15px; font-style:italic; color:#999; font-size:.8em; border-right:solid 10px #eee; padding-right:10px; text-align:right}

/* SLIDESHOWS -------*/
.ag-slideshow {margin:10px 0; position:relative; width:100%; height:380px; padding:10px; background:#eee; box-shadow:inset 0 3px 8px #ddd;}
.ag-slideshow .ag-slideshow-caption{
    text-shadow: 0 1px 0 #fff; padding-top:5px; font-size:.9em; text-align:center;
    position:absolute; height:auto; max-height:50px; left:0;right:0; bottom:10px; overflow:auto;
}
.ag-slideshow>div.cycle{ width: 100%; height:300px; }
.ag-slideshow>div.cycle img {border-radius:2px; cursor:pointer; width:auto; max-width: 98%; max-height: 98%; box-shadow: 0 2px 5px #ddd; padding:1%; background:#fff;}
.ag-slideshow>div.cycle img:nth-child(even){
    transform: rotate(.5deg);
    -webkit-transform: rotate(.5deg);
    -moz-transform: rotate(.5deg);
    -o-transform: rotate(.5deg);
    -ms-transform: rotate(.5deg);
}
.ag-slideshow>div.cycle img:nth-child(odd){
    transform: rotate(-.5deg);
    -webkit-transform: rotate(-.5deg);
    -moz-transform: rotate(-.5deg);
    -o-transform: rotate(-.5deg);
    -ms-transform: rotate(-.5deg);
}
.ag-slideshow.cycle-paused:after {
    content: 'Pausad'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 2px;
    opacity: .5; filter: alpha(opacity=50);
}

.ag-slideshow .ag-slideshow-nav{position:absolute; top:40%; z-index:100; left:0; right:0; height:10px;}
.ag-slideshow .ag-slideshow-nav span{display:block; position:absolute; top:0; left:10px; color:#000; color:rgba(0,0,0,.2); font-size:30px;}
.ag-slideshow .ag-slideshow-nav span:hover{color:rgba(0,0,0,.5);}
.ag-slideshow .ag-slideshow-nav span.next{left:auto; right:10px;}

.ag-slideshow .cycle-pager {text-align: center; width: 100%; z-index: 500; position: absolute; bottom:0; overflow: hidden;}
.ag-slideshow .cycle-pager span {
    font-family: arial, helvetica; font-size: 40px; width: 16px; height: 16px; display: inline-block; 
    color: #ccc; color:rgba(255,255, 255,.6); text-shadow: 0 1px 3px rgba(0,0,0,.4);  cursor: pointer;
}
.ag-slideshow .cycle-pager span.cycle-pager-active { color: #fff;}
.ag-slideshow .cycle-pager > * { cursor: pointer;}

@media (max-width: 479px) {
    /* Aligned images */
    article.user-content table.noborder,
    article.user-content img{float:none !important; width:100% !important; height:auto !important; margin:10px 0 !important;}
    article.user-content table.noborder td.imgcaption{padding:10px; background:#eee;}
    article.user-content .author img{width:auto;}
    figure.caption[style*="float:right"],
    figure.caption[style*="float:left"]{
        width:100%;
        margin: 10px 0;
        padding: 0;
    }

    /* INFOTEXTBOX -------*/
    /* Färgen sätts i resp. sites css-fil*/
    .ag-infobox_right {
        width: 100%;
        margin: 0 0;
        padding: 5px;
    }

    /* INFOTEXTBOX -------*/
    /* Färgen sätts i resp. sites css-fil*/
    .ag-infobox_circle_right {
        border-radius: 50%;
        width: 100%;
        margin: 0 0;
        padding: 20px;
        text-align: center;
    }

    /* Align command resize author photo in article footer */
    div.author a.photo {
        float: left;
        margin: 15px 10px 20px 0
    }
    div.author a.photo>img{width:50px !important; }
}
@media (min-width: 480px) {
    /* Aligned images */
    article.user-content table.noborder{width:100%; margin: 0;}
    article.user-content img{width:auto; height:auto;}
    
    /*article.user-content table.noborder[style*="float:"],*/
    article.user-content img[style*="float:"] {
        width:auto;
        height:auto;
        max-width:40%;
    }

    /* INFOTEXTBOX -------*/
    /* Färgen sätts i resp. sites css-fil*/
    .ag-infobox_right {
        float: right;
        width: 40%;
        Margin-left: 20px;
        margin-bottom: 10px;
        padding: 5px;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    /* INFOTEXTBOX -------*/
    /* Färgen sätts i resp. sites css-fil*/
    .ag-infobox_circle_right {
        border-radius: 50%;
        float: right;
        width: 40%;
        margin: 10px 10px 10px 10px;
        padding: 50px 30px 50px 30px;
        text-align: center;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {

}


/* INFOTEXTBOX -------*/
/* Färgen sätts i resp. sites css-fil*/


.ag-infobox_full {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
}

.ag-infobox_circle_full {
    border-radius: 50%;
    width: 100%;
    text-align: center;
    margin: 10px 10px 10px 10px;
    padding: 50px 30px 50px 30px;
}



.red {
    background: #dab2b2;
}

.blue {
    background: #b2c4da;
}

.yellow {
    background: #dad2b2;
}

.green {
    background: #b2dab3;
}

.gray {
    background: #d8d8d8;
}

.purpul {
    background: #d4b2da;
}

.brown {
    background: #dac7b2;
}