/*
 * X-Meme HTML5 Web Component by Martin Ivanov (@wemakesitesnet)
 * More info regarding this exciting new technology: http://webcomponents.org/, http://www.x-tags.org/, http://www.polymer-project.org/
 * @author Martin Ivanov
 * @url developer website: http://wemakesites.net/
 * @url developer twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer blog http://acidmartin.wordpress.com/
 **/

acidjs-xmeme,
acidjs-xmeme *
{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

acidjs-xmeme
{
    visibility: visible !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: default;
    border: solid 1px #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 2em;
}

acidjs-xmeme figure
{
    position: relative;
}

acidjs-xmeme img
{
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

acidjs-xmeme figcaption
{
    position: absolute;
    z-index: 5;
    width: 100%;
    padding: .25em;
    font: normal .75em Impact, Arial, Verdana, Sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    text-shadow: 3px 3px 0 #000,
                -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    word-wrap: break-word;
}

acidjs-xmeme figcaption:first-child
{
    top: 0;
}

acidjs-xmeme figcaption:last-child
{
    bottom: 0;
}