/* 
    Created on : 19-Dec-2014, 21:06:05
    Author     : paul
	Saved on ${date} ${time}

*/
/*Variables*/
/* CHange this file to alter the looka nd feel*/
@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
@import url(http://fonts.googleapis.com/css?family=Alegreya+SC);
/*$font-stack: "Open Sans", 'serif';*/
/*$header-stack:"EB Garamond", serif;*/
/*Colour of the square on top lh*/
/*Colour of the square on the main site and at the bottom of the others*/
/*Not currently used*/
/* 
    Created on : 19-Dec-2014, 21:08:36
    Author     : paul
*/
/*RESET*/
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%; }

/*SCALED HEADINGS*/
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  font-weight: 600;
  font-family: "Alegreya SC", "serif"; }

h1 {
  font-size: 1.125em;
  /* 16x2.25=36 */ }

h2 {
  font-size: 0.875em;
  /* 16x1.5=24 */ }

h3 {
  font-size: 0.875em;
  /* 16x1.125=18 */
  font-variant-caps: small-caps; }

h4 {
  font-size: 0.875em;
  /* 16x0.875=14 */ }

p, li {
  font-size: 0.75em;
  /* 16x0.75=12 */
  line-height: 1.5; }

/*Position*/
/*Centres the body in all sizes*/
html {
  height: 100%; }

body {
  min-height: 100%;
  background-color: #F0F0F0;
  width: auto;
  margin-left: 1%;
  margin-right: 1%;
  font-family: "EB Garamond", serif; }

.cpe_main {
  background-color: white;
  /*background: url(http://baselinebg.keyes.ie?h=24) repeat;*/
  padding: 0 1.5em;
  font-size: 18px;
  /*line-height:$leading;*/ }
  .cpe_main * + * {
    margin-top: 1.5em; }
  .cpe_main h3 + p {
    margin-top: 0.75em; }

.cpe_title {
  width: 100%;
  /* Is this needed */ }

.cpe_container {
  margin-top: 0; }

.cpe_column3, .cpe_column33 {
  margin-top: 1.5em;
  float: left; }
  .cpe_column3 ul, .cpe_column33 ul {
    margin-top: 0; }
    .cpe_column3 ul li, .cpe_column33 ul li {
      /*Can be used to tighten bullet*/
      margin-top: 0.3em; }

.cpe_footer {
  margin-top: 1.5em; }

.cpe_position {
  float: left; }

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

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

.cpe_inbox {
  width: 50%;
  height: 50%;
  margin: 25%;
  background-color: purple; }

.cpe_smallinbox {
  /*This can be combined */
  width: 50%;
  height: 50%;
  margin: 25%;
  background-color: black; }

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

/*Debug*/
div, p {
  /*border: 1px dotted grey;*/
  /*width: 100%;*/ }

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

  .cpe_main * + * {
    margin-top: 1.5em; }
  .cpe_main .cpe_title h1, .cpe_main .cpe_title h2, .cpe_main .cpe_title h3 {
    width: 80%; }

  .cpe_container {
    margin-top: 1.5em;
    /*Unused*/ }
    .cpe_container .cpe_column3 {
      width: 27%;
      margin-right: 6%;
      margin-top: 0;
      /*clear: both;*/ }
    .cpe_container .cpe_column23 {
      width: 60%;
      margin-right: 6%;
      margin-top: 0; }
    .cpe_container .cpe_column33 {
      width: 100%;
      margin-right: 0%;
      margin-top: 0; } }

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