/* 
==================================================================================================
Copyright: Zocoloco Studios 2010, http://www.zocoloco.com | All Rights Reserved | zocoSites v3.0
==================================================================================================

theme name: atfunion
theme URI: http://www.zocoloco.com/
description: theme designed for ABQ Teacher's Federation
version: 3.0
author: elaine montoya
author URI: http://www.zocoloco.com/
style sheet: typography styles
style sheet description: sets and resets basic typography attributes for website. specific modifications are in style.css

*/

/*
FONT SIZING CHART
Points  Pixels	Ems			Percent
---------------------------------
6pt 		8px 		0.5em 		50%
6.75pt 	9px 		0.5625em 	56.25%
7.5pt 	10px 		0.625em 	62.5%
8.25pt 	11px 		0.6875em 	68.75%
9pt 		12px 		0.75em 		75%
9.75pt 	13px 		0.8125em 	81.25%
10.5pt 	14px 		0.875em 	87.5%
11.25pt 15px 		0.9375em 	93.75%
12pt 		16px 		1em 			100%
12.75pt 17px 		1.0625em 	106.25%
13.5pt 	18px 		1.125em 	112.5%
14.25pt 19px 		1.1875em 	118.75%
15pt 		20px 		1.25em 		125%
15.75pt 21px 		1.3125em 	131.25%
16.5pt 	22px 		1.375em 	137.5%
17.25pt 23px 		1.4375em 	143.75%
18pt 		24px 		1.5em 		150%
19.5pt 	26px 		1.625em 	162.5%
21pt 		28px 		1.75em 		175%
24pt 		32px 		2em 			200%
25.5pt 	34px 		2.125em 	212.5%
27pt 		36px 		2.25em 		225%
27.75pt 37px 		2.3125em 	231.25%
28.5pt 	38px 		2.375em 	237.5%
30pt 		40px 		2.5em 		250%
31.5pt 	42px 		2.625em 	262.5%
33pt 		44px 		2.75em 		275%
36pt 		48px 		3em 			300%
48pt		64px		4em				400%
60pt		80px		5em				500%
90pt		120px		7.5em			750%
120pt		160px		10em			1000%
---------------------------------


ATF COLOR CHART
color  					hex
---------------------------------

atf red						#ff0000
atf dark red			#930b29
atf yellow				#ebb700
atf orange				#ff8311
atf bright green	#33ff00
atf dark green		#727717
atf dark gray			#7c7c8a
atf black					#000000
atf white					#f2f2f2
*/


/* core global styles
---------------------------------------------------------- */
body{font:12px/1.5 Helvetica, Arial, sans-serif;color: #000;*font-size:small;*font:x-small;} /*9pt/18pt*/
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* site style preferences
---------------------------------------------------------- */
h1,h2,h3,h4,h5,h6,h{font-weight:bold;margin:.85em 0;}/*bold with top & bottom margin based on font size*/
h1{font-size:1.2em;color:#ffffff;}/*18pt*/
h2{font-size:1.4em;color:#ff8311;}/*14pt approx*/
h3{font-size:1.25em;color:#ff8311;}/*12pt*/
h4{font-size:1.15em;line-height: 2em;color:#ff0000;}/*12pt*/
h5{font-size:.8em;color:#ff0000;background: #000000;border-top: 4px solid #000000;border-bottom: 1px solid #ff0000;padding:1px;}/*12pt*/
h6{font-size:.7em;color:#ff8311;}/*12pt*/

abbr,acronym{border-bottom:1px dotted #000;cursor:help;}/*for accessibility */
strong{font-weight:bold;}
em{font-style:italic;}
small {font-size:9px}
pre, code {font-family: Courier, Arial, sans-serif;background: #fff;padding: 5px;}
blockquote,ul,ol,dl{margin:1em;}/*room to breath*/
ol,ul,dl{margin-left:2em;}/*additional room on left*/
ol{list-style: decimal outside;}/*numbers on ordered lists*/
ul li{list-style: disc outside;}
dl dd{margin-left:1em;}/*room on left side of defined lists and definitions*/
caption {margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1.5em;}/*space below elements*/
table{font:11px Helvetica, Arial, sans-serif;color: #000;*font-size:small;*font:x-small;} /*9pt/18pt*/
.pipe {color: #ff0000;}

a:link {color:#ff8311} 
a:visited {color:#ff8311} 
a:hover,a:active {color:#ff0000} 

/* remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}




/* atfunion colors
---------------------------------------------------------- */
.atfRed {color: #ff0000;opacity:1.0;filter:alpha(opacity=100);}
.atfDarkRed {color: #930b29;opacity:1.0;filter:alpha(opacity=100);}
.atfYellow {color: #ebb700;opacity:1.0;filter:alpha(opacity=100);}
.atfOrange {color: #ff6000;opacity:1.0;filter:alpha(opacity=100);}
.atfGreen {color: #ced64b;opacity:1.0;filter:alpha(opacity=100);}
.atfDarkGreen {color: #727717;opacity:1.0;filter:alpha(opacity=100);}
.atfDarkestGreen {color: #727717;opacity:1.0;filter:alpha(opacity=100);}
.atfBlack {color: #000000;opacity:1.0;filter:alpha(opacity=100);}
.atfWhite {color: #ffffff;opacity:1.0;filter:alpha(opacity=100);}