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

html {
	font-size:100%;
}
body, td, th, textarea, input, select {
	font-family: baskerville,'palatino linotype','times new roman',serif;
	font-size:12px; /* reset the body type size down to a standard 12px form 16px - 0.75 * 16px = 12px */
	color:#3a3a3a; /* black is a bit harsh, lets set a dark grey for default text */
	line-height:18px; /* and give a line-height of 18px, basically 1.5x the font size for better readability */
}
/* For all main headings if Javascript is turned off we use @font-face */
@font-face {
	font-family: 'League';
	src: url('LeagueGothic.eot');
	src: local('League'), 
	local('League-Bold'), 
	url('LeagueGothic.svg#LeagueGothic') format('svg'),
	url('LeagueGothic.ttf') format('truetype');
}

/* 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 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:0.5em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:0.5em;font-weight:bold;}
h5 {font-size:1em;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 {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;}
 
/* 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; margin-bottom:9px;}
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:link,
a:visited {
  	color: #ffffff; /* Light grey */
	cursor:pointer;
  	text-decoration:none;
}
a:hover, 
a:focus {
	color:#3a3a3a; /* Dark grey */
	/*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,
a.nohover:hover {
	border-bottom: 1px solid;
}
/* Anything with nohover styles set here */
a.nohover:hover {
	border-bottom: none;
}

/*= 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 160px; 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;}