@import url('http://fonts.googleapis.com/css?family=Squada+One');
@import url('http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic');
/* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
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;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
body {
  color: #424242;
  font-family: 'Droid Serif', 'Georgia', Serif;
  font-size: 14pt;
  background-color: #1d1d1d;
}
body h1,
body h2,
body h3,
body h4,
body h5 {
  font-family: 'Squada One', 'Arial Bold', cursive;
}
body h1 a,
body h2 a,
body h3 a,
body h4 a,
body h5 a {
  font-family: 'Squada One', 'Arial Bold', cursive;
  font-weight: inherit;
  font-size: inherit;
}
body h1 {
  font-size: 2em;
  line-height: 1.5em;
}
body h2 {
  font-size: 1.8em;
  line-height: 1.5em;
}
body h3 {
  font-size: 1.2em;
  line-height: 1.5em;
}
body a {
  color: #257ff9;
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
body a img {
  border: none;
}
body a:hover {
  text-decoration: underline;
}
body #page {
  width: 960px;
  margin: 1em auto 1em auto;
  border: 2px solid black;
  background-color: #ffffff;
}
body #head {
  background: #f24627 url('/gfx/design/header.png?v=2') repeat-x;
}
body .clear {
  clear: both;
}
body #headers {
  display: inline;
  float: left;
  width: 300px;
  margin: 0 10px;
  margin-top: 40px;
  margin-bottom: 2em;
  text-align: center;
  font-family: 'Squada One', 'Arial Bold', cursive;
  position: relative;
}
body #headers span.star {
  display: block;
  position: absolute;
  width: 100px;
  height: 80px;
  top: 40px;
  left: 100px;
  background-color: #f24627;
  z-index: 1;
}
body #headers img {
  position: relative;
  z-index: 2;
}
body #headers h1 {
  color: #ffffff;
  font-size: 96px;
  line-height: 96px;
  font-weight: 400;
  letter-spacing: -3px;
}
body #headers h2 {
  color: #ffffff;
  margin-top: -16px;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
}
body #menu {
  display: inline;
  float: left;
  width: 300px;
  margin: 0 10px;
  text-align: center;
  min-width: 256px;
  margin-top: 64px;
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
  font-weight: normal;
  font-size: 1em;
  color: #ffffff;
}
body #menu li {
  display: inline;
}
body #menu li a,
body #menu li a:visited,
body #menu li a:active {
  color: #ffffff;
  margin-right: 0.5em;
  margin-left: 0.5em;
  text-transform: uppercase;
}
body #menu li:first-child a,
body #menu li:first-child a:visited,
body #menu li:first-child a:active {
  margin-left: 0em;
}
body #menu li:after {
  content: "|";
}
body #menu li:last-child a,
body #menu li:last-child a:visited,
body #menu li:last-child a:active {
  margin-right: 0em;
}
body #menu li:last-child:after {
  content: "";
}
body #follow {
  display: inline;
  float: left;
  width: 300px;
  margin: 0 10px;
  min-width: 226px;
  margin-top: 64px;
  text-align: center;
}
body #follow li {
  display: inline;
  padding: 0px;
  margin: 0px 10px 0px 0px;
}
body #follow li a img {
  opacity: 1.0;
}
body #follow li a:hover img {
  opacity: 0.5;
}
body #follow li:last-child {
  margin: 0px 0px 0px 0px;
}
body #mainMailChimp {
  display: inline;
  float: left;
  width: 300px;
  margin: 0 10px;
  margin-top: 102px;
}
body #mainMailChimp div.mailchimp {
  min-width: 226px;
  max-width: 226px;
  margin: auto;
  text-align: center;
}
body #mainMailChimp div.mailchimp form label span {
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 14pt;
}
body #mainMailChimp div.mailchimp form input {
  margin-top: 0.5em;
  border: 2px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
  text-align: center;
  border-radius: 8px;
  font-size: 13pt;
}
body #mainMailChimp div.mailchimp form input.submit {
  margin-left: 3%;
  width: 25%;
}
body #mainMailChimp div.mailchimp form input.submit:hover,
body #mainMailChimp div.mailchimp form input.submit:active {
  color: #f24627;
  background-color: #ffffff;
}
body #mainMailChimp div.mailchimp form input.email {
  background-color: #ffffff;
  color: #f24627;
  width: 65%;
}
body #mainMailChimp div.mailchimp form input.email::-webkit-input-placeholder {
  color: #f24627;
}
body #mainMailChimp div.mailchimp form input.email:-moz-placeholder {
  /* Firefox 18- */
  color: #f24627;
}
body #mainMailChimp div.mailchimp form input.email::-moz-placeholder {
  /* Firefox 19+ */
  color: #f24627;
}
body #mainMailChimp div.mailchimp form input.email:-ms-input-placeholder {
  color: #f24627;
}
body #mainMailChimp div.mailchimp form input.email:focus::-webkit-input-placeholder {
  color: #fbc2b7;
}
body #mainMailChimp div.mailchimp form input.email:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #fbc2b7;
}
body #mainMailChimp div.mailchimp form input.email:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #fbc2b7;
}
body #mainMailChimp div.mailchimp form input.email:focus:-ms-input-placeholder {
  color: #fbc2b7;
}
body #content {
  padding-top: 4em;
  padding-bottom: 4em;
  /* regular list */
  /* code */
  /* alternative blockquote style */
}
body #content ul {
  list-style: disc outside;
  padding-left: 2em;
}
body #content ul li {
  padding-bottom: 0.5em;
}
body #content pre {
  background-color: #fafafa;
  padding: 1em;
  overflow-x: auto;
  overflow-y: hidden;
  font-size: 12pt;
  font-family: "Andale Mono", monospace, fixed;
}
body #content p {
  margin-bottom: 1em;
  line-height: 1.6em;
}
body #content strong {
  font-weight: bold;
  color: #f24627;
}
body #content blockquote {
  quotes: '“' '”';
  font-style: italic;
}
body #content blockquote p:before {
  content: '“';
  content: open-quote;
}
body #content blockquote p:after {
  content: '';
  content: no-close-quote;
}
body #content blockquote p:last-child:after {
  content: '”';
  content: close-quote;
}
body #footer {
  background: #f24627 url('/gfx/design/header.png?v=2') repeat-x;
}
body #footer #copy {
  display: inline;
  float: left;
  width: 940px;
  margin: 0 10px;
  color: #ffffff;
  padding-top: 2em;
  padding-bottom: 2em;
  text-align: center;
  font-family: 'Squada One', 'Arial Bold', cursive;
}
/* PAGE LISTANT LES JEUX */
body#index-page #content {
  display: inline;
  float: left;
  width: 620px;
  margin: 0 10px;
  margin-left: 170px;
}
body#index-page #content ul#highlights {
  list-style: none;
  padding: 0em;
}
body#index-page #content ul#highlights li {
  margin-bottom: 2em;
  padding: 0em;
}
body#index-page #content ul#highlights li h2 a {
  text-decoration: none;
  color: #212121;
  font-family: inherit;
}
body#index-page #content ul#highlights li h2 a span {
  color: #f24627;
}
body#index-page #content ul#highlights li p {
  color: #212121;
  line-height: 18pt;
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
  font-size: 13pt;
  margin-bottom: 0em;
}
body#index-page #content ul#highlights li ul.platforms {
  list-style: none;
  padding: 0em;
}
body#index-page #content ul#highlights li ul.platforms li {
  padding: 0em;
  line-height: 18pt;
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
  font-size: 12pt;
  display: inline;
}
body#index-page #content ul#highlights li ul.platforms li a {
  font-weight: bold;
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
}
body#index-page #content ul#highlights li ul.platforms li:after {
  content: " | ";
}
body#index-page #content ul#highlights li ul.platforms li:last-child:after {
  content: "";
}
/* ABOUT PAGE  */
body#about-page #content div#about-me {
  display: inline;
  float: left;
  width: 380px;
  margin: 0 10px;
  margin-left: 90px;
}
body#about-page #content div#about-games {
  display: inline;
  float: left;
  width: 380px;
  margin: 0 10px;
}
/* BLOG PAGES */
body#blog-page-page div#content,
body#blog-post-page div#content {
  display: inline;
  float: left;
  width: 620px;
  margin: 0 10px;
  margin-left: 170px;
  position: relative;
}
body#blog-page-page div#content div.post,
body#blog-post-page div#content div.post {
  margin-bottom: 4em;
}
body#blog-page-page div#content div.post h2 a,
body#blog-post-page div#content div.post h2 a {
  color: #212121;
  text-decoration: none;
}
body#blog-page-page div#content div.post h2 a span,
body#blog-post-page div#content div.post h2 a span {
  color: #f24627;
}
body#blog-page-page div#content div.content,
body#blog-post-page div#content div.content {
  padding-top: 1em;
  overflow: hidden;
}
body#blog-page-page div#content div.content img,
body#blog-post-page div#content div.content img {
  display: block;
  max-width: 90%;
  margin: auto;
}
body#blog-page-page div#content div.content img.right-illustration,
body#blog-post-page div#content div.content img.right-illustration {
  position: absolute;
  right: -28.2%;
  width: 28.20%;
  margin: 5%;
  top: 2em;
}
body#blog-page-page div#content div.content .vidContainer,
body#blog-post-page div#content div.content .vidContainer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
body#blog-page-page div#content div.content .vidContainer iframe,
body#blog-post-page div#content div.content .vidContainer iframe,
body#blog-page-page div#content div.content .vidContainer object,
body#blog-post-page div#content div.content .vidContainer object,
body#blog-page-page div#content div.content .vidContainer embed,
body#blog-post-page div#content div.content .vidContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body#blog-page-page div#content div.content iframe,
body#blog-post-page div#content div.content iframe {
  display: block;
  margin: auto;
  margin-bottom: 1em;
}
body#blog-page-page div#content div.post div.wrap div.content h2,
body#blog-post-page div#content div.post div.wrap div.content h2 {
  margin-top: 1em;
}
body#blog-page-page div#content h2,
body#blog-post-page div#content h2 {
  line-height: 1em;
}
body#blog-page-page div#content div.share,
body#blog-post-page div#content div.share {
  padding: 1em 0em;
  margin-bottom: 0.5em;
}
body#blog-page-page div#content div.share div.addthis_toolbox,
body#blog-post-page div#content div.share div.addthis_toolbox {
  margin-top: 2px;
  margin-left: 0em;
}
body#blog-page-page div#content div.share a:hover,
body#blog-post-page div#content div.share a:hover {
  background-color: transparent;
}
body#blog-page-page div#content div.meta,
body#blog-post-page div#content div.meta {
  float: right;
  text-align: right;
  margin-top: 0em;
  font-size: 0.9em;
  padding-right: 1em;
  padding-top: 1em;
}
body#blog-page-page div#content div.nav,
body#blog-post-page div#content div.nav {
  clear: both;
  padding: 2em 0em;
}
body#blog-page-page div#content div.nav a,
body#blog-post-page div#content div.nav a {
  font-family: 'Squada One', 'Arial Bold', cursive;
  font-size: 1.2em;
}
body#blog-page-page div#content div.nav div.older,
body#blog-post-page div#content div.nav div.older {
  display: inline-block;
  float: left;
}
body#blog-page-page div#content div.nav div.recent,
body#blog-post-page div#content div.nav div.recent {
  display: inline-block;
  float: right;
  text-align: right;
}
.no-bg-on-a-hover a:hover {
  background-color: transparent;
}
body#mindlabyrinth-page div#content {
  display: block;
  width: 980px;
  margin: 0 -10px;
  *zoom: 1;
}
body#mindlabyrinth-page div#content:before,
body#mindlabyrinth-page div#content:after {
  content: "";
  display: table;
}
body#mindlabyrinth-page div#content:after {
  clear: both;
}
body#mindlabyrinth-page div#content h1 {
  display: inline;
  float: left;
  width: 780px;
  margin: 0 10px;
  margin-left: 90px;
}
body#mindlabyrinth-page div#video {
  display: inline;
  float: left;
  width: 540px;
  margin: 0 10px;
  margin-left: 90px;
  text-align: center;
}
body#mindlabyrinth-page div#about,
body#mindlabyrinth-page div#thoughts,
body#mindlabyrinth-page div#screens,
body#mindlabyrinth-page div#more {
  display: inline;
  float: left;
  width: 540px;
  margin: 0 10px;
  margin-left: 90px;
}
body#mindlabyrinth-page div#shop {
  display: inline;
  float: left;
  width: 300px;
  margin: 0 10px;
}
body#mindlabyrinth-page div#shop h3 {
  margin-top: 0px;
  padding: 0px;
  text-align: center;
}
body#mindlabyrinth-page div#shop p.info {
  text-align: center;
  padding: 0px;
}
body#mindlabyrinth-page div#shop ul {
  list-style: none;
  display: block;
  width: 186px;
  padding: 0px;
  margin: 0em auto 0em auto;
}
body#mindlabyrinth-page div#shop ul li {
  display: inline-block;
  vertical-align: top;
  margin: auto;
  height: 80px;
  width: 56px;
}
body#mindlabyrinth-page div#shop ul li a:hover {
  background-color: transparent;
}
body#mindlabyrinth-page div#shop ul li a {
  display: inline-block;
  height: 64px;
}
body#mindlabyrinth-page div#shop ul li.currentOS {
  background-image: url("/gfx/selected-os.png");
  background-repeat: no-repeat;
}
body#mindlabyrinth-page div#shop ul li.windows {
  width: 70px;
}
body#mindlabyrinth-page div#shop ul li.windows a {
  margin-left: 5px;
}
body#mindlabyrinth-page div#shop ul li.windows.currentOS {
  background-position: 0px 0px;
}
body#mindlabyrinth-page div#shop ul li.mac.currentOS {
  background-position: -1px 0px;
}
body#mindlabyrinth-page div#shop div#shop-content {
  position: relative;
}
body#mindlabyrinth-page div#shop div#shop-content div#shop-linux,
body#mindlabyrinth-page div#shop div#shop-content div#shop-mac,
body#mindlabyrinth-page div#shop div#shop-content div#shop-windows {
  position: relative;
  top: 0px;
  left: 0px;
  display: none;
}
body#mindlabyrinth-page div#shop div#shop-content div.buy,
body#mindlabyrinth-page div#shop div#shop-content div.demo {
  width: 167px;
  border: 4px solid #257ff9;
  border-radius: 15px;
  margin: 0.5em auto 1.5em auto;
}
body#mindlabyrinth-page div#shop div#shop-content div.buy a:hover,
body#mindlabyrinth-page div#shop div#shop-content div.demo a:hover {
  background-color: transparent;
}
body#mindlabyrinth-page div#shop div#shop-content div.buy a,
body#mindlabyrinth-page div#shop div#shop-content div.demo a {
  display: block;
  width: 100%;
  color: #257ff9;
  margin: auto;
  padding: 0.5em 0em 0.5em 0em;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1em;
}
body#mindlabyrinth-page div#shop div#shop-content div.buy:hover,
body#mindlabyrinth-page div#shop div#shop-content div.demo:hover {
  background-color: #257ff9;
  border: 4px solid #257ff9;
}
body#mindlabyrinth-page div#shop div#shop-content div.buy:hover a,
body#mindlabyrinth-page div#shop div#shop-content div.demo:hover a {
  color: #ffffff;
  background-color: transparent;
}
body#mindlabyrinth-page div#more ul li {
  padding-bottom: 0.5em;
}
body#mindlabyrinth-page div#screens {
  margin-bottom: 3em;
}
body#mindlabyrinth-page div#screens div.orbit-wrapper {
  margin: auto;
  margin-bottom: 1em;
}
body#mindlabyrinth-page div#screens div#slides {
  width: 560px;
  height: 400px;
  overflow: hidden;
}
body#mindlabyrinth-page div#screens div#slides img {
  width: 560px;
  height: 400px;
  background-color: #ffffff;
}
body#mindlabyrinth-page div#screens ul.orbit-bullets {
  margin-left: -81px;
}
.smallHeaderLine body #headers {
  position: relative;
}
.smallHeaderLine body #headers img {
  height: 64px;
  float: left;
}
.smallHeaderLine body #headers h1 {
  float: left;
  font-size: 48px;
  line-height: 48px;
}
.smallHeaderLine body #headers h2 {
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  top: 56px;
  left: 82px;
}
.resetGrid body #page {
  width: 960px;
}
.resetGrid body #menu {
  display: inline;
  float: left;
  width: 940px;
  margin: 0 10px;
}
.resetGrid body #headers {
  display: inline;
  float: left;
  width: 940px;
  margin: 0 10px;
}
.resetGrid body #follow {
  display: inline;
  float: left;
  width: 940px;
  margin: 0 10px;
}
.resetGrid body #mainMailChimp {
  display: inline;
  float: left;
  width: 940px;
  margin: 0 10px;
}
.resetGrid body#index-page #page #content {
  display: inline;
  float: left;
  width: 940px;
  margin: 0 10px;
  margin-left: 10px;
}
/* TABLET STUFF */
@media screen and (min-width: 640px) and (max-width: 960px) {
  /*
  @total-width: 640px;
  .resetGrid;
  .smallHeaderLine;
  body {
    background-color: red;
    #menu, #headers, #follow {
      margin-bottom: 1em;
    }
    #mainMailChimp {
      margin-bottom: 2em;
    }
  }
*/
}
/* PHONE STUFF */
@media screen and (min-width: 0px) and (max-width: 639px) {
  /*
  @total-width: 480px;
  @gutter-width: 1px;
  @column-width: 29px;
  .resetGrid;
*/
}
/* iPhone 4 */
/* iPhone */
/* iPad */