/* 
    Created on : 19-Dec-2014, 21:06:05
    Author     : paul
*/
/* 
    Created on : 19-Dec-2014, 21:08:36
    Author     : paul
*/
/*RESET*/
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

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

audio,
canvas,
video {
  display: inline-block;
  max-width: 100%; }

html {
  height: 100%; }

body {
  font-size: 16px;
  font-weight: 300;
  min-height: 100%;
  line-height: 1.4em; }

/*SCALED HEADINGS*/
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4em;
  font-weight: 600; }

h1 {
  font-size: 180%; }

h2 {
  font-size: 164%; }

h3 {
  font-size: 145%; }

h4 {
  font-size: 118%; }

h5 {
  font-size: 100%; }

/*Variables*/
/*
Change this to alter the font. 
Link to webfonts may need changing in index*/
/*Colour of the square on top lh*/
/*Not currently used*/
/*Position*/
/*Centres the body in all sizes*/
body {
  width: auto;
  margin-left: 5%;
  margin-right: 5%;
  font-family: "Raleway", sans serif; }

.cpe_main * + * {
  margin-top: 1.4em; }

.cpe_container {
  margin-top: 0;
  /*Unused*/ }

.cpe_column3 {
  margin-top: 1.4em; }
  .cpe_column3 ul, .cpe_column3 li {
    /*Can be used to tighten bullet*/
    /*margin-top: 1.4em;*/ }

.cpe_footer {
  margin-top: 1.4em; }

.cpe_position {
  float: left; }

/*DOES THE BOX*/
.cpe_outbox {
  width: 4em;
  height: 4em;
  float: left;
  margin-top: 0em;
  margin-right: 0.5em;
  border: 2px solid green; }

.cpe_smallbox {
  width: 2em;
  height: 2em;
  float: left;
  margin-top: 1.4em;
  margin-right: 1em;
  border: 1px solid black; }

.cpe_inbox {
  /*float:left;*/
  width: 50%;
  height: 50%;
  margin: 25%;
  background-color: green; }

.cpe_smallinbox {
  /*float:left;*/
  width: 50%;
  height: 50%;
  margin: 25%;
  background-color: black; }

/*FITS THE TITLE ALONGSIDE TEH BOX*/
.cpe_title h1, .cpe_title h2, .cpe_title h3 {
  width: 100%;
  margin-right: 0;
  float: left; }
.cpe_title h1, .cpe_title h2 {
  margin-top: 0; }

.cpe_footer h5 {
  margin-top: 2.4em; }

/*Debug*/
div {
  width: 100%; }

/*This applies to larger pages*/
@media screen and (min-width: 700px) {
  body {
    max-width: 40em;
    margin: auto; }

  .cpe_column3 {
    width: 27%;
    margin-right: 6%;
    margin-top: 0; }

  * + * {
    margin-top: 1.4em; }

  .cpe_title h1, .cpe_title h2, .cpe_title h3 {
    width: 80%; }

  .cpe_container {
    margin-top: 1.4em; } }

/*# sourceMappingURL=main.css.map */