title: Am I creating a usable custom page variable properly here?
body: <p>In one of my templates I'm attempting to be able to set the background color of a specific post via the liquid template at the top of a post. My template has this in it:</p>
  
  <pre><code>&lt;style&gt;
  {% if page.style %}
    body {background-color: { { page.style.bgcolor }}}
  {% endif %}
  &lt;/style&gt;
  </code></pre>
  
  <p>And then here's the liquid template from the post: </p>
  
  <pre><code>---
  layout: post
  title:  "Post Name"
  date:   2014-03-18 16:01:57
  tags: game
  style:
    bgcolor: green
  image:
    feature: feature-image.png
  ---
  </code></pre>
  
  <p>Am I creating a custom variable properly, or is what I'm attempting not even possible? </p>
  
  <p>This the result:</p>
  
  <pre><code>body {background-color: { { page.style.bgcolor }}}
  </code></pre>