/**
*
* @note             css file for typography
* 
* @appdef           web site starter kit
* @app-myapp-theme  
* @app-myapp-used   True
* @media            screen
* @valid            true
* 
* @author           Alp Uçkan
* @version          1.0
* @link             http://alp-uckan.net/blog/2008/09/22/Mein-Website-Starterkit/
* @copyright        Copyright(c) by Alp Uçkan
* @license          http://creativecommons.org/licenses/GPL/2.0/
* 
* @date             2008-09-22
* @lastmodified     2008-09-28 15:00
* 
* @colordef         rgb(0,0,0); Black; Text
* @colordef         rgb(255,255,255); White; Background
*/

/**
* @section              setting font-family and font-sizes
* 
*                       see "How to size text using ems" on clagnut.com for details
*                       (http://www.clagnut.com/blog/348/)
*/

html                    {
                        font-size: 100.01%;
                        } 
body                    {
                        font-size: 62.5%; /* this takes 16px down to 10px so 1em equals 10px */
                        font-family: Arial, Verdana, Tahoma, 'Bitstream Vera Sans', sans serif;
                        }
#Canvas                 {
                        font-size: 1.2em; /* <--- set average font size here / this equals 1.2 X 10 = 12px */
                        } 
input, select, th, td   {
                        font-size: 1em; /* for IE6 */
                        }

li li,
li p,
td p,
blockquote p            {
                        font-size: 1em; /* prevent shrinking in nested elements */
                        } 



/**
* @section              Headers
*/

h1, h2, h3, h4, h5, h6  {
                        font-family: Arial, sans serif;
                        color: #000;
                        font-weight: bold;
                        line-height: 1.25em;
                        margin: 0 0 .7em 0;
                        padding: 0;
                        letter-spacing: 0.04em;
                        }
h1                      {
                        font-size: 1.6em;
                        font-style: italic;
                        padding: .1em 0 .1em .5em;
                        color: #eee;
                        }
h2                      {
                        font-size: 2.3em;
                        color: #444;
                        }
h3                      {
                        font-size: 1.6em;
                        color: #333;
                        }
h4                      {
                        font-size: 1.4em;
                        color: #222;
                        }
h5                      {
                        font-size: 1.15em;
                        color: #111;
                        }
h6                      {
                        font-size: 1em;
                        color: #000;
                        }

/**
* @section              Text
*/

p                       {
                        margin: 0 0 1em 0;
                        padding: 0;
                        line-height: 1.4em;
                        }

ul.content,
ol.content              {
                        margin: 0 0 2em 3em;
                        padding: 0;
                        line-height: 1.4em;
                        }
ul.content  li          {
                        margin: 0 0 1em 0;
                        list-style-type: square;
                        }
ol.content  li          {
                        margin: 0 0 1em 0;
                        }

/**
* @section              Hyperlinks
*/

a:link,
a:visited               {
                        color: #00f;
                        text-decoration: none;
                        }
a:hover,
a:active                {
                        text-decoration: underline;
                        }