/* typography.css *
* Copyright (c) 2015, hariyazt16@gmail.com. All rights reserved.
* version: 0.1.0
*
*	CSS Reset
*	Headings
*	Hyperlink
*	Subscript and Superscript
*	Paragraf
*	Font-Family
*	Misc class for general use
*	Content
*
*/

/* =CSS Reset : reset default browser style
-------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
input, button, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, footer, header,
hgroup, nav, section {
	color: #3a3a3a;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	font-family: 'Myriad Pro', Tahoma, Arial, Helvetica, sans-serif;
}


/* =Headings
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
  font-weight: 600;
}
h1, h2, h3 {line-height: 40px;}
h1 {font-size: 34px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 17.5px;}
h5 {font-size: 14px;}
h6 {font-size: 11.9px;}

h2.head {
	background: #006e8c;
	color: #fff;
	font-size: 18px;
	text-shadow: 0 1px 1px #000;
	box-shadow: 0 2px 4px #444;
	padding: 0 10px;
	position: relative;
	z-index: 5;
}
h2.head span.date {
	line-height: 40px;
	color: #fff;
	float: right;
}

/* =Hyperlink
------------------------------------------------------------ */
a:link {color: #006e8c; text-decoration: none;}
a:visited {color: #006e8c; text-decoration: none;}
a:hover {color: #04b0f0; text-decoration: underline;}
a:hover, a:active {outline: 0;}

/* =Subscript and Superscript
------------------------------------------------------------ */
sub, sup {
  position: relative;
  font-size: 75% !important;
  line-height: 0;
  vertical-align: baseline;
}

/* Subscript */
sup {top: -0.5em;}

/* Superscript */
sub {bottom: -0.25em;}

/* =Paragraf
------------------------------------------------------------ */
p {margin-bottom: 10px;}

/* =Font-Family
------------------------------------------------------------ */
.tahoma {font-family: Tahoma, Arial, Helvetica, sans-serif;}
.trebuchet {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
.verdana {font-family: Verdana, Arial, Helvetica, sans-serif;}
@font-face {
    font-family: 'LatoWeb';
    src: url('../fonts/lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/lato/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro/MyriadPro-Regular.woff') format('woff'),
         url('../fonts/MyriadPro/MyriadPro-Regular.ttf') format('truetype'),
         url('../fonts/MyriadPro/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* =Misc class for general use
------------------------------------------------------------ */
/* Font Weight */
.bold {font-weight: bold;} .italic {font-weight: italic;} .normal {font-weight: normal;}

/* Text Align */
.text-left {text-align: left;} .text-right {text-align: right;} .text-center, .center {text-align: center;}

/* Font Size */
.smallo-px {font-size: 12px;} .small-px {font-size: 11px;} .smaller-px {font-size: 10px;} .smallest-px {font-size: 9px;}
.large-px {font-size: 13px; line-height: 18px;} .larger-px {font-size: 16px; line-height: 22px;} .xtra-large {font-size:17px; font-size: 25px;}

/* Remove n Clear */
.decor-none, .decor-none:hover{text-decoration:none; border-bottom:none;}
.hide-text {
  font-size: 0px;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/* Font Color */
.black {color: #000;}
.white {color: #FFF;}
.silent {color: #777;}
.link {color:4e6a97;}
.orange {color: orange;}
.red {color: #ff0000;}
.green {color: #008000;}

/* =Content
------------------------------------------------------------ */