.section-wrapper .section-wrapper-content .section-wrapper-content-wrapper {
    padding: 0 4px;
}

.top-wrap-overlay {
    position: absolute !important;
    top: -4px !important;
    z-index: 2 !important;
    background-position: 50% -114px !important;
}

.backdrop {
    background-image: url(../img/illaoi-backdrop.jpg);
}

.section-wrapper .section-wrapper-content {
    background: url(../img/frame_center.png);
    background-position: 50% 0;
    background-repeat: repeat-y;
}

.section-wrapper .section-wrapper-top:before {
    content: "";
    position: absolute;
    top: -35px;
    left: 0;
    height: 810px;
    width: 100%;
    background: transparent url(../img/frame-sprite.png) no-repeat 50% -6px;
}

.pane-node-field-riot-comments {
    position: relative;
    left: -2px;
    z-index: 3;
    min-height: 383px;
    width: 976px;
    padding: 50px 150px;
    background: url(../img/tentacles_bot.png) no-repeat 0 100%;
}

.riot-apollo .riot-discussion {
    background-color: transparent !important;
}

.section-wrapper .section-wrapper-bottom {
    z-index: 1;
    background: url(../img/frame-sprite-3-piece.png) no-repeat 50% -271px;
}

.illaoi-titlebox>*,h1,h2,h3,h4 {
    margin-top: 60px;
    font-family: "BeaufortforLoL-Medium";
    color: #8f0101;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.illaoi-mainabl {
    font-family: "BeaufortforLOL-Regular";
    font-size: 1.8em;
}

.illaoi-video-2 {
    position: relative;
    height: 420px;
    margin-top: 60px;
    margin-bottom: 20px;
}

.illaoi-video-2 .illaoi-videoborder {
    top: -22px;
    left: -8px;
}

.illaoi-main>* {
    font-family: "Spiegel";
}

.illaoi-main p {
    font-size: 1.1em;
    line-height: 1.5em;
}

.illaoi-skirmish-section {
    position: relative;
    min-height: 730px;
}

#illaoi-tentacle-left {
    position: absolute;
    top: -222px;
    left: -571px;
    height: 1042px;
    width: 419px;
    margin-top: -40px;
    background: url(../img/illaoi-hero-pose-tentacles.png) no-repeat;
}

#illaoi-tentacle-right {
    position: absolute;
    top: -225px;
    right: -432px;
    height: 879px;
    width: 280px;
    margin-top: -40px;
    background: url(../img/illaoi-hero-pose-tentacles.png) no-repeat;
    background-position: -1396px 0;
}

#illaoi-hero-pose {
    position: absolute;
    top: -65px;
    left: -152px;
    z-index: -1;
    height: 879px;
    width: 976px;
    margin-top: -40px;
    background: url(../img/illaoi-hero-pose.jpg) no-repeat;
}

.illaoi-blockquote {
    margin-top: 70px;
    font-family: "BeaufortForLOL-Regular";
    font-size: 1.8em;
    font-style: italic;
    color: #704140;
    line-height: 1.2em;
}

.illaoi-content-border {
    margin-top: 30px;
    border: 10px solid #808882;
    box-shadow: 0 0 0 1px;
}

.illaoi-content-border .header {
    margin-top: 0;
    padding: 15px;
    background: none #161d1f;
    border: none;
}

.illaoi-content-border .header h4 {
    color: #77c6c0;
    border: none;
}

.illaoi-content-border .padded {
    padding-bottom: 20px;
    background: #490c00;
}

.illaoi-content-border .padded div > * {
    padding: 20px;
}

.illaoi-img-container {
    float: left;
    margin-right: 20px;
}

.illaoi-img-container a img {
    margin-bottom: 30px;
    border: 1px solid #6f1301;
}

.padded h3 {
    margin-top: 0;
    padding-bottom: 0 !important;
    text-transform: none;
}

.footer-section .ornament-left {
    left: -47px;
    background-position-y: -132px;
}

.footer-section .ornament-right {
    right: -47px;
    background-position-y: -132px;
}

.padded h3 a {
    color: #bc9b34;
}

.syncaption {
    font-family: "BeaufortforLOL-LightItalic";
    font-size: .7em;
    color: #FFF;
}

.padded p {
    margin-top: 0 !important;
    padding-top: 5px !important;
    font-size: 1em;
    color: #c5c5c5;
}

.padded .divider {
    border-top: 1px solid #6f1301;
    border-bottom: 1px solid #000;
}

blockquote.illaoi-blockquote:before {
    content: "“";
    vertical-align: -.2em;
    margin-left: -30px;
    font-size: 2em;
    color: #8a7676;
}

blockquote.illaoi-blockquote:after {
    content: "”";
    position: absolute;
    vertical-align: -.2em;
    font-size: 2em;
    color: #8a7676;
}

.illaoi-skirmish-section .ornament-right {
    bottom: 0;
    background-position: 0 0;
    transform: rotate(180deg);
}

.shape-rectangle {
    position: relative;
    float: left;
    width: 600px;
    margin-left: -100px;
    padding: 125px 170px 15px 0;
    text-align: right;
    shape-outside: content-box;
    shape-margin: 1.8em;
}

.synergy-section {
    position: relative;
}

.synergy-section .ornament-left {
    top: -100px;
}

.skirmishing {
    margin-top: 60px;
}

.illaoi-maincontent .illaoi-introtext {
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 0 34px;
    font-family: "BeaufortforLOL-Regular";
    font-size: 1.5em;
    font-weight: 400;
    color: #325556;
    text-align: center;
}

.tentacle-background {
    position: absolute;
    top: 607px;
    left: 4px;
    z-index: 0;
    height: 1092px;
    width: 976px;
    background: url(../img/tentacles_top.jpg) no-repeat 0 0;
}

.illaoi-maincontent {
    position: relative;
    z-index: 1;
    padding: 150px;
}

.illaoi-splash {
    position: relative;
    height: 607px;
    width: 976px;
    padding-top: 410px;
    padding-right: 470px;
    padding-left: 75px;
    background: url(../img/illaoi_header.jpg) top center no-repeat;
    background-position: 0 12px;
    background-size: contain;
}

.illaoi-videosection {
    position: relative;
}

.illaoi-splash:after {
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #976e1f;
}

.illaoi-wallpaper {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 3;
    height: 607px;
    width: 100%;
}

.illaoi-titlebox h1 {
    background: -webkit-repeating-linear-gradient(#bf9c5c 0em,#d0d4a4 .5em,#bf9c5c 1em);
    font-family: "Beaufort for LOL";
    font-size: 92px;
    font-style: normal;
    font-weight: 700;
    color: #d0d4a4;
    line-height: 80px;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: url(#drop-shadow);
    -webkit-filter: drop-shadow(2px 2px 4px rgba(33,33,33,1));
    filter: drop-shadow(1px 1px 0px rgba(33,33,33,1));
}

.illaoi-titlebox h4 {
    margin-top: 0;
    font-size: 28px;
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    filter: url(#drop-shadow);
    -webkit-filter: drop-shadow(2px 2px 1px rgba(33,33,33,1));
    filter: drop-shadow(1px 1px 0px rgba(33,33,33,1));
}

.illaoi-divider {
    height: 35px;
    width: 186px;
    margin: auto;
    margin-bottom: 40px;
    background: url(../img/divider.png) no-repeat;
}

.illao-videosection {
    height: 800px;
}

.cycle-slideshow {
    position: relative;
    height: 735px;
    margin-top: 50px;
}

.illaoi-abilities {
    margin-top: 110px;
    padding-right: 20px;
    padding-left: 40px;
    text-align: center;
}

.illaoi-abilities p {
    padding: 0 20px;
}

.illaoi-abilities p strong {
    font-family: "Spiegel";
}

.illaoi-paper-stone-texture {
    position: absolute;
    left: 0;
    z-index: -1;
    height: 1200px;
    width: 972px;
    background: url(../img/idol_rock_embed.jpg) no-repeat 0 80px;
}

.illaoi-videoborder {
position: absolute;
    top: -2px;
    left: 8px;
    height: 420px;
    width: 686px;
    background: url(../img/image-video-frame.png) no-repeat;
}

a#illaoi-comic {
    width: 100%;
    height: 100%;
    display: block;
}
video.video-js.vjs-default-skin {
    margin-top: 13px;
    margin-left: 16px;
}
.illaoi-video-2 video.video-js.vjs-default-skin {
    margin-top: 9px;
    margin-left: 16px;
}
.illaoi-comic {
    margin-top: 8px;
    margin-left: 10px;
}
#breadcrumbs {
    display: none;
}

.illaoi-comic-wrapper {
    position: relative;
    height: 420px;
    width: 686px;
}

.paper-background {
    position: absolute;
    top: 90px;
    left: 210px;
    z-index: -1;
    height: 696px;
    width: 614px;
    background: url(../img/nagakabouros.jpg) no-repeat;
}

#no-template-pager {
    position: relative;
    top: -345px;
    z-index: 101;
    width: 410px;
    margin: auto;
}

.illaoi-boulder-concept {
    position: relative;
    float: right;
    top: 55px;
    left: 198px;
    height: 600px;
    width: 577px;
    padding: 91px;
    shape-outside: border-box;
    shape-outside: circle(35% at 480px 350px);
}

.illaoi-laning-section {
    position: relative;
    margin-top: 50px;
}

p strong {
    font-family: "BeaufortForLOL-Medium";
}

.cycle-pager-active .thumb {
    position: relative;
    top: -1px;
    left: 1px;
    height: 85px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 6px;
    padding-left: 3px;
    background: url(../img/ability-sprite.png) no-repeat;
    background-position: 0 0;
}

.thumb {
    height: 68px;
    width: 68px;
    margin: 0 5px;
    padding-top: 4px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 4px;
    cursor: pointer;
    background: url(../img/ability-sprite.png);
    background-position: -82px -10px;
}

.cycle-pager>div {
    display: inline-block;
}

.ornament-left,.ornament-right,.ornament-left-big,.ornament-right-big {
    position: absolute;
    bottom: 290px;
    height: 132px;
    width: 100px;
    background: url(../img/frame-pieces-sprite.png) no-repeat;
}

.ornament-left {
    left: -197px;
}

.ornament-right {
    right: -197px;
    background-position: -129px 0;
}

.illaoi-laning-section .ornament-right,.illaoi-laning-section .ornament-left {
    top: -170px;
    height: 100px;
    background-position-y: -155px;
}

.ornament-left-big {
    bottom: 650px;
    left: -197px;
}

.ornament-left-big:after {
    content: "";
    display: block;
    height: 100px;
    width: 100px;
    margin-top: 140px;
    background: url(../img/frame-pieces-sprite.png) no-repeat;
    background-position: -129px -155px;
    transform: rotate(180deg);
}

.ornament-right-big {
    right: -197px;
    bottom: 180px;
    transform: rotate(180deg);
}

.ornament-right-big:before {
    content: "";
    display: block;
    height: 100px;
    width: 100px;
    margin-top: 140px;
    background: url(../img/frame-pieces-sprite.png) no-repeat;
    background-position: -129px -155px;
    transform: rotate(180deg);
}

p#illaoi-footer {
    margin-top: 60px;
    text-align: center;
}