/*======================================================================
    Document   : Typography Styles
    Author     : okavanagh - http://www.olliekav.com
    Description: Typography - http://www.cutmedia.com
========================================================================*/

html {
	font-size:100%;
}
body, td, th, textarea, input, select {
	font-family:Helvetica Neue, Helvetica, Arial,  sans-serif;
	font-size:13px; /* reset the body type size down to a standard 12px form 16px - 0.75 * 16px = 12px */
	color:#555555; /* black is a bit harsh, lets set a dark grey for default text */
	line-height:20px; /* and give a line-height of 18px, basically 1.5x the font size for better readability */
}
/* Import the League Gothic font for all our headings */
/* For all main headings */
@font-face {
	font-family: 'League';
	src: url('../fonts/LeagueGothic.eot');
	src: local('../fonts/League'), 
	local('../fonts/League-Bold'), 
	url('../fonts/LeagueGothic.svg#LeagueGothic') format('svg'),
	url('../fonts/LeagueGothic.ttf') format('truetype');
}
/* horizontal rulers */
hr {
  background: #dbdbdb; 
  color: #dbdbdb;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 0.1em;
  margin: 20px 0 20px 0;
  border: none; 
}

/* First lets set up all our default typography stylings for margins, weight, line-heights that were reset in the reset stylesheet */

/* Headings -------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {color:#4e4e4e;font-weight:normal;}
h1, h2, h3 {font-family:'League', Impact, 'Arial Narrow', Helvetica Neue, Helvetica, Arial,  sans-serif; text-transform:uppercase;}
h4, h5, h6 {font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;margin:0 0 1.5em; font-weight:bold;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:36px;line-height:1;margin-bottom:0.75em;}
h3 {font-size:36px;line-height:1;margin-bottom:0.5em;}
h4 {font-size:18px;line-height:1.25;margin-bottom:0.5em;font-weight:bold;}
h5 {font-size:15px;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
 
/* Text elements -------------------------------------------------------------- */
 
p {/*font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;*/margin:0 0 1.5em; }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
/*abbr, acronym {border-bottom:1px dotted #666;}*/
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
/* For header elements that have a grey underline */
.border {
	border-bottom:1px solid #dbdbdb;
	margin:0 0 9px 0;
	padding:0 0 9px 0;
	width:710px;
}
.border-small {
	border-bottom:1px solid #dbdbdb;
	margin:0 0 9px 0;
	padding:0 0 9px 0;
	width:300px;
}
.border-wide {
	border-bottom:1px solid #dbdbdb;
	margin:0 0 9px 0;
	padding:0 0 9px 0;
	width:940px;
}
 
/* Lists -------------------------------------------------------------- */
 
/*li ul, li ol {margin:0 1.5em;}*/
ul, ol {margin:0 0 1.5em 0;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
 
/* Tables -------------------------------------------------------------- */
 
table {font-size:1.3em;margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td, caption {padding:4px 10px 4px 5px;vertical-align:top;}
tfoot {font-style:italic;}
caption {background:#eee;}
 
/* Forms -------------------------------------------------------------- */
 
label { font-weight : bold; }
/*fieldset { padding : 1.4em; margin : 0 0 1.5em 0; border : 1px solid #ccc; }*/
legend { font-weight : bold; font-size : 1.2em; }
textarea { width : 390px; height : 250px; padding : 2px;}
input, textarea, select {font-size:1em; line-height:normal;}

/*= Link styles 
For better usablity we remove the default underlining and use a border bottom to not cut off the decenders of the type
------------------------------------------------------------------------------------------- */

a {
  color:#ec0000; /* Red */
	cursor:pointer;
  text-decoration:none;
}
/*a:visited {
	color:#d61a1a; /* Dark Red 
	cursor:pointer;
  text-decoration:none;
}*/
a:hover, 
a:focus {
  background:transparent;
	color:#ec0000; /* Red */
	border-bottom: 1px solid;
	text-decoration:none;
}
/* User a nohover for links we don't want a bottom border on: e.g. images */
a.nohover:link,
a.nohover:visited {
	border-bottom: none;
}
/* Anything with nohover styles set here */
a.nohover:hover {
	border-bottom: none;
}

/* If you need a button in the app, use the following button class and append a class of business(blue) or user(red) */
a.button {
	border:0;
	color:#ffffff;
	cursor:pointer;
	display:inline-block;
	font-family:'League', 'Arial Narrow', Helvetica Neue, Helvetica, Arial,  sans-serif;
	font-size:26px;
	margin:0 10px 0 0;
	padding:6px 10px 5px 10px;
	text-align:center;
	text-transform:uppercase;
	/* CSS3 Properties */
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
a.button:hover {
  color:#fff;
	border:0;
}
/* Business button(blue) */
a.button.business {
  background:#3e8ae0;
  color:#fff;
}
a.button.business:hover {
  background:#2d69ad;
}
/* User button(red) */
a.button.user {
  background:#ec0000;
  color:#fff;
}
a.button.user:hover {
  background:#d61a1a;
}

/*= For some nice pretty effects in Safari, use the -webkit-transform on links ;) */
/*a:hover { -webkit-transition: all 0.5s linear; }*/

/*= Error messages on the site ------------------------------------------------------------ */
.error-txt,
.success-txt, 
.neutral-txt,
#errorExplanation    { padding: .8em; margin: 0 0 18px 0; border: 2px solid #ddd; }

.error-txt      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.neutral-txt,
#errorExplanation     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success-txt    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error { color: #8a1f11;}

/* Generix text effects */
.center {
	text-align:center;
}