/* Comprehensive Base Stylesheet - http://fvsch.com/code/base-stylesheet/
Makes browser default styles more consistent, creating a canvas that you
should modify for your project. Fully commented. Last update:2011-10-02. */

@font-face {
    font-family: "GandhiSans";
    src: url("fonts/GandhiSans-Regular.otf") format("opentype");
}

@font-face {
    font-family: "GandhiSans-Bold";
    src: url("fonts/GandhiSans-Bold.otf") format("opentype");
}

@font-face {
    font-family: "GandhiSans-Italic";
    src: url("fonts/GandhiSans-Italic.otf") format("opentype");
}

@font-face {
    font-family: "GandhiSans-BoldItalic";
    src: url("fonts/GandhiSans-BoldItalic.otf") format("opentype");
}

/* CONTAINERS */
body {
    margin: 0;
    padding: 0 0 20px 0; /* Browsers have default 8px margins _or_ padding! */
    font-size: 100%; /* See: http://www.informationarchitects.jp/en/100e2r/ */
    line-height: 1.5; /* Default value, `normal`, depends on the font */
    position: relative;
}

body:after {
    background: url("../imgs/sky-bg.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    content: "";
}

/* HTML5 blocks - needed in older browsers */
article, aside, figcaption, figure, footer, header, nav, section {
    display: block;
}

/* PARAGRAPHS */
h1, h2, h3, h4 {
    margin: .75em 0 .25em; /* Titles should be close to the text they describe */
    line-height: 1.25; /* Bigger text is often nicer with smaller line height */
    font-weight: bold; /* Browser default. Use `normal` for less bulky titles */
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1em;
}

ul, ol {
    margin: 1em 0; /* Default for all browsers except IE */
    padding-left: 40px; /* IE has a 40px margin-left instead */
    list-style-type: none;
}

p {
    margin: .5em 0;
}

blockquote {
    margin: 1em 40px; /* Same for all browsers - Customize or remove */
}

figure {
    margin: 1em 0; /* Default in HTML5 spec: `1em 40px` */
}

/* No border around images in links */
a img {
    border: none;
}

/* MISC TEXT-LEVEL ELEMENTS */
/* Make quotations and references more visible */
q, cite {
    font-style: italic;
}

/* Remove automatic quotation marks for inline quotations
(`q {
  quotes: none
}
` not implemented in WebKit) */
q:before, q:after {
    content: "";
}

/* Stopping superscript and subscript from adding to the line's leading */
sup, sub {
    line-height: 0;
}

/* FORMS */
fieldset {
    margin: 0; /* Common default is `0 2px` */
    padding: 0; /* Common default (roughly):`.35em .625em .75em` */
    border: none;
}

input, button, select {
    vertical-align: middle; /* Helps keep form elements roughly aligned */
}

/* TABLES */
table {
    border-collapse: collapse; /* Merges cell borders together */
    /* Browser default: border-collapse:separate;
    border-spacing: 2px;
    */
}

td, th {
    padding: 1px; /* Same as browser default - set to "0" to remove padding */
    vertical-align: top; /* Default is "middle" */
    text-align: left; /* Default for TH elements is "center" */
}

td:first-child, th:first-child {
    empty-cells: hide; /* Hide empty cells when they're the first in the row */
}