Edit in JSFiddle

.flyer {
    position: relative;
    width: 700px;
    height: 900px;
    float: left;
    text-transform: uppercase;
}
.artpic {
    position: absolute;
    display: block;
    float: left;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
}
.place {
    position: absolute;
    display: block;
    font: 25px Helvetica, Arial, Sans-Serif;
    letter-spacing: 0px;
    color: #FFF;
    text-shadow: 2px 2px 9px rgba(0, 0, 0, 1);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
}
.title {
    position: absolute;
    display: block;
    font: 60px Helvetica, Arial, Sans-Serif;
    letter-spacing: -2px;
    color: #FFF;
    text-shadow: 2px 2px 9px rgba(0, 0, 0, 1);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
}
.day {
    position: absolute;
    display: block;
    font: 20px Helvetica, Arial, Sans-Serif;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
    color: #000;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
}
.date {
    position: absolute;
    display: block;
    font: 50px Helvetica, Arial, Sans-Serif;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
    font-weight: bold;
    letter-spacing: -4px;
    color: #000;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
}
.info {
    position: absolute;
    display: block;
    font: 30px Helvetica, Arial, Sans-Serif;
    letter-spacing: -2px;
    color: #FFF;
    text-shadow: 2px 2px 9px rgba(0, 0, 0, 1);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
}