/*
* Amazium (http://www.amazium.co.uk)
* Copyright 2010 - 2013, Mike Ballan
* Licensed under MIT (https://github.com/OwlyStuff/Amazium/blob/master/LICENSE)
*/

/***********************************************
Reset & Basics
***********************************************/
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, img, ins, kbd,
q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
embed, figure, figcaption, footer,
header, hgroup, menu, nav, output,
ruby, section, summary, time, mark,
audio, video                                    { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

article, aside, details, figcaption,
figure, footer, header, hgroup, menu,
nav, section                                    { display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

blockquote, q                                   { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after                               { content:''; content:none; }

html                                            { overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
body                                            { margin:0; padding:0; background-color:#FFF; font-family:sans-serif; font-size:16px; line-height:22px; color:#333; }


/***********************************************
Typography
***********************************************/
h1, h2, h3, h4, h5, h6                          { margin:0 0 16px; padding:0; color:#333; font-weight:normal; position:relative; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a              { font-weight:inherit; color:inherit; }
h1                                              { font-size:38px; line-height:40px; }
h2                                              { font-size:32px; line-height:34px; }
h3                                              { font-size:24px; line-height:26px; }
h4                                              { font-size:18px; line-height:19px; }
h5                                              { font-size:16px; line-height:16px; }
h6                                              { font-size:14px; line-height:13px; }

p                                               { margin:0 0 20px 0; padding:0; font-size:16px; line-height:22px; }

sup, sub                                        { height:0; line-height:0; vertical-align:baseline; _vertical-align:bottom; position:relative; font-size:80%; }
sup                                             { top:-5px; }
sub                                             { bottom:-5px; }

pre                                             { margin:0 0 50px; padding:0; display:table; table-layout:fixed; width:100%; }
pre code                                        { padding:20px; overflow:auto; width:100%; }
code                                            { margin:0; padding:0 3px; font-family:'Consolas', Courier, monospace; font-size:12px; line-height:16px; text-align:left; color:#F1F1F1; display:inline-block; vertical-align:middle; background-color:#111; border:1px solid #111; overflow:hidden; white-space:pre; }

abbr[title],
abbr[data-original-title]                       { border-bottom:1px dotted #999999; cursor:help; }
address                                         { margin:26px 0; padding:0; display:block; font-style:normal; line-height:20px; }

hr                                              { margin:20px 0; padding:0; border:0; border-top:1px solid #D6D6D6; height:1px; width:100%; text-align:left; display:block; }


/***********************************************
Lists
***********************************************/
ul, ol, dl                                      { margin:20px 0 30px 20px; display:block; }
ul ul, ul ol, ol ol, ol ul                      { margin:10px 0 20px 20px; }
ol                                              { padding-left:10px; }
li                                              { margin:0 0 10px 0; padding:0; }

ul.square, ul.square ul,
ul.circle ul.square                             { list-style:square; }
ul.circle, ul.circle ul,
ul.square ul.circle                             { list-style:circle; }
ul.disc, ul.disc ul                             { list-style:disc; }
ul.square li,
ul.circle li,
ul.disc li                                      { margin:0 0 5px 0; padding:0; line-height:18px; background:none; }

dl                                              { margin-left:0; padding:0; }
dt                                              { margin:0; font-weight:bold; }
dd                                              { margin:0 0 20px; }

.dl-inline dt                                   { margin:0 0 20px; float:left; width:30%; clear:left; }
.dl-inline dd                                   { margin-left:30%; }


/***********************************************
Blockquotes
***********************************************/
figure                                          { margin:16px 0 26px 0; padding:0; position:relative; top:0; left:0; }

blockquote                                      { margin:0; padding:60px 0 0; }
blockquote p:first-of-type:before               { content:'\201C'; display:block; font-family:'Arial Black', Gadget, sans-serif; color:#A88ABF; font-size:80px; line-height:80px; font-style:normal; position:absolute; top:0; left:0; }
blockquote p                                    { margin:0 0 10px; padding:0; font-size:22px; line-height:26px; color:#777; font-style:italic; }
blockquote a                                    { display:inline-block; }
blockquote p:last-of-type:after                 { content:'\201D'; }

figcaption:before                               { content:'\2014'; display:block; }
figcaption                                      { margin:0; padding:0; font-size:14px; }
figcaption span                                 { padding:0 5px; display:inline-block; background-color:#A88ABF; color:#FFF; }

/***********************************************
Links
***********************************************/
a                                               { color:#333; text-decoration:underline; outline:0; transition:color .1s linear 0s, background .1s linear 0s; -moz-transition:color .1s linear 0s, background .1s linear 0s; -webkit-transition:color .1s linear 0s, background .1s linear 0s; -o-transition:color .1s linear 0s, background .1s linear 0s; }
a:focus                                         { outline:none; -moz-outline-style:none; }

/***********************************************
Images, iFrames & Videos
***********************************************/
img                                             { border:0; vertical-align:middle; -ms-interpolation-mode:bicubic; }
.img-left                                       { float:left; margin:0 30px 30px 0; border:none; }
.img-right                                      { float:right; margin:0 0 30px 30px; border:none; }
.img-max                                        { margin:0 0 30px; width:100%; height:auto; }

.media                                          { position:relative; margin:0 0 15px 0; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; }
.media iframe,
.media object,
.media embed                                    { position:absolute; top:0; left:0; width:100%; height:100%; }

/***********************************************
Tables
***********************************************/
table                                           { margin:20px 0 40px 0; border:none; width:100%; overflow:visible; border-bottom:1px solid #D6D6D6; border-collapse:collapse; border-spacing:0; }
caption                                         { margin:0 0 10px; width:100%; text-align:left; font-weight:bold; }
tr                                              { background-color:#FFF; border-bottom:1px solid #EEE; min-height:35px; }
tr:hover                                        { background-color:#F9F9F9; }
th                                              { padding:8px; background-color:#FFF; border:none; border-right:1px solid #EEE; font-weight:bold; text-align:left; }
th:last-child                                   { border:none; }
td                                              { padding:8px; min-width:100px; background-color:transparent; border:none; border:none; word-wrap:break-word; position:relative; top:0; left:0; }

.message                                        { margin:0 0 20px; padding:30px; background-color:#EEE; border:1px solid rgba(0,0,0,.1); }
.message--color-success                         { background-color:rgba(41,183,101,.2); color:rgba(41,183,101,1); }
.message--color-info                            { background-color:rgba(52,152,219,.2); color:rgba(52,152,219,1); }
.message--color-warning                         { background-color:rgba(250,147,0,.2); color:rgba(250,147,0,1); }
.message--color-error                           { background-color:rgba(231,76,60,.2); color:rgba(231,76,60,1); }


/***********************************************
Utility Classes
***********************************************/
.float-clear                                    { clear:both; }
.float-left                                     { float:left; }
.float-right                                    { float:right; }

.txt-left                                       { text-align:left; }
.txt-right                                      { text-align:right; }
.txt-center                                     { text-align:center; }
.txt-justify                                    { text-align:justify; }

.txt-normal                                     { font-weight:normal; }
.txt-bold                                       { font-weight:bold; }
.txt-italic                                     { font-style:italic; }
.txt-underline                                  { border-bottom:1px solid; }
.txt-highlight                                  { padding:4px 7px 4px; color:#000; line-height:19px; display:inline-block; background:#00DEFF; font-weight:bold; }
.txt-intro                                      { margin:0 0 40px; font-size:130%; line-height:130%; }
.txt-big                                        { color:#A2BD30; font-weight:bold; line-height:26px; }

.rounded                                        { border-radius:50%; }
.radius                                         { border-radius:3px; }

.no-padding                                     { padding:0; }
.no-indent                                      { margin-left:0; padding-left:0; }
.no-bullet                                      { list-style:none; list-style-image:none; }
.no-styling                                     { margin:0; padding:0; list-style:none; }

.inline                                         { display:inline; }
.block, .show                                   { display:block; }
.hidden, .hide                                  { display:none; }

.invisable                                      { display:none; visibility:hidden; }
.visable                                        { display:block; visibility:visible; }

/***********************************************
Disable Chrome blue border
***********************************************/
input:focus, select:focus,
textarea:focus, button:focus                    { outline:none; }

/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:767px) {
    table, tbody, tr, th, td                    { border:0; display:block; text-align:left; white-space:normal; }
    table                                       { padding:0; border-top:1px solid #D6D6D6; table-layout:fixed; }
    caption                                     { display:block; }
    tr                                          { margin:0; padding:6px; border-bottom:1px solid #D6D6D6; }
    tr:hover                                    { background-color:#FFF; }
    thead, th, td:empty                         { display:none; visibility:hidden; }
    td                                          { padding:0; }
    td:first-child                              { font-weight:bold; }
    th[data-title]:before,
    td[data-title]:before:;                     { content:attr(data-title) ":\00A0"; font-weight:bold; }
}