/* --- BASIC STYLES --- */

/* Page */
html {
    height: 100%;
    font-size: 100%; /* Avoid an IE 6-7 bug  */
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    font-size: 75%;
    line-height: 1.2;
    color: #666666;
    background: white;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .3em 0;
    line-height: 1.2;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    color: #4a3b7f;
}

h1 {
    margin: 0 0 .5em 0;
    font-size: 20px;
}

h2 {
    margin: 5px 0 .3em 0;
}

h1, h2 {
    margin-left: -1px;
}

h3 {
    font-size: 16px;
}

/* Lists */
ul, ol {
    margin: .75em 0 1.1em 1em;
    padding: 0;
}

ul {
    list-style-image: url(../images/global/bullet.png);
    list-style-type: square;
}

/* Paragraphs */
p {
    margin: .6em 0 1.1em;
}

address {
      margin: .75em 0;
      font-style: normal;
}

/* Links */
a {
    text-decoration: none;
}

a:link, a:visited {
    color: #61116A;
}

a:hover, a:focus, a:active {
    color: #00A3EE;
}

/* No dotted border nor halo when clicking on a link */
a:active {
    outline: none;
}

/* No image borders on links */
a img {
    border: none;
}

/* Different in-line elements */
em {
    font-style: normal;
    color: #4a3b7f;
}

strong {
    font-weight: bold;
}

/* Forms */
form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

input, button, select {
  vertical-align: middle; /* Solution to an aöign problem */
}

/* --- MORE BASIC STYLES --- */

/* Emphasizes abbreviations (having a title attribute) */
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* Emphasizes quotes */
blockquote {
  margin: .75em 0 .75em 20px;
  padding: 0 0 0 10px;
  border-left: solid 2px #ddd;
}

q, cite {
  font-style: italic;
}

q cite, q q {
  font-style: normal
}

/* Deletes the automatic quotation marks (short quotes) */
q {
  quotes: none;
}

q:before, q:after {
  content: ""; /* Needed for Safari/Chrome */
}

/* Narrows paragraphs in lists and quotes */
blockquote p, li p {
  margin: .5em 0;
}

/* Basic style for the definition lists */
dl {
  margin: .75em 0;
  
}

dt {
  margin: .75em 0 0 0;
  font-weight: bold;
}

dd {
  margin: .25em 0 .25em 32px;
}

/* Simple layout for tables */
table {
  margin: 0;
  border: 1px solid gray;
  border-collapse: collapse;
  border-spacing: 0;
}

table td, table th {
  padding: 4px;
  border: 1px solid #ccc;
  vertical-align: top;
}

/* Superscript  and subscript */
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 0.9ex;
}

sub {
	top: .5ex;
}

/* HTML 5 elements :D */
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section {
  display: block;
}
