@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
@import url(http://fonts.googleapis.com/css?family=Courgette);
html,
body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%
}
body * {
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-fontsmoothing: antialiased;
    -webkit-overflow-scrolling: touch
}
body {
    background: #DDD;
    font-family: 'Roboto', sans-serif
}
body.holding {
    background: #FFF
}
body.holding .coming-soon {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -75px;
    text-align: center
}
body.holding .coming-soon p {
    font-size: 1.4em;
    color: #CCC;
    text-transform: uppercase;
    margin-top: 20px;
    letter-spacing: 23px;
    text-indent: 17px
}
a {
    color: inherit
}
a:hover {
    opacity: .8 \9;
    filter: alpha(opacity=80) \9
}
a[href]:hover,
.jqControl:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    cursor: pointer
}
img {
    border: none
}
.sub,
#popup-subscribe .window form p.button a.submit,
.new_form form p.button a.submit,
#subsgifts .moreinfo,
#blogfeed .moreblog,
#blogfeed .posts .post .more,
#subscribe #gifts .gift h3,
#subscribe #gifts .signup,
#magazine #the-throw .look,
#magazine #stitch-library .look,
#magazine #knitting-school .look,
#magazine #inside-preview .look,
#contact form.email p a.submit,
#subform #subsgifts .moreinfo,
#subform .jqControl.submit,
#login form p.button a.button,
#admin form p.button a.button,
#admin #editor p.button a.submit {
    font-family: 'Pacifico', cursive;
    padding: 7px;
    background: #ec008c;
    color: #FFF;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 1.3em
}
.sub .stitch,
#popup-subscribe .window form p.button a.submit .stitch,
.new_form form p.button a.submit .stitch,
#subsgifts .moreinfo .stitch,
#blogfeed .moreblog .stitch,
#blogfeed .posts .post .more .stitch,
#subscribe #gifts .gift h3 .stitch,
#subscribe #gifts .signup .stitch,
#magazine #the-throw .look .stitch,
#magazine #stitch-library .look .stitch,
#magazine #knitting-school .look .stitch,
#magazine #inside-preview .look .stitch,
#contact form.email p a.submit .stitch,
#subform #subsgifts .moreinfo .stitch,
#subform .jqControl.submit .stitch,
#login form p.button a.button .stitch,
#admin form p.button a.button .stitch,
#admin #editor p.button a.submit .stitch {
    display: block;
    padding: 2px
}
.sub i.fa,
#popup-subscribe .window form p.button a.submit i.fa,
#subsgifts .moreinfo i.fa,
#blogfeed .moreblog i.fa,
#blogfeed .posts .post .more i.fa,
#subscribe #gifts .gift h3 i.fa,
#subscribe #gifts .signup i.fa,
#magazine #the-throw .look i.fa,
#magazine #stitch-library .look i.fa,
#magazine #knitting-school .look i.fa,
#magazine #inside-preview .look i.fa,
#contact form.email p a.submit i.fa,
#subform #subsgifts .moreinfo i.fa,
#subform .jqControl.submit i.fa,
#login form p.button a.button i.fa,
#admin form p.button a.button i.fa,
#admin #editor p.button a.submit i.fa {
    margin-left: 10px;
    font-size: 1.4em
}
.faded {
    opacity: .4;
    filter: alpha(opacity=40)
}
.lcap {
    font-style: normal;
    font-size: 1.2em;
    font-family: 'Courgette', cursive
}
.vc {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.hc {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
#loading {
    background: #EEE;
    background: rgba(255, 255, 255, 0.8);
    z-index: 200000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    text-align: center;
    color: #26326e;
    font-size: 2.3em;
    font-weight: 100;
    font-family: 'Pacifico', cursive;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: none
}
#loading p {
    margin: 0 100px;
    z-index: 1
}
#loading #ldots {
    width: .5em;
    text-align: left;
    display: inline-block
}
#loading:before {
    display: block;
    content: '';
    position: absolute;
    top: 100px;
    bottom: 100px;
    left: 100px;
    right: 100px;
    pointer-events: none;
    z-index: 0;
    border: 1px dashed;
    border-radius: 3px
}
#loading.success {
    color: #396;
    cursor: pointer
}
#loading.warning {
    color: #F90
}
#loading.error {
    color: #ED1846;
    cursor: pointer
}
#loading.success #ldots,
#loading.error #ldots {
    display: none
}
#loading.success p i.fa {
    display: none
}
#loading.error p i.fa {
    opacity: 1 !important
}
#container {
    overflow-x: hidden
}
@media only screen and (min-width: 768px) {
    #container.blur {
        filter: blur(15px);
        -webkit-filter: blur(15px);
        -moz-filter: blur(15px);
        -ms-filter: blur(15px);
        -o-filter: blur(15px)
    }
}
.inner,
#blog.squares #feed .introduction {
    max-width: 1000px;
    width: 1000px \9;
    padding: 0 30px;
    margin: auto
}
.stitch {
    border: 1px dashed #FFF
}
.video {
    padding-top: 56%
}
.video iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%
}
.play {
    display: block;
    width: 80px;
    padding-left: 6px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 50%;
    margin-left: -43px;
    top: 50%;
    margin-top: -20px;
    z-index: 3;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 7px;
    font-size: 1.3em;
    color: #25b7ea;
    text-align: center
}
.pagination {
    padding: 0 100px;
    text-align: center;
    margin-top: 30px
}
.pagination .prev,
.pagination .next {
    font-family: 'Pacifico', cursive;
    color: #666;
    position: absolute;
    top: 0;
    width: auto;
    border: none;
    background: none
}
.pagination .prev img,
.pagination .next img {
    height: 25px;
    top: 5px
}
.pagination .prev {
    left: 10px
}
.pagination .next {
    right: 10px
}
.pagination a {
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    width: 40px;
    display: inline-block;
    background: #EEE;
    color: #555;
    font-size: 1.2em;
    font-weight: 700
}
.pagination a.current {
    background: #25b7ea;
    color: #FFF
}
.sticker {
    width: 142px;
    height: 140px;
    padding: 20px;
    display: block;
    position: absolute;
    background: center no-repeat;
    text-align: center;
    z-index: 10;
    text-decoration: none
}
.sticker.shadow {
    z-index: 9;
    box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.3);
    border-radius: 142px;
    margin-left: 4px;
    width: 134px;
    height: 132px
}
.sticker.pink {
    background-image: url(/images/sticker-pink.png)
}
.sticker.lime {
    background-image: url(/images/sticker-lime.png)
}
.sticker.small {
    width: 77px;
    height: 76px;
    padding: 10px;
    font-size: .8em
}
.sticker.shadow.small {
    border-radius: 97px;
    width: 69px;
    height: 68px
}
.sticker.small.lime {
    background-image: url(/images/sticker-lime-small.png)
}
.sticker.small.blue {
    background-image: url(/images/sticker-blue-small.png)
}
.sticker.arrow.blue.up.left {
    padding-left: 140px;
    background-image: url(/images/sticker-arrow-ul-blue.png)
}
.sticker.arrow.blue.up.right {
    padding: 20px 140px 20px 25px;
    background-image: url(/images/sticker-arrow-ur-blue.png)
}
.sticker.arrow.pink.up.right {
    padding-right: 120px;
    background-image: url(/images/sticker-arrow-ur-pink.png)
}
.sticker.arrow.pink.down.left {
    padding-left: 190px;
    background-image: url(/images/sticker-arrow-dl-pink.png)
}
table {
    width: 100%;
    table-layout: auto;
    border-spacing: 0;
    color: #FFF
}
table th,
table td {
    padding: 5px 10px;
    text-align: left
}
table thead {
    background: #25B7EA;
    color: #FFF;
    text-transform: uppercase
}
table tbody tr td {
    padding: 10px;
    border-bottom: 1px dashed;
    border-color: rgba(255, 255, 255, 0.2)
}
table tbody tr td.right {
    text-align: right
}
table tbody tr td.controls a {
    text-decoration: none
}
.popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.65);
    z-index: 9000
}
.popup .window {
    background: #EEE;
    padding: 20px;
    width: 400px;
    margin: auto;
    position: absolute;
    top: 30%;
    margin-top: -120px;
    left: 50%;
    margin-left: -220px;
    border-radius: 3px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #CCC;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5)
}
.popup .window h3 {
    font-family: 'Pacifico', cursive;
    border: 1px dashed #2d3b81;
    padding: 5px;
    border-radius: 2px;
    text-align: center;
    font-size: 2em;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4)
}
.popup .window .jqControl.close {
    color: #5164c3;
    border: 1px dashed;
    border-radius: 2px;
    margin-top: 80px;
    display: block;
    padding: 5px
}
.popup .window .jqControl.close i.fa {
    position: absolute;
    right: 5px;
    top: 7px
}
#popup-subscribe {
    display: none
}
#popup-subscribe .window {
    background: #181e44;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #181e44), color-stop(100%, #26326e));
    background: -webkit-linear-gradient(top, #181e44 0%, #26326e 100%);
    background: linear-gradient(to bottom, #181e44 0%, #26326e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#181e44', endColorstr='#26326e', GradientType=0);
    border-top: 1px solid #26326e;
    border-bottom: #192148;
    height: auto;
    color: #FFF;
    margin-top: -202px
}
#popup-subscribe .window form p {
    margin: 10px 0
}
#popup-subscribe .window form p label {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    font-family: 'Pacifico', cursive;
    letter-spacing: .1em;
    font-size: 1.1em;
    text-align: center
}
#popup-subscribe .window form p input {
    border: 1px dashed #FFF;
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    padding: 10px;
    outline: none;
    color: #FFF;
    font-size: 1em;
    font-family: inherit;
    border-radius: 3px;
    box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    box-sizing: border-box;
    width: 100%;
    text-align: center
}
#popup-subscribe .window form p .form-error {
    display: none
}
#popup-subscribe .window form p.has-error label {
    color: #F00
}
#popup-subscribe .window form p.split {
    display: inline-block;
    width: 48%;
    margin: 10px 0 0 0
}
#popup-subscribe .window form p.split.left {
    margin-right: 2%
}
#popup-subscribe .window form p.split.right {
    margin-left: 2%
}
#popup-subscribe .window form p.check {
    text-align: center;
    margin: 15px 0
}
#popup-subscribe .window form p.check label.has-error {
    color: #F00
}
#popup-subscribe .window form p.check input {
    width: auto;
    top: -1px;
    margin-right: 5px
}
#popup-subscribe .window form p.button {
    margin: 20px 0 0 0
}
#popup-subscribe .window form p.button a.submit {
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}
#popup-subscribe .window form p.button a.submit:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    border-width: 2px;
    margin-bottom: 2px;
    top: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2)
}
#popup-subscribe .window form p.button a.submit:active {
    border: none;
    margin-bottom: 4px;
    top: 4px;
    box-shadow: none
}
#navigation {
    height: 55px;
    line-height: 55px;
    background: #26326e;
    color: #FFF
}
#navigation ul.nav,
#navigation ul.adminnav {
    list-style: none
}
#navigation ul.nav li,
#navigation ul.adminnav li {
    display: inline-block
}
#navigation ul.nav li a,
#navigation ul.adminnav li a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 300;
    margin-right: 30px
}
#navigation ul.nav li.home,
#navigation ul.adminnav li.home {
    font-size: 1.5em
}
#navigation ul.nav li.home i.fa,
#navigation ul.adminnav li.home i.fa {
    top: 2px
}
#navigation ul.adminnav {
    position: absolute;
    right: 30px;
    top: 0
}
#navigation ul.adminnav li {
    font-size: 1.5em
}
#navigation ul.adminnav li a {
    margin: 0 0 0 5px
}
#navigation #mobileMenu {
    font-size: 2em;
    display: none \9
}
#navigation #mobileMenu i.fa-times {
    top: -1px
}
#navigation #adminLink {
    font-size: 1.7em;
    position: absolute;
    right: 200px
}
#navigation #adminLink i.fa {
    top: -2px
}
#navigation ul.mobnav {
    position: absolute;
    top: 55px;
    z-index: 9000;
    background: rgba(38, 50, 110, 0.9);
    left: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    display: none
}
#navigation ul.mobnav li {
    display: inline-block
}
#navigation ul.mobnav li a {
    display: block;
    font-size: 1.2em;
    margin-right: 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    padding-top: 2px
}
#navigation ul.mobnav li.home a {
    margin-left: 19px;
    font-size: 1.65em
}
#navigation ul.mobnav li.home a i.fa {
    top: 1px
}
#navigation a.hachette {
    width: 129px;
    height: 34px;
    text-indent: -99999px;
    display: block;
    position: absolute;
    right: 30px;
    top: 10px;
    background: url(/images/hachette-white.png) center no-repeat;
    filter: alpha(opacity=58);
    opacity: .58
}
#header {
    height: 150px;
    background: #FFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    z-index: 2
}
#header .logo {
    width: 387px;
    height: 100px;
    display: inline-block;
    padding: 25px 0
}
#header .cta {
    position: absolute;
    right: 30px;
    top: 16px;
    font-family: 'Pacifico', cursive
}
#header .cta .sub,
#header .cta #popup-subscribe .window form p.button a.submit,
#popup-subscribe .window form p.button #header .cta a.submit,
#header .cta #subsgifts .moreinfo,
#subsgifts #header .cta .moreinfo,
#header .cta #blogfeed .moreblog,
#blogfeed #header .cta .moreblog,
#header .cta #blogfeed .posts .post .more,
#blogfeed .posts .post #header .cta .more,
#header .cta #subscribe #gifts .gift h3,
#subscribe #gifts .gift #header .cta h3,
#header .cta #subscribe #gifts .signup,
#subscribe #gifts #header .cta .signup,
#header .cta #magazine #the-throw .look,
#magazine #the-throw #header .cta .look,
#header .cta #magazine #stitch-library .look,
#magazine #stitch-library #header .cta .look,
#header .cta #magazine #knitting-school .look,
#magazine #knitting-school #header .cta .look,
#header .cta #magazine #inside-preview .look,
#magazine #inside-preview #header .cta .look,
#header .cta #contact form.email p a.submit,
#contact form.email p #header .cta a.submit,
#header .cta #subform .jqControl.submit,
#subform #header .cta .jqControl.submit,
#header .cta #login form p.button a.button,
#login form p.button #header .cta a.button,
#header .cta #admin form p.button a.button,
#admin form p.button #header .cta a.button,
#header .cta #admin #editor p.button a.submit,
#admin #editor p.button #header .cta a.submit {
    padding: 7px;
    background: #ec008c;
    color: #FFF;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 1.3em
}
#header .cta .sub .stitch,
#header .cta #popup-subscribe .window form p.button a.submit .stitch,
#popup-subscribe .window form p.button #header .cta a.submit .stitch,
#header .cta #subsgifts .moreinfo .stitch,
#subsgifts #header .cta .moreinfo .stitch,
#header .cta #blogfeed .moreblog .stitch,
#blogfeed #header .cta .moreblog .stitch,
#header .cta #blogfeed .posts .post .more .stitch,
#blogfeed .posts .post #header .cta .more .stitch,
#header .cta #subscribe #gifts .gift h3 .stitch,
#subscribe #gifts .gift #header .cta h3 .stitch,
#header .cta #subscribe #gifts .signup .stitch,
#subscribe #gifts #header .cta .signup .stitch,
#header .cta #magazine #the-throw .look .stitch,
#magazine #the-throw #header .cta .look .stitch,
#header .cta #magazine #stitch-library .look .stitch,
#magazine #stitch-library #header .cta .look .stitch,
#header .cta #magazine #knitting-school .look .stitch,
#magazine #knitting-school #header .cta .look .stitch,
#header .cta #magazine #inside-preview .look .stitch,
#magazine #inside-preview #header .cta .look .stitch,
#header .cta #contact form.email p a.submit .stitch,
#contact form.email p #header .cta a.submit .stitch,
#header .cta #subform .jqControl.submit .stitch,
#subform #header .cta .jqControl.submit .stitch,
#header .cta #login form p.button a.button .stitch,
#login form p.button #header .cta a.button .stitch,
#header .cta #admin form p.button a.button .stitch,
#admin form p.button #header .cta a.button .stitch,
#header .cta #admin #editor p.button a.submit .stitch,
#admin #editor p.button #header .cta a.submit .stitch {
    display: block;
    padding: 2px
}
#header .cta .sub i.fa,
#header .cta #popup-subscribe .window form p.button a.submit i.fa,
#popup-subscribe .window form p.button #header .cta a.submit i.fa,
#header .cta #subsgifts .moreinfo i.fa,
#subsgifts #header .cta .moreinfo i.fa,
#header .cta #blogfeed .moreblog i.fa,
#blogfeed #header .cta .moreblog i.fa,
#header .cta #blogfeed .posts .post .more i.fa,
#blogfeed .posts .post #header .cta .more i.fa,
#header .cta #subscribe #gifts .gift h3 i.fa,
#subscribe #gifts .gift #header .cta h3 i.fa,
#header .cta #subscribe #gifts .signup i.fa,
#subscribe #gifts #header .cta .signup i.fa,
#header .cta #magazine #the-throw .look i.fa,
#magazine #the-throw #header .cta .look i.fa,
#header .cta #magazine #stitch-library .look i.fa,
#magazine #stitch-library #header .cta .look i.fa,
#header .cta #magazine #knitting-school .look i.fa,
#magazine #knitting-school #header .cta .look i.fa,
#header .cta #magazine #inside-preview .look i.fa,
#magazine #inside-preview #header .cta .look i.fa,
#header .cta #contact form.email p a.submit i.fa,
#contact form.email p #header .cta a.submit i.fa,
#header .cta #subform .jqControl.submit i.fa,
#subform #header .cta .jqControl.submit i.fa,
#header .cta #login form p.button a.button i.fa,
#login form p.button #header .cta a.button i.fa,
#header .cta #admin form p.button a.button i.fa,
#admin form p.button #header .cta a.button i.fa,
#header .cta #admin #editor p.button a.submit i.fa,
#admin #editor p.button #header .cta a.submit i.fa {
    margin-left: 10px;
    font-size: 1.4em
}
#header .cta .social {
    border: 1px dashed #999;
    color: #999;
    padding: 10px 12px 10px 10px;
    margin-top: 7px;
    height: 56px;
    box-sizing: border-box
}
#header .cta .social span {
    top: 3px
}
#header .cta .social a {
    margin-left: 8px;
    font-size: 2em;
    top: 2px;
    vertical-align: top
}
#header .cta .social a img {
    width: 29px;
    vertical-align: top;
    top: 1px
}
#header .cta .social a i.fa {
    vertical-align: top
}
#header .cta .social .pinterest {
    color: #CB2028
}
#header .cta .social .facebook {
    color: #3B5998
}
#header .cta .social .instagram {
    color: #000
}
@media only screen and (max-width: 940px) {
    #navigation {
        font-size: .9em
    }
}
@media only screen and (max-width: 880px) {
    #navigation {
        font-size: .8em
    }
}
@media only screen and (max-width: 830px) {
    #navigation ul.nav li a {
        margin-right: 20px
    }
}
@media only screen and (max-width: 800px) {
    #navigation {
        font-size: .8em
    }
    #header .cta .social {
        font-size: .9em
    }
    #header .cta .social a img {
        width: 27px;
        top: 0
    }
}
#hero .issues {
    background: #FFF;
    background: rgba(255, 255, 255, 0.85);
    height: 546px
}
#hero .issues .inner,
#hero .issues #blog.squares #feed .introduction,
#blog.squares #feed #hero .issues .introduction {
    padding-left: 350px;
    width: 680px \9;
    max-width: 680px
}
#hero .issues .videos {
    width: 320px;
    position: absolute;
    left: 30px
}
#hero .issues .videos a {
    padding: 30px 30px 5px 30px;
    display: block;
    text-align: center;
    text-decoration: none
}
#hero .issues .videos a img {
    max-width: 100%;
    height: auto
}
#hero .issues .videos a .play {
    display: block;
    width: 80px;
    padding-left: 6px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 50%;
    margin-left: -43px;
    top: 50%;
    margin-top: -20px;
    z-index: 3;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 7px;
    font-size: 1.3em
}
#hero .issues .videos a h5 {
    font-family: 'Pacifico', cursive;
    color: #FFF;
    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
    font-size: 1.8em;
    font-weight: 100;
    padding: 5px 0
}
#hero .issues .videos a.intro {
    background: #25b7ea
}
#hero .issues .videos a.intro .play {
    color: #25b7ea
}
#hero .issues .videos a.learnhow {
    background: #1c8db5
}
#hero .issues .videos a.learnhow .play {
    color: #1c8db5
}
#hero .slider {
    padding: 30px 30px 0 30px
}
#hero .slider .preview {
    position: absolute;
    z-index: 6;
    top: -33px;
    width: 53%
}
#hero .slider .slides {
    list-style: none;
    height: 450px;
    z-index: 8
}
#hero .slider .slides li {
    position: absolute;
    height: 100%;
    width: 100%;
    display: none
}
#hero .slider .slides li .sticker {
    color: #FFF;
    bottom: 0
}
#hero .slider .slides li .sticker h4 {
    font-family: 'Pacifico', cursive;
    color: #414141;
    font-size: 2em;
    margin-top: 5px;
    font-weight: 100
}
#hero .slider .slides li .sticker p {
    text-transform: uppercase;
    margin-top: -5px;
    font-size: 1.2em
}
#hero .slider .slides li .sticker p small,
#hero .slider .slides li .sticker p big {
    display: block
}
#hero .slider .slides li .sticker p small {
    font-size: .6em
}
#hero .slider .slides li .sticker p big {
    text-transform: lowercase;
    font-size: 2em;
    margin-top: -10px;
    left: 2px;
    font-weight: 700
}
#hero .slider .slides li .sticker.shadow {
    bottom: 4px
}
#hero .slider .slides li .gift {
    position: absolute;
    z-index: 11;
    bottom: -10px;
    right: 0;
    width: 215px
}
#hero .slider .slides li .cover {
    position: absolute;
    z-index: 7;
    right: 20px;
    top: -40px;
    -ms-transform: rotate(12deg);
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
    width: 330px
}
#hero .slider .slides li .sub,
#hero .slider .slides li #popup-subscribe .window form p.button a.submit,
#popup-subscribe .window form p.button #hero .slider .slides li a.submit,
#hero .slider .slides li #subsgifts .moreinfo,
#subsgifts #hero .slider .slides li .moreinfo,
#hero .slider .slides li #blogfeed .moreblog,
#blogfeed #hero .slider .slides li .moreblog,
#hero .slider .slides li #blogfeed .posts .post .more,
#blogfeed .posts .post #hero .slider .slides li .more,
#hero .slider .slides li #subscribe #gifts .gift h3,
#subscribe #gifts .gift #hero .slider .slides li h3,
#hero .slider .slides li #subscribe #gifts .signup,
#subscribe #gifts #hero .slider .slides li .signup,
#hero .slider .slides li #magazine #the-throw .look,
#magazine #the-throw #hero .slider .slides li .look,
#hero .slider .slides li #magazine #stitch-library .look,
#magazine #stitch-library #hero .slider .slides li .look,
#hero .slider .slides li #magazine #knitting-school .look,
#magazine #knitting-school #hero .slider .slides li .look,
#hero .slider .slides li #magazine #inside-preview .look,
#magazine #inside-preview #hero .slider .slides li .look,
#hero .slider .slides li #contact form.email p a.submit,
#contact form.email p #hero .slider .slides li a.submit,
#hero .slider .slides li #subform .jqControl.submit,
#subform #hero .slider .slides li .jqControl.submit,
#hero .slider .slides li #login form p.button a.button,
#login form p.button #hero .slider .slides li a.button,
#hero .slider .slides li #admin form p.button a.button,
#admin form p.button #hero .slider .slides li a.button,
#hero .slider .slides li #admin #editor p.button a.submit,
#admin #editor p.button #hero .slider .slides li a.submit {
    z-index: 8;
    position: absolute;
    width: 38%;
    bottom: 30px;
    right: 160px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3)
}
#hero .slider .slides li#issue1 .sticker big {
    left: 2px
}
#hero .slider .slides li#issue1 .gift {
    width: 215px
}
#hero .slider .slides li#issue2 .gift {
    width: 200px
}
#hero .slider .selector {
    padding: 0 50px;
    text-align: center
}
#hero .slider .selector .jqControl,
#hero .slider .selector .jqControl {
    display: inline-block;
    vertical-align: top
}
#hero .slider .selector .jqControl.next {
    margin-left: 10px
}
#hero .slider .selector span,
#hero .slider .selector a {
    height: 50px;
    line-height: 50px;
    color: #48c2ec;
    display: inline-block;
    font-size: 1.8em;
    font-weight: 500
}
#hero .slider .selector span {
    padding: 0 10px
}
#hero .slider .selector a {
    width: 40px;
    font-size: 1.5em
}
#hero .slider .selector .numbers {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    padding: 5px 0;
    width: 172px
}
#hero .slider .selector .numbers li {
    display: block;
    position: absolute;
    display: none
}
#hero .slider .selector .numbers li a {
    height: 40px;
    line-height: 40px;
    cursor: pointer
}
#hero .slider .selector .numbers li a.current {
    background: #48c2ec;
    color: #FFF
}
#hero .slider .selector .numbers li a.faded {
    cursor: default
}
#hero.home {
    min-height: 1250px;
    background: url(/images/hero-quilt.jpg) center no-repeat;
	background-size:cover;
}
#hero.home .blurb {
    padding: 30px 30px 30px 260px;
    width: 770px \9;
    max-width: 770px;
    margin: auto
}
#hero.home .blurb .sticker.pink {
    left: 30px;
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}
#hero.home .blurb .sticker.pink h4 {
    font-family: 'Pacifico', cursive;
    font-size: 2.2em;
    margin-top: 15px;
    color: #26326e
}
#hero.home .blurb .sticker.pink p {
    color: #FFF;
    font-size: 1.15em;
    font-weight: 300
}
#hero.home .blurb h1 {
    font-family: 'Pacifico', cursive;
    color: #26326e;
    font-size: 3.1em;
    text-shadow: 1px 1px 2px #FFF;
    line-height: 1.3em;
    padding: 12px 0
}
#hero.home .blurb h2 {
    background: #FFF;
    background: rgba(255, 255, 255, 0.6);
    font-size: 1.13em;
    padding: 10px 15px;
    margin: 10px 0 25px 0;
    color: #494949;
    text-shadow: 1px 1px 1px #FFF
}
#hero.home .throw {
    background: #26326e;
    margin-top: 45px
}
#hero.home .throw h2 {
    padding: 7px;
    background: #1f295b;
    font-family: 'Pacifico', cursive;
    font-size: 1.5em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    color: #FFF;
    text-align: center
}
#hero.home .throw h2 .stitch {
    display: block;
    padding: 7px;
    max-width: 984px;
    width: 984px \9;
    margin: auto;
    border-color: rgba(255, 255, 255, 0.3)
}
#hero.home .throw .preview {
    width: 470px;
    display: inline-block;
    vertical-align: top
}
#hero.home .throw .preview img {
    width: 100%
}
#hero.home .throw p {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    padding: 40px;
    color: #FFF;
    font-size: 1.3em;
    font-weight: 200
}
#hero.home .throw p strong {
    display: block;
    margin-top: 15px
}
#hero.home .throw .yarn {
    position: absolute;
    top: 25px;
    left: 820px
}
#hero.home .throw .arrow {
    position: absolute;
    bottom: 20px;
    left: 750px
}
#hero.magazine {
    height: 240px;
    background: url(/images/hero.jpg) center no-repeat;
    text-align: center
}
#hero.magazine h1 {
    font-family: 'Pacifico', cursive;
    padding: 5px 60px;
    display: inline-block;
    color: #ec008c;
    background: #FFF;
    background: rgba(255, 255, 255, 0.6);
    font-size: 3em;
    margin: 40px 0 10px 0;
    text-shadow: 1px 1px 2px #FFF
}
#hero.magazine h1 span {
    color: #26326e
}
#hero.magazine h2 {
    color: #494949;
    background: #FFF;
    background: rgba(255, 255, 255, 0.6);
    font-size: 1.1em;
    display: inline-block;
    padding: 10px 40px;
    max-width: 470px;
    text-shadow: 1px 1px 1px #FFF;
    font-weight: 400
}
@media only screen and (max-width: 965px) {
    #hero,
    #hero.home {
        height: auto;
        background-position: center top
    }
    #hero .issues,
    #hero.home .issues {
        height: auto
    }
    #hero .issues .inner,
    #hero .issues #blog.squares #feed .introduction,
    #blog.squares #feed #hero .issues .introduction,
    #hero.home .issues .inner,
    #hero.home .issues #blog.squares #feed .introduction,
    #blog.squares #feed #hero.home .issues .introduction {
        max-width: 1000px;
        width: 1000px \9;
        padding: 0 0 20px 0
    }
    #hero .issues .videos,
    #hero.home .issues .videos {
        position: relative;
        width: auto;
        left: auto;
        margin-bottom: 30px
    }
    #hero .issues .videos a,
    #hero.home .issues .videos a {
        display: inline-block;
        width: 50%;
        padding: 30px 0 0 0
    }
    #hero .throw,
    #hero.home .throw {
        margin-top: 0
    }
    #hero .throw .inner,
    #hero .throw #blog.squares #feed .introduction,
    #blog.squares #feed #hero .throw .introduction,
    #hero.home .throw .inner,
    #hero.home .throw #blog.squares #feed .introduction,
    #blog.squares #feed #hero.home .throw .introduction {
        padding: 0
    }
    #hero .throw .preview,
    #hero.home .throw .preview {
        display: block;
        width: auto
    }
    #hero .throw p,
    #hero.home .throw p {
        display: block;
        width: auto;
        font-size: 1em
    }
    #hero .throw p span,
    #hero .throw p strong,
    #hero.home .throw p span,
    #hero.home .throw p strong {
        display: inline-block;
        vertical-align: top;
        width: 33%;
        margin: 0;
        margin-right: 30px
    }
    #hero .throw .yarn,
    #hero.home .throw .yarn {
        left: 72%;
        top: 56%;
        width: 25%
    }
    #hero .throw .arrow,
    #hero.home .throw .arrow {
        left: 68%;
        bottom: 30px
    }
}
#subsgifts {
    background: #a7ca48;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7ca48), color-stop(100%, #89a93b));
    background: -webkit-linear-gradient(top, #a7ca48 0%, #89a93b 100%);
    background: linear-gradient(to bottom, #a7ca48 0%, #89a93b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a7ca48', endColorstr='#89a93b', GradientType=0);
    text-align: center;
    color: #FFF
}
#subsgifts .inner,
#subsgifts #blog.squares #feed .introduction,
#blog.squares #feed #subsgifts .introduction {
    padding: 40px 30px 50px 30px
}
#subsgifts h2 {
    font-family: 'Pacifico', cursive;
    font-size: 2em;
    font-weight: 100;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3)
}
#subsgifts h2 span {
    color: #ec008c
}
#subsgifts h2:before,
#subsgifts h2:after {
    content: '';
    width: 21%;
    display: block;
    position: absolute;
    top: 50%;
    border-top: 1px dashed #FFF
}
#subsgifts h2:after {
    right: 0
}
#subsgifts p {
    margin: 10px 0;
    font-size: 1.05em
}
#subsgifts .gifts {
    list-style: none;
    padding: 40px 0
}
#subsgifts .gifts li {
    display: inline-block;
    width: 20%;
    font-weight: 300;
    font-size: .85em
}
#subsgifts .gifts li a {
    display: block
}
#subsgifts .gifts li i.fa {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 1.2em;
    opacity: .5;
    filter: alpha(opacity=50)
}
#subsgifts .gifts li img {
    display: block;
    margin: auto;
    width: 90%;
    margin-bottom: 10px
}
#subsgifts .benefits {
    padding: 0 0 30px 0
}
#subsgifts .benefits li {
    display: inline-block;
    list-style-type: circle;
    margin: 0 20px;
    font-size: 1.25em
}
#subsgifts .moreinfo {
    font-size: 1.5em;
    color: #26326e
}
#subsgifts .moreinfo .white {
    color: #FFF
}
#subsgifts .moreinfo .stitch {
    padding: 5px 0
}
@media only screen and (max-width: 940px) {
    #subsgifts h2:before,
    #subsgifts h2:after {
        width: 14%
    }
}
#blogfeed {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f3f3));
    background: -webkit-linear-gradient(top, #fff 0%, #f5f3f3 100%);
    background: linear-gradient(to bottom, #fff 0%, #f5f3f3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f3f3', GradientType=0)
}
#blogfeed .inner,
#blogfeed #blog.squares #feed .introduction,
#blog.squares #feed #blogfeed .introduction {
    padding: 40px 30px 60px 30px
}
#blogfeed h2 {
    color: #555;
    text-align: center;
    font-family: 'Pacifico', cursive;
    font-size: 2em;
    font-weight: 100;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1)
}
#blogfeed h2 span {
    color: #ec008c
}
#blogfeed h2:before,
#blogfeed h2:after {
    content: '';
    width: 21%;
    display: block;
    position: absolute;
    top: 50%;
    border-top: 1px dashed #AAA
}
#blogfeed h2:after {
    right: 0
}
#blogfeed .moreblog {
    background: #FFF;
    color: #777
}
#blogfeed .moreblog .stitch {
    border-color: #999
}
#blogfeed .posts {
    padding: 30px 0
}
#blogfeed .posts .post {
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    width: 30%;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    padding-bottom: 56px
}
#blogfeed .posts .post .preview {
    padding-top: 56%;
    display: block;
    background: #EEE url(/images/vidthumb-intro.jpg) center no-repeat;
    background-size: cover
}
#blogfeed .posts .post .details {
    padding: 20px
}
#blogfeed .posts .post h3 {
    padding: 0 70px 5px 0;
    font-weight: 300;
    font-size: 1.2em;
    min-height: 2em
}
#blogfeed .posts .post h3 a {
    text-decoration: none
}
#blogfeed .posts .post .date {
    width: 60px;
    height: 60px;
    background: #999;
    border-radius: 100%;
    position: absolute;
    top: 15px;
    right: 15px;
    text-align: center;
    color: #FFF;
    line-height: .9em
}
#blogfeed .posts .post .date span {
    display: block
}
#blogfeed .posts .post .date .day {
    font-size: 1.1em;
    margin-top: 10px
}
#blogfeed .posts .post .date .month {
    font-size: .7em
}
#blogfeed .posts .post .date .year {
    font-size: .7em
}
#blogfeed .posts .post .body {
    font-size: .9em
}
#blogfeed .posts .post .body p {
    padding: 20px 0 0 0;
    color: #777;
    font-weight: 300;
    font-size: .9em
}
#blogfeed .posts .post .more {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}
#blogfeed .posts .post.pink h3 {
    color: #ec008c
}
#blogfeed .posts .post.pink .date {
    background: #ec008c
}
#blogfeed .posts .post.lightblue {
    margin: 0 5%
}
#blogfeed .posts .post.lightblue h3 {
    color: #25b7ea
}
#blogfeed .posts .post.lightblue .date,
#blogfeed .posts .post.lightblue .more {
    background: #25b7ea
}
#blogfeed .posts .post.teal h3 {
    color: #197798
}
#blogfeed .posts .post.teal .date,
#blogfeed .posts .post.teal .more {
    background: #197798
}
#blogfeed .posts .post.middle {
    margin: 0 5%
}
#blogfeed .posts .post.square .details h3 {
    padding: 0;
    min-height: 0;
    text-align: center
}
@media only screen and (max-width: 1060px) {
    #blogfeed h2:before,
    #blogfeed h2:after {
        width: 14%
    }
    #blogfeed .posts .post .details {
        font-size: .9em
    }
    #blogfeed .posts .post h3 {
        padding: 0
    }
    #blogfeed .posts .post .date {
        position: relative;
        background: none !important;
        color: #333;
        width: auto;
        height: auto;
        text-align: left;
        top: auto;
        right: auto;
        margin: 10px 0 -10px 0
    }
    #blogfeed .posts .post .date span {
        display: inline;
        font-size: 1em !important;
        margin-right: 4px
    }
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    min-width: 100% !important;
    width: 100% !important
}
#community {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f3f3));
    background: -webkit-linear-gradient(top, #fff 0%, #f5f3f3 100%);
    background: linear-gradient(to bottom, #fff 0%, #f5f3f3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f3f3', GradientType=0)
}
#community .inner,
#community #blog.squares #feed .introduction,
#blog.squares #feed #community .introduction {
    padding: 40px 30px 40px 30px
}
#community h2 {
    color: #555;
    text-align: center;
    font-family: 'Pacifico', cursive;
    font-size: 2em;
    font-weight: 100;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1)
}
#community h2 span {
    color: #ec008c
}
#community h2:before,
#community h2:after {
    content: '';
    width: 21%;
    display: block;
    position: absolute;
    top: 50%;
    border-top: 1px dashed #AAA
}
#community h2:after {
    right: 0
}
#community p {
    text-align: center;
    font-weight: 300;
    width: 79%;
    margin: 20px auto;
    font-size: 1.1em;
    color: #666
}
#community .feeds {
    padding: 30px 0 0 0;
    text-align: center
}
#community .feeds .feed {
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    width: 30%;
    width: 300px;
    height: 300px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-bottom: 50px
}
#community .feeds .feed i.fa {
    font-size: 4em
}
#community .feeds .feed.instagram {
    margin: 0 5%
}
#community .feeds .feed.instagram a {
    position: absolute;
    padding: 23px 0 0 0;
    display: block;
    top: 4px;
    bottom: 6px;
    left: 5px;
    right: 5px;
    z-index: 10;
    font-size: 4em;
    background: rgba(255, 255, 255, 0.4);
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none
}
#community .feeds .feed.instagram .instafeed {
    padding: 6px 7px
}
#community .feeds .feed.pinterest span {
    box-shadow: none !important
}
#community .feeds .feed.pinterest a {
    text-decoration: none;
    height: 300px;
    line-height: 300px;
    display: block;
    color: #CB2028
}
#community .feeds .feed.pinterest a i.fa {
    top: 10px
}
@media only screen and (max-width: 1060px) {
    #community .feeds .feed {
        margin: 25px !important
    }
}
#partworks {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f3f3));
    background: -webkit-linear-gradient(top, #fff 0%, #f5f3f3 100%);
    background: linear-gradient(to bottom, #fff 0%, #f5f3f3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f3f3', GradientType=0);
    background-image: url(/images/partworks-bg.jpg);
    background-position: center
}
#partworks .inner,
#partworks #blog.squares #feed .introduction,
#blog.squares #feed #partworks .introduction {
    padding: 40px 30px 60px 30px
}
#partworks h2 {
    color: #555;
    text-align: center;
    font-family: 'Pacifico', cursive;
    font-size: 2em;
    font-weight: 100;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1)
}
#partworks h2 span {
    color: #ec008c
}
#partworks h2:before,
#partworks h2:after {
    content: '';
    width: 21%;
    display: block;
    position: absolute;
    top: 50%;
    border-top: 1px dashed #AAA
}
#partworks h2:after {
    right: 0
}
#partworks p {
    text-align: center;
    font-weight: 300;
    width: 81%;
    margin: 20px auto;
    font-size: 1.1em;
    color: #666
}
#partworks p a {
    font-weight: 500;
    color: #444
}
#partworks .benefits {
    background: #FFF;
    max-width: 590px;
    padding: 25px;
    margin: auto;
    text-align: center
}
#partworks .benefits h3 {
    font-family: 'Pacifico', cursive;
    font-size: 1.7em;
    color: #666;
    margin-bottom: 20px
}
#partworks .benefits h4 {
    margin: 15px 0;
    color: #ec008c;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2em
}
#partworks .benefits p {
    width: auto;
    font-size: .95em;
    margin: -15px 0 15px 0;
    color: #777
}
#partworks .benefits .sub,
#partworks .benefits #popup-subscribe .window form p.button a.submit,
#popup-subscribe .window form p.button #partworks .benefits a.submit,
#partworks .benefits #subsgifts .moreinfo,
#subsgifts #partworks .benefits .moreinfo,
#partworks .benefits #blogfeed .moreblog,
#blogfeed #partworks .benefits .moreblog,
#partworks .benefits #blogfeed .posts .post .more,
#blogfeed .posts .post #partworks .benefits .more,
#partworks .benefits #subscribe #gifts .gift h3,
#subscribe #gifts .gift #partworks .benefits h3,
#partworks .benefits #subscribe #gifts .signup,
#subscribe #gifts #partworks .benefits .signup,
#partworks .benefits #magazine #the-throw .look,
#magazine #the-throw #partworks .benefits .look,
#partworks .benefits #magazine #stitch-library .look,
#magazine #stitch-library #partworks .benefits .look,
#partworks .benefits #magazine #knitting-school .look,
#magazine #knitting-school #partworks .benefits .look,
#partworks .benefits #magazine #inside-preview .look,
#magazine #inside-preview #partworks .benefits .look,
#partworks .benefits #contact form.email p a.submit,
#contact form.email p #partworks .benefits a.submit,
#partworks .benefits #subform .jqControl.submit,
#subform #partworks .benefits .jqControl.submit,
#partworks .benefits #login form p.button a.button,
#login form p.button #partworks .benefits a.button,
#partworks .benefits #admin form p.button a.button,
#admin form p.button #partworks .benefits a.button,
#partworks .benefits #admin #editor p.button a.submit,
#admin #editor p.button #partworks .benefits a.submit {
    margin: 0 50px
}
#quilt-progress {
    background: #139ac9;
    color: #FFF
}
#quilt-progress .inner,
#quilt-progress #blog.squares #feed .introduction,
#blog.squares #feed #quilt-progress .introduction {
    padding: 10px 0;
    background: #25b7ea
}
#quilt-progress h2 {
    font-family: 'Pacifico', cursive;
    padding: 10px;
    font-weight: 100;
    font-size: 1.7em;
    text-align: center;
    text-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2);
    background: #139ac9
}
#quilt-progress h2 .stitch {
    display: block
}
#quilt-progress .posts {
    padding: 15px 7px 3px 7px;
    text-align: center
}
#quilt-progress .posts .square {
    width: 90px;
    display: inline-block;
    vertical-align: top;
    margin: 7px;
    text-decoration: none;
    font-size: .85em
}
#quilt-progress .posts .square .thumb {
    background: #333 url(/media/post/texture-small.png) center no-repeat;
    background: rgba(0, 0, 0, 0.3) url(/media/post/texture-small.png) center no-repeat;
    display: block;
    height: 90px;
    line-height: 90px;
    margin-bottom: 7px
}
#quilt-progress .posts .square .thumb i.fa {
    background: #FFF;
    background: rgba(255, 255, 255, 0.7);
    color: #25b7ea;
    padding: 5px 15px;
    border-radius: 5px
}
#quilt-progress .posts .square strong {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%
}
#quilt-progress .posts .square.missing {
    opacity: .3;
    filter: alpha(opacity=30)
}
.zoom {
    background: #FFF center no-repeat;
    width: 400px;
    height: 600px;
    position: fixed;
    z-index: 9000;
    margin-top: -300px;
    margin-left: -200px;
    top: 50%;
    left: 50%;
    box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.8);
    display: none;
    cursor: pointer
}
.zoom a.close {
    background: #FFF;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 50%;
    right: -14px;
    margin-top: -15px;
    opacity: 1;
    filter: alpha(opacity=100)
}
.zoom a.close i.fa {
    top: -1px;
    right: -1px
}
#subscribe {
    background: url(/images/bg-quilt.jpg) center top no-repeat
}
#subscribe .head {
    text-align: center
}
#subscribe .head h1 {
    display: inline-block;
    margin: 40px 0 10px 0;
    padding: 6px 12px;
    background: #FFF;
    background: rgba(255, 255, 255, 0.6);
    font-size: 3.2em;
    font-family: 'Pacifico', cursive;
    color: #26326e;
    text-shadow: 1px 1px 2px #FFF;
    font-weight: 100
}
#subscribe .head h1 span {
    color: #ec008c
}
#subscribe .head h1 strong {
    font-weight: 100;
    white-space: nowrap
}
#subscribe .head h2 {
    font-size: 1.1em;
    color: #555;
    background: #FFF;
    background: rgba(255, 255, 255, 0.7);
    display: inline-block;
    text-shadow: 1px 1px 1px #FFF;
    margin: 0 0 40px 0;
    padding: 7px 14px;
    font-weight: 500
}
#subscribe .head h2 span {
    color: #ec008c
}
#subscribe #partworks {
    background: rgba(255, 255, 255, 0.7)
}
#subscribe #gifts {
    margin-bottom: 90px
}
#subscribe #gifts .row1,
#subscribe #gifts .row2 {
    text-align: center
}
#subscribe #gifts .row1 .bg,
#subscribe #gifts .row2 .bg {
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0
}
#subscribe #gifts .row1 .bg.left,
#subscribe #gifts .row2 .bg.left {
    left: 0
}
#subscribe #gifts .row1 .bg.right,
#subscribe #gifts .row2 .bg.right {
    right: 0
}
#subscribe #gifts .row1 {
    color: #FFF
}
#subscribe #gifts .row1 .bg.left {
    background: #139ac9
}
#subscribe #gifts .row1 .bg.right {
    background: #115b75
}
#subscribe #gifts .row2 {
    color: #333;
    color: rgba(0, 0, 0, 0.55)
}
#subscribe #gifts .row2 .bg.left {
    background: #add14a
}
#subscribe #gifts .row2 .bg.right {
    background: #7f9c36
}
#subscribe #gifts .gift {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    height: 425px;
    text-align: left
}
#subscribe #gifts .gift h3 {
    margin: 10px 0;
    text-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2);
    font-weight: 100
}
#subscribe #gifts .gift h3 .stitch {
    padding: 5px 0
}
#subscribe #gifts .gift h3 strong {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #bde54f
}
#subscribe #gifts .gift .img {
    display: block;
    position: absolute;
    width: 50%;
    right: 10px;
    margin-top: 10px;
    z-index: 8
}
#subscribe #gifts .gift .img i.fa {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
    font-size: 1.4em
}
#subscribe #gifts .gift .img img {
    width: 100%;
    border-radius: 100%
}
#subscribe #gifts .gift .sticker {
    color: #26326e;
    font-size: .75em;
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    right: 10px;
    top: 57%
}
#subscribe #gifts .gift .sticker big {
    display: block;
    color: #FFF;
    font-size: 1.7em;
    margin: 8px 0 -5px 0
}
#subscribe #gifts .gift .sticker.shadow {
    right: 14px;
    margin-top: 4px
}
#subscribe #gifts .gift p {
    padding: 10px 55% 10px 20px;
    font-weight: 300
}
#subscribe #gifts .gift.needles {
    background: #25b7ea
}
#subscribe #gifts .gift.needles h3 {
    background: #139ac9
}
#subscribe #gifts .gift.hat {
    background: #455B7D
}
#subscribe #gifts .gift.hat h3 {
    background: #3c4f6d
}
#subscribe #gifts .gift.dividers {
    background: #146c8b
}
#subscribe #gifts .gift.dividers h3 {
    background: #115b75
}
#subscribe #gifts .gift.wrap {
    background: #bde54f
}
#subscribe #gifts .gift.wrap h3 {
    background: #add14a
}
#subscribe #gifts .gift.accessory {
    background: #c1c433
}
#subscribe #gifts .gift.accessory h3 {
    background: #adb02e
}
#subscribe #gifts .gift.bag {
    background: #8eaf3d
}
#subscribe #gifts .gift.bag h3 {
    background: #7f9c36
}
#subscribe #gifts .signup {
    margin: 0 5px;
    font-size: 1.6em
}
#subscribe #gifts .signup strong {
    color: #26326e
}
@media only screen and (max-width: 1060px) {
    #subscribe #gifts .inner,
    #subscribe #gifts #blog.squares #feed .introduction,
    #blog.squares #feed #subscribe #gifts .introduction {
        padding: 0
    }
    #subscribe #gifts .gift {
        height: 340px
    }
    #subscribe #gifts .gift h3 {
        text-align: left;
        font-size: 1.2em;
        padding-right: 30px
    }
    #subscribe #gifts .gift h3 .stitch {
        padding-right: 43%;
        padding-left: 7px;
        height: 68px
    }
    #subscribe #gifts .gift .img {
        width: 43%;
        top: -5%;
        right: -3px
    }
    #subscribe #gifts .gift .img i.fa {
        display: none
    }
    #subscribe #gifts .gift .img:hover {
        opacity: 1
    }
    #subscribe #gifts .gift .sticker {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
        margin: 0;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: auto;
        height: auto;
        background: rgba(255, 255, 255, 0.5);
        text-align: left;
        padding: 5px 20px 3px 20px;
        z-index: 1
    }
    #subscribe #gifts .gift .sticker big {
        display: inline;
        vertical-align: middle;
        margin-right: 4px;
        color: inherit;
        font-weight: 900;
        top: -1px
    }
    #subscribe #gifts .gift .sticker br {
        display: none
    }
    #subscribe #gifts .gift .sticker.shadow {
        display: none
    }
    #subscribe #gifts .gift p {
        padding: 10px 20px
    }
    #subscribe #gifts .signup {
        margin: 0
    }
}
@media only screen and (max-width: 910px) {
    #subscribe #gifts .gift h3 {
        font-size: 1.1em
    }
    #subscribe #gifts .gift h3 .stitch {
        height: 62px
    }
}
@media only screen and (max-width: 860px) {
    #subscribe #gifts .gift h3 {
        font-size: 1em
    }
    #subscribe #gifts .gift h3 .stitch {
        height: 56px
    }
}
@media only screen and (max-width: 780px) {
    #subscribe #gifts .gift h3 {
        font-size: .9em
    }
    #subscribe #gifts .gift h3 .stitch {
        height: 52px
    }
}
#magazine {
    background: url(/images/bg-monkey.jpg) center top no-repeat
}
#magazine .head {
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
    padding-bottom: 60px
}
#magazine .head h1 {
    display: inline-block;
    margin: 40px 0 10px 0;
    padding: 6px 12px;
    background: #FFF;
    background: rgba(255, 255, 255, 0.6);
    font-size: 3.2em;
    font-family: 'Pacifico', cursive;
    color: #26326e;
    text-shadow: 1px 1px 2px #FFF;
    font-weight: 100
}
#magazine .head h1 span {
    color: #ec008c
}
#magazine .head h2 {
    font-size: 1.1em;
    color: #555;
    background: #FFF;
    background: rgba(255, 255, 255, 0.7);
    display: inline-block;
    text-shadow: 1px 1px 1px #FFF;
    margin: 0 0 40px 0;
    padding: 7px 14px;
    font-weight: 500;
    max-width: 700px
}
#magazine .head h2 span {
    color: #ec008c
}
#magazine #slideshow {
    background: #222
}
#magazine #slideshow img.label {
    width: 26%;
    position: absolute;
    z-index: 3;
    top: -11%;
    left: 50%;
    margin-left: -13%
}
#magazine #slideshow img.slide {
    width: 100%;
    max-width: 2000px;
    height: auto;
    display: block;
    margin: auto
}
#magazine #the-throw,
#magazine #stitch-library,
#magazine #knitting-school,
#magazine #inside-preview {
    color: #FFF
}
#magazine #the-throw .inner,
#magazine #the-throw #blog.squares #feed .introduction,
#blog.squares #feed #magazine #the-throw .introduction,
#magazine #stitch-library .inner,
#magazine #stitch-library #blog.squares #feed .introduction,
#blog.squares #feed #magazine #stitch-library .introduction,
#magazine #knitting-school .inner,
#magazine #knitting-school #blog.squares #feed .introduction,
#blog.squares #feed #magazine #knitting-school .introduction,
#magazine #inside-preview .inner,
#magazine #inside-preview #blog.squares #feed .introduction,
#blog.squares #feed #magazine #inside-preview .introduction {
    padding: 10px 0 0 0;
    width: 1060px \9;
    max-width: 1060px
}
#magazine #the-throw h3,
#magazine #stitch-library h3,
#magazine #knitting-school h3,
#magazine #inside-preview h3 {
    font-family: 'Pacifico', cursive;
    padding: 10px;
    font-weight: 100;
    font-size: 1.7em;
    text-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2)
}
#magazine #the-throw h3 .stitch,
#magazine #stitch-library h3 .stitch,
#magazine #knitting-school h3 .stitch,
#magazine #inside-preview h3 .stitch {
    display: block;
    padding: 0 16px
}
#magazine #the-throw p.disclaimer,
#magazine #stitch-library p.disclaimer,
#magazine #knitting-school p.disclaimer,
#magazine #inside-preview p.disclaimer {
    text-align: center;
    opacity: .7;
    filter: alpha(opacity=70)
}
#magazine #the-throw .canvas,
#magazine #stitch-library .canvas,
#magazine #knitting-school .canvas,
#magazine #inside-preview .canvas {
    padding-top: 33%
}
#magazine #the-throw .canvas p,
#magazine #stitch-library .canvas p,
#magazine #knitting-school .canvas p,
#magazine #inside-preview .canvas p {
    position: absolute;
    padding: 30px;
    font-size: 1.05em;
    font-weight: 300;
    width: 330px;
    width: 47%;
    display: inline-block;
    vertical-align: top;
    top: 0
}
#magazine #the-throw .canvas img.main,
#magazine #stitch-library .canvas img.main,
#magazine #knitting-school .canvas img.main,
#magazine #inside-preview .canvas img.main {
    position: absolute;
    width: 58%;
    top: 10px;
    right: 20px
}
#magazine #the-throw .canvas img.small,
#magazine #stitch-library .canvas img.small,
#magazine #knitting-school .canvas img.small,
#magazine #inside-preview .canvas img.small {
    position: absolute
}
#magazine #the-throw .canvas .sticker,
#magazine #stitch-library .canvas .sticker,
#magazine #knitting-school .canvas .sticker,
#magazine #inside-preview .canvas .sticker {
    font-size: .8em;
    font-weight: 300
}
#magazine #the-throw .canvas .sticker big,
#magazine #stitch-library .canvas .sticker big,
#magazine #knitting-school .canvas .sticker big,
#magazine #inside-preview .canvas .sticker big {
    display: block;
    text-transform: uppercase;
    margin: 24px 0 10px 0
}
#magazine #the-throw .canvas a.videos,
#magazine #stitch-library .canvas a.videos,
#magazine #knitting-school .canvas a.videos,
#magazine #inside-preview .canvas a.videos {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 2em;
    font-weight: 100;
    display: block;
    text-decoration: none
}
#magazine #the-throw .canvas a.videos i.fa,
#magazine #stitch-library .canvas a.videos i.fa,
#magazine #knitting-school .canvas a.videos i.fa,
#magazine #inside-preview .canvas a.videos i.fa {
    top: 1px
}
#magazine #the-throw .look,
#magazine #stitch-library .look,
#magazine #knitting-school .look,
#magazine #inside-preview .look {
    font-size: 1.8em
}
#magazine #the-throw .look strong,
#magazine #stitch-library .look strong,
#magazine #knitting-school .look strong,
#magazine #inside-preview .look strong {
    color: #26326e
}
#magazine #the-throw {
    background: #3c4f6d
}
#magazine #the-throw .inner,
#magazine #the-throw #blog.squares #feed .introduction,
#blog.squares #feed #magazine #the-throw .introduction {
    background: #455B7D
}
#magazine #the-throw h3 {
    background: #3c4f6d
}
#magazine #the-throw .canvas {
    padding-top: 22%
}
#magazine #the-throw img.small {
    top: -45px;
    right: 10px;
    width: 48%
}
#magazine #the-throw img.spreads {
    position: absolute;
    top: 130px;
    width: 75%;
    left: 50%;
    margin-left: -39.5%
}
#magazine #stitch-library {
    background: #563c6d
}
#magazine #stitch-library .inner,
#magazine #stitch-library #blog.squares #feed .introduction,
#blog.squares #feed #magazine #stitch-library .introduction {
    background: #63457d
}
#magazine #stitch-library h3 {
    background: #563c6d
}
#magazine #stitch-library img.small {
    top: -50px;
    right: 25px;
    width: 44%;
    z-index: 11
}
#magazine #stitch-library .sticker.blue {
    right: 20px;
    top: 62%
}
#magazine #stitch-library .sticker.pink {
    top: 34%;
    right: 39%
}
#magazine #stitch-library img.tips {
    position: absolute;
    left: 2%;
    top: 71%;
    z-index: 11
}
#magazine #knitting-school {
    background: #115b75
}
#magazine #knitting-school .inner,
#magazine #knitting-school #blog.squares #feed .introduction,
#blog.squares #feed #magazine #knitting-school .introduction {
    background: #146c8b
}
#magazine #knitting-school h3 {
    background: #115b75
}
#magazine #knitting-school .canvas {
    padding-top: 29%
}
#magazine #knitting-school .canvas img.main {
    top: 6%
}
#magazine #knitting-school .canvas img.small {
    top: -50px;
    right: 25px;
    width: 44%
}
#magazine #knitting-school .canvas .sticker.pink {
    top: 1%;
    right: 5%
}
#magazine #knitting-school .canvas .sticker.blue {
    top: 63%;
    right: 35%
}
#magazine #inside-preview {
    background: #16ace0
}
#magazine #inside-preview .inner,
#magazine #inside-preview #blog.squares #feed .introduction,
#blog.squares #feed #magazine #inside-preview .introduction {
    background: #25B7EA;
    padding-bottom: 10px
}
#magazine #inside-preview h3 {
    background: #16ace0
}
#magazine #inside-preview .canvas {
    padding-top: 65%
}
#magazine #inside-preview .mag-preview {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px
}
#magazine #inside-preview .mag-preview #pageturner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    box-sizing: border-box;
    z-index: 400
}
#magazine #inside-preview .mag-preview #pageturner .page {
    background-size: cover !important
}
#magazine #inside-preview .pages {
    text-align: center;
    font-weight: 100;
    margin: 20px 20px 10px 20px;
    display: none
}
#magazine #inside-preview .pages .jqControl {
    position: absolute;
    height: 100%;
    line-height: 100%;
    top: 0;
    z-index: 10;
    display: block;
    color: #26326e;
    font-size: 6em;
    width: 45%
}
#magazine #inside-preview .pages .jqControl span {
    position: absolute;
    top: 0;
    height: 100%;
    width: 70px;
    text-align: center;
    display: none;
    background: #FFF;
    background: rgba(255, 255, 255, 0.7)
}
#magazine #inside-preview .pages .jqControl span i.fa {
    position: absolute;
    top: 50%;
    margin-top: -48px;
    left: 50%;
    margin-left: -17px
}
#magazine #inside-preview .pages .jqControl:hover span {
    display: block
}
#magazine #inside-preview .pages .jqControl.prev {
    left: 0
}
#magazine #inside-preview .pages .jqControl.prev span {
    left: 0
}
#magazine #inside-preview .pages .jqControl.next {
    right: 0
}
#magazine #inside-preview .pages .jqControl.next span {
    right: 0
}
#magazine #inside-preview .pages .jqControl.next span i.fa {
    margin-left: -13px
}
#magazine #inside-preview .pages ul {
    list-style: none;
    display: block;
    padding-top: 64.65%
}
#magazine #inside-preview .pages ul li {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    display: none
}
#magazine #inside-preview .pages ul li img {
    height: 100%;
    width: 50%;
    position: absolute
}
#magazine #inside-preview .pages ul li img.right {
    right: 0
}
#magazine #inside-preview .pages ul li img.left {
    left: 0
}
#magazine #inside-preview .pages ul li.last p {
    margin-left: 50%;
    height: 100%
}
#magazine #inside-preview .pages ul li.last p span {
    padding: 20px;
    display: block
}
#magazine #inside-preview .pages ul li.last p .blurb {
    font-size: 3em
}
#magazine #inside-preview .pages ul li.last p .sub,
#magazine #inside-preview .pages ul li.last #popup-subscribe .window form p.button a.submit,
#popup-subscribe .window form #magazine #inside-preview .pages ul li.last p.button a.submit,
#magazine #inside-preview .pages ul li.last p #subsgifts .moreinfo,
#subsgifts #magazine #inside-preview .pages ul li.last p .moreinfo,
#magazine #inside-preview .pages ul li.last p #blogfeed .moreblog,
#blogfeed #magazine #inside-preview .pages ul li.last p .moreblog,
#magazine #inside-preview .pages ul li.last p #blogfeed .posts .post .more,
#blogfeed .posts .post #magazine #inside-preview .pages ul li.last p .more,
#magazine #inside-preview .pages ul li.last p #subscribe #gifts .gift h3,
#subscribe #gifts .gift #magazine #inside-preview .pages ul li.last p h3,
#magazine #inside-preview .pages ul li.last p #subscribe #gifts .signup,
#subscribe #gifts #magazine #inside-preview .pages ul li.last p .signup,
#magazine #inside-preview .pages ul li.last p .look,
#magazine #inside-preview .pages ul li.last #contact form.email p a.submit,
#contact form.email #magazine #inside-preview .pages ul li.last p a.submit,
#magazine #inside-preview .pages ul li.last p #subform .jqControl.submit,
#subform #magazine #inside-preview .pages ul li.last p .jqControl.submit,
#magazine #inside-preview .pages ul li.last #login form p.button a.button,
#login form #magazine #inside-preview .pages ul li.last p.button a.button,
#magazine #inside-preview .pages ul li.last #admin form p.button a.button,
#admin form #magazine #inside-preview .pages ul li.last p.button a.button,
#magazine #inside-preview .pages ul li.last #admin #editor p.button a.submit,
#admin #editor #magazine #inside-preview .pages ul li.last p.button a.submit {
    font-size: 2.4em
}
#magazine #inside-preview .pages ul li.last p .sub .stitch,
#magazine #inside-preview .pages ul li.last #popup-subscribe .window form p.button a.submit .stitch,
#popup-subscribe .window form #magazine #inside-preview .pages ul li.last p.button a.submit .stitch,
#magazine #inside-preview .pages ul li.last p #subsgifts .moreinfo .stitch,
#subsgifts #magazine #inside-preview .pages ul li.last p .moreinfo .stitch,
#magazine #inside-preview .pages ul li.last p #blogfeed .moreblog .stitch,
#blogfeed #magazine #inside-preview .pages ul li.last p .moreblog .stitch,
#magazine #inside-preview .pages ul li.last p #blogfeed .posts .post .more .stitch,
#blogfeed .posts .post #magazine #inside-preview .pages ul li.last p .more .stitch,
#magazine #inside-preview .pages ul li.last p #subscribe #gifts .gift h3 .stitch,
#subscribe #gifts .gift #magazine #inside-preview .pages ul li.last p h3 .stitch,
#magazine #inside-preview .pages ul li.last p #subscribe #gifts .signup .stitch,
#subscribe #gifts #magazine #inside-preview .pages ul li.last p .signup .stitch,
#magazine #inside-preview .pages ul li.last p .look .stitch,
#magazine #inside-preview .pages ul li.last #contact form.email p a.submit .stitch,
#contact form.email #magazine #inside-preview .pages ul li.last p a.submit .stitch,
#magazine #inside-preview .pages ul li.last p #subform .jqControl.submit .stitch,
#subform #magazine #inside-preview .pages ul li.last p .jqControl.submit .stitch,
#magazine #inside-preview .pages ul li.last #login form p.button a.button .stitch,
#login form #magazine #inside-preview .pages ul li.last p.button a.button .stitch,
#magazine #inside-preview .pages ul li.last #admin form p.button a.button .stitch,
#admin form #magazine #inside-preview .pages ul li.last p.button a.button .stitch,
#magazine #inside-preview .pages ul li.last #admin #editor p.button a.submit .stitch,
#admin #editor #magazine #inside-preview .pages ul li.last p.button a.submit .stitch {
    padding: 7px
}
@media only screen and (max-width: 1000px) {
    #magazine #inside-preview .canvas {
        display: none
    }
    #magazine #inside-preview .pages {
        display: block
    }
}
#blog {
    background: url(/images/bg-blog.jpg) center top no-repeat
}
#blog .head {
    text-align: center
}
#blog .head h1 {
    display: inline-block;
    margin: 40px 0 10px 0;
    padding: 6px 12px;
    background: #FFF;
    background: rgba(255, 255, 255, 0.4);
    font-size: 3.2em;
    font-family: 'Pacifico', cursive;
    color: #26326e;
    text-shadow: 1px 1px 2px #FFF;
    font-weight: 100
}
#blog .head h1 span {
    color: #ec008c
}
#blog .head h2 {
    font-size: 1.1em;
    color: #555;
    background: #FFF;
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    text-shadow: 1px 1px 1px #FFF;
    margin: 0 0 40px 0;
    padding: 7px 14px;
    font-weight: 500
}
#blog .head h2 span {
    color: #ec008c
}
#blog .post,
#blog .block {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2)
}
#blog #feed {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f3f3));
    background: -webkit-linear-gradient(top, #fff 0%, #f5f3f3 100%);
    background: linear-gradient(to bottom, #fff 0%, #f5f3f3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f3f3', GradientType=0)
}
#blog #feed .inner,
#blog.squares #feed .introduction {
    padding: 50px 405px 50px 30px;
    width: 625px \9;
    max-width: 625px
}
#blog #feed #sidebar {
    width: 325px;
    position: absolute;
    right: 30px;
    top: 50px
}
#blog #feed #sidebar .block {
    margin-bottom: 50px;
    background: #FFF;
    padding: 15px
}
#blog #feed #sidebar .block h4 {
    font-family: 'Pacifico', cursive;
    font-size: 1.5em;
    color: #555;
    font-weight: 100;
    text-align: center;
    border-bottom: 1px dashed #BBB;
    padding: 0 0 7px 0
}
#blog #feed #sidebar .block.squares {
    background: #25b7ea;
    padding: 0
}
#blog #feed #sidebar .block.squares h4 {
    padding: 7px;
    background: #139ac9;
    color: #FFF;
    font-weight: 100;
    text-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2);
    border: none
}
#blog #feed #sidebar .block.squares h4 .stitch {
    display: block
}
#blog #feed #sidebar .block.squares p {
    color: #FFF;
    padding: 18px 10px 10px 10px;
    text-align: center
}
#blog #feed #sidebar .block.squares .posts {
    padding: 12px 0 2px 12px
}
#blog #feed #sidebar .block.squares .posts .square {
    display: inline-block;
    margin: 0 7px 7px 0;
    width: 67px;
    text-align: center;
    font-size: .85em;
    color: #FFF;
    text-decoration: none
}
#blog #feed #sidebar .block.squares .posts .square .thumb {
    background: #CCC center no-repeat;
    display: block;
    height: 67px;
    line-height: 67px
}
#blog #feed #sidebar .block.squares .posts .square .thumb i.fa {
    background: #FFF;
    background: rgba(255, 255, 255, 0.7);
    color: #25b7ea;
    padding: 5px 15px;
    border-radius: 5px;
    text-indent: 3px
}
#blog #feed #sidebar .block.howto .categories {
    list-style: none
}
#blog #feed #sidebar .block.howto .categories li {
    border-bottom: 1px dashed #BBB
}
#blog #feed #sidebar .block.howto .categories li a {
    display: block;
    text-decoration: none;
    padding: 10px 5px;
    font-size: 1.2em;
    font-weight: 700
}
#blog #feed #sidebar .block.howto .categories li a img {
    height: 26px;
    position: absolute;
    right: 5px;
    top: 10px
}
#blog #feed #sidebar .block.howto .categories li.knitting-school {
    color: #ec008c
}
#blog #feed #sidebar .block.howto .categories li.stitch-library {
    color: #25b7ea
}
#blog #feed #sidebar .block.facebook h4 span {
    color: #3B5998
}
#blog #feed #sidebar .block.facebook .fb-like-box {
    margin-top: 5px
}
#blog #feed #sidebar .block.pinterest h4 {
    margin-bottom: 10px
}
#blog #feed #sidebar .block.pinterest h4 span {
    color: #CB2028
}
#blog #feed #sidebar .block.pinterest span {
    box-shadow: none !important
}
#blog #feed .post {
    background: #FFF;
    margin-bottom: 50px
}
#blog #feed .post .preview {
    padding-top: 56%;
    display: block;
    background: #EEE url(/images/vidthumb-intro.jpg) center no-repeat;
    background-size: cover
}
#blog #feed .post .details {
    padding: 20px;
    color: #666
}
#blog #feed .post .details p.category {
    font-size: 1.9em;
    font-weight: 100
}
#blog #feed .post .details p.category a {
    text-decoration: none
}
#blog #feed .post .details h3 {
    font-size: 2.4em;
    margin-right: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
#blog #feed .post .details h3 a {
    text-decoration: none
}
#blog #feed .post .details p.date {
    width: 80px;
    height: 80px;
    background: #666;
    color: #FFF;
    border-radius: 100%;
    text-align: center;
    font-size: .95em;
    position: absolute;
    right: 23px;
    top: 23px
}
#blog #feed .post .details p.date span {
    display: block;
    line-height: 1em;
    left: 1px
}
#blog #feed .post .details p.date span.day {
    font-size: 1.6em;
    margin-top: 11px
}
#blog #feed .post .details p.date span.month {
    text-transform: uppercase;
    font-size: .8em;
    margin: 2px 0 2px 0
}
#blog #feed .post .details .social {
    color: #666;
    border-bottom: 1px dashed #BBB;
    padding: 20px 0 10px 0;
    font-size: .8em;
    white-space: nowrap
}
#blog #feed .post .details .social i.fa {
    color: #999;
    font-size: 1.3em;
    margin-right: 5px
}
#blog #feed .post .details .social span,
#blog #feed .post .details .social a,
#blog #feed .post .details .social div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}
#blog #feed .post .details .social .fb-like {
    width: 60% \9;
    max-width: 60%;
    font-family: inherit;
    font-size: inherit
}
#blog #feed .post .body {
    padding: 0 20px 20px 20px;
    font-weight: 300
}
#blog #feed .post .body p {
    padding-bottom: 20px
}
#blog #feed .post .body img {
    width: 100% \9;
    max-width: 100%;
    width: 100%
}
#blog #feed .post .comments {
    padding: 20px;
    background: #FAFAFA;
    border-top: 1px dashed #CCC
}
#blog #feed .post.weekly-knitting .details {
    color: #197798
}
#blog #feed .post.weekly-knitting .details p.date {
    background: #197798
}
#blog #feed .post.knitting-school .details {
    color: #ec008c
}
#blog #feed .post.knitting-school .details p.date {
    background: #ec008c
}
#blog #feed .post.stitch-library .details {
    color: #25b7ea
}
#blog #feed .post.stitch-library .details p.date {
    background: #25b7ea
}
#blog.squares #feed .inner,
#blog.squares #feed .introduction {
    padding: 50px 20px;
    width: 1020px \9;
    max-width: 1020px
}
#blog.squares #feed .post {
    display: inline-block;
    width: 31.3333333333%;
    margin: 0 1% 2% 1%;
    vertical-align: top
}
#blog.squares #feed .post .details p.category {
    font-size: 1.5em
}
#blog.squares #feed .post .details h3 {
    margin: 0;
    font-size: 1.7em
}
#blog.squares #feed .introduction {
    padding: 0 20px
}
#blog.squares #feed .introduction p {
    margin: 20px 0;
    line-height: 1.5em;
    color: #26326e
}
#blog.squares #feed .introduction p.handwriting {
    margin: 0;
    font-family: 'Pacifico', cursive;
    color: #ec008c;
    font-size: 1.6em
}
@media only screen and (max-width: 900px) {
    #blog #feed .inner,
    #blog.squares #feed .introduction {
        padding: 50px 30px;
        width: 1000px \9;
        max-width: 1000px
    }
    #blog #sidebar {
        display: none
    }
}
.basic {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f3f3));
    background: -webkit-linear-gradient(top, #fff 0%, #f5f3f3 100%);
    background: linear-gradient(to bottom, #fff 0%, #f5f3f3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f3f3', GradientType=0)
}
.basic .inner,
.basic #blog.squares #feed .introduction,
#blog.squares #feed .basic .introduction {
    padding: 50px 30px
}
.basic h1 {
    color: #555;
    text-align: center;
    font-family: 'Pacifico', cursive;
    font-size: 2em;
    font-weight: 100;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1)
}
.basic h1 span {
    color: #ec008c
}
.basic h1:before,
.basic h1:after {
    content: '';
    width: 21%;
    display: block;
    position: absolute;
    top: 50%;
    border-top: 1px dashed #AAA
}
.basic h1:after {
    right: 0
}
.basic h2 {
    text-transform: uppercase;
    color: #26326e;
    margin-top: 30px
}
.basic p {
    text-align: center;
    font-weight: 300;
    width: 81%;
    margin: 20px auto;
    font-size: 1.1em;
    color: #666
}
#faqs {
    background: #FFF
}
#faqs .questions {
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.1), inset 0 -10px 10px -10px rgba(0, 0, 0, 0.1);
    padding: 10px 30px;
    margin: 40px 0 0 0
}
#faqs .questions h2 {
    border: 1px dashed #999;
    padding: 10px 15px;
    border-radius: 10px;
    font-family: 'Pacifico', cursive;
    color: #555;
    margin: 30px 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-transform: none
}
#faqs .questions h2 i.fa {
    position: absolute;
    right: 15px;
    top: 21px
}
#faqs .questions h2.open {
    color: #ec008c;
    border-color: #ec008c
}
#faqs .questions ul {
    margin-left: 38px;
    display: none
}
#faqs .questions ul li {
    cursor: pointer;
    color: #26326e;
    margin: 15px 0
}
#faqs .questions ul li strong {
    text-decoration: underline
}
#faqs .questions ul li p {
    display: none;
    text-align: left;
    width: auto;
    text-decoration: none;
    font-size: 1em;
    margin-top: 5px
}
#contact h2 {
    text-transform: uppercase;
    color: #26326e;
    margin-top: 50px
}
#contact p {
    text-align: left;
    width: auto
}
#contact .bypost h2 {
    margin-bottom: 20px
}
#contact .bypost p {
    display: inline-block;
    vertical-align: top;
    margin: 0 40px 0 0
}
#contact form.email {
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.1), inset 0 -10px 10px -10px rgba(0, 0, 0, 0.1);
    padding: 5px 30px
}
#contact form.email p.thankyou {
    color: #ec008c;
    font-family: 'Pacifico', cursive;
    font-size: 1.65em;
    text-align: center
}
#contact form.email p {
    margin: 40px 0
}
#contact form.email p label {
    font-family: 'Pacifico', cursive;
    font-size: 1.65em;
    color: #26326e;
    width: 35%;
    display: inline-block;
    vertical-align: top;
    border-bottom: 2px dashed #26326e;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box
}
#contact form.email p input,
#contact form.email p select,
#contact form.email p textarea {
    background: #FFF;
    font-family: inherit;
    padding: 13px;
    font-size: 1em;
    border: 2px dashed #26326e;
    border-radius: 5px;
    outline: none;
    font-weight: 300;
    background-clip: padding-box;
    width: 65%;
    vertical-align: top;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 53px
}
#contact form.email p input:focus,
#contact form.email p select:focus,
#contact form.email p textarea:focus {
    border-color: #ec008c
}
#contact form.email p select {
    text-indent: 5px
}
#contact form.email p textarea {
    resize: vertical;
    height: auto
}
#contact form.email p .form-error {
    display: block;
    margin: 10px 0 0 35%;
    color: #F00;
    text-transform: uppercase;
    font-size: .7em;
    font-weight: 700;
    text-align: right
}
#contact form.email p a.submit {
    margin-left: 35%;
    border-bottom: 3px solid rgba(0, 0, 0, 0.2)
}
#contact form.email p a.submit i.fa {
    font-size: 1.2em;
    top: -1px
}
#copyright ol li,
#privacy ol li {
    margin: 20px 0 0 25px
}
#copyright p,
#privacy p {
    width: auto;
    text-align: inherit;
    font-size: .9em
}
#privacy ol li {
    color: #666;
    font-size: .9em;
    font-weight: 300
}
#subform {
    background: #f5f3f3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f3f3), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f5f3f3 0%, #fff 100%);
    background: linear-gradient(to bottom, #f5f3f3 0%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5f3f3', endColorstr='#ffffff', GradientType=0)
}
#subform .inner,
#subform #blog.squares #feed .introduction,
#blog.squares #feed #subform .introduction {
    padding: 30px 336px 30px 30px;
    width: 694px \9;
    max-width: 694px
}
#subform #subsgifts {
    width: 276px;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    color: #FFF;
    text-align: center;
    overflow: hidden !important
}
#subform #subsgifts .inner,
#subform #subsgifts #blog.squares #feed .introduction,
#blog.squares #feed #subform #subsgifts .introduction {
    padding: 20px 30px 10px 30px
}
#subform #subsgifts h2 {
    font-family: 'Pacifico', cursive;
    font-size: 2.3em;
    font-weight: 100;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3)
}
#subform #subsgifts h2 span {
    color: #ec008c
}
#subform #subsgifts h2:before,
#subform #subsgifts h2:after {
    display: none
}
#subform #subsgifts p {
    margin: 10px 0;
    font-size: 1.05em
}
#subform #subsgifts .gifts {
    list-style: none;
    padding: 20px 0
}
#subform #subsgifts .gifts li {
    display: block;
    font-weight: 300;
    font-size: .85em;
    margin: 0 0 20px 0;
    width: auto
}
#subform #subsgifts .gifts li img {
    display: block;
    margin: auto;
    width: 90%;
    margin-bottom: 10px
}
#subform #subsgifts .benefits {
    padding: 0 0 30px 0;
    display: none
}
#subform #subsgifts .benefits li {
    display: inline-block;
    list-style-type: circle;
    margin: 0 20px;
    font-size: 1.25em
}
#subform #subsgifts .moreinfo {
    display: none;
    font-size: 1.5em;
    color: #26326e
}
#subform #subsgifts .moreinfo .white {
    color: #FFF
}
#subform #subsgifts .moreinfo .stitch {
    padding: 5px 0
}
#subform form#subscribe {
    background: none
}
#subform h2 {
    color: #555;
    text-align: center;
    font-family: 'Pacifico', cursive;
    font-size: 2em;
    font-weight: 100;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1)
}
#subform h2 span {
    color: #26326e
}
#subform h3 {
    background: #26326e;
    color: #FFF;
    padding: 7px;
    margin: 20px 0
}
#subform h3 .stitch {
    display: block;
    padding: 7px
}
#subform #paymentmethod,
#subform #maindeliveryaddress,
#subform #subscribefinish,
#subform #security,
#subform ol,
#subform ul,
#subform p {
    margin: 0 7px;
    font-weight: 700;
    font-size: .9em
}
#subform ol {
    list-style: none;
    border-top: 1px dashed #CCC
}
#subform input,
#subform select,
#subform textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    font-size: 1em;
    font-family: inherit;
    outline: none;
    border: 1px solid #BBB
}
#subform input:focus,
#subform select:focus,
#subform textarea:focus {
    border-color: #ec008c
}
#subform select {
    height: 35px
}
#subform li {
    padding: 10px 7px;
    border-bottom: 1px dashed #CCC
}
#subform li label {
    width: 40%;
    padding-right: 3%;
    display: inline-block;
    vertical-align: middle
}
#subform li input {
    vertical-align: middle;
    padding: 7px;
    width: 40%
}
#subform li .form-error {
    color: #F00;
    display: block
}
#subform ol.wide label {
    width: 60%
}
#subform ol.wide input {
    width: auto
}
#subform #paymentmethod input {
    margin-right: 20px
}
#subform #region1 {
    margin-top: 20px
}
#subform #region2 {
    margin-top: 20px
}
#subform #region2 p {
    margin: 20px 7px;
    font-weight: 300
}
#subform #region2 p img {
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    right: 0;
    height: 76px
}
#subform #maindeliveryaddress div {
    margin-bottom: 10px
}
#subform #maindeliveryaddress input {
    margin-right: 20px
}
#subform #region3 ol {
    margin-top: 20px
}
#subform #subscribefinish {
    margin: 30px 0;
    color: #FFF
}
#subform #subscribefinish label {
    display: none
}
#subform #security {
    font-weight: 300;
    font-size: 1.2em;
    margin: 30px 0
}
#subform #subscriberterms ul {
    font-weight: 300;
    font-size: .75em
}
#subform #subscriberterms ul li {
    margin-left: 20px
}
#subform .jqControl.submit {
    border-bottom: 5px solid rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 1.8em;
    border-radius: 3px
}
#subform .jqControl.submit small {
    font-size: .4em;
    font-family: 'Roboto', sans-serif;
    display: block;
    text-transform: uppercase;
    margin: -9px 0 4px 0;
    left: 2px;
    opacity: .7;
    filter: alpha(opacity=70)
}
#subform .jqControl.submit .stitch {
    display: block;
    border-radius: 2px
}
#subform .jqControl.proceed {
    margin: 30px 0
}
@media only screen and (max-width: 940px) {
    #subform {
        font-size: .9em
    }
    #subform h2:before,
    #subform h2:after {
        width: 10%
    }
    #subform li label {
        width: 50%
    }
    #subform ol.wide label {
        width: 80%
    }
}
@media only screen and (max-width: 800px) {
    #subform .inner,
    #subform #blog.squares #feed .introduction,
    #blog.squares #feed #subform .introduction {
        padding-right: 321px
    }
    #subform #subsgifts {
        width: 261px
    }
    #subform #subsgifts h2 {
        font-size: 2em
    }
}
#confirmation {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f3f3));
    background: -webkit-linear-gradient(top, #fff 0%, #f5f3f3 100%);
    background: linear-gradient(to bottom, #fff 0%, #f5f3f3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f3f3', GradientType=0);
    background-image: url(/images/partworks-bg.jpg);
    background-position: center
}
#confirmation .inner,
#confirmation #blog.squares #feed .introduction,
#blog.squares #feed #confirmation .introduction {
    padding: 30px
}
#confirmation h2 {
    color: #555;
    text-align: center;
    font-family: 'Pacifico', cursive;
    font-size: 2em;
    font-weight: 100;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1)
}
#confirmation h2 span {
    color: #ec008c
}
#confirmation p {
    font-weight: 300;
    margin: 20px auto;
    font-size: 1.1em;
    color: #666
}
#confirmation #subsgifts {
    width: 276px;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    color: #FFF;
    text-align: center
}
#confirmation #subsgifts .inner,
#confirmation #subsgifts #blog.squares #feed .introduction,
#blog.squares #feed #confirmation #subsgifts .introduction {
    padding: 20px 30px 10px 30px
}
#confirmation #subsgifts h2 {
    font-size: 2em
}
#confirmation #subsgifts h2:before,
#confirmation #subsgifts h2:after {
    display: none
}
#confirmation #subsgifts p {
    color: #FFF
}
#confirmation #subsgifts .gifts {
    text-align: center
}
#confirmation #subsgifts .gifts li {
    display: inline-block;
    width: 45%;
    font-size: .7em;
    vertical-align: top;
    margin: 0 0 10px 0
}
#confirmation #subsgifts .gifts li img {
    margin: 0 auto
}
@media only screen and (max-width: 800px) {
    #confirmation #subsgifts {
        width: 261px
    }
    #confirmation #subsgifts h2 {
        font-size: 2em
    }
}
#login,
#admin {
    background: #181e44;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #181e44), color-stop(100%, #26326e));
    background: -webkit-linear-gradient(top, #181e44 0%, #26326e 100%);
    background: linear-gradient(to bottom, #181e44 0%, #26326e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#181e44', endColorstr='#26326e', GradientType=0)
}
#login h1,
#admin h1 {
    color: #FFF
}
#login h2,
#admin h2 {
    color: #FFF;
    color: rgba(255, 255, 255, 0.7)
}
#login p,
#admin p {
    color: #FFF;
    color: rgba(255, 255, 255, 0.8)
}
#login p.controls,
#admin p.controls {
    margin-top: 30px
}
#login p.controls a,
#admin p.controls a {
    color: #8a96d6;
    border: 1px dashed;
    padding: 10px 30px;
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
    font-size: .7em;
    font-weight: 700;
    text-transform: uppercase
}
#login form p,
#admin form p {
    margin: 30px 0
}
#login form p label,
#admin form p label {
    color: #FFF
}
#login form p input,
#login form p textarea,
#login form p select,
#admin form p input,
#admin form p textarea,
#admin form p select {
    border: 1px dashed #FFF;
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    padding: 10px;
    outline: none;
    color: #FFF;
    font-size: 1em;
    font-family: inherit;
    border-radius: 3px;
    box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    box-sizing: border-box
}
#login form p select,
#admin form p select {
    height: 45px
}
#login form p.button,
#admin form p.button {
    margin: 0;
    padding: 30px 0
}
#login form p.button a.button,
#admin form p.button a.button {
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}
#login form p.button a.button:hover,
#admin form p.button a.button:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    border-width: 2px;
    margin-bottom: 2px;
    top: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2)
}
#login form p.button a.button:active,
#admin form p.button a.button:active {
    border: none;
    margin-bottom: 4px;
    top: 4px;
    box-shadow: none
}
#login #login-form {
    text-align: center;
    padding: 10px 0
}
#login #login-form p {
    width: 300px \9;
    max-width: 300px;
    padding: 0 15px;
    margin: 30px auto;
    text-align: left
}
#login #login-form p label {
    display: block;
    color: rgba(255, 255, 255, 0.4);
    font-family: 'Pacifico', cursive;
    letter-spacing: .1em;
    font-size: 1.1em
}
#login #login-form p input {
    width: 100%
}
#login #login-form p .form-error {
    display: none
}
#login #login-form p.button {
    margin: 0 auto;
    padding: 30px 15px
}
.status-message {
    border: 1px dashed;
    padding: 20px;
    text-align: center;
    margin: 40px 0;
    border-radius: 3px;
    color: #FFF;
    background: rgba(255, 255, 255, 0.1)
}
.status-message.success {
    color: #3C6
}
.status-message.error {
    color: #F00
}
#admin hr {
    border: none;
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    height: 0;
    margin: 30px 0
}
#admin .pagination a {
    background: rgba(0, 0, 0, 0.1);
    color: #FFF;
    color: rgba(255, 255, 255, 0.6)
}
#admin .pagination a.current {
    background: #25b7ea;
    color: #FFF
}
#admin .pagination .prev,
#admin .pagination .next {
    color: #FFF;
    background: none
}
#admin #dashboard p span {
    color: #25B7EA;
    white-space: nowrap
}
#admin #dashboard p span.pink {
    color: #ec008c
}
#admin #dashboard .section {
    box-sizing: border-box;
    padding: 20px;
    background: #26326e;
    background: rgba(255, 255, 255, 0.07);
    width: 31.3333333333%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 4%
}
#admin #dashboard .section h2 {
    margin: 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    padding-bottom: 15px
}
#admin #dashboard .section h2 a.right {
    text-decoration: none;
    position: absolute;
    right: 0
}
#admin #dashboard .section p {
    text-align: left;
    width: auto;
    margin: 20px 10px;
    min-height: 60px
}
#admin #dashboard .section ul.actions {
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
#admin #dashboard .section ul.actions li a {
    color: #FFF;
    text-decoration: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9em;
    padding: 10px
}
#admin #dashboard .section ul.actions li a i.fa {
    position: absolute;
    right: 7px;
    top: 13px
}
#admin #dashboard .section ul.actions li a:hover {
    background: rgba(255, 255, 255, 0.1)
}
#admin #dashboard .section.middle {
    margin: 0 3%
}
#admin #dashboard .section.full {
    display: block;
    width: auto
}
#admin #dashboard .section.full:last-child {
    margin-bottom: 0
}
#admin #dashboard .section.orders p {
    margin: 0;
    padding: 15px 10px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    min-height: 0
}
#admin #dashboard .section.orders p .right {
    position: absolute;
    right: 10px
}
#admin #dashboard .section.orders p:hover {
    background: rgba(255, 255, 255, 0.1)
}
#admin #dashboard .section.orders p.special {
    font-weight: 700
}
#admin #dashboard .section.orders p.special span {
    color: inherit
}
#admin #dashboard .section.orders p.special.positive {
    color: #6F6
}
#admin #dashboard .section.orders p.special.negative {
    color: #FC6
}
#admin #dashboard #users tbody tr.level5 {
    color: #FC0
}
#admin #dashboard #users tbody tr.level7 {
    color: #25B7EA
}
#admin #dashboard #users tbody tr.level9 {
    color: #96F;
    -webkit-animation: pulse 3s infinite ease;
    animation: pulse 3s infinite ease
}
@-webkit-keyframes pulse {
    0% {
        color: #25B7EA
    }
    50% {
        color: #96F
    }
    100% {
        color: #25B7EA
    }
}
@-ms-keyframes pulse {
    0% {
        color: #25B7EA
    }
    50% {
        color: #96F
    }
    100% {
        color: #25B7EA
    }
}
@keyframes pulse {
    0% {
        color: #25B7EA
    }
    50% {
        color: #96F
    }
    100% {
        color: #25B7EA
    }
}
#admin #dashboard #posts .post {
    display: inline-block;
    vertical-align: top;
    width: 31.3333333%;
    padding: 10px;
    box-sizing: border-box;
    margin: 1%;
    background: #2d3b81;
    background: rgba(255, 255, 255, 0.1);
    text-decoration: none
}
#admin #dashboard #posts .post h3 {
    color: #FFF;
    width: 100%;
    box-sizing: border-box;
    padding-right: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
#admin #dashboard #posts .post h3 i.fa {
    position: absolute;
    right: 0;
    top: 4px
}
#admin #dashboard #posts .post .preview {
    background: rgba(255, 255, 255, 0.1) url(/media/post/texture-small.png);
    background-size: cover;
    padding-top: 56%;
    margin: 10px 0;
    display: block
}
#admin #dashboard #posts .post .preview p {
    position: absolute;
    top: 50%;
    width: 100%;
    margin: -15px 0 0 0;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 100;
    opacity: 0.5;
    filter: alpha(opacity=50);
    pointer-events: none;
    text-align: center
}
#admin #dashboard #posts .post p {
    text-align: left;
    margin: 0;
    font-size: .9em;
    width: auto
}
#admin #dashboard #posts .post p .right {
    position: absolute;
    right: 0
}
#admin #dashboard #posts .post.knitting-school p .right {
    color: #ec008c
}
#admin #editor p {
    width: auto;
    text-align: left
}
#admin #editor p label {
    box-sizing: border-box;
    padding-right: 30px;
    width: 30%;
    display: inline-block;
    border-bottom: 1px dashed;
    border-color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    font-weight: 100;
    color: rgba(255, 255, 255, 0.8);
    font-size: .9em
}
#admin #editor p input,
#admin #editor p textarea,
#admin #editor p select {
    width: 70%
}
#admin #editor p .form-error {
    display: block;
    margin-left: 30%;
    padding-top: 10px;
    text-align: right;
    color: #F00;
    text-transform: uppercase;
    font-size: .8em
}
#admin #editor p .hasDatepicker {
    width: 70%;
    display: inline-block
}
#admin #editor p .hasDatepicker .ui-datepicker {
    display: inline-block !important;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 5px 0 5px;
    font-family: inherit;
    border: 1px dashed;
    border-color: rgba(255, 255, 255, 0.3);
    background: #1f295b;
    background: rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    font-size: .8em;
    color: #FFF
}
#admin #editor p .hasDatepicker .ui-datepicker .ui-datepicker-header {
    background: #26326e;
    color: #FFF;
    border: 1px dashed;
    border-color: rgba(255, 255, 255, 0.3);
    background-clip: padding-box;
    margin: 5px
}
#admin #editor p .hasDatepicker .ui-datepicker .ui-datepicker-header a {
    background: #ec008c;
    top: 2px;
    height: 27px;
    width: 27px
}
#admin #editor p .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 2px
}
#admin #editor p .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 2px
}
#admin #editor p .hasDatepicker .ui-datepicker .ui-datepicker-header a.ui-state-hover {
    border: none
}
#admin #editor p .hasDatepicker .ui-datepicker td {
    padding: 5px
}
#admin #editor p .hasDatepicker .ui-datepicker td .ui-state-default {
    background: #26326e;
    border: 1px dashed #FFF;
    border-color: rgba(255, 255, 255, 0.2);
    padding: 5px 7px;
    color: #FFF
}
#admin #editor p .hasDatepicker .ui-datepicker td .ui-state-highlight {
    border-color: #25B7EA;
    border-style: solid
}
#admin #editor p .hasDatepicker .ui-datepicker td .ui-state-active {
    background: #25B7EA
}
#admin #editor p.dev label,
#admin #editor p.dev input,
#admin #editor p.dev textarea,
#admin #editor p.dev select {
    color: #25B7EA;
    border-color: #25B7EA
}
#admin #editor p.note {
    text-align: center;
    font-size: .9em;
    margin: 10px 0 40px 0;
    color: rgba(255, 255, 255, 0.5)
}
#admin #editor p.button a.submit {
    border-radius: 3px
}
@media only screen and (max-width: 767px) {
    body.admin #header {
        display: none
    }
    #admin #dashboard .section,
    #admin #dashboard .section.left,
    #admin #dashboard .section.middle {
        display: block;
        margin: 15px 0;
        width: auto
    }
    #admin #dashboard .section p,
    #admin #dashboard .section.left p,
    #admin #dashboard .section.middle p {
        min-height: 0
    }
}
#footer {
    background: #a6c0fa;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a6c0fa), color-stop(100%, #cfddfc));
    background: -webkit-linear-gradient(top, #a6c0fa 0%, #cfddfc 100%);
    background: linear-gradient(to bottom, #a6c0fa 0%, #cfddfc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6c0fa', endColorstr='#cfddfc', GradientType=0);
    color: #5e7bb8;
    text-align: center
}
#footer hr {
    border: none;
    border-bottom: 1px dashed #FFF;
    height: 10px
}
#footer .inner,
#footer #blog.squares #feed .introduction,
#blog.squares #feed #footer .introduction {
    padding: 50px 30px
}
#footer .jqControl.top {
    margin-bottom: 20px;
    display: block
}
#footer ul.nav {
    list-style: none;
    margin-bottom: 30px
}
#footer ul.nav li {
    display: inline-block
}
#footer ul.nav li a {
    color: #FFF;
    text-decoration: none;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 15px;
    font-size: 1.1em
}
#footer ul.nav li a.subscribe {
    font-weight: 500
}
#footer ul.lowlevel {
    list-style: none;
    font-size: .75em
}
#footer ul.lowlevel li {
    display: inline-block
}
#footer ul.lowlevel li a {
    margin: 0 6px;
    font-weight: 300;
    text-decoration: none;
    border-bottom: 1px solid
}
#footer p {
    font-size: .75em;
    font-weight: 300;
    margin-top: 25px
}
#footer p a {
    text-decoration: none;
    border-bottom: 1px solid
}
#footer p.payments {
    margin-top: 20px;
    font-size: 2.1em;
    color: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}
#footer p.payments img {
    height: 32px;
    top: 1px
}
#footer p.payments img,
#footer p.payments i.fa {
    margin: 0 8px;
    vertical-align: top
}
@media only screen and (max-width: 941px) {
    #footer ul.nav {
        font-size: .85em
    }
}
@media only screen and (max-width: 831px) {
    #footer ul.nav {
        font-size: .75em
    }
}
.mobonly {
    display: none \9 !important
}
@media only screen and (min-width: 768px) {
    .mobonly {
        display: none !important
    }
}
@media only screen and (max-width: 767px) {
    .inner,
    #blog.squares #feed .introduction {
        padding: 0 10px
    }
    .sub,
    #popup-subscribe .window form p.button a.submit,
	.new_form form p.button a.submit,
    #subsgifts .moreinfo,
    #blogfeed .moreblog,
    #blogfeed .posts .post .more,
    #subscribe #gifts .gift h3,
    #subscribe #gifts .signup,
    #magazine #the-throw .look,
    #magazine #stitch-library .look,
    #magazine #knitting-school .look,
    #magazine #inside-preview .look,
    #contact form.email p a.submit,
    #subform #subsgifts .moreinfo,
    #subform .jqControl.submit,
    #login form p.button a.button,
    #admin form p.button a.button,
    #admin #editor p.button a.submit {
        border-bottom: 4px solid rgba(0, 0, 0, 0.15)
    }
    .pagination {
        padding: 0 30px 30px 30px
    }
    .pagination .prev span,
    .pagination .next span {
        display: none
    }
    #loading {
        font-size: 1.3em;
        background: rgba(255, 255, 255, 0.95)
    }
    #loading p {
        margin: 0
    }
    #loading:before {
        display: none
    }
    #container {
        -webkit-filter: none;
        filter: none
    }
    #navigation .nav {
        display: none
    }
    #navigation ul.adminnav {
        right: 10px
    }
    #navigation ul.adminnav li {
        font-size: 1.7em
    }
    #navigation a.hachette {
        right: 15px;
        background-size: 70%;
        background-position: center right
    }
    #header {
        height: auto
    }
    #header .logo {
        display: block;
        width: auto;
        height: auto
    }
    #header .logo img {
        max-width: 95%;
        display: block;
        margin: auto
    }
    #header .cta {
        position: relative;
        top: auto;
        right: auto;
        padding-bottom: 10px
    }
    #hero,
    #hero.home {
        background: none
    }
    #hero .blurb,
    #hero.home .blurb {
        padding: 10px
    }
    #hero .blurb .sticker,
    #hero.home .blurb .sticker {
        display: none
    }
    #hero .blurb h1,
    #hero.home .blurb h1 {
        font-size: 3em
    }
    #hero .blurb h2,
    #hero.home .blurb h2 {
        margin: 10px 0 0 0;
        padding: 10px;
        font-size: 1em
    }
    #hero .issues .inner,
    #hero .issues #blog.squares #feed .introduction,
    #blog.squares #feed #hero .issues .introduction,
    #hero.home .issues .inner,
    #hero.home .issues #blog.squares #feed .introduction,
    #blog.squares #feed #hero.home .issues .introduction {
        padding-bottom: 10px
    }
    #hero .issues .videos,
    #hero.home .issues .videos {
        margin: 0
    }
    #hero .issues .videos a,
    #hero.home .issues .videos a {
        display: block;
        width: auto;
        padding-bottom: 5px
    }
    #hero .throw h2,
    #hero.home .throw h2 {
        font-size: 1.1em
    }
    #hero .throw p,
    #hero.home .throw p {
        padding: 20px;
        text-align: right
    }
    #hero .throw p span,
    #hero .throw p strong,
    #hero.home .throw p span,
    #hero.home .throw p strong {
        display: block;
        width: auto;
        margin: 0
    }
    #hero .throw p span,
    #hero.home .throw p span {
        margin-bottom: 20px
    }
    #hero .throw .arrow,
    #hero .throw .yarn,
    #hero.home .throw .arrow,
    #hero.home .throw .yarn {
        display: none
    }
    #hero .slider,
    #hero.home .slider {
        padding: 10px 10px 0 10px
    }
    #hero .slider .preview,
    #hero.home .slider .preview {
        top: 0;
        left: 0;
        width: 100%;
        border-radius: 0;
        border: none
    }
    #hero .slider .slides,
    #hero.home .slider .slides {
        height: 0;
        padding-top: 100%
    }
    #hero .slider .slides li,
    #hero.home .slider .slides li {
        top: 0
    }
    #hero .slider .slides li .cover,
    #hero.home .slider .slides li .cover {
        width: 50%;
        top: auto;
        bottom: 55px;
        right: 0
    }
    #hero .slider .slides li .gift,
    #hero.home .slider .slides li .gift {
        width: 50%;
        right: auto;
        left: 0;
        bottom: 40px
    }
    #hero .slider .slides li .sticker,
    #hero.home .slider .slides li .sticker {
        top: 0;
        right: -25px;
        display: none
    }
    #hero .slider .slides li .sub,
    #hero .slider .slides li #popup-subscribe .window form p.button a.submit,
    #popup-subscribe .window form p.button #hero .slider .slides li a.submit,
    #hero .slider .slides li #subsgifts .moreinfo,
    #subsgifts #hero .slider .slides li .moreinfo,
    #hero .slider .slides li #blogfeed .moreblog,
    #blogfeed #hero .slider .slides li .moreblog,
    #hero .slider .slides li #blogfeed .posts .post .more,
    #blogfeed .posts .post #hero .slider .slides li .more,
    #hero .slider .slides li #subscribe #gifts .gift h3,
    #subscribe #gifts .gift #hero .slider .slides li h3,
    #hero .slider .slides li #subscribe #gifts .signup,
    #subscribe #gifts #hero .slider .slides li .signup,
    #hero .slider .slides li #magazine #the-throw .look,
    #magazine #the-throw #hero .slider .slides li .look,
    #hero .slider .slides li #magazine #stitch-library .look,
    #magazine #stitch-library #hero .slider .slides li .look,
    #hero .slider .slides li #magazine #knitting-school .look,
    #magazine #knitting-school #hero .slider .slides li .look,
    #hero .slider .slides li #magazine #inside-preview .look,
    #magazine #inside-preview #hero .slider .slides li .look,
    #hero .slider .slides li #contact form.email p a.submit,
    #contact form.email p #hero .slider .slides li a.submit,
    #hero .slider .slides li #subform .jqControl.submit,
    #subform #hero .slider .slides li .jqControl.submit,
    #hero .slider .slides li #login form p.button a.button,
    #login form p.button #hero .slider .slides li a.button,
    #hero .slider .slides li #admin form p.button a.button,
    #admin form p.button #hero .slider .slides li a.button,
    #hero .slider .slides li #admin #editor p.button a.submit,
    #admin #editor p.button #hero .slider .slides li a.submit,
    #hero.home .slider .slides li .sub,
    #hero.home .slider .slides li #popup-subscribe .window form p.button a.submit,
    #popup-subscribe .window form p.button #hero.home .slider .slides li a.submit,
    #hero.home .slider .slides li #subsgifts .moreinfo,
    #subsgifts #hero.home .slider .slides li .moreinfo,
    #hero.home .slider .slides li #blogfeed .moreblog,
    #blogfeed #hero.home .slider .slides li .moreblog,
    #hero.home .slider .slides li #blogfeed .posts .post .more,
    #blogfeed .posts .post #hero.home .slider .slides li .more,
    #hero.home .slider .slides li #subscribe #gifts .gift h3,
    #subscribe #gifts .gift #hero.home .slider .slides li h3,
    #hero.home .slider .slides li #subscribe #gifts .signup,
    #subscribe #gifts #hero.home .slider .slides li .signup,
    #hero.home .slider .slides li #magazine #the-throw .look,
    #magazine #the-throw #hero.home .slider .slides li .look,
    #hero.home .slider .slides li #magazine #stitch-library .look,
    #magazine #stitch-library #hero.home .slider .slides li .look,
    #hero.home .slider .slides li #magazine #knitting-school .look,
    #magazine #knitting-school #hero.home .slider .slides li .look,
    #hero.home .slider .slides li #magazine #inside-preview .look,
    #magazine #inside-preview #hero.home .slider .slides li .look,
    #hero.home .slider .slides li #contact form.email p a.submit,
    #contact form.email p #hero.home .slider .slides li a.submit,
    #hero.home .slider .slides li #subform .jqControl.submit,
    #subform #hero.home .slider .slides li .jqControl.submit,
    #hero.home .slider .slides li #login form p.button a.button,
    #login form p.button #hero.home .slider .slides li a.button,
    #hero.home .slider .slides li #admin form p.button a.button,
    #admin form p.button #hero.home .slider .slides li a.button,
    #hero.home .slider .slides li #admin #editor p.button a.submit,
    #admin #editor p.button #hero.home .slider .slides li a.submit {
        width: auto;
        right: 0;
        left: 0;
        bottom: 0
    }
    #hero .slider .slides li#issue1 .gift,
    #hero.home .slider .slides li#issue1 .gift {
        width: 50%
    }
    #hero .slider .selector,
    #hero.home .slider .selector {
        padding: 0 40px;
        margin-top: 20px
    }
    #hero .slider .selector .jqControl,
    #hero.home .slider .selector .jqControl {
        width: 20px;
        position: absolute;
        top: 13px
    }
    #hero .slider .selector .jqControl img,
    #hero.home .slider .selector .jqControl img {
        width: 20px
    }
    #hero .slider .selector .prev,
    #hero.home .slider .selector .prev {
        left: 10px
    }
    #hero .slider .selector .next,
    #hero.home .slider .selector .next {
        right: 10px
    }
    #hero .slider .selector span,
    #hero.home .slider .selector span {
        display: none
    }
    #hero .slider .selector .numbers,
    #hero.home .slider .selector .numbers {
        height: 40px;
        margin: auto;
        width: 160px
    }
    #subsgifts .inner,
    #subsgifts #blog.squares #feed .introduction,
    #blog.squares #feed #subsgifts .introduction {
        padding: 20px
    }
    #subsgifts h2 {
        line-height: 1.4em
    }
    #subsgifts h2:before,
    #subsgifts h2:after {
        display: none
    }
    #subsgifts p {
        margin: 15px 0;
        font-size: 1em
    }
    #subsgifts .gifts {
        padding: 20px 0 0 0
    }
    #subsgifts .gifts li {
        width: 50%;
        margin-bottom: 20px
    }
    #subsgifts .gifts li i.fa {
        display: none
    }
    #subsgifts .moreinfo {
        font-size: 1em
    }
    #subsgifts .moreinfo i.fa {
        display: none
    }
    #blogfeed .inner,
    #blogfeed #blog.squares #feed .introduction,
    #blog.squares #feed #blogfeed .introduction {
        padding: 20px
    }
    #blogfeed h2 {
        line-height: 1.4em
    }
    #blogfeed h2:before,
    #blogfeed h2:after {
        display: none
    }
    #blogfeed .posts {
        padding: 0
    }
    #blogfeed .posts .post,
    #blogfeed .posts .post.lightblue,
    #blogfeed .posts .post.middle {
        display: block;
        width: auto;
        margin: 20px 0
    }
    #blogfeed .posts .post .details,
    #blogfeed .posts .post.lightblue .details,
    #blogfeed .posts .post.middle .details {
        padding: 10px
    }
    #blogfeed .posts .post .details h3,
    #blogfeed .posts .post.lightblue .details h3,
    #blogfeed .posts .post.middle .details h3 {
        min-height: 0;
        padding-bottom: 5px !important
    }
    #blogfeed .posts .post .details .date,
    #blogfeed .posts .post.lightblue .details .date,
    #blogfeed .posts .post.middle .details .date {
        margin: 10px 0
    }
    #blogfeed .posts .post:empty {
        display: none
    }
    #community .inner,
    #community #blog.squares #feed .introduction,
    #blog.squares #feed #community .introduction {
        padding: 20px 15px
    }
    #community h2 {
        line-height: 1.4em
    }
    #community h2:before,
    #community h2:after {
        display: none
    }
    #community p {
        width: auto;
        font-size: 1em;
        padding: 0 10px
    }
    #community .feeds {
        padding: 0
    }
    #community .feeds .feed {
        width: auto;
        margin: 15px 0 !important;
        display: block
    }
    #partworks {
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f3f3));
        background: -webkit-linear-gradient(top, #fff 0%, #f5f3f3 100%);
        background: linear-gradient(to bottom, #fff 0%, #f5f3f3 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f3f3', GradientType=0)
    }
    #partworks .inner,
    #partworks #blog.squares #feed .introduction,
    #blog.squares #feed #partworks .introduction {
        padding: 20px
    }
    #partworks h2 {
        line-height: 1.4em
    }
    #partworks h2:before,
    #partworks h2:after {
        display: none
    }
    #partworks p {
        width: auto;
        font-size: 1em
    }
    #partworks .benefits {
        padding: 15px;
        font-size: .9em
    }
    #partworks .benefits .sub,
    #partworks .benefits #popup-subscribe .window form p.button a.submit,
    #popup-subscribe .window form p.button #partworks .benefits a.submit,
    #partworks .benefits #subsgifts .moreinfo,
    #subsgifts #partworks .benefits .moreinfo,
    #partworks .benefits #blogfeed .moreblog,
    #blogfeed #partworks .benefits .moreblog,
    #partworks .benefits #blogfeed .posts .post .more,
    #blogfeed .posts .post #partworks .benefits .more,
    #partworks .benefits #subscribe #gifts .gift h3,
    #subscribe #gifts .gift #partworks .benefits h3,
    #partworks .benefits #subscribe #gifts .signup,
    #subscribe #gifts #partworks .benefits .signup,
    #partworks .benefits #magazine #the-throw .look,
    #magazine #the-throw #partworks .benefits .look,
    #partworks .benefits #magazine #stitch-library .look,
    #magazine #stitch-library #partworks .benefits .look,
    #partworks .benefits #magazine #knitting-school .look,
    #magazine #knitting-school #partworks .benefits .look,
    #partworks .benefits #magazine #inside-preview .look,
    #magazine #inside-preview #partworks .benefits .look,
    #partworks .benefits #contact form.email p a.submit,
    #contact form.email p #partworks .benefits a.submit,
    #partworks .benefits #subform .jqControl.submit,
    #subform #partworks .benefits .jqControl.submit,
    #partworks .benefits #login form p.button a.button,
    #login form p.button #partworks .benefits a.button,
    #partworks .benefits #admin form p.button a.button,
    #admin form p.button #partworks .benefits a.button,
    #partworks .benefits #admin #editor p.button a.submit,
    #admin #editor p.button #partworks .benefits a.submit {
        margin: 0;
        font-size: 1.2em
    }
    #footer .inner,
    #footer #blog.squares #feed .introduction,
    #blog.squares #feed #footer .introduction {
        padding: 20px 10px
    }
    #footer ul.nav {
        display: none
    }
    #magazine {
        background: #FFF
    }
    #magazine .head {
        padding: 20px
    }
    #magazine .head h1 {
        margin: 0;
        line-height: 1.4em;
        font-size: 2.6em
    }
    #magazine .head h2 {
        margin: 15px 0 30px 0
    }
    #magazine #slideshow img.label {
        width: 60%;
        margin-left: -30%;
        top: -27%
    }
    #magazine #the-throw h3,
    #magazine #stitch-library h3,
    #magazine #knitting-school h3,
    #magazine #inside-preview h3 {
        text-align: center
    }
    #magazine #the-throw .canvas,
    #magazine #stitch-library .canvas,
    #magazine #knitting-school .canvas {
        padding: 0;
        height: auto
    }
    #magazine #the-throw .canvas img.small,
    #magazine #stitch-library .canvas img.small,
    #magazine #knitting-school .canvas img.small {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        margin: auto;
        margin-top: 20px;
        width: auto;
        width: 100% \9;
        max-width: 100%
    }
    #magazine #the-throw .canvas p,
    #magazine #stitch-library .canvas p,
    #magazine #knitting-school .canvas p {
        position: relative;
        display: block;
        width: auto
    }
    #magazine #the-throw .canvas a.videos,
    #magazine #stitch-library .canvas a.videos,
    #magazine #knitting-school .canvas a.videos {
        position: relative;
        bottom: auto;
        left: auto;
        padding: 0 30px 30px 30px;
        margin-top: -10px
    }
    #magazine #inside-preview .inner,
    #magazine #inside-preview #blog.squares #feed .introduction,
    #blog.squares #feed #magazine #inside-preview .introduction {
        padding-bottom: 5px
    }
    #magazine #inside-preview .canvas {
        display: none
    }
    #magazine #inside-preview .pages {
        margin: 10px 10px 5px 10px;
        display: block
    }
    #magazine #inside-preview .pages .jqControl {
        width: 50%
    }
    #magazine #inside-preview .pages .jqControl span {
        display: none !important
    }
    #magazine #inside-preview .pages ul li.last p span {
        padding: 10px
    }
    #magazine #inside-preview .pages ul li.last p .blurb {
        font-size: .8em;
        font-weight: 500
    }
    #magazine #inside-preview .pages ul li.last p .sub,
    #magazine #inside-preview .pages ul li.last #popup-subscribe .window form p.button a.submit,
    #popup-subscribe .window form #magazine #inside-preview .pages ul li.last p.button a.submit,
    #magazine #inside-preview .pages ul li.last p #subsgifts .moreinfo,
    #subsgifts #magazine #inside-preview .pages ul li.last p .moreinfo,
    #magazine #inside-preview .pages ul li.last p #blogfeed .moreblog,
    #blogfeed #magazine #inside-preview .pages ul li.last p .moreblog,
    #magazine #inside-preview .pages ul li.last p #blogfeed .posts .post .more,
    #blogfeed .posts .post #magazine #inside-preview .pages ul li.last p .more,
    #magazine #inside-preview .pages ul li.last p #subscribe #gifts .gift h3,
    #subscribe #gifts .gift #magazine #inside-preview .pages ul li.last p h3,
    #magazine #inside-preview .pages ul li.last p #subscribe #gifts .signup,
    #subscribe #gifts #magazine #inside-preview .pages ul li.last p .signup,
    #magazine #inside-preview .pages ul li.last p .look,
    #magazine #inside-preview .pages ul li.last #contact form.email p a.submit,
    #contact form.email #magazine #inside-preview .pages ul li.last p a.submit,
    #magazine #inside-preview .pages ul li.last p #subform .jqControl.submit,
    #subform #magazine #inside-preview .pages ul li.last p .jqControl.submit,
    #magazine #inside-preview .pages ul li.last #login form p.button a.button,
    #login form #magazine #inside-preview .pages ul li.last p.button a.button,
    #magazine #inside-preview .pages ul li.last #admin form p.button a.button,
    #admin form #magazine #inside-preview .pages ul li.last p.button a.button,
    #magazine #inside-preview .pages ul li.last #admin #editor p.button a.submit,
    #admin #editor #magazine #inside-preview .pages ul li.last p.button a.submit {
        font-size: .9em
    }
    body.blog #header,
    body.video-tutorials #header {
        display: none
    }
    #blog {
        background: #FFF
    }
    #blog .head h1 {
        font-size: 2.5em;
        margin: 10px 0 0 0
    }
    #blog .head h2 {
        margin: 0 0 20px 0
    }
    #blog .head.cat {
        display: none
    }
    #blog #feed .inner,
    #blog.squares #feed .introduction {
        padding: 20px 0 0 0
    }
    #blog #feed .post {
        margin-bottom: 0;
        padding-bottom: 20px;
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f3f3));
        background: -webkit-linear-gradient(top, #fff 0%, #f5f3f3 100%);
        background: linear-gradient(to bottom, #fff 0%, #f5f3f3 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f3f3', GradientType=0)
    }
    #blog #feed .post .details p.category {
        font-size: 1.4em
    }
    #blog #feed .post .details h3 {
        margin: 0;
        font-size: 1.8em;
        white-space: normal;
        letter-spacing: -.05em
    }
    #blog #feed .post .details p.date {
        position: relative;
        background: none !important;
        width: auto;
        height: auto;
        border-radius: 0;
        right: auto;
        top: auto;
        text-align: left;
        margin-top: 8px;
        color: inherit
    }
    #blog #feed .post .details p.date span,
    #blog #feed .post .details p.date span.day,
    #blog #feed .post .details p.date span.month,
    #blog #feed .post .details p.date span.year {
        display: inline;
        font-size: 1em
    }
    #blog #feed .post .details p.date span:after {
        content: ' '
    }
    #blog #feed .post .comments {
        display: none
    }
    #blog #feed .post.single {
        padding-bottom: 0
    }
    #blog #feed .post.single .comments {
        display: block
    }
    #blog #feed.single .inner,
    #blog.squares #feed.single .introduction {
        padding: 0
    }
    #blog.squares #feed .inner,
    #blog.squares #feed .introduction {
        padding: 0
    }
    #blog.squares #feed .post {
        display: block;
        margin: 0;
        width: auto
    }
    #blog.squares #feed .introduction {
        padding: 20px
    }
    #quilt-progress .posts {
        padding-top: 9px
    }
    #quilt-progress .posts .square {
        width: 85px
    }
    #quilt-progress .posts .square .thumb {
        height: 85px;
        line-height: 85px
    }
    body.subscribe #header {
        display: none
    }
    #subscribe {
        background: #FFF
    }
    #subscribe .head h1 {
        margin: 20px 0 10px 0;
        line-height: 1.4em;
        font-size: 2em
    }
    #subscribe .head h1 strong {
        white-space: normal
    }
    #subscribe .head h2 {
        margin: 0 0 20px 0;
        font-size: 1em
    }
    #subscribe #partworks {
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f3f3));
        background: -webkit-linear-gradient(top, #fff 0%, #f5f3f3 100%);
        background: linear-gradient(to bottom, #fff 0%, #f5f3f3 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f3f3', GradientType=0)
    }
    #subscribe #gifts {
        margin-bottom: 20px
    }
    #subscribe #gifts .bg {
        display: none
    }
    #subscribe #gifts .gift {
        width: auto;
        display: block;
        height: auto;
        padding-top: 10px
    }
    #subscribe #gifts .gift h3 {
        margin: 0;
        border: none;
        font-size: 1.3em;
        padding: 7px
    }
    #subscribe #gifts .gift h3 .stitch {
        height: auto;
        padding: 7px 11px
    }
    #subscribe #gifts .gift .img {
        top: 77px;
        right: auto;
        bottom: 0;
        left: 20px;
        width: 80px;
        margin: 0;
        background: rgba(0, 0, 0, 0.1)
    }
    #subscribe #gifts .gift .img img {
        border-radius: 0
    }
    #subscribe #gifts .gift p {
        padding: 20px;
        padding-left: 120px
    }
    #subscribe #gifts .gift .sticker {
        padding-left: 120px
    }
    #subscribe #gifts .signup {
        font-size: 1.25em
    }
    #subscribe #gifts .signup i.fa {
        display: none
    }
    #subscribe #gifts .signup .stitch {
        padding: 4px
    }
    .basic .inner,
    .basic #blog.squares #feed .introduction,
    #blog.squares #feed .basic .introduction {
        padding: 15px
    }
    .basic h1:before,
    .basic h1:after {
        display: none
    }
    .basic p {
        font-size: 1em;
        width: auto
    }
    #faqs .questions {
        padding: 5px 10px
    }
    #faqs .questions h2 {
        padding: 5px 10px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        font-size: 1.2em
    }
    #faqs .questions h2 i.fa {
        top: 14px;
        right: 10px
    }
    #faqs .questions ul {
        margin: -10px 0 0 25px
    }
    #faqs .questions ul li {
        margin: 15px 0
    }
    #contact .bypost p {
        display: block;
        width: auto;
        margin: 0 0 30px 0
    }
    #contact form.email {
        padding: 5px 10px
    }
    #contact form.email p {
        margin: 20px 0
    }
    #contact form.email p label,
    #contact form.email p input,
    #contact form.email p select,
    #contact form.email p textarea {
        display: block;
        width: 100%;
        border-width: 1px
    }
    #contact form.email p label {
        border: none
    }
    #contact form.email p input,
    #contact form.email p textarea {
        padding: 7px
    }
    #contact form.email p input,
    #contact form.email p select {
        height: 41px
    }
    #contact form.email p .form-error {
        margin: 5px 0 0 0
    }
    #contact form.email p a.submit {
        margin: 0
    }
    #subform .inner,
    #subform #blog.squares #feed .introduction,
    #blog.squares #feed #subform .introduction {
        padding: 15px
    }
    #subform #subsgifts {
        display: none
    }
    #subform li label {
        display: block;
        width: auto
    }
    #subform li input,
    #subform li select {
        display: block;
        width: 100%
    }
    #subform #region2 p img {
        position: relative;
        height: auto;
        width: 100% \9;
        max-width: 100%;
        display: block;
        margin: 0 auto 10px 0
    }
    #subform .thawte {
        max-width: 100%;
        width: auto;
        width: 100% \9;
        display: block;
        margin: auto
    }
    body.confirmation #header {
        display: none
    }
    #confirmation {
        background: #FFF
    }
    #confirmation #subsgifts {
        display: none
    }
    #confirmation .inner,
    #confirmation #blog.squares #feed .introduction,
    #blog.squares #feed #confirmation .introduction {
        padding: 15px
    }
    .popup {
        font-size: .9em
    }
    .popup .window {
        width: 100%;
        height: 100% !important;
        overflow-y: scroll;
        margin: auto !important;
        top: auto !important;
        left: auto !important;
        box-sizing: border-box !important;
        border: none !important;
        border-radius: 0 !important
    }
}

.popup .window .jqControl.close {
    border: 1px solid;
    border-radius: 2px;
    margin-top: 15px;
    display: block;
    padding: 5px;
    color: #c21268;
}

.popup .window .jqControl.close i.fa {
    position: absolute;
    right: 5px;
    top: 7px;
}

#popup-subscribe .window .jqControl#termsToggle {
    display: block;
    width: auto;
    font-size: .8em;
    margin: 8px 0 0;
    border-radius: 3px;
    text-align: center;
}
#popup-subscribe .window .terms {
    font-size: .75em;
    padding-left: 20px;
    border-top: 1px dashed;
    border-bottom: 1px dashed;
    border-color: #2d3b81;
    margin: 15px 0;
    color: #fff;
    display: none;
}
#popup-subscribe .window .terms li {
    margin: 10px 0;
}
/*# sourceMappingURL=style.css.map */






#hero.home .new_btn {
    background: #ed008c;
    margin-top: 45px
}
#hero.home .new_btn h2 {
    padding: 7px;
    background: #ed008c;
    font-family: 'Pacifico', cursive;
    font-size: 1.5em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    color: #FFF;
    text-align: center
}


#hero.home .new_btn h2 .stitch {
    display: block;
    padding: 7px;
    max-width: 984px;
    width: 984px \9;
    margin: auto;
	
		margin-left: auto;
    border-color: rgba(255, 255, 255, 0.8)
}

@media (min-width: 786px) {
	#hero.home .new_btn h2 .stitch {
		display: block;
		padding: 7px;
		max-width: 634px;
		width: 984px \9;
		margin-left: 40%;
		border-color: rgba(255, 255, 255, 0.8)
	}
}




#hero.home .new_btn .preview {
    width: 470px;
    display: inline-block;
    vertical-align: top
}
#hero.home .new_btn .preview img {
    width: 100%
}
#hero.home .new_btn p {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    padding: 40px;
    color: #FFF;
    font-size: 1.3em;
    font-weight: 200
}
#hero.home .new_btn p strong {
    display: block;
    margin-top: 15px
}
#hero.home .new_btn .yarn {
    position: absolute;
    top: 25px;
    left: 820px
}
#hero.home .new_btn .arrow {
    position: absolute;
    bottom: 20px;
    left: 750px
}


#hero.home .new_chair .chair {
	position: absolute;
    bottom: 0;
    left: 0;
}

#hero.home .new_chair .chair img {
	width:100%;
	max-width:574px;
}

@media (min-width: 786px) {
#hero.home .new_chair .chair img {
	width:100%;
	max-width:646px;
}
}

#hero.home .new_chair {
	
	background-color:rgba(255,255,255,0.9);
}

#hero.home .new_chair_left {
	float:none;
	width:100%;
	position:relative;
	    height: 395px;
}

#hero.home .new_chair_right {
	float:none;
	width:100%;
}




@media (min-width: 786px) {
	#hero.home .new_chair_left {
		float:left;
		width:60%;
		position:relative;
			height: 395px;
	}
	
	#hero.home .new_chair_right {
		float:left;
		width:40%;
	}
}




#hero.home .new_chair p {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 40px;
    padding-top: 70px;
    padding-bottom: 60px;
    color: #000;
    font-size: 1.3em;
    font-weight: 200
}


@media (min-width: 786px) {
	#hero.home .new_chair p {
		display: inline-block;
		vertical-align: top;
		width: 220px;
		padding: 40px;
		padding-top: 70px;
		padding-bottom: 60px;
		color: #000;
		font-size: 1.3em;
		font-weight: 200
	}
}





#hero.home .new_chair p strong {
    display: block;
    margin-top: 15px
}


#hero.home .new_chair .sticker.lime {
	position:absolute;
	bottom:30px;
	left:30px;
}


@media (min-width: 786px) {
	#hero.home .new_chair .sticker.lime {
	
		position:absolute;
		bottom:17px;
		left:-30px;
	}
}


#hero.home .new_chair .sticker.lime h4 {
    font-family: 'Pacifico', cursive;
    font-size: 2.2em;
    margin-top: 2px;
    color: #383641
}
#hero.home .new_chair .sticker.lime p {
    color: #FFF;
	padding:0px;
	    width: auto;
    font-size: 1.15em;
    font-weight: 300
}


.immer_bg_bg {
	/*height:370px;*/
	background-image:none;
	background-size:contain;
	background-position:bottom right;
	background-repeat:no-repeat;
}

@media (min-width: 786px) {
.immer_bg_bg {
	/*height:370px;*/
	background-image:url(/images/immer_bg_bg.png);
	background-size:contain;
	background-position:bottom right;
	background-repeat:no-repeat;
}
}








.new_form {
	/*height:370px;*/
	margin-bottom:40px;
	background-color:#1c2f57;
	padding-top:60px;
	background-image:url(/images/new_bg_bg.jpg);
	background-size:cover;
}

.new_form h2 {
    color: #fff;
    text-align: center;
    font-family: 'Pacifico', cursive;
    font-size: 2em;
    font-weight: 100;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}

.new_form p {
		display: inline-block;
		vertical-align: top;
		padding: 0px;
		padding-top:0px;
		padding-bottom: 60px;
		color: #fff;
		font-size: 1.3em;
		font-weight: 200;
		width:100%;
		text-align:center;
}
	









.new_form  form {
	max-width:370px;
	margin:0 auto;
	
}

.new_form  form div {
    margin: 10px 0;
	padding-bottom: 0px;
}

.new_form  form div input {
	width:100%;
	max-width:144px;
}
.new_form  form div input, .new_form  form p select {
    -webkit-box-sizing: border-box;
    display: inline-block;
    font-size: 1em;
    font-family: inherit;
    outline: none;
    border: 1px solid #BBB;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:300;
	color:#656565;
	padding:10px;
}

.new_form  form div select {
	padding:9px;
}

.new_form  form div.extendinp input {
	width:100%;
	max-width: none;
}

.new_form  form p .form-error {
    display: none
}
.new_form  form p.has-error label {
    color: #F00
}
.new_form  form div.splitcont {
	display:table;
	width:100%;
}
.new_form  form div.split {
    display: table-cell;
}
.new_form  form div.split.left {
    padding-right: 1%
}
.new_form  form div.split.center {
    padding-right: 1%;
    padding-left: 1%;
}
.new_form  form div.split.right {
    padding-left: 1%
}
.new_form  form p.check {
    text-align: center;
    margin: 15px 0
}
.new_form  form p.check label.has-error {
    color: #F00
}
.new_form  form p.check input {
    width: auto;
    top: -1px;
    margin-right: 5px
}
.new_form  form p.button {
    margin: 20px 0 0 0
}
.new_form  form p.button a.submit {
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}
.new_form  form p.button a.submit:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    border-width: 2px;
    margin-bottom: 2px;
    top: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2)
}
.new_form  form p.button a.submit:active {
    border: none;
    margin-bottom: 4px;
    top: 4px;
    box-shadow: none
}