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

html {
	font-size:100%;
}
body, td, th, textarea, input, select {
	font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size:75%; /* reset the body type size down to a standard 12px form 16px - 0.75 * 16px = 12px */
	color:#000; /* black is a bit harsh, lets set a dark grey for default text */
	line-height:1.5; /* and give a line-height of 18px, basically 1.5x the font size for better readability */
}

/* 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;}
blockquote {/*background:url(../images/comment-left.gif) no-repeat 0 10px;*/  }
blockquote p {/*background:url(../images/comment-right.gif) no-repeat bottom right;*/}
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:1.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 {
	border-bottom: 1px solid;
  	color: #000; 
	cursor:pointer;
  	text-decoration:none;
}
a:hover, 
a:focus {
	border: none;
	color:#000; 
	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-bottom: 1em; border: 2px solid #ddd; font-weight:bold;}

.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-text {
	color: #8a1f11;
}