/**
*
* @note             css file for typography
* 
* @appdef           front end 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/free/frontend-starterkit/
* @copyright        Copyright(c) by Alp Uçkan
* @license          http://creativecommons.org/licenses/GPL/2.0/
* 
* @date             2008-09-22
* @lastmodified     2008-11-29 21:21
* 
* @colordef         rgb(0,0,0); Black; Text
* @colordef         rgb(255,255,255); White; Background
*/

/**
* @section              setting font 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%; /* IE hack, equals default size of 16px in most browsers */
                        } 
body                    {
                        font-size: 62.5%; /* this takes 16px down to 10px so you can think like 1em is 10px */
                        font-family: Helvetica, Arial, Verdana, Tahoma, 'Bitstream Vera Sans', sans serif;
                        }
#Canvas                 {
                        font-size: 1.2em; /* <--- set average font size here / 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: Helvetica, 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: 3em;
                        font-weight:normal;
                        text-transform: lowercase;
                        padding: .1em 0 .1em .5em;
                        /*background-color: #000;*/
                        color: #cb3e07;
                        margin-bottom: 2em;
                        }
                        
                        .pipeh {padding-left:50px;}
                        
                        
                        
h2                      {
                        font-size: 2.3em;
                        color: #444;
                        }
                        
                         .striph {font-size:1.5em; color:#fff; font-weight:normal; text-align: center;}
                        
h3                      {
                        font-size: 1.6em;
                        color: #333;
                        }
h4                      {
                        font-size: 1.4em;
                        color: #222;
                        }
                        .hteaser
                        {
                        margin: 0 0 .5em 3em;
                        }
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;
                        }
                        
                        
                        #redstrip p {color:#f2ff9a; font-size:1em; width:90%; margin: 0 auto;}
                        #greenstrip p {color:#f2ff9a; font-size:1em; width:90%; margin: 0 auto;}
                        
                        .stripfirst {padding-top:1.3em;}
                        .white {color:#fff;}
                        
.important, 
.teaser                 {
                        font-size: 1.1666em;
                        }
.small                  {
                        font-size: .91666em;
                        }
em                      {
                        letter-spacing: 0em;
                        font-style: italic;
                        }
strong					{
						font-weight: bold;
						}
.delimit                {
                        border-bottom: 1px solid #444;
                        margin: 0 0 4em 4em;
                        padding-bottom: .3em;
                        width: 300px;
                        }
.delimit.last           {
                        margin: 0 0 2em 4em;
                        padding-bottom: .2em;
                        }
.last                   {
                        margin-bottom: 3em;
                        }
acronym                 {
                        border-bottom: 1px dotted #777;
                        }
blockquote              {
                        margin: 0 3em 2em 2em;
                        padding: 0;
                        color: #333;
                        }
blockquote p:before     {
                        content: "\00BB";
                        }
blockquote p:after      {
                        content: "\00AB";
                        }
blockquote.side         {
                        float: right;
                        border: 2px solid #ccc;
                        width: 20em;
                        margin: 0 0 1em 1em;
                        padding: 0;
                        background-color: #fff;
                        }
blockquote.side p       {
                        margin: .4em;
                        padding: .4em;
                        background-color: #efefef;
                        line-height: 1.4em;
                        font-style: italic;
                        font-weight: normal;
                        letter-spacing: .0em;
                        font-size: 1.4em;
                        font-family: Arial, sans serif;
                        }

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              hCard
*/

.vcard                  {
                        line-height: 1.4em;
                        margin: 0 0 1em 2em;
                        }

/**
* @section              Hyperlinks
*/

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


	#redstrip a:link, #redstrip a:visited  {
                        color: #ff0;
                        text-decoration: none;
                        }
	#redstrip  a:hover, #redstrip a:active                {
                        text-decoration: underline;
                        }
                        
                        
              #greenstrip a:link, #greenstrip a:visited               {
                        color: #ff0;
                        text-decoration: none;
                        }
	#greenstrip  a:hover, #greenstrip a:active                {
                        text-decoration: underline;
                        }
                        
                        
                        


/**
* @section              Sitemap
*/

ul.sitemap li           {
                        padding-left: 1.1em;
                        margin-bottom: .4em;
                        line-height: 1.6em;
                        }
ul.sitemap li ul        {
                        list-style-type: none;
                        margin: -1.4em 0 0 -1.6em;
                        padding: 1.4em 0 0 .6em;
                        }
ul.sitemap li ul li     {
                        margin-left: 2.3em;
                        padding-left: .4em;
                        }

/**
* @section              Pager
*/

ul.pager                {
                        margin: 1em 0 5em 0;
                        }
ul.pager li             {
                        float: left;
                        margin-right: .4em;
                        list-style-type: none;
                        }
ul.pager a              {
                        border: 1px solid #00f;
                        color: #00f;
                        display: block;
                        padding: .4em .8em;
                        text-decoration: none;
                        }
ul.pager a:hover        {
                        border: 1px solid #00f;
                        color: #fff;
                        background-color: #00f;
                        }
ul.pager span           {
                        padding: .4em .8em;
                        display: block;
                        }
.pager li               {
                        margin-right: .4em;
                        }
.pager li.fst           {
                        margin-left: 8em;
                        }