/* ----------------------------------------------------------------
 * FILE: typography.css
 * ----------------------------------------------------------------
 * Created: 05-01-09 (dd-mm-yy)
 * Template: Clean Palette
 *
 * ----------------------------------------------------------------
 * TOC:
 * ----------------------------------------------------------------
 * - GLOBAL
 *   - HEADERS
 *   - TEXT
 *   - LINKS
 *   - TABLES
 *   - FORMS
 * - SKIP-LINK
 * - CONTAINER
 * - HEADER
 *   - LOGO
 *   - NAVIGATION
 *   - CONTACT FORM
 * - CONTENT
 *   - BREADCRUMB
 * - FOOTER
 * ---------------------------------------------------------------- 
*/

/* ---------------------------------------------------------------- 
 * GLOBAL
 * ---------------------------------------------------------------- 
*/ 
html { 
font-size: 76%;}

body {	
font-family: Helvetica, Arial, sans-serif;
font-size:  1.1em ;
line-height: 1.7em;
text-align: center;}	

/* ---------------------------------------------------------------- 
 * GLOBAL > HEADERS
 * ---------------------------------------------------------------- 
*/ 
h1, h2, h3, h4, h5, h6 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-weight: normal;
line-height: 1.1em;
}

h1 { 
font-size: 2.2em;}

h2 { 
font-size: 1.6em;}

h3 { 
font-size: 1.4em;}

h4 { 
font-size: 1.2em;}

h5 { 
font-size: 1em;}	

h6 { 
font-size: 1em;}

/* ---------------------------------------------------------------- 
 * GLOBAL > TEXT
 * ---------------------------------------------------------------- 
*/ 
pre, code, blockquote { 	
line-height: 1.4em;
font-size: 1.1em;}

blockquote { 
font-style: italic;
font-size: 1em;
line-height: 1.5em;
text-indent: 3em;}	

.quote-author {
text-indent: 0;
font-style: normal;}

/* ---------------------------------------------------------------- 
 * GLOBAL > LINKS
 * ---------------------------------------------------------------- 
*/ 
a { 
text-decoration: underline;}

a.btn {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 0.9em;}    

/* ---------------------------------------------------------------- 
 * GLOBAL > TABLES
 * ---------------------------------------------------------------- 
*/ 
table thead th { 
font-family: inherit; 	
font-size: inherit;}

table th, 
table td { 
text-align: left;}

/* ---------------------------------------------------------------- 
 * GLOBAL > FORMS
 * ---------------------------------------------------------------- 
*/  
form fieldset label { 
font-family: inherit; 	
font-size: inherit; 
line-height: 1em;}	

form fieldset input,
form fieldset select,
form fieldset textarea {  
font-family: inherit; 	 
font-size: inherit;}

form fieldset button {
text-align: center;
font-size: 1.2em;
font-weight: bold;} 

form fieldset fieldset legend span {
font-weight: bold; 
line-height: 1.7em;}    

form fieldset fieldset label { 
font-weight: normal;}    

/* ---------------------------------------------------------------- 
 * SKIP-LINK
 * ---------------------------------------------------------------- 
*/ 
#skip-link { 
text-decoration: underline;}

/* ---------------------------------------------------------------- 
 * CONTAINER
 * ---------------------------------------------------------------- 
*/
#container {
text-align: left;}

/* ---------------------------------------------------------------- 
 * HEADER > LOGO
 * ---------------------------------------------------------------- 
*/
#header a.logo {
font-family: Georgia, "Times New Roman", Times, serif; 
text-decoration: none;
font-size: 2.2em;}   

/* ---------------------------------------------------------------- 
 * HEADER > NAVIGATION
 * ---------------------------------------------------------------- 
*/    
#header ul li a,
#header ul li.on a:hover {
text-decoration: none;}

#header ul li a:hover {
text-decoration: underline;}

#header ul li a {
font-weight: bold;} 

/* ---------------------------------------------------------------- 
 * INTRO
 * ---------------------------------------------------------------- 
*/    
#intro h1 {
font-size: 2em;
text-transform: none;}

#home #intro h1 {
text-align: right;}

/* ---------------------------------------------------------------- 
 * CONTENT > BREADCRUMB
 * ---------------------------------------------------------------- 
*/      
#breadcrumb {
font-size: 0.8em;
line-height: 3em;}

/* ---------------------------------------------------------------- 
 * CONTENT > INTRO
 * ---------------------------------------------------------------- 
*/   
#content .intro {
font-size: 1.4em;
line-height: 1.6em;}