/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {font-family: 'Garibaldi-Black';src: url('/fonts/2E9D22_0_0.eot');src: url('/fonts/2E9D22_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E9D22_0_0.woff2') format('woff2'),url('/fonts/2E9D22_0_0.woff') format('woff'),url('/fonts/2E9D22_0_0.ttf') format('truetype');}
@font-face {font-family: 'Garibaldi-BlackItalic';src: url('/fonts/2E9D22_1_0.eot');src: url('/fonts/2E9D22_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E9D22_1_0.woff2') format('woff2'),url('/fonts/2E9D22_1_0.woff') format('woff'),url('/fonts/2E9D22_1_0.ttf') format('truetype');}
@font-face {font-family: 'Garibaldi-Bold';src: url('/fonts/2E9D22_2_0.eot');src: url('/fonts/2E9D22_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E9D22_2_0.woff2') format('woff2'),url('/fonts/2E9D22_2_0.woff') format('woff'),url('/fonts/2E9D22_2_0.ttf') format('truetype');}
@font-face {font-family: 'Garibaldi-BoldItalic';src: url('/fonts/2E9D22_3_0.eot');src: url('/fonts/2E9D22_3_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E9D22_3_0.woff2') format('woff2'),url('/fonts/2E9D22_3_0.woff') format('woff'),url('/fonts/2E9D22_3_0.ttf') format('truetype');}
@font-face {font-family: 'Garibaldi-Italic';src: url('/fonts/2E9D22_4_0.eot');src: url('/fonts/2E9D22_4_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E9D22_4_0.woff2') format('woff2'),url('/fonts/2E9D22_4_0.woff') format('woff'),url('/fonts/2E9D22_4_0.ttf') format('truetype');}
@font-face {font-family: 'Garibaldi-Medium';src: url('/fonts/2E9D22_5_0.eot');src: url('/fonts/2E9D22_5_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E9D22_5_0.woff2') format('woff2'),url('/fonts/2E9D22_5_0.woff') format('woff'),url('/fonts/2E9D22_5_0.ttf') format('truetype');}
@font-face {font-family: 'Garibaldi-Regular';src: url('/fonts/2E9D22_6_0.eot');src: url('/fonts/2E9D22_6_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E9D22_6_0.woff2') format('woff2'),url('/fonts/2E9D22_6_0.woff') format('woff'),url('/fonts/2E9D22_6_0.ttf') format('truetype');}
@font-face {font-family: 'Garibaldi-MediumItalic';src: url('/fonts/2E9D22_7_0.eot');src: url('/fonts/2E9D22_7_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E9D22_7_0.woff2') format('woff2'),url('/fonts/2E9D22_7_0.woff') format('woff'),url('/fonts/2E9D22_7_0.ttf') format('truetype');}
@font-face {
    font-family: 'verbexcondblack';
    src: url('/fonts/verbexcondblack-webfont.eot');
    src: url('/fonts/verbexcondblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/verbexcondblack-webfont.woff') format('woff'),
         url('/fonts/verbexcondblack-webfont.ttf') format('truetype'),
         url('/fonts/verbexcondblack-webfont.svg#verbexcondblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'verbexcondblack_italic';
    src: url('/fonts/verbexcondblack-italic-webfont.eot');
    src: url('/fonts/verbexcondblack-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/verbexcondblack-italic-webfont.woff') format('woff'),
         url('/fonts/verbexcondblack-italic-webfont.ttf') format('truetype'),
         url('/fonts/verbexcondblack-italic-webfont.svg#verbexcondblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'verbextrabold';
    src: url('/fonts/verbextrabold-webfont.eot');
    src: url('/fonts/verbextrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/verbextrabold-webfont.woff') format('woff'),
         url('/fonts/verbextrabold-webfont.ttf') format('truetype'),
         url('/fonts/verbextrabold-webfont.svg#verbextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'verbextrabold_italic';
    src: url('/fonts/verbextrabold-italic-webfont.eot');
    src: url('/fonts/verbextrabold-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/verbextrabold-italic-webfont.woff') format('woff'),
         url('/fonts/verbextrabold-italic-webfont.ttf') format('truetype'),
         url('/fonts/verbextrabold-italic-webfont.svg#verbextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'verbmedium';
    src: url('/fonts/verbmedium-webfont.eot');
    src: url('/fonts/verbmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/verbmedium-webfont.woff') format('woff'),
         url('/fonts/verbmedium-webfont.ttf') format('truetype'),
         url('/fonts/verbmedium-webfont.svg#verbmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'verbmedium_italic';
    src: url('/fonts/verbmedium-italic-webfont.eot');
    src: url('/fonts/verbmedium-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/verbmedium-italic-webfont.woff') format('woff'),
         url('/fonts/verbmedium-italic-webfont.ttf') format('truetype'),
         url('/fonts/verbmedium-italic-webfont.svg#verbmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'verbcompultra';
    src: url('/fonts/verbcompultra-webfont.eot');
    src: url('/fonts/verbcompultra-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/verbcompultra-webfont.woff') format('woff'),
         url('/fonts/verbcompultra-webfont.ttf') format('truetype'),
         url('/fonts/verbcompultra-webfont.svg#verbcompultra') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'verbcompultra_italic';
    src: url('/fonts/verbcompultra-italic-webfont.eot');
    src: url('/fonts/verbcompultra-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/verbcompultra-italic-webfont.woff') format('woff'),
         url('/fonts/verbcompultra-italic-webfont.ttf') format('truetype'),
         url('/fonts/verbcompultra-italic-webfont.svg#verbcompultra_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ==========================================================================
    Resets & Box Sizing
  ========================================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

ins {
  background-color: #ff9;
  color: #333;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #333;
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

body {
  font: 13px/1.231 sans-serif;
}

select, input, textarea, button {
  font: 99% sans-serif;
}

pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

html {
  overflow-y: scroll;
}

a:hover, a:active {
  outline: none;
}

ul, ol {
  margin-left: 2em;
}

ol {
  list-style-type: decimal;
}

nav ul, nav li {
  list-style: none;
  list-style-image: none;
  margin: 0;
}

small {
  font-size: 85%;
}

strong, th {
  font-weight: 700;
}

td {
  vertical-align: top;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 1em;
}

textarea {
  overflow: auto;
}

.ie6 legend, .ie7 legend {
  margin-left: -7px;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

label, input[type="button"], input[type="submit"], input[type="image"], button {
  cursor: pointer;
}

button, input, select, textarea {
  margin: 0;
}

input:invalid, textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0 0 5px red;
  -webkit-box-shadow: 0 0 5px red;
  box-shadow: 0 0 5px red;
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}

button {
  width: auto;
  overflow: visible;
}

.ie7 img {
  -ms-interpolation-mode: bicubic;
}

input[type="radio"], .ie6 input {
  vertical-align: text-bottom;
}

em, i {
  font-style: oblique;
}

img {
  max-width: 100%;
  height: auto;
}

* {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: aliased;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ==========================================================================
	Global
	========================================================================== */
.wrap {
  height: 100%;
  position: relative;
  background-color: #fff;
}

#full-wrap {
  position: relative;
  background-color: #fff;
  z-index: 1;
}

.header {
	display: block;
	height: 48px;
	width: 48px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 15;
}
.header img {
	display: block;
	height: 48px;
}

#vgp-panel {
  position: fixed;
  display: none;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  background: #060b0e;
  z-index: 4;
  padding: 0;
  text-align: center;
}
#vgp-panel.hide {
  top: 0;
  left: 0;
  display: none;
}
#vgp-panel #menu {
  padding-top: 150px;
}
#vgp-panel #menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#vgp-panel #menu li ul {
  font-size: 90%;
}
#vgp-panel #menu li ul li {
  border-bottom: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 20px;
}
#vgp-panel #menu a {
  text-decoration: none;
  padding: 10px;
  display: block;
  text-align: left;
}
#vgp-panel #menu a:hover, .widgets a:hover {
  opacity: .7;
}
#vgp-panel #menu:after {
  content: '';
  position: relative;
  display: block;
  width: 100px;
  margin: 30px auto -30px auto;
  border-top: 1px solid #fff;
  display: none;
}

/* Menu Drawer */
#full-wrap, .header, #xdoc-page, .xdoc-wipheader, .xdoc-releases {
  -webkit-backface-visibility: hidden;
  -moz-transform: translate(0, 0, 0);
  -ms-transform: translate(0, 0, 0);
  -webkit-transform: translate(0, 0, 0);
  transform: translate(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -o-transition: -webkit-transform 0.25s ease-in;
  -webkit-transition: -webkit-transform 0.25s ease-in;
  -moz-transition: -webkit-transform 0.25s ease-in;
  transition: -webkit-transform 0.25s ease-in;
  -o-transition: transform 0.25s ease-in;
  -webkit-transition: transform 0.25s ease-in;
  -moz-transition: transform 0.25s ease-in;
  transition: transform 0.25s ease-in;
}
body.drawer-open #full-wrap, body.drawer-open .header, body.drawer-open #xdoc-page, body.drawer-open .xdoc-wipheader, body.drawer-open .xdoc-releases {
  -moz-transform: translate(-330px, 0, 0);
  -ms-transform: translate(-330px, 0, 0);
  -webkit-transform: translate(-330px, 0, 0);
  transform: translate(-330px, 0, 0);
  -moz-transform: translate3d(-330px, 0, 0);
  -ms-transform: translate3d(-330px, 0, 0);
  -webkit-transform: translate3d(-330px, 0, 0);
  transform: translate3d(-330px, 0, 0);
}
.main {
  background: #fff;
  z-index: 1;
  position: relative;
}
#vgp-panel {
  width: 340px;
  top: 0;
  right: -10px;
  z-index: 0;
  height: 100%;
  position: fixed;
  padding: 10px 40px 20px 30px;
  display: block;
  -webkit-overflow-scrolling: touch;
}
#vgp-panel #menu-close {
  position: absolute;
  top: 35px;
  right: 35px;
  width: 18px;
  height: 18px;
  z-index: 1;
}
#vgp-panel #menu-close svg {
  fill: #fff;
}
#vgp-panel #menu-close:hover {
  opacity: .5;
}
#vgp-panel .widgets {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
#vgp-panel .widgets .widget {
  width: 100%;
  text-align: left;
  padding: 0;
}
#vgp-panel .widgets .widget h5:after {
  margin-left: 0;
}
#vgp-panel #menu {
  padding-top: 55px;
  text-align: left;
}
#vgp-panel #menu li {
  display: block;
}
#vgp-panel #menu li a {
  display: block;
}
#vgp-panel #menu li ul {
  display: block;
  width: 100%;
  position: relative;
}
#vgp-panel #menu li:hover ul {
  width: 100%;
}

.featured-image {
  background: #000;
}
.featured-image img {
  display: block;
  width: 100%;
}

.featured-image {
  display: block;
  width: 100%;
}

.inner {
	margin: 0;
	padding: 0;
}
.inner p, .inner ul, .inner ol {
	width: 100%;
	max-width: 860px;
	margin: 0 auto 15px;
}
.inner .boxed-outer {
	width: 100%;
	max-width: 860px;
	margin: 0 auto 15px;
}
.inner .boxed-inner {
	margin: 0 20px;
	border: 1px solid black;
	padding: 1em;
}
.inner .boxed-inner h2 {
	margin-top: 0;
	text-align: center;
}
.inner p em, .inner div em, .inner ul li em, .inner td em {
	font-family: 'Garibaldi-Italic';
	font-style: normal;
	font-weight: normal;
}
.inner p strong, inner div strong, .inner ul li strong, .inner td strong {
	font-family: 'Garibaldi-Bold';
	font-style: normal;
	font-weight: normal;
}
.inner p em strong, .inner p strong em, .inner div em strong, .inner div strong em, .inner ul li em strong, .inner ul li strong em, .inner td em strong, .inner td strong em {
	font-family: 'Garibaldi-BoldItalic';
	font-style: normal;
	font-weight: normal;
}
.inner ul li {
	margin-bottom: .5em;
}
.inner h1, .inner h2, .inner h3, .inner h4, .inner h5, .inner h6 {
	width: 100%;
	max-width: 860px;
	line-height: 1;
	margin: 38px auto 8px;
}
.inner h2 + h4 {
	margin-top: 0;
}
.inner > .vgp-subtitle:first-child {
	margin-top: 0;
}
.inner p a, .inner ul a {
	font-family: 'Garibaldi-Medium';
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: black;
}
.inner p a em, .inner ul a em, .inner p em a {
	font-family: 'Garibaldi-MediumItalic';
	font-style: normal;
	font-weight: normal;
}
.inner p a strong, .inner ul a strong, .inner p strong a {
	font-family: 'Garibaldi-Black';
	font-style: normal;
	font-weight: normal;
}
.inner p a strong em, .inner p em strong a, .inner p strong em a, .inner ul a strong em, .inner ul em strong a, .inner ul strong em a {
	font-family: 'Garibaldi-BlackItalic';
	font-style: normal;
	font-weight: normal;
}
.inner p a:hover, .inner ul a:hover {
	text-decoration: underline;
}
.vgp-scans {
	width: 100%;
	max-width: 860px;
	margin: .5em auto 2em;
}
.inner h3 a {
	text-decoration: none;
	color: black;
}
.inner h3 a:hover {
	text-decoration: underline;
}
.meta, .main .meta {
  padding: 0;
  margin: 0;
}
.meta a, .main .meta a {
  text-decoration: none;
}

#vgp-panel ::-webkit-input-placeholder {
  color: #fff;
}
#vgp-panel :-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
#vgp-panel ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
#vgp-panel :-ms-input-placeholder {
  color: #fff;
}

/* ==========================================================================
	Single Post
	========================================================================== */

.main .post-top {
  -o-transition: height 0.5s ease-in;
  -webkit-transition: height 0.5s ease-in;
  -moz-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
  position: relative;
}
.main .post-align {
  padding-top: 30px;
}
.main ul, .main ol {
  padding-bottom: 10px;
}

/* ==========================================================================
	Widgets
	========================================================================== */

.widgets.header-widgets .widget ul:after {
  display: none;
}

.widgets {
  display: table;
  width: 100%;
  padding: 30px;
  text-align: center;
}
.widgets .widget {
  display: table;
  width: 100%;
}
.widgets .widget h6, .widgets .widget h5 {
  margin-bottom: 40px;
}
.widgets .widget h6:after, .widgets .widget h5:after {
  content: '';
  display: block;
  position: relative;
  margin: 0 auto;
  bottom: -24px;
  width: 40px;
  height: 1px;
  border-top: 4px solid #e5e5e5;
}
.widgets .widget a {
  text-decoration: none;
}
.widgets .widget ul {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}
.widgets .widget ul:after {
  content: '';
  display: block;
  position: relative;
  margin: 0 auto;
  bottom: -28px;
  width: 40px;
  height: 1px;
  border-top: 4px solid #e5e5e5;
}
.widgets .widget ul li {
  padding: 4px 0;
  margin: 0;
  color: #e5e5e5;
}

/* Setup */
html {
  font-size: 49.5%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

@media screen and (min-width: 40em) {
  /* 640px */
  html {
    font-size: 52.5%;
  }
}
@media screen and (min-width: 47.5em) {
  /* 760px */
  html {
    font-size: 62.5%;
  }
}
body {
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-family: verbextrabold, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #393a3a;
	line-height: 1.4;
}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
	font-family: verbextrabold_italic, sans-serif;
	font-style: normal;
	font-weight: normal;
}
body, .meta, .excerpt {
  font-family: 'Garibaldi-Regular', Georgia, serif;
}

p {
  margin-bottom: 15px;
}
/*
p:last-of-type {
  margin-bottom: 0;
}
*/
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1;
  margin-top: 38px;
  margin-bottom: 8px;
}

/* Font Sizes */
.wrap {
  font-size: 21px;
  font-size: 2.1rem;
}

.main .post-inner blockquote p:first-of-type {
  padding-bottom: 0;
}

.meta  {
  font-size: 16px;
  font-size: 1.6rem;
}

h1 {
  font-size: 75px;
  font-size: 7.5rem;
  margin-top: 2px;
  margin-bottom: 7px;
  line-height: .9;
}

h2 {
  font-size: 35px;
  font-size: 3.5rem;
}

h3 {
  font-size: 31px;
  font-size: 3.1rem;
}

h4 {
  font-size: 27px;
  font-size: 2.7rem;
}

h5 {
  font-size: 25px;
  font-size: 2.5rem;
}

h6 {
  font-size: 23px;
  font-size: 2.3rem;
}

blockquote {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
  font-size: 130%;
  text-align: left;
  font-style: oblique;
  opacity: 0.67;
  padding-left: 20px;
  padding-bottom: 0;
  border-left: 1px solid #ff423b;
  line-height: 1.3;
}
blockquote p, blockquote p:first-of-type {
  padding: 0;
}

.main .post-inner blockquote p:first-of-type {
  padding-bottom: 0;
}

/* Font Colours */
body {
  color: #393a3a;
}

a {
  color: #ff423b;
}

.meta, .meta a, .widgets {
  color: #8c8c8c;
}

.widgets a {
  color: #e5e5e5;
}

.widgets * {
  color: #e5e5e5;
}

#menu a {
  color: #fff;
}

/* ==========================================================================
   Pull-out Boxes
   ========================================================================== */
.inner .vgp-pull-out {
	margin: 1em auto 2em;
	overflow: hidden;
}
.inner .vgp-pull-out p, .inner .vgp-pull-out h2, .inner .vgp-pull-out h3, .inner .vgp-pull-out h4, .inner .vgp-pull-out h5 {
	padding: 0;
}
.inner .vgp-pull-out.right {
	margin: 1em 0 2em 2em;
	float: right;
}
.inner .vgp-pull-out.left {
	margin: 1em 2em 2em 0;
	float: left;
}
.inner .vgp-pull-out img {
	display: block;
	border: 2px solid black;
	width: 100%;
}
.inner .vgp-pull-out div {
	border-bottom: 2px solid black; 
	background: white; 
	color: black; 
	padding: 1em; 
	font-family: verbmedium, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 75%;
}
.inner .vgp-pull-out div.pull-quote {
	font-family: verbextrabold, sans-serif;
	font-size: 200%;
	line-height: 110%;
	text-align: center;
}
.inner .vgp-pull-out div.pull-quote em {
	font-family: verbextrabold_italic, sans-serif;
}
.inner .vgp-pull-out div a {
	font-family: verbextrabold, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: black;
}
.inner .vgp-pull-out div em a {
	font-family: verbextrabold_italic, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: black;
}
.inner .vgp-pull-out div a:hover, .inner .vgp-pull-out div em a:hover {
	text-decoration: underline;
}
.inner .vgp-pull-out div em {
	font-family: verbmedium_italic, sans-serif;
	font-style: normal;
	font-weight: normal;
}
.inner .vgp-pull-out div strong {
	font-family: verbextrabold, sans-serif;
	font-style: normal;
	font-weight: normal;
}
.inner .vgp-pull-out div em strong, .inner .vgp-pull-out div strong em {
	font-family: verbextrabold_italic, sans-serif;
	font-style: normal;
	font-weight: normal;
}
.inner .vgp-pull-out div.box {
	border-left: 2px solid black; 
	border-right: 2px solid black; 
}
.inner .vgp-pull-out div.top {
	border-top: 2px solid black; 
	border-left: 2px solid black; 
	border-right: 2px solid black; 
	border-bottom: none;
}
.inner .vgp-full-page {
	width: 100%;
	max-width: 860px;
	margin: 1em auto;
}
.inner .vgp-full-page img {
	display: block;
	width: 100%;
}
.vgp-article-nav {
	width: 100%;
	height: 4.5em;
	max-width: 860px;
	margin: .5em auto 1em;
	display: table;
}
.vgp-article-nav .previous, .vgp-article-nav .next {
	width: 50%;
	height: 4.5em;
	display: table-cell;
	vertical-align: bottom;
	position: relative;
}
.vgp-article-nav .previous .back, .vgp-article-nav .next .back {
	width: 100%;
	height: 100%;
    opacity: .5;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
}
.vgp-article-nav .previous .back:hover, .vgp-article-nav .next .back:hover {
	opacity: .9;
}
.vgp-article-nav .previous .title, .vgp-article-nav .next .title {
	position: absolute;
	bottom: 8px;
	color: white;
	text-shadow:
		  3px 3px 0 #000,
		-1px -1px 0 #000,  
		 1px -1px 0 #000,
		 -1px 1px 0 #000,
		  1px 1px 0 #000;
	font-family: verbexcondblack, sans-serif; 
	font-size: 125%;
	line-height: 100%;
}
.vgp-article-nav .previous .title {
	text-align: left;
	left: 8px;
}
.vgp-article-nav .next .title {
	text-align: right;
	right: 8px;
}
.inner .vgp-2-col {
	width: 100%;
	max-width: 860px;
	margin: 0 auto 18px;
	display: table;
}
.inner .vgp-2-col .left, .inner .vgp-2-col .right {
	width: 50%;
	display: table-cell;
	vertical-align: baseline;
	position: relative;
}
.inner .vgp-2-col .left p, .inner .vgp-2-col .right p {
	line-height: 125%;
}
.inner .vgp-ul-contents {
	list-style-type: none;
}
.inner .vgp-ul-contents li {
	margin-bottom: 0;
}
.inner .vgp-ul-contents li a {
	text-decoration: none;
	color: #393a3a;
}
.inner .vgp-ul-contents li a:hover {
	text-decoration: underline;
}
.inner .vgp-ul-contents li a:visited {
	color: #393a9e;
}
.vgp-footer-logo {
	width: 100%;
	margin: 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	height: 200px;
	background: black;
}
.vgp-footer-logo .logo-back {
	width: 100%;
	opacity: .33;
}
.vgp-footer-logo .logo-text {
	display: block;
	width: 100%;
	position: absolute;
	top: 8px;
	left: 0;
}
.vgp-hsite {
	font-family: verbcompultra, sans-serif;
	font-style: normal;
	font-weight: normal;
	padding: 0 20px;
	width: 100%;
	max-width: 860px;
	margin: 0 auto 18px;
}
.vgp-innerdiv {
	width: 100%;
	max-width: 860px;
	margin: 0 auto 1em;
}
.vgp-page-thumb {
	height: 120px;
	margin: 0 8px 8px 0;
	text-align: center;
	float: left;
}
.vgp-page-thumb img {
	height: 120px;
	padding: 0 8px;
}
.vgp-dtable {
	width: 100%;
	max-width: 860px;
	margin: 0 auto 1em;
	display: table;
	table-layout: fixed;
}
.vgp-dtable .row {
	display: table-row;
}
.vgp-dtable .row .art, .vgp-dtable .row .txt {
	display: table-cell;
	vertical-align: top;
}
.vgp-dtable .row .art {
	width: 30%;
	text-align: right;
}
.vgp-dtable .row .art img {
	width: auto;
	max-height: 280px;
}
.vgp-dtable .row .txt {
	width: 70%;
	text-align: left;
}
.vgp-dtable .row .txt h3 {
	margin-top: 0;
}
.vgp-dtable .row .txt h3 em {
	font-family: verbextrabold_italic;
	font-style: normal;
	font-weight: normal;
}
.vgp-dtable .row .txt a {
	text-decoration: none;
	color: #393a3a;
	font-family: Garibaldi-Medium;
}
.vgp-dtable .row .txt a:hover {
	text-decoration: underline;
}
.vgp-magtable {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
	display: table;
}
.vgp-magtable a {
	text-decoration: none;
	color: #393a3a;
}
.vgp-magtable .contents {
	width: 74%;
	max-width: 686px;
	display: table-cell;
	vertical-align: top;
	padding-bottom: 2em;
}
.vgp-magtable .spacer {
	width: 1%;
	background: #ddd;
}
.vgp-magtable .files {
	width: 25%;
	display: table-cell;
	vertical-align: top;
	position: relative;
	background: #ddd;
}
.vgp-magtable .files .cover {
	width: 100%;
	position: relative;
	height: 1px;
	margin: 0 0 1em;
}
.vgp-magtable .files .cover img {
	position: absolute;
	right: 4px;
	bottom: -10px;
	width: 100%;
	border: 5px solid white;
	box-shadow: 2px 2px 4px 1px #333;
}
.vgp-magtable .files .download {
	text-align: center;
	font-size: 75%;
}
.vgpo70 {
	width: 50%;
}
.vgpo60 {
	width: 50%;
}
.vgpo50 {
	width: 50%;
}
.vgpo40 {
	width: 40%;
}
.vgpo35 {
	width: 35%;
}
.vgpo30 {
	width: 30%;
}
.vgpo25 {
	width: 25%;
}
.vgpo20 {
	width: 20%;
}
.vgpo15 {
	width: 15%;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-square-o:before {
  content: "\f096";
}
.fa-star:before {
  content: "\f005";
}
.slick-dots {
	padding: 0;
	margin: 0;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

/* ==========================================================================
   Contents Article Rainbow
   ========================================================================== */

.vgp-contents-block {
	width: 100%;
	height: 4.5em;
	max-width: 860px;
	margin: 0 auto;
	display: table;
}
.vgp-contents-block .entryleft, .vgp-contents-block .entryright, .vgp-contents-block .resleft, .vgp-contents-block .resright {
	width: 85%;
	height: 4.5em;
	display: table-cell;
	vertical-align: bottom;
	position: relative;
}
.vgp-contents-block .fillerleft, .vgp-contents-block .fillerright {
	width: 15%;
	height: 4.5em;
	display: table-cell;
	background: black;
}
.vgp-contents-block .entryleft .back, .vgp-contents-block .entryright .back, .vgp-contents-block .resleft .bk, .vgp-contents-block .resright .bk {
	width: 100%;
	height: 100%;
    opacity: .3;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
}
.vgp-contents-block .entryleft .back:hover, .vgp-contents-block .entryright .back:hover {
	opacity: .5;
}
.vgp-contents-block .resleft .bk:hover, .vgp-contents-block .resright .bk:hover {
	opacity: .75;
}
.vgp-o50 {
	opacity: .5 !important;
}
.vgp-o75 {
	opacity: .75 !important;
}
.vgp-o90 {
	opacity: .9 !important;
}
.vgp-contents-block .entryleft .title, .vgp-contents-block .entryright .title {
	position: absolute;
	bottom: 8px;
	color: white;
	text-shadow:
		  3px 3px 0 #000,
		-1px -1px 0 #000,  
		 1px -1px 0 #000,
		 -1px 1px 0 #000,
		  1px 1px 0 #000;
	font-family: verbexcondblack, sans-serif; 
	font-size: 2em;
	line-height: 90%;
}
.vgp-contents-block .resleft .rs, .vgp-contents-block .resright .rs {
	position: absolute;
	bottom: 12px;
	color: white;
	text-shadow:
		  3px 3px 0 #000,
		-1px -1px 0 #000,  
		 1px -1px 0 #000,
		 -1px 1px 0 #000,
		  1px 1px 0 #000;
	font-family: verbexcondblack, sans-serif; 
	font-size: 3em;
	line-height: 90%;
}
.vgp-contents-block .entryleft .title, .vgp-contents-block .resleft .rs {
	text-align: left;
	left: 8px;
}
.vgp-contents-block .entryright .title, .vgp-contents-block .resright .rs {
	text-align: right;
	right: 8px;
}
.rainbow1 {
	background-color: #FF0000;
}
.rainbow2 {
	background-color: #FF7F00;
}
.rainbow3 {
	background-color: #FFFF00;
}
.rainbow4 {
	background-color: #00FF00;
}
.rainbow5 {
	background-color: #00FFFF;
}
.rainbow6 {
	background-color: #0000FF;
}
.rainbow7 {
	background-color: #8B00FF;
}
.popart1 {
	background-color: #7C4D3C;
}
.popart2 {
	background-color: #9A7B65;
}
.popart3 {
	background-color: #EDD478;
}
.popart4 {
	background-color: #2F5A5A;
}
.popart5 {
	background-color: #417A90;
}
.popart6 {
	background-color: #52A7E0;
}
.popart7 {
	background-color: #A7252B;
}

/* ==========================================================================
   Resources Pages
   ========================================================================== */
.inner .vgp-references h2 a, .inner .vgp-references h3 a {
	color: black;
	text-decoration: none;
}
.inner .vgp-references h2 a:hover, .inner .vgp-references h3 a:hover {
	text-decoration: underline;
}
.inner .vgp-references h2:first-of-type {
	margin-top: 0;
}
.inner .vgp-references h4, .inner .vgp-references h6 {
	margin-top: 0;
	margin-bottom: 0;
}
.inner .vgp-references p {
	margin-bottom: 0;
}

.no-top-margin {
	margin-top: 0 !important;
}

/* ==========================================================================
   Game Pages
   ========================================================================== */
.post-header-inner .platform {
	font-family: verbexcondblack;
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
}
.post-header-inner .platform a {
	font-family: verbexcondblack;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.post-header-inner .platform a:hover {
	text-decoration: underline;
}

.vgpg-nav {
	text-align: center;
}
.vgpg-nav img {
	height: 32px;
}
.vgpg-rellist {
	margin-bottom: 0 !important;
}
.vgpg-rellist img {
	width: 80px;
}
#vgpg-ads {
	margin-bottom: 68px;
}

.vgpg-rel {
	width: 160px;
	height: 220px;
}
.vgpg-rel td {
	text-align: left;
	vertical-align: bottom;
	line-height: 0;
}
.vgpg-rel td img {
	max-width: 100%;
	height: auto;
	max-height: 220px;
}

.rsCaption {
	font-family: verbextrabold;
}
.rsCaption span {
	font-family: verbmedium;
}
.rsCaption span a {
	font-family: verbmedium;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #bbb;
}
.rsCaption span a:hover {
	text-decoration: underline;
}

.vgpg-section {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
}
#vgpg-intro {
	padding-right: 270px;
}
#vgpg-intro p, #vgpg-intro h3 {
	padding-left: 0;
}
#vgpg-a-sites {
	height: 50px;
	margin: 0;
}
#vgpg-a-sites .glink {
	display: block;
	width: 75px;
	height: 50px;
	float: left;
}

.vgpg-gv .fholder {
	width: 32%;
	height: 232px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.vgpg-gv .fholder a {
	display: block;
	width: 100%;
	height: 200px;
	padding: 4px;
	background-color: #bbb;
}
.vgpg-gv .fholder a .fvid {
	width: 100%;
	height: 192px;
	line-height: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.vgpg-gv .fholder .fplat {
	height: 32px;
	padding: 4px;
	text-align: center;
	vertical-align: top;
	line-height: 100%;
	font-family: verbmedium;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
}

.vgpg-gv .mholder {
	width: 32%;
	height: 380px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.vgpg-gv .mholder .mimg {
	width: 100%;
	height: 300px;
	line-height: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.vgpg-gv .mholder .mnote {
	height: 80px;
	padding: 4px;
	text-align: center;
	line-height: 100%;
	font-family: verbmedium;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
}
.vgpg-gv .mholder .mnote em {
	font-family: verbmedium_italic;
	font-style: normal;
	font-weight: normal;
}
.vgpg-gv .mholder .mnote a {
	font-family: verbextrabold;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-decoration: none;
}
.vgpg-gv .mholder .mnote a:hover {
	text-decoration: underline;
}

.vgpg-gv .lholder {
	width: 48%;
	height: 400px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.vgpg-gv .lholder .limg {
	width: 100%;
	height: 368px;
	line-height: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.vgpg-gv .lholder .lnote {
	height: 32px;
	padding: 4px;
	text-align: center;
	line-height: 100%;
	font-family: verbmedium;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
}

.vgpg-pss div {
	display: table;
	width: 30%;
	height: 200px;
	background: #998120;
	padding: 4px;
	float: left;
}
.vgpg-pss div a {
	display: block;
	width: 100%;
	height: 200px;
	line-height: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.vgpa-campaign img {
	width: auto;
	height: auto;
	max-height: 360px;
}

/*
Xbox Doc temp styles
*/
.xdoc-wipheader {
	width: 100%;
	height: 400px;
	position: relative;
	background: black;
	margin: 0;
}
.xdoc-wipheaderimg {
	width: 100%;
	height: 400px;
	position: relative;
	background: black;
	opacity: .33;
}
.xdoc-wipheaderposter {
	position: absolute;
	right: 16px;
	bottom: -116px;
	width: 260px;
	height: auto;
	border: 4px solid white;
	z-index: 99;
}
.xdoc-wipheadertitle {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: white;
    text-align: left;
	display: block;
    z-index: 2;
	color: white;
}
.xdoc-wipheadertitle .xdoc-wipheadertitle-inner {
	padding: 20px 200px 20px 0;
	display: block;
	width: 100%;
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.xdoc-wipheadertitle .xdoc-wipheadertitle-inner .platform {
	font-family: verbexcondblack;
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	color: white;
}
.xdoc-wipheadertitle .xdoc-wipheadertitle-inner .platform a {
	text-decoration: none;
	color: white;
}
.xdoc-wipheadertitle .xdoc-wipheadertitle-inner .platform a:hover {
	text-decoration: underline;
}
.xdoc-wipheadertitle .xdoc-wipheadertitle-inner .meta {
	font-family: verbmedium;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: white;
}
.xdoc-wipheadertitle .xdoc-wipheadertitle-inner .meta a {
	text-decoration: none;
	color: white;
}
.xdoc-wipheadertitle .xdoc-wipheadertitle-inner .meta a:hover {
	text-decoration: underline;
}
.xdoc-wipheadertitle .xdoc-wipheadertitle-inner h1 {
	font-size: 64px;
	font-family: verbexcondblack, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
}
.xdoc-wiplinks {
	padding: 20px 200px 20px 0;
	display: block;
	width: 100%;
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.xdoc-wiplinks img {
	width: 80px;
}
.xdoc-releases {
	padding: 0;
	display: block;
	width: 100%;
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-family: verbmedium;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 60px;
}
.xdoc-releases a {
	font-family: verbmedium;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: black;
	text-decoration: none;
}
.xdoc-releases a:hover {
	text-decoration: underline;
}
.gallery {
	display: flex;
	width: 100%;
	margin: auto;
	justify-content: space-between;
	flex-wrap: wrap;
}
.gallery a {
	font-family: verbmedium;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: black;
	text-decoration: none;
}
.gallery a:hover {
	text-decoration: underline;
}
.gallery .xdoc-card {
	width: 200px;
	margin: 8px 0;
	border: none;
	padding: 8px;
	box-sizing: border-box;
	background-color: #fff;
}
.gallery .xdoc-card .xdoc-card-box {
	height: 280px;
}
.gallery .xdoc-card .xdoc-card-box img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: bottom center;
}
.gallery .xdoc-card .xdoc-card-title {
	text-align: center;
	padding: 8px 4px;
}
.gallery .xdoc-media {
	width: 270px;
	margin: 8px 0;
	border: none;
	padding: 8px;
	box-sizing: border-box;
	background-color: #fff;
}
.gallery .xdoc-media .xdoc-media-item {
	height: 280px;
}
.gallery .xdoc-media .xdoc-media-title {
	font-family: verbmedium;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: black;
	text-align: center;
	padding: 8px 4px;
}
.gallery::after {
content: '';
flex: 1;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (min-width: 40em) {
  /* 640px */

  .with-image .post-header, .with-image .post-header a, .with-image .post-header h1, .with-image .post-top .meta, .with-image .post-top .meta a {
    color: #fff;
  }

  .featured-image img {
    opacity: .33;
    -o-transition: opacity 0.25s ease-in;
    -webkit-transition: opacity 0.25s ease-in;
    -moz-transition: opacity 0.25s ease-in;
    transition: opacity 0.25s ease-in;
  }

	.main .post-align, .inner p, .inner h2, .inner h3, .inner h4, .inner h5, .inner h6, .vgp-magtable .contents h2, .vgpg-section {
		padding-left: 20px;
		padding-right: 20px;
	 }
	.inner ul, .inner ol {
		padding-left: 50px;
		padding-right: 20px;
	 }
	.inner .vgp-ul-contents {
		padding-left: 20px;
	}
	.vgp-page-thumb {
		height: 240px;
	}
	.vgp-page-thumb img {
		height: 240px;
		padding: 0 8px;
	}


  .main .with-image .post-top {
    height: 490px;
    overflow: hidden;
  }
  .main .with-image .post-header {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: left;
    z-index: 2;
  }
  .main .with-image .post-header .post-header-inner {
    padding: 20px 0;
    display: block;
    width: 100%;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  .main .with-image .post-header .post-header-inner h1 {
	font-size: 75px;
	font-family: verbexcondblack, sans-serif;
	font-style: normal;
	font-weight: normal;
  }
  .main .with-image .post-header .post-header-inner h3 {
	font-size: 45px;
	font-family: verbexcondblack_italic, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	line-height: .9;
	margin-top: 2px;
  }
  .main .post-inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .widgets .widget {
    display: inline-block;
    width: 50%;
    margin-right: -5px;
    padding: 0 20px;
    float: left;
  }
  .widgets .widget ul:after {
    display: none;
  }

}
@media screen and (min-width: 47.5em) {
  /* 760px */

	.widgets .widget {
		display: inline-block;
		width: 33.3333%;
		margin-right: -5px;
		padding: 0 30px;
		float: left;
	}

	.inner .vgp-pull-out {
		margin: .5em auto 1em;
	}
	.inner .vgp-pull-out.right {
		margin: .5em 0 .5em 1em;
		float: right;
	}
	.inner .vgp-pull-out.left {
		margin: .5em 1em .5em 0;
		float: left;
	}
	.vgpo50, .vgpo60, .vgpo70 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.vgpo15, .vgpo20, .vgpo25, .vgpo30, .vgpo35, .vgpo40 {
		width: 40%;
	}
	.vgppq {
		width: 80%;
	}

}
@media screen and (min-width: 64em) {
  /* 1024px */

	.widgets .widget {
		display: inline-block;
		width: 33.3333%;
		margin-right: -5px;
		padding: 0 30px;
		float: left;
	}

	.inner .vgp-pull-out {
		margin: 1em auto 2em;
	}
	.inner .vgp-pull-out.right {
		margin: 1em 0 2em 2em;
		float: right;
	}
	.inner .vgp-pull-out.left {
		margin: 1em 2em 2em 0;
		float: left;
	}
	.vgpo70 {
		width: 70%;
	}
	.vgpo60 {
		width: 60%;
	}
	.vgpo50 {
		width: 50%;
	}
	.vgpo40 {
		width: 40%;
	}
	.vgpo35 {
		width: 35%;
	}
	.vgpo30 {
		width: 30%;
	}
	.vgpo25 {
		width: 25%;
	}
	.vgpo20 {
		width: 20%;
	}
	.vgpo15 {
		width: 15%;
	}

}
