/**********************************************************************

	Typography style sheet
		This file provide all CSS instructions for typography

	@Package:		Silverfox CSS Framework
	@Link: 			http://www.internotredici.com
	@Author: 		Fabrizio Menghini Calderón <fabrizio@internotredici.com>
	@Copyright:		Copyright (c) 2007 Fabrizio Menghini Calderón
	@Change Log:

		[R001] ~ 2007-10-26: Creation

	**********************************************************************/





	/*
	==============================================
		General elements
	==============================================
	*/



	/* This is the main font size. All paddings, margins, line-heights and in general 
		every instruction with relative size is calculated from this value. The percentage 
		is of 16px (0.625 * 16px = 10px). */
   
	body { font-size: 75%; }

	/* Default typeface and colors. */
   
	body { font-family: "Lucida Grande", "Geneva", Lucida, Verdana, Arial, Sans-serif; }
	body { color: #333; }



	/*
	==============================================
		Content font sizes
	==============================================
	*/



	/* Default font size for content is 12px */
	.SF_content p, .SF_content address, .SF_content dl, .SF_content ol, .SF_content ul, .SF_content pre, .SF_content tt { font-size: 1.2em; }
	.SF_content ol ol, .SF_content ul ol, .SF_content ol ul, .SF_content ul ul { font-size: 100%; }
	.SF_content form { font-size: 1.2em; }
	.SF_content form p { font-size: 100%; }
	.SF_content .SF_error, .SF_content .SF_notice, .SF_content .SF_success { font-size: 1.2em; }



	/*
	==============================================
		Headings
	==============================================
	*/



	h1, h2, h3, h4, h5, h6 
	{ 
		font-family: "Georgia", "Times New Roman", Serif; 
		letter-spacing: 1px;
		color: #111; 
	}

	h1 
	{
		font-size: 2.4em; 
	}
	h2 
	{
		font-size: 1.3em; 
	}
	h3 
	{
		font-size: 1.3em; 
	}
	h4 
	{
/*		font-size: 1.2em; */
	}
	h5 
	{
/*		font-size: 1.0em; */
	}
	h6 
	{
/*		font-size: 1.3em; */
	}



	/*
	==============================================
		Links
	==============================================
	*/



	a, a:link, a:visited, a:hover, a:focus, a:active { text-decoration: underline; }
	a:link {	color: #03c; }
	a:visited {	color: #609; }
	a:hover, a:focus { color: #900; }
	a:active { color: #000; }



	/*
	==============================================
		External links
	==============================================
	*/



	a[rel~="external"]:link, a[rel~="external"]:visited, a[rel~="external"]:hover, 
	a[rel~="external"]:focus, a[rel~="external"]:active
	{ 
		padding-right: 13px; 
		background-position: right top;
		background-repeat: no-repeat;
	}



	/*
	==============================================
		Text elements
	==============================================
	*/



	p, address, dl, ol, ul, pre, tt
	{
		line-height: 1.7em; 
	}



	abbr[title], acronym[title], dfn[title] 
	{
		border-bottom: 1px dotted #666;
		cursor: help;
	}
	a abbr[title], a acronym[title] 
	{ 
		border-bottom-width: 0; 
		cursor: pointer;
	}
	abbr[title] a, acronym[title] a 
	{ 
		text-decoration: none; 
		cursor: pointer;
	}

	address { font-style: italic; } 
	b, strong { font-weight: bold; }
	big { font-size: 1.2em; }

	blockquote 
	{ 
		margin: 1.5em; 
		font-style: italic;
		color: #525252; 
	}
	blockquote *:first-child:before { content: "\201C"; }
	blockquote *:first-child:after { content: "\201D"; }
   blockquote[cite]:after 
	{
		display: block;
		content: "Source: " attr(cite);
		border-top: 1px dotted #999;
		padding-top: 0.25em;
	}


	br { 
/*		clear: both; */
	}

	cite
	{
		font-style: italic;
		color: #525252; 
	}
	q:before { content: '\201C'; }
	q:after { content: '\201D'; }

	code, kbd, pre, samp, tt
	{
		font-family: "Monaco", "Lucida Console", Courier, "Courier New", Monospace;
		white-space: pre;
		color: #525252;
	}

	del, s, strike 
	{ 
		text-decoration: line-through; 
		color: #666; 
	}

	dfn, em, i { font-style: italic; }
	dfn { font-weight: bold; }

	/*dl, ol, ul { margin: 1.5em; }*/
	dl dt { font-weight: bold; }
	dl dd { margin-left: .8em; }

	hr 
	{
		float: none; 
		clear: both; 
		width: 100%; 
		height: .1em;

		margin: 1.2em 0;
		background-color: #ddd; 
		border: none; 
		color: #ddd;
	}
	hr.SF_space 
	{
		background-color: #fff;
		color: #fff;
	}

	img.SF_left 
	{
		float: left;
		margin: 0 1.25em 1.25em 0;  
	}

	img.SF_right 
	{
		float: right;
		margin: 0 0 1.25em 1.25em ;  
	}

	ins 
	{ 
		background-color: #ffa; 
		text-decoration: none;
	}

	ol li, ul li { list-style-position: outside; }
/*	ol li { list-style-type: decimal; }*/
	ul li { list-style-type: disc; }
	ol ol, ul ol, ol ul, ul ul
	{ 
		font-size: 100%; 
		margin: 0 0 0 2em;
	}

	q { quotes: "\201C" "\201D" "\2018" "\2019"; }
	/* Hack for Safari */
	html q:before { content: '\201C'; }
	html q:after { content: '\201D'; }
	html q q:before { content: '\2018'; }
	html q q:after { content: '\2019'; }
	/* End of hack for Safari */

	small { font-size: .8em; }
	sup { vertical-align: super; }
	sub {	vertical-align: sub; }
	sup, sub { font-size: .8em; }

	tt
	{
		display: block; 
		white-space: normal;
	}
	u { text-decoration: underline; }

	var
	{
		font-family: "Monaco", "Lucida Console", Courier, "Courier New", Monospace;
		color: #525252;
	}



	/*
	==============================================
		Classes for text elements
	==============================================
	*/



	.SF_last { margin-bottom: 0; }
	.SF_small 
	{ 
		margin-bottom: 1.5em;
		font-size: 1em; 
		line-height: 1.44em;  
	}
	.SF_large 
	{ 
		margin-bottom: 1.5em;
		font-size: 1.3em; 
		line-height: 2em; 
	}
	.SF_caps 
	{
		padding: 0 .2em;
		font-variant: small-caps;
		font-weight: bold; 
		letter-spacing: 1px; 
		text-transform: lowercase; 
	}