/* CSS for Katarina & Rasmus Kaj marriage web page. */
@font-face {
    font-family: 'Promocyja regular kaj';
    src: url('promocyjaregularkaj-webfont.eot');
    src: local('☺'), url('promocyjaregularkaj-webfont.woff') format('woff'),
    url('promocyjaregularkaj-webfont.ttf') format('truetype'),
    url('promocyjaregularkaj-webfont.svg#webfontn3jMJcf9') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    background: rgb(248, 196, 255) url(heart.png) 50% 7em repeat-x;
    text-align: center;
    text-shadow: 1px 1px 0.5px rgba(255,255,255,0.5);
    font-family: serif;
}
.wrapper {
    background: rgb(248, 196, 255);
    background: rgba(248, 196, 255, 0.96);
    position: relative;
    width: 52em;
    min-width: 710px;
    max-width: 96%;
    margin: 1em auto;
    padding: 1em 1%;
    border: solid 1px #eeeeee;
    -moz-box-shadow: 0em 0.5em 2em white;
    -webkit-box-shadow: 0em 0.5em 2em white;
    box-shadow: 0em 0.5em 2em white;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}
.section {
    margin: 0;
    padding: 0 140px;
    position: relative;
    min-height: 570px;
}
h1, h2 {
    font-family: 'Promocyja regular kaj', Promocyja, Champagne, cursive;
    font-size-adjust: 0.27;
    line-height: 1em;
    text-rendering: optimizeLegibility;
    font-weight: normal;
    text-align: center;
    color: #aa44aa;
    text-shadow: -0.8px -0.8px 0.5px rgba(0,0,0,0.3), 1px 1px 1px white, 0 0 0.7em white;
}
h1 {
    font-size: 4em;
    margin: 0.3em 0 0 0;
}
h2 {
    font-size: 3em;
    margin: 1em 0 0 0;
}
h1 .main, h1 .sub {
    display: block;
}
h1 .sub {
    font-size: 75%;
}
#och {
    font-size: 180%;
}
ul {
    margin: 1em 0;
    padding: 0;
}
li {
    list-style: none;
    margin: 0.3em;
    padding: 0;
}
li:before, li:after {
    content: '\2766';
    margin: 0 0.5em;
    color: #aa44aa;
    text-shadow: -0.8px -0.8px 0.5px rgba(0,0,0,0.3), 0.8px 0.8px 0.5px rgba(255,255,255,0.8);
}
a.img {
    display: block;
    margin: 0.4em 0.2em;
}
a.img img {
    background: white;
    padding: 0.2em;
    margin: 0;
    border: none;
    -moz-box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.7);
    box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.7);
}
a.img:hover img {
    -moz-box-shadow: 0 0.1em 0.6em black;
    -webkit-box-shadow: 0 0.1em 0.6em black;
    box-shadow: 0 0.1em 0.6em black;
}

#images2 {
    position: absolute;
    top: 3em;
    left: 0;
}
#images3 {
    position: absolute;
    top: 3em;
    right: 0;
}
#images1 a.img, #images4 a.img {
    display: inline-block;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
#fancybox-wrap {
    text-shadow: none;
}