/*=============================
=            $Core            =
=============================*/
html { font-size: 100.01%; }

body { direction: ltr; font-family: "PT Sans", sans-serif; font-size: 1em; line-height: 1.4em; }

/*==========  $Core Links  ==========*/
a, a:link { color: #20ade4; font-weight: bold; text-decoration: none; }

a:hover, a:active { text-decoration: underline; }

a:visited { color: #1d9ccd; }

a:hover { color: #1a8ab6; }

a:active { color: #1d9ccd; }

a:focus { color: #20ade4; outline-color: #20ade4; }

/*==========  $Core Headings  ==========*/
h1, h2, h3, h4, h5, h6 { clear: both; font-family: "PT Sans", sans-serif; font-weight: normal; line-height: 1.2; margin: 0 0 0.5em 0; }

h1 { font-size: 294%; }

h2 { font-size: 192%; }

h3 { font-size: 171%; }

h4 { font-size: 150%; }

h5 { font-size: 128%; }

h6 { font-size: 107%; }

/*==========  $Core Text  ==========*/
p, address { margin: 0 0 1em 0; }

mark, .highlight { background: #FFD700; }

acronym[title], abbr[title] { border-bottom: 1px dotted #20ade4; cursor: help; letter-spacing: 2px; }

/*==========  $Core Quotes  ==========*/
blockquote { border-left: 1px solid #e5e5e5; font-size: 122%; font-style: italic; line-height: 1.5; margin: 6px 15px 1em 15px; padding-left: 6px; quotes: none; }

blockquote:before, blockquote:after { content: none; }

blockquote p:last-child { margin-bottom: 0; }

blockquote > span, blockquote .credit { font-size: 78%; font-style: italic; margin-bottom: 0; }

blockquote > span:before, blockquote .credit:before { content: '\2013'; }

blockquote.styled { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #f5f5f5; border: 0; color: #555555; padding: 18px 0; }

blockquote.styled:before { color: #dadada; content: '\201C'; font-size: 60px; font-style: normal; font-weight: bold; line-height: 0.7; padding-left: 9px; }

blockquote.styled p { margin-top: 0; margin-right: 18px; margin-bottom: 1em; margin-left: 36px; }

blockquote.styled p:first-child { margin-top: -40px; }

blockquote.styled p:last-child { margin-bottom: 0; }

cite, q { font-style: italic; }

cite:after, q:after { content: close-quote; }

cite:before, q:before { content: open-quote; }

/*==========  $Core Lists  ==========*/
ul, ol { margin-top: 0; margin-right: 0; margin-bottom: 15px; margin-left: 24px; padding: 0; /* Remove vertical spacing from nested lists. */ }

li > ul, li > ol { margin-bottom: 0; }

ol li { margin: 0 0 0 9px; }

dl { margin: 0 0 15px 24px; padding: 0; }

dt { font-weight: bold; margin: 0; padding: 0; }

dd { margin: 0 0 0 9px; padding: 0; }

/*==========  $Core Tables  ==========*/
table { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-collapse: separate; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin: 0 0 15px 0; width: 100%; }

table caption { font-size: 85.7%; font-style: italic; font-weight: bold; margin: 0; padding: 0 0 3px 0; }

[colspan] { text-align: center; }

[colspan="1"] { text-align: left; }

[rowspan] { vertical-align: middle; }

[rowspan="1"] { vertical-align: top; }

th { background: #eeeeee; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; font-weight: bold; padding: 6px; text-align: left; }

thead tr:first-child th:first-child { -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }

thead tr:last-child th:last-child { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; }

td { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 6px; vertical-align: top; }

/*==========  $Media Images  ==========*/
img { /* Make images responsive by default */ height: auto; max-width: 100%; vertical-align: bottom; /* Images inside figure */ }

img[width], img[height] { display: inline-block; }

figure > img { display: block; }

/*==========  $Media Audio  ==========*/
audio { width: 100%; }

input[type=button], input[type=submit], input[type=reset], input[type=color], button, .btn, .btn:link, .btn:visited, .button, .button:link, .button:visited { display: inline-block; font-family: "PT Sans", sans-serif; font-weight: bold; line-height: 1; padding: 9px; /*! For links */ text-decoration: none; white-space: nowrap; word-wrap: normal; /* IE7 padding bugfix */ overflow: visible; width: auto; }

input[type=button][disabled], input[type=button][disabled]:hover, input[type=button][disabled]:active, input[type=submit][disabled], input[type=submit][disabled]:hover, input[type=submit][disabled]:active, input[type=reset][disabled], input[type=reset][disabled]:hover, input[type=reset][disabled]:active, input[type=color][disabled], input[type=color][disabled]:hover, input[type=color][disabled]:active, button[disabled], button[disabled]:hover, button[disabled]:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:active, .button.disabled, .button.disabled:hover, .button.disabled:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e5e5e5; border: 1px solid #dadada; color: #888888; cursor: default; }

input[type=color] { height: 25px; width: 25px; }

/*! Fixes a NASTY bug in Firefox where input's line-height does not work */
/* @-moz-document url-prefix() {
	input[type=button],
	input[type=submit],
	input[type=reset] {
		height: 1.9em;
	}
} */
/*! Removes box-model-related styles from images inside buttons */
button img, .btn img, .button img { border: 0; margin: 0; padding: 0; }

/*==========  $Core Details/Summary  ==========*/
details { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fafafa; border: 1px solid #e5e5e5; }

details summary { background: #fafafa; background: -webkit-linear-gradient(270deg, #fafafa, #eeeeee); background: -moz-linear-gradient(270deg, #fafafa, #eeeeee); background: linear-gradient(180deg, #fafafa, #eeeeee); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-bottom: 1px solid #e5e5e5; cursor: pointer; margin: 0; padding: 0 6px; }

details summary:focus { border-color: #20ade4; outline-color: #20ade4; }

details > div { padding: 6px; }

details[open] summary { border-color: #dadada; }

/*==========  $Core Rulers / line breaks  ==========*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #888888; margin: 1em 0; padding: 0; }

br { clear: both; }

/*==========  $Misc  ==========*/
:focus { outline-color: #20ade4; }

/*-----  End of $Core  ------*/