/* page */
body#home_page {
/*    background-image: url(../images/bg/ricepaper2.png);
    background-color: #F1EEE9;    */
    background-color: #FFF;    
}
body.vegas {
    cursor: url('../images/icons/close.png'), pointer;
}
/*section article.image figure.vg-box span span img,*/
section article.image figure img.carousel{
    cursor: url('../images/icons/next.png'), pointer;
}
section article.image img{
/*    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    width: 100%;
}
section article.image img.hidden{
    display: none;
}
section > article {
    padding: 20px 0 0 0;
}
section article h1 {
    color: #291E21;
    font-size: 24px;
    font-family: 'quicksandregular';
}
section aside h2 {
    font-size: 24px;
    font-family: 'quicksandregular';
}
section article .p {
    font-size: 13px;
    line-height: 1.4em;
    margin: 7px 0;
    color: #291E21;
    text-align: justify;
}
section article .p ul li{
    margin: 0 0 3px 0;
}
section article p.category {
    font-size: 11px;
    margin-bottom: 10px;
}
section article footer {
    margin: 15px 0;
}
section.aside article figure.first {
    width: 620px;
    float: left;
}  
section.aside figure {
    margin: 0 0 40px 0;
    width: 768px;
    width: 660px;
    float: left;
}  
section.aside .video {
    margin: 0 0 40px 0;
    width: 620px;
    float: left;
}  
section.aside article .inner-article {
    width: 190px;
    width: 300px;
    padding: 0 30px;
    float: right;
}  
section.aside article .inner-article .teaser{
    width: 300px;

}  
section.aside figure figcaption {
    position: absolute;
    bottom: 0px;
    right:0px;
    padding: 3px 5px 3px 3px;
    opacity: 0;
}
section.aside figure figcaption {
    -webkit-transition:opacity 1s, -webkit-transform 1s;
    transition:opacity 1s, transform 1s;    
}
section.aside figure:hover figcaption{
    opacity: 1;
}
section.aside figure figcaption.light {
    color: #291E21;
    background: #FFF;
}
section.aside figure figcaption.dark {
    color: #FFF;
    background: #291E21;
}

/* 1024 px min */
@media screen and (max-width:1024px) {
    section.aside .video,
    section.aside article figure {
        width: 620px;
        float: left;
    }
    section.aside article iframe {
        width: 620px;
        height: 348px;
        float: left;
    }
}

/* 768 px max */
@media screen and (max-width:768px) {
    section .inner-container{
        width: 640px;
    }    
    section.aside .video,
    section.aside article figure {
        width: 620px;
        float: left;
        margin:0 0 40px 0;
    }
    section.aside article iframe {
        width: 620px;
        height: 348px;
        float: left;
    }
    section.aside article .inner-article {
        width: 640px;
    }
    section.aside figure figcaption {
        opacity: 1;
        bottom: -20px;
    }    
}

/* 480px max */
@media screen and (max-width:480px) {
    section .inner-container{
        width: 480px;
    }    
    section.aside .video,
    section.aside article figure {
        width: 450px;
        float: left;
        margin:0 0 40px 0;
    }
    section.aside article figure.first {
        width: 450px;
        float: left;
    }      
    section.aside article .inner-article {
        width: 450px;
        padding: 4px;
        float: none;
    }    
    section.under article {
        width: 450px;
        float: left;
    }    
    section.aside .video iframe {
        width: 450px;
        height: 270px;
    }
    section.under article header {
        margin: 20px 0 0 0;
    }    
    section.under article .inner-article {
        width: 480px;
        padding: 30px;
        float: none;
    }  
    section.under aside {
        width: 360px;
        float: right;
    } 
    section.under aside figure  {
        width: 75px;
        height: 75px;
    } 
    section.under aside img  {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        width: 100%;   
        height: 100%;   
    } 
    section.aside figure figcaption {
        opacity: 1;
        bottom: -20px;
    }    
}

/* 320px max */
@media screen and (max-width:360px) {
    section .inner-container{
        width: 320px;
    }    
    section.aside .video,
    section.aside article figure {
        width: 100%;
        float: left;
        margin:0 0 40px 0;
    }
    section.aside article figure.first {
        width: 290px;
        float: left;
    }  
    section.aside article .inner-article {
        width: 290px;
        padding: 4px;
        float: none;
    }    
    section.under article {
        width: 290px;
        float: left;
    }    
    section.aside .video iframe {
        width: 290px;
        height: 150px;
    }
    section.under article header {
        margin: 20px 0 0 0;
    }    
    section.under article .inner-article {
        width: 320px;
        padding: 30px;
        float: none;
    }  
    section.under aside {
        width: 360px;
        float: right;
    } 
    section.under aside figure  {
        width: 75px;
        height: 75px;
    } 
    section.under aside img  {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        width: 100%;   
        height: 100%;   
    }
    section.aside figure figcaption {
        opacity: 1;
        bottom: -20px;
    }   
}
/* end page */