/*
Animate.css - http://daneden.me/animate
LICENSED UNDER THE  MIT LICENSE (MIT)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translatey(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translatey(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translatey(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translatey(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translatey(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translatey(20px);
  }
  100% {
    opacity: 1;
    transform: translatey(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translatey(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translatey(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translatey(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translatey(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translatey(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translatey(-20px);
  }
  100% {
    opacity: 1;
    transform: translatey(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translatex(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translatex(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translatex(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translatex(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translatex(-20px);
  }
  100% {
    opacity: 1;
    transform: translatex(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translatex(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translatex(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translatex(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translatex(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translatex(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translatex(20px);
  }
  100% {
    opacity: 1;
    transform: translatex(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translatey(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translatey(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translatey(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translatey(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translatey(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translatey(2000px);
  }
  100% {
    opacity: 1;
    transform: translatey(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translatey(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translatey(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translatey(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translatey(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translatey(-2000px);
  }
  100% {
    opacity: 1;
    transform: translatey(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translatex(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translatex(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translatex(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translatex(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translatex(-2000px);
  }
  100% {
    opacity: 1;
    transform: translatex(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translatex(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translatex(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translatex(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translatex(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translatex(2000px);
  }
  100% {
    opacity: 1;
    transform: translatex(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translatey(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translatey(-30px);
  }
  80% {
    -webkit-transform: translatey(10px);
  }
  100% {
    -webkit-transform: translatey(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translatey(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translatey(-30px);
  }
  80% {
    -moz-transform: translatey(10px);
  }
  100% {
    -moz-transform: translatey(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translatey(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translatey(-30px);
  }
  80% {
    -o-transform: translatey(10px);
  }
  100% {
    -o-transform: translatey(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translatey(2000px);
  }
  60% {
    opacity: 1;
    transform: translatey(-30px);
  }
  80% {
    transform: translatey(10px);
  }
  100% {
    transform: translatey(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translatey(30px);
  }
  80% {
    -webkit-transform: translatey(-10px);
  }
  100% {
    -webkit-transform: translatey(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translatey(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translatey(30px);
  }
  80% {
    -moz-transform: translatey(-10px);
  }
  100% {
    -moz-transform: translatey(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translatey(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translatey(30px);
  }
  80% {
    -o-transform: translatey(-10px);
  }
  100% {
    -o-transform: translatey(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translatey(-2000px);
  }
  60% {
    opacity: 1;
    transform: translatey(30px);
  }
  80% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translatex(30px);
  }
  80% {
    -webkit-transform: translatex(-10px);
  }
  100% {
    -webkit-transform: translatex(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translatex(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translatex(30px);
  }
  80% {
    -moz-transform: translatex(-10px);
  }
  100% {
    -moz-transform: translatex(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translatex(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translatex(30px);
  }
  80% {
    -o-transform: translatex(-10px);
  }
  100% {
    -o-transform: translatex(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translatex(-2000px);
  }
  60% {
    opacity: 1;
    transform: translatex(30px);
  }
  80% {
    transform: translatex(-10px);
  }
  100% {
    transform: translatex(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translatex(-30px);
  }
  80% {
    -webkit-transform: translatex(10px);
  }
  100% {
    -webkit-transform: translatex(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translatex(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translatex(-30px);
  }
  80% {
    -moz-transform: translatex(10px);
  }
  100% {
    -moz-transform: translatex(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translatex(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translatex(-30px);
  }
  80% {
    -o-transform: translatex(10px);
  }
  100% {
    -o-transform: translatex(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translatex(2000px);
  }
  60% {
    opacity: 1;
    transform: translatex(-30px);
  }
  80% {
    transform: translatex(10px);
  }
  100% {
    transform: translatex(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}
a {
  color: #B4556E;
}
a:visited {
  color: #B4556E;
}
a:hover {
  color: #B4556E;
}
a:hover,
a:active {
  color: #B4556E;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
table button,
table input {
  *overflow: auto;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
/* ==|== non-semantic helper classes ======================================== */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
@font-face {
  font-family: 'CrackingFontGromitRegular';
  src: url('../css/fonts/crackingfontgromitlower_0-webfont.eot');
  src: url('../css/fonts/crackingfontgromitlower_0-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/crackingfontgromitlower_0-webfont.woff') format('woff'), url('../css/fonts/crackingfontgromitlower_0-webfont.ttf') format('truetype'), url('../css/fonts/crackingfontgromitlower_0-webfont.svg#CrackingFonCrackingFontGromit') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HVD';
  src: url('../css/fonts/hvd_comic_serif_pro-webfont.eot');
  src: url('../css/fonts/hvd_comic_serif_pro-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/hvd_comic_serif_pro-webfont.woff') format('woff'), url('../css/fonts/hvd_comic_serif_pro-webfont.ttf') format('truetype'), url('../css/fonts/hvd_comic_serif_pro-webfont.svg#hvd_comic_serif_proregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ----------------------------------------------------
   created with http://www.texturepacker.com 
   ----------------------------------------------------
   $TexturePacker:SmartUpdate:d4fc610525eeab0db8fa532dfd7f4d64$
   ----------------------------------------------------

   usage: <span class="{-spritename-} sprite"></span>

   replace {-spritename-} with the sprite you like to use

*/
.patch-spr {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/patches/patches.png);
}
.patch-featured {
  width: 663px;
  height: 393px;
  background-position: 0px 0px;
}
.patch-large {
  width: 560px;
  height: 470px;
  background-position: 0px -712px;
}
.patch-small {
  width: 290px;
  height: 206px;
  background-position: -663px 0px;
}
.patch-wide {
  width: 624px;
  height: 319px;
  background-position: 0px -393px;
}
.slider-container {
  width: 940px;
  height: 430px;
  padding: 10px;
  margin: 0 0 20px 0;
  background: white;
  position: relative;
}
.slider {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}
.slider > li {
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  list-style: none;
  background: none;
}
.slider > li ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.slider > li ul li {
  float: left;
}
/* ----------------------------------------------------
   created with http://www.texturepacker.com 
   ----------------------------------------------------
   $TexturePacker:SmartUpdate:6f411ced8504b51b2fdd86b46d8c979e$
   ----------------------------------------------------

   usage: <span class="{-spritename-} sprite"></span>

   replace {-spritename-} with the sprite you like to use

*/
.btn-spr {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/btns/btns.png);
}
.btn-animation-tips:hover {
  width: 223px;
  height: 76px;
  background-position: -446px -152px;
}
.btn-animation-tips-on {
  width: 223px;
  height: 76px;
  background-position: -446px -76px;
}
.btn-animation-tips {
  width: 223px;
  height: 76px;
  background-position: -1338px -76px;
}
.btn-competition-winners:hover {
  width: 223px;
  height: 76px;
  background-position: -446px 0px;
}
.btn-competition-winners-on {
  width: 223px;
  height: 76px;
  background-position: -223px -152px;
}
.btn-competition-winners {
  width: 223px;
  height: 76px;
  background-position: -1338px 0px;
}
.btn-creative-ideas:hover {
  width: 223px;
  height: 76px;
  background-position: -223px -76px;
}
.btn-creative-ideas-on {
  width: 223px;
  height: 76px;
  background-position: -223px 0px;
}
.btn-creative-ideas {
  width: 223px;
  height: 76px;
  background-position: -1115px -152px;
}
.btn-entries-we-love:hover {
  width: 223px;
  height: 76px;
  background-position: 0px -152px;
}
.btn-entries-we-love-on {
  width: 223px;
  height: 76px;
  background-position: 0px -76px;
}
.btn-entries-we-love {
  width: 223px;
  height: 76px;
  background-position: -1115px -76px;
}
.btn-film-kits:hover {
  width: 223px;
  height: 76px;
  background-position: 0px 0px;
}
.btn-film-kits-on {
  width: 223px;
  height: 76px;
  background-position: -892px -76px;
}
.btn-film-kits {
  width: 223px;
  height: 76px;
  background-position: -1115px 0px;
}
.btn-previous-competitions:hover {
  width: 223px;
  height: 76px;
  background-position: -892px 0px;
}
.btn-previous-competitions-on {
  width: 223px;
  height: 76px;
  background-position: -669px -152px;
}
.btn-previous-competitions {
  width: 223px;
  height: 76px;
  background-position: -892px -152px;
}
.btn-technical-tips:hover {
  width: 223px;
  height: 76px;
  background-position: -669px -76px;
}
.btn-technical-tips-on {
  width: 223px;
  height: 76px;
  background-position: -669px 0px;
}
.btn-technical-tips {
  width: 223px;
  height: 76px;
  background-position: -1338px -152px;
}
/* @styles */
.aqua {
  color: #22a2ac;
}
.yellow {
  color: #e2b909;
}
.purple {
  color: #855987;
}
.green {
  color: #70a51e;
}
.purple {
  color: #855987;
}
.orange {
  color: #ee6431;
}
.yellow {
  color: #e2b909;
}
.pastel {
  font-size: 18px;
  color: #b4556e;
  font-weight: bold;
}
.btn-image,
.btn-spr {
  display: block;
  background-repeat: no-repeat;
  overflow: hidden;
  line-height: 0;
  text-indent: -999%;
}
.btn-get-animating {
  width: 201px;
  height: 76px;
  background-image: url(../images/btn-get-animating.png);
}
.btn-go {
  width: 96px;
  height: 51px;
  background-image: url(../images/btn-go.png);
}
.btn-read-more {
  width: 199px;
  height: 69px;
  background-image: url(../images/btn-read-more.png);
}
/* @layout */
body {
  background: url(../images/paper-tile-light.png) repeat;
  font: 17px 'LucidaGrande', 'Lucida Grande', 'Lucida Grande', 'Myriad Pro', 'Arial', sans-serif;
  color: #2b949d;
}
h1,
h2 {
  background: url(../images/doodle-line.png) repeat-x scroll 0 bottom transparent;
  color: #C35F7A;
  display: block;
  font: 40px 'CrackingFontGromitRegular', 'Arial', sans-serif;
  margin: 0;
  padding: 10px 0 6px 0;
  text-transform: uppercase;
  width: 410px;
}
h1.inline {
  color: #33acb2;
  font-size: 48px;
  width: auto;
  display: inline-block;
  padding-top: 0;
  margin-top: -21px;
}
h2 {
  font-size: 30px;
  padding-top: 0;
}
h2 a {
  color: #C35F7A;
  text-decoration: none;
  font-weight: normal;
}
h2 a:visited {
  color: #C35F7A;
}
h3 {
  font: 36px/36px 'CrackingFontGromitRegular', 'Arial', sans-serif;
  text-transform: uppercase;
  padding: 5px 0 10px 0;
  margin: 0;
}
h3 a {
  color: #2b949d;
  text-decoration: none;
}
h3 a:hover,
h3 a:visited {
  color: #2b949d;
  text-decoration: underline;
}
h4,
h5,
h6 {
  font-family: 'HVD', 'Arial', sans-serif;
  text-transform: uppercase;
  padding: 0 0 10px 0;
  margin: 0;
  text-shadow: 0 2px 0 #fff;
  font-weight: normal;
}
h4 {
  font-size: 30px;
  line-height: 32px;
}
h5 {
  font-size: 26px;
  line-height: 28px;
}
a {
  color: #b4556e;
  font-weight: bold;
}
.red {
  color: #b4556e;
}
p {
  padding: 0;
  margin: 20px 0 20px 0;
  line-height: 22px;
}
a:hover {
  color: #b4556e;
}
.full,
.full-inner {
  width: 100%;
}
.wrap {
  width: 996px;
  margin: 0 auto 0 auto;
  position: relative;
}
.left-column {
  width: 624px;
  float: left;
}
.right-column {
  width: 232px;
  margin: 0 0 0 23px;
  padding: 7px 0 0 0;
  float: left;
  font-size: 17px;
}
/* end @layout */
/* @header */
#header {
  height: 214px;
  background: url(../images/rip-header-repeat.png) repeat-x center 0;
}
#header .wrap {
  height: 214px;
  background: url(../images/rip-header.jpg) no-repeat;
}
.animate-it-logo {
  position: absolute;
  z-index: 1;
  top: 9px;
  left: 178px;
}
.pirate-logo {
  margin-top: -9px;
}
#btn-btk {
  position: absolute;
  z-index: 1;
  top: 65px;
  right: 8px;
}
.wag {
  width: 165px;
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 150px;
  text-align: center;
}
.wag a:last-child {
  margin-top: 10px;
  display: block;
}
.bitsandbobs {
  width: 1013px;
  height: 237px;
  overflow: hidden;
  background: url(../images/bitsandbobs.png);
  margin: -55px 0 0 0;
}
.bitsandbobs p {
  font: 26px/26px 'LucidaSans', 'Myriad Pro', 'Arial', sans-serif;
  color: #268d96;
  font-weight: bold;
  padding: 99px 71px 0 46px;
}
.bitsandbobs p .sub {
  font-weight: normal;
  font-size: 18px;
}
.right-arrow {
  width: 73px;
  height: 21px;
  padding: 0 0 0 10px;
  background-image: url(../images/right-arrow.png);
  background-position: 10px 0;
  display: inline-block;
}
/* end @header */
/* @nav */
#nav-section .wrap {
  height: 96px;
}
#nav {
  width: 921px;
  padding: 0;
  margin: -22px auto 0 auto;
  list-style: none;
  background: none;
}
#nav li {
  padding: 0;
  margin: 0;
  float: left;
  background: none;
}
#nav li a {
  background-image: url(../images/nav-7.png);
  background-repeat: no-repeat;
  overflow: hidden;
  height: 96px;
  float: left;
  text-indent: -9999px;
}
.current-arrow {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.nav-get-set-up {
  background-position: 0 0;
  width: 184px;
}
.nav-get-set-up:hover,
.page-get-set-up .nav-get-set-up {
  background-position: 0 -96px;
}
.nav-get-the-software {
  background-position: -184px 0;
  width: 181px;
}
.nav-get-the-software:hover {
  background-position: -184px -96px;
}
.nav-get-animating {
  background-position: -365px 0;
  width: 190px;
}
.nav-get-animating:hover,
.category-get-animating .nav-get-animating,
.single-13 .nav-get-animating {
  background-position: -365px -96px;
}
.nav-competition {
  background-position: -555px 0;
  width: 197px;
}
.nav-competition:hover,
.category-competition .nav-competition,
.single-14 .nav-competition {
  background-position: -555px -96px;
}
.nav-studio-secrets {
  background-position: -752px 0;
  width: 169px;
}
.nav-studio-secrets:hover,
.category-studio-secrets .nav-studio-secrets,
.single-15 .nav-studio-secrets {
  background-position: -752px -96px;
}
/* end @nav */
/* @content */
#content {
  overflow: hidden;
}
#content .wrap {
  width: 989px;
  padding: 0 0 0 7px;
}
.rope-wrap {
  position: relative;
  padding-left: 40px;
  overflow: hidden;
}
.rope-top {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.rope-bottom {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
}
.rope-wide {
  width: 940px;
  background: url(../images/rope-repeat-middle-wide.jpg) repeat-y;
  padding-top: 35px;
  /* actual height is 58 */

  padding-bottom: 40px;
}
.rope-wide .rope-top {
  width: 980px;
  height: 35px;
  /* actual height is 58 */

  background: url(../images/rope-repeat-top-wide.jpg) no-repeat;
}
.rope-wide .rope-bottom {
  width: 980px;
  height: 40px;
  background: url(../images/rope-repeat-bottom-wide.jpg) no-repeat 2px 0;
}
.rope-narrow {
  width: 664px;
  background: url(../images/rope-repeat-middle.jpg) repeat-y;
  padding-top: 46px;
  padding-bottom: 40px;
  padding-left: 20px;
}
.padded-narrow {
  padding-left: 35px;
  width: 649px;
}
.post-list .rope-narrow {
  padding-left: 40px;
  padding-right: 40px;
  width: 584px;
}
.rope-narrow .rope-top {
  width: 664px;
  height: 46px;
  background: url(../images/rope-repeat-top.jpg) no-repeat;
}
.rope-narrow .rope-bottom {
  width: 664px;
  height: 40px;
  background: url(../images/rope-repeat-bottom.jpg) no-repeat 0 bottom;
}
.rope-alt .rope-bottom {
  background-image: url(../images/rope-repeat-bottom-alt.jpg);
}
.rope-alt .rope-top {
  background-image: url(../images/rope-repeat-top-alt.jpg);
}
ul {
  padding: 0 0 0 15px;
  margin: 10px 0 10px 0;
  list-style: none;
  font-weight: bold;
}
ul li {
  padding: 0 0 7px 25px;
  background: url(../images/bullet-single.png) no-repeat 0 4px;
}
.plain-list {
  padding: 0;
  margin: 0;
}
.plain-list li {
  padding: 0;
  background: none;
}
.inline-list li {
  display: inline-block;
}
.bottom-list {
  margin-top: -20px;
  padding-bottom: 30px;
}
.bottom-list li {
  margin: 0 15px 0 15px;
  vertical-align: bottom;
}
#home-doodle {
  background: url(../images/morph.png) no-repeat scroll 600px 10px transparent;
  padding: 0 350px 0 0;
  position: relative;
  width: 570px;
  min-height: 320px;
  height: auto !important;
  height: 320px;
}
.pirates-outer #home-doodle {
  background: none;
  padding: 0;
  width: 890px;
  min-height: 1090px;
  height: auto !important;
  height: 1090px;
}
.pirates-outer #home-doodle h1 {
  width: 580px;
}
.pirates-outer .free-trial-large {
  right: 158px;
}
.pirate-doodle-img {
  width: 453px;
  height: 537px;
  position: absolute;
  z-index: 2;
  top: 180px;
  right: -50px;
  background: url(../images/pirate-doodle.png) no-repeat;
}
#promo-image {
  position: absolute;
  right: 32px;
  top: 28px;
  z-index: 1;
}
.frame-1 {
  width: 279px;
  height: 260px;
  background: url(../images/doodle-frame-1.png) no-repeat 0 bottom;
  text-align: center;
  float: left;
  margin: 0 60px 0 0;
}
.frame-1 img {
  margin: 27px 0 0 0;
}
.frame-2 {
  width: 279px;
  height: 244px;
  background: url(../images/doodle-frame-2.png) no-repeat 0 bottom;
  text-align: center;
  float: left;
}
.frame-3 {
  background: url(../images/doodle-frame-3.png) no-repeat scroll 0 bottom transparent;
  height: 252px;
  width: 291px;
  float: right;
  text-align: center;
}
.frame-3 img {
  margin: 30px 0 0 0;
}
.frame-4 {
  width: 316px;
  height: 280px;
  background: url(../images/doodle-frame-4.png) no-repeat 0 bottom;
  float: left;
  text-align: center;
  position: relative;
}
.frame-4 img {
  margin: 15px 0 0 0;
}
.free-trial {
  width: 114px;
  height: 93px;
  background: url(../images/free-trial.png) no-repeat;
  position: absolute;
  z-index: 1;
  top: 10px;
  right: -20px;
}
.frame-2 a {
  display: block;
  margin: 5px 0 0 0;
}
.frame-2 h3 {
  padding-bottom: 10px;
}
.frame {
  margin: 0 0 30px 0;
}
.home-frames {
  width: 989px;
  height: 280px;
  margin: 20px 0 0 0;
  overflow: hidden;
  position: relative;
}
.press-title {
  background-repeat: no-repeat;
  text-indent: -9999px;
  padding: 0;
  margin: 0 auto 0 auto;
  display: block;
}
.t-assets-to-use {
  background-image: url(../images/title-assets-to-use.png);
  width: 197px;
  height: 38px;
}
.t-asset-packs {
  width: 167px;
  height: 37px;
  background-image: url(../images/title-asset-pack.png);
}
.t-tips-and-help-alt {
  background-image: url(../images/title-tips-and-help-alt.png);
  width: 197px;
  height: 38px;
}
.t-facebook {
  background-image: url(../images/title-facebook.png);
  height: 36px;
  width: 121px;
}
.t-facebook-alt {
  background-image: url(../images/title-facebook-alt.png);
  height: 33px;
  width: 121px;
}
.t-latest-packs {
  background-image: url(../images/title-latest-packs.png);
  width: 182px;
  height: 39px;
}
.t-latest-blogs {
  background-image: url(../images/title-latest-blogs.png);
  width: 182px;
  height: 39px;
}
.t-tips-and-help {
  background-image: url(../images/title-tips-and-help.png);
  width: 197px;
  height: 38px;
}
.t-stuff-to-buy {
  background-image: url(../images/title-stuff-to-buy.png);
  width: 180px;
  height: 36px;
}
.t-comments {
  background-image: url(../images/title-comments.png);
  width: 124px;
  height: 43px;
}
.t-downloads {
  background-image: url(../images/title-downloads.png);
  width: 135px;
  height: 35px;
}
.t-movie-goodies {
  background-image: url(../images/title-movie-goodies.png);
  width: 198px;
  height: 38px;
}
.t-become-a-fan {
  background-image: url(../images/title-become-a-fan.png);
  width: 195px;
  height: 35px;
}
.t-more-stuff {
  background-image: url(../images/title-more-stuff.png);
  width: 152px;
  height: 38px;
}
.t-blog-post {
  background-image: url(../images/title-blog-post.png);
  width: 136px;
  height: 34px;
}
.bolt-left {
  background: url(../images/doodle-bolt-l.png) no-repeat scroll 0 0 transparent;
  height: 91px;
  left: 282px;
  position: absolute;
  top: 72px;
  width: 48px;
  z-index: 1;
}
.bolt-right {
  background: url(../images/doodle-bolt-r.png) no-repeat scroll 0 0 transparent;
  height: 90px;
  left: 635px;
  position: absolute;
  top: 68px;
  width: 42px;
  z-index: 1;
}
.pframe {
  width: 190px;
  height: 180px;
  float: left;
  overflow: hidden;
  background-repeat: no-repeat;
  margin: 0 25px 0 0;
}
.pframe-1 {
  margin-left: 50px;
  background-image: url(../images/doodle-pframe-1.png);
}
.pframe-2 {
  background-image: url(../images/doodle-pframe-2.png);
}
.pframe-3 {
  background-image: url(../images/doodle-pframe-3.png);
}
.pframe-4 {
  background-image: url(../images/doodle-pframe-4.png);
}
.ie6 .pframe-1 {
  margin-left: 20px;
}
.pframe img {
  margin: 48px 0 0 17px;
}
.pack-thumb {
  width: 157px;
}
.pack-thumb h2 {
  width: auto;
  text-align: center;
}
.pack-thumb .download-pack {
  background-image: url(../images/small-download-btn.png);
  background-position: 50% 0;
  width: 100%;
  height: 41px;
}
.pack-thumb img {
  width: 157px;
  height: auto;
}
.pack-preview {
  width: 410px;
  float: left;
}
.social-btn {
  float: left;
  width: 100px;
}
.buy-banner {
  width: 994px;
  height: 389px;
  background: url(../images/buy-banner.png) no-repeat;
  position: relative;
}
.shop-link {
  width: 340px;
  height: 330px;
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 40px;
}
.buy-banner .content {
  position: relative;
  top: 90px;
  left: 485px;
  width: 460px;
}
.buy-banner h1 {
  background: none;
  padding: 3px 0 3px 0;
}
.buy-banner p {
  padding: 3px 0 0 0;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}
.buy-banner .button-wrap {
  margin: 0 0 0 200px;
}
/* end @content */
/* @posts */
.post-list {
  padding: 0;
  margin: 0;
}
.post-list li {
  padding: 0;
  margin: 0 0 30px 0;
}
.post-list li .inner {
  overflow: hidden;
  padding: 3px 15px 20px 15px;
}
.post-list li .inner h3 {
  padding-left: 5px;
  padding-bottom: 14px;
  padding-right: 70px;
}
.post-list li .inner h3 a {
  font-weight: normal;
}
.post-list .patch-featured {
  margin-left: -18px;
}
.post-list .patch-featured .inner {
  padding: 16px 30px 10px 30px;
}
.post-list .patch-featured .comment-count {
  top: 26px;
  right: 30px;
}
.dotted-top {
  width: 100%;
  height: 8px;
  background: url(../images/patches/dotted-top.png) no-repeat;
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.dotted-border {
  width: 624px;
  background: url(../images/patches/dotted-outline.png) repeat-y;
  display: block;
  overflow: hidden;
  position: relative;
}
.dotted-border:before {
  width: 100%;
  height: 8px;
  background: url(../images/patches/dotted-top.png) no-repeat;
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.dotted-border:after {
  width: 100%;
  height: 8px;
  background: url(../images/patches/dotted-top.png) no-repeat;
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  top: auto;
  bottom: 0;
}
.post-excerpt {
  width: 225px;
  position: relative;
}
.post-excerpt p {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 16px;
  line-height: 18px;
}
.comment-count {
  width: 58px;
  height: 39px;
  background: url(../images/doodle-comment-icon.png) no-repeat scroll 0 0 transparent;
  font: 30px/23px 'CrackingFontGromitRegular', 'Arial', sans-serif;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 13px;
  z-index: 1;
}
.comment-count a {
  color: #fff;
  text-decoration: none;
}
.ie7 .comment-count {
  padding-bottom: 5px;
}
.starred {
  width: 62px;
  height: 62px;
  background: url(../images/star.png) no-repeat;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}
.image-brdr {
  background: url(../images/image-border.png) no-repeat scroll 0 0 transparent;
  display: inline-block;
  padding: 12px 0 0 16px;
  position: relative;
  margin: 0 auto 0 auto;
}
.image-brder-inner {
  background: url(../images/image-border.png) no-repeat scroll right bottom transparent;
  display: inline-block;
  padding: 0 11px 12px 0;
}
.bl-corner {
  background: url(../images/image-border.png) no-repeat scroll left bottom transparent;
  bottom: 0;
  height: 20px;
  left: 0;
  position: absolute;
  width: 16px;
  z-index: 1;
}
.tr-corner {
  background: url(../images/image-border.png) no-repeat scroll right top transparent;
  top: 0;
  height: 20px;
  right: 0;
  position: absolute;
  width: 9px;
  z-index: 1;
}
.share-box {
  width: 581px;
  height: 82px;
  overflow: hidden;
  background: url(../images/doodle-share.png) no-repeat;
  position: relative;
}
.share-box .button-wrap,
.share-box .add-comment {
  margin-top: 21px;
}
.social-links {
  width: 295px;
  height: 23px;
  position: absolute;
  z-index: 1;
  top: 32px;
  left: 233px;
}
.video-plyr {
  margin: 15px 0 15px 0;
}
.asset-list {
  padding: 0;
  margin: 0;
  background: none;
  font-weight: normal;
  margin-left: -30px;
}
.asset-list li {
  background: none;
  float: left;
  padding: 0;
  background: none;
  margin-left: 30px;
}
.post-icon {
  width: 91px;
  height: 101px;
  overflow: hidden;
  background: url(../images/blog-icons.png) no-repeat;
  position: absolute;
  z-index: 99;
  right: 35px;
  top: -1px;
}
.rope-alt .post-icon {
  top: -6px;
}
.picon-animators {
  background-position: -273px 0;
}
.picon-studio {
  background-position: -182px 0;
}
.picon-tutorial {
  background-position: -91px 0;
}
.rope-alt .picon-tip {
  background-position: 0 -101px;
}
.rope-alt .picon-animators {
  background-position: -273px -101px;
}
.rope-alt .picon-studio {
  background-position: -182px -101px;
}
.rope-alt .picon-tutorial {
  background-position: -91px -101px;
}
/* end @posts */
.single .right-column {
  margin-left: 42px;
  margin-top: 17px;
}
.content-single p {
  font-weight: normal;
}
.content-single h2 {
  width: 100%;
}
.content-single ul li {
  padding-left: 30px;
}
.content-single iframe {
  display: block;
  margin: 0 auto;
}
/* @sidebar */
.block {
  width: 232px;
  margin: 0 0 40px 0;
}
.b-latest-packs,
.b-latest-blogs {
  background: url(../images/doodle-comment-arrow.png) no-repeat;
  padding: 25px 0 0 0;
}
.b-latest-packs ul,
.b-latest-blogs ul {
  margin-left: 41px;
  margin-top: 27px;
}
.b-tips-and-help {
  background: url(../images/doodle-frame.png) no-repeat scroll 0 bottom transparent;
  height: 245px;
  width: 234px;
  text-align: center;
}
.b-tips-and-help img {
  margin: 28px 0 18px;
}
.b-facebook {
  background: url(../images/doodle-curvy-arrow.png) no-repeat scroll 8px 12px transparent;
}
.b-asset-packs {
  background: url(../images/doodle-spark-arrow.png) no-repeat scroll 0 bottom transparent;
  height: 360px;
  width: 232px;
  text-align: center;
}
.b-asset-packs p {
  font-size: 15px;
  line-height: 15px;
  margin: 5px 0 10px;
  padding: 0;
}
.b-comments {
  height: 217px;
  background: url(../images/doodle-comment.png) no-repeat;
  text-align: center;
  font-size: 16px;
}
.b-comments p {
  display: block;
  width: 160px;
  font-weight: bold;
  margin: 15px 0 39px 25px;
  display: block;
  height: 91px;
}
.b-comments a {
  font-weight: normal;
  text-decoration: none;
}
.fb-recent-activity {
  width: 197px;
  height: 294px;
  padding: 0 11px 9px 0;
  margin: 10px 0 0 0;
  background: url(../images/doodle-border.png) no-repeat;
}
.b-blog-post {
  background: url(../images/doodle-frame-5.png) center bottom no-repeat;
  width: 269px;
  min-height: 198px;
  margin-top: 10px;
}
.b-blog-post p {
  color: #B4556E;
  font-weight: bold;
  display: inline-block;
  width: 190px;
  padding: 0;
  margin: 0 0 20px 35px;
  line-height: 16px;
  text-align: center;
}
.b-blog-post p a {
  text-decoration: none;
}
.b-blog-post img {
  margin: 0 0 32px 43px;
}
/* end @sidebar */
/* @comments */
.comments-title {
  margin-top: 30px;
}
.comments-list {
  padding: 0;
  margin: 0;
  background: none;
  font-weight: normal;
}
.content-single .hcildren {
  margin-top: 0;
}
.content-single .hcildren li {
  padding-bottom: 10px;
}
.author-p {
  margin: 0;
}
.comments-list li {
  background: url(../images/doodle-line.png) repeat-x scroll 0 bottom transparent;
  overflow: hidden;
  padding: 0 0 30px 0;
}
.comment-body {
  background: url(../images/quotes.png) no-repeat;
  padding: 0 0 0 90px;
}
.date {
  color: #85aac4;
  font-size: 14px;
}
.comment-form {
  padding: 20px 0 0 0;
}
.input {
  width: 584px;
  height: 75px;
}
.download-form .input {
  width: 410px;
  height: 50px;
}
.textarea-input {
  height: 160px;
}
.input label {
  float: left;
  width: 100px;
  height: 61px;
  line-height: 61px;
  font-weight: bold;
  font-size: 14px;
}
.download-form .input label {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  width: 80px;
}
.download-form .check-box-input label,
.check-box-input label {
  font-size: 12px;
  width: 380px;
  font-weight: normal;
  line-height: 17px;
  margin: 0 0 20px 0;
}
.download-form .sml-margin label {
  margin-bottom: 10px;
}
.check-box {
  width: 20px;
  height: 20px;
  float: left;
}
.check-box input {
  margin: 8px 0 0 0;
}
.input-box {
  width: 482px;
  height: 61px;
  overflow: hidden;
  background: url(../images/input-text-box.png) no-repeat;
  float: left;
}
.download-form .input-box {
  width: 313px;
  height: 31px;
  background: url(../images/input-text-box-small.png) no-repeat;
}
.input-box input {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  font: 17px 'LucidaGrande', 'Lucida Grande', 'Lucida Grande', 'Myriad Pro', 'Arial', sans-serif;
  margin: 20px 0 0 20px;
  padding: 0;
  width: 447px;
  color: #2B949D;
}
.download-form .input-box input {
  margin: 5px 0 0 10px;
  width: 290px;
}
.textarea-box {
  width: 480px;
  height: 157px;
  float: left;
  background: url(../images/textarea.png) no-repeat;
  position: relative;
}
.textarea-box .large-arrow {
  background: url(../images/doodle-curvy-arrow-large.png) no-repeat scroll 0 0 transparent;
  bottom: -46px;
  height: 64px;
  left: 78px;
  position: absolute;
  width: 41px;
  z-index: 1;
}
.textarea-box textarea {
  width: 440px;
  height: 117px;
  padding: 20px;
  margin: 0;
  border: none;
  background: none;
  font: 17px 'LucidaGrande', 'Lucida Grande', 'Lucida Grande', 'Myriad Pro', 'Arial', sans-serif;
  color: #2B949D;
}
input:focus,
textarea:focus {
  outline: none;
}
.comment-form .button-wrap {
  margin-left: 230px;
  margin-top: 10px;
}
/* end @comments */
/* @footer */
#footer {
  margin-top: 30px;
}
#footer .wrap {
  background: url(../images/rope-footer.png) no-repeat scroll 0 0 transparent;
  padding: 36px 0 0 0;
  text-align: center;
  font-size: 14px;
}
/* end @footer */
/* @site wide */
div.last {
  margin-right: 0;
}
.left {
  float: left;
}
.right {
  float: right;
}
.centre {
  margin: 0 auto 0 auto;
}
.button-wrap {
  display: inline-block;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #ddddda;
  width: auto;
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.rotate-alt {
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
.button {
  display: inline-block;
  width: auto;
  font: 27px 'CrackingFontGromitRegular', 'Arial', sans-serif;
  color: #fff;
  background: #c97289;
  text-transform: uppercase;
  margin: 3px;
  padding: 0 15px 7px 15px;
  text-decoration: none;
}
.button:hover {
  color: #fff;
}
.button:visited {
  color: #fff;
}
.has-icon {
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left: 45px;
}
.has-icon-right {
  background-position: 85% 10px;
  background-repeat: no-repeat;
  padding-right: 45px;
}
.icon-comment {
  background-image: url(../images/comment-icon.png);
}
input.button {
  border: none;
  padding-bottom: 9px;
  padding-top: 0;
}
.ie7 input.button {
  height: 40px;
}
.ie7 #nav-section,
.ie6 #nav-section {
  position: relative;
  z-index: 100;
}
.ie7 #content,
.ie6 #content {
  position: relative;
  z-index: 1;
}
/* end @site wide */
/* @home */
.featured-tip {
  width: 560px;
  margin-left: 12px;
  float: left;
}
.featured-tip .video-frame {
  margin-left: -9px;
}
.featured-tip h3 {
  font-size: 28px;
  line-height: 24px;
}
.latest-competition-entries {
  width: 290px;
  margin: 0 0 0 27px;
  float: left;
}
.latest-competition-entries h5 {
  line-height: 34px;
}
.latest-competition-entries .btn-image {
  position: absolute;
  z-index: 1;
  bottom: 15px;
  left: 96px;
}
.latest-competition-entries .small-frame {
  margin-top: 20px;
}
.latest-competition-entries .last {
  margin-top: 10px;
}
.bits-and-bobs-scoller {
  width: 917px;
  height: 285px;
  margin: 20px 0 0 0;
  background: url(../images/bits-and-bobs-scroller.png);
  position: relative;
}
.patch-large .inner {
  padding: 5px 20px 5px 20px;
}
.video-frame {
  width: 514px;
  height: 293px;
  background: url(../images/video-frame.png);
  padding: 14px 0 0 18px;
  position: relative;
}
.video-frame img {
  width: 500px;
  height: 280px;
}
.video-frame.small {
  width: 347px;
  height: 223px;
  padding: 10px 0 0 13px;
  background: url(../images/video-frame-small.png);
}
.video-frame.small img {
  width: 338px;
  height: 214px;
}
.comp-closed {
  width: 120px;
  height: 77px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: url(../images/competition-closed.png) no-repeat;
}
.home-scroller {
  width: 860px;
  height: 170px;
  position: relative;
  top: 85px;
  left: 24px;
}
.small-frame {
  width: 225px;
  height: 145px;
  background: url(../images/small-frame.png) no-repeat;
  padding: 5px 0 0 8px;
  position: relative;
}
.small-frame img {
  width: 219px;
  height: 138px;
}
.patch-spr {
  position: relative;
}
/* end @home */
/* @get set up */
.page-get-set-up p {
  padding: 5px 0 5px 0;
  margin: 0;
}
.page-get-set-up .video-frame {
  margin-right: 60px;
}
.page-get-set-up .last {
  margin-top: 30px;
}
/* end @get set up */
/* @tips */
.latest-tip-holder {
  position: relative;
  height: 350px;
  margin-top: 50px;
  overflow: visible;
}
.latest-tips {
  overflow: hidden;
  position: absolute;
  z-index: 2;
  top: 19px;
  left: 15px;
}
.latest-tip {
  width: 299px;
  height: 390px;
  float: left;
  overflow: hidden;
  background: url(../images/dotted-down.png) no-repeat right top;
  padding: 0 20px 0 0;
}
.last-lt {
  padding: 0;
  background: none;
}
.latest-tip h3 {
  display: block;
  background: url(../images/dotted-underline.png) no-repeat center bottom;
  color: #C35F7A;
  font-weight: normal;
  font-size: 30px;
  font-family: 'CrackingFontGromitRegular', 'Arial', sans-serif;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
}
.latest-tip-thumb {
  width: 310px;
  height: 291px;
  background: url(../images/tip-readmore.png) no-repeat center 0;
  text-align: center;
}
.latest-tip-thumb img {
  padding: 10px 0 0 4px;
}
.latest-tip-thumb .latest-tip-rm {
  display: inline-block;
  width: 190px;
  margin: 30px 0 0 0;
  height: 43px;
  text-indent: -9999px;
}
.latest-tips-title {
  width: 530px;
  height: 32px;
  background: url(../images/latest.png) no-repeat;
  position: absolute;
  z-index: 1;
  top: -35px;
  left: 28px;
}
/* end @tips */
.large {
  font-size: 20px;
  line-height: 20px;
}
p.small {
  font-size: 12px;
  line-height: 12px;
}
.free-trial-large {
  width: 155px;
  height: 125px;
  background: url(../images/free-trial-large.png) no-repeat;
  position: absolute;
  z-index: 1;
  top: -62px;
  right: 378px;
}
.outer-items {
  overflow: visible;
}
.watch {
  width: 344px;
  height: 52px;
  background: url(../images/watch.png) no-repeat;
  display: block;
  text-indent: -999em;
  position: absolute;
  z-index: 20;
  bottom: 14px;
  right: 15px;
}
.pirates-outer .watch {
  bottom: auto;
  top: 730px;
}
.error {
  color: #d85454;
}
.download-button,
.download-button-free {
  width: 198px;
  height: 52px;
  background: url(../images/download-btn.png) no-repeat;
  padding: 0;
  margin: 0;
  display: block;
  border: none;
  text-indent: -999em;
}
.download-button-free {
  width: 283px;
  height: 50px;
  background: url(../images/download-free-btn.png) no-repeat;
}
.download-extreme-button {
  width: 188px;
  height: 53px;
  background: url(../images/get-animating-btn.png) no-repeat;
  padding: 0;
  margin: 0;
  display: block;
  border: none;
  text-indent: -999em;
}
.add-comment {
  width: 199px;
  height: 52px;
  background: url(../images/add-comment.png) no-repeat;
  padding: 0;
  margin: 0;
  display: block;
  border: none;
  text-indent: -999em;
}
.download-pack {
  width: 236px;
  height: 56px;
  background: url(../images/download-pack.png) no-repeat;
  padding: 0;
  margin: 0;
  display: block;
  border: none;
  text-indent: -999em;
}
.alignleft {
  float: left;
  margin: 10px 20px 10px 0;
}
.popup {
  width: 200px;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  height: auto;
  padding: 10px;
  background: white;
  line-height: 16px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  display: none;
}
.hidden {
  display: none;
  visibility: hidden;
}
body .aard-cookie-container {
  background-color: #188c97;
  border-bottom-color: #deeff1;
}
body .aard-cookie-container a {
  color: #fff;
}
td {
  padding: 3px;
}
.aard-cookie-default {
  background-image: url(../images/animateit.png);
  background-position: 70px 0;
}
.popup-cover {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
.outbound-popup {
  width: 472px;
  height: 223px;
  background: url(../images/outbound-alert.png) no-repeat;
  margin: 200px auto 0 auto;
}
.hp-bits {
  background: url(../images/bitsandbobs-hp.png) no-repeat;
  height: 282px;
}
.hp-bits p {
  padding-top: 148px;
  line-height: 20px;
}
.scene {
  width: 873px;
  height: 656px;
  position: relative;
  background: url(../images/scene.png) no-repeat;
  margin: 48px 0 70px 10px;
}
.item {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
}
.item-camera {
  width: 179px;
  height: 197px;
  background-image: url(../images/items/camera.png);
  top: 155px;
  left: 502px;
  z-index: 3;
}
.item-camera:hover,
.ic.item-camera {
  background-position: 0 -197px;
}
.item-pack {
  width: 266px;
  height: 309px;
  background-image: url(../images/items/pack.png);
  top: 289px;
  left: 458px;
}
.item-pack:hover,
.ic.item-pack {
  background-position: 0 -309px;
}
.item-morph {
  width: 150px;
  height: 229px;
  background-image: url(../images/items/morph.png);
  top: 114px;
  left: 319px;
  z-index: 2;
}
.item-morph:hover,
.ic.item-morph {
  background-position: 0 -229px;
}
.item-laptop {
  width: 462px;
  height: 380px;
  background-image: url(../images/items/laptop.png);
  top: 257px;
  left: 38px;
}
.item-laptop:hover,
.ic.item-laptop {
  background-position: 0 -380px;
}
.item-lamp {
  width: 311px;
  height: 348px;
  background-image: url(../images/items/lamp.png);
  top: 69px;
  left: 577px;
}
.item-lamp:hover,
.ic.item-lamp {
  background-position: 0 -348px;
}
.item-scene {
  width: 342px;
  height: 314px;
  background-image: url(../images/items/scene.png);
  top: 10px;
  left: 143px;
}
.item-scene:hover,
.ic.item-scene {
  background-position: 0 -314px;
}
.item-text {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  text-align: center;
}
.item-text h1 {
  background: none;
  padding: 0;
  margin: 0;
  display: inline;
}
.item-text p {
  padding: 0;
  margin: 0;
}
.item-text .full h1 {
  font-size: 30px;
}
.item-text .full {
  display: none;
}
.item-current .preview {
  display: none;
}
.item-current .full {
  display: block;
}
.item-text-camera {
  width: 355px;
  bottom: 636px;
  left: 347px;
}
.item-text-scene {
  width: 348px;
  bottom: 653px;
  left: 187px;
}
.item-text-lamp {
  width: 240px;
  bottom: 634px;
  left: 620px;
}
.item-text-morph {
  width: 190px;
  bottom: 438px;
  left: -30px;
}
.item-text-laptop {
  width: 350px;
  bottom: auto;
  top: 652px;
  left: 130px;
}
.item-text-pack {
  width: 350px;
  bottom: auto;
  top: 617px;
  left: 480px;
}
.animated {
  visibility: hidden;
}
.item-info-text {
  position: static;
}
.item-info {
  position: absolute;
  z-index: 1000;
  bottom: 370px;
  left: 290px;
  width: 418px;
  height: 227px;
  background: white;
  display: none;
  background: url(../images/popup-bg.png) no-repeat;
}
.item-info > div {
  position: relative;
  padding: 20px;
  width: 375px;
}
#item-close {
  position: absolute;
  z-index: 1;
  top: 13px;
  right: 10px;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -9999px;
}
.item-cover {
  position: absolute;
  z-index: 500;
  bottom: 0;
  left: 40px;
  width: 890px;
  height: 820px;
  display: none;
}
.howto {
  padding-left: 0;
}
.howto li {
  background: none;
  padding-left: 0;
  font-size: 22px;
}
.howto li a {
  color: #2b949d;
}
.icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 5px 0 0;
  background-image: url(../images/howto-icons.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.icon-book {
  background-position: 0 0;
}
.icon-face {
  background-position: -50px 0;
}
.icon-legs {
  background-position: -100px 0;
}
.icon-lightbulb {
  background-position: -150px 0;
}
.icon-morph-0 {
  background-position: -200px 0;
}
.icon-morph-1 {
  background-position: -250px 0;
}
.icon-slug {
  background-position: -300px 0;
}
.icon-star {
  background-position: -350px 0;
}
.bafta-secret {
  width: 246px;
  height: 240px;
  position: absolute;
  z-index: 1;
  bottom: -178px;
  right: 44px;
  display: block;
  background: url(../images/bafta-secret.png) no-repeat;
}
.page-stuff-to-buy #content {
  overflow: visible;
}
/* btns */
.btn-animation-tips.current {
  width: 223px;
  height: 76px;
  background-position: -446px -76px;
}
.btn-competition-winners.current {
  width: 223px;
  height: 76px;
  background-position: -223px -152px;
}
.btn-creative-ideas.current {
  width: 223px;
  height: 76px;
  background-position: -223px 0px;
}
.btn-entries-we-love.current {
  width: 223px;
  height: 76px;
  background-position: 0px -76px;
}
.btn-film-kits.current {
  width: 223px;
  height: 76px;
  background-position: -892px -76px;
}
.btn-previous-competitions.current {
  width: 223px;
  height: 76px;
  background-position: -669px -152px;
}
.btn-technical-tips.current {
  width: 223px;
  height: 76px;
  background-position: -669px 0px;
}