/********************************************************************************
 * 
 * With reset.css in place, begin developing as normal. Because various margins and paddings
 * have been removed, styles should behave consistently from the start across the various A-Grade
 * browsers. Remember to be explicit about your desired presentation, for example adding
 * font-style:bold to strong if you wish to follow the common browser convention that emboldens
 * content within that tag.
 * As you can see, it standardizes cross-browser rendering on common elements,
 * neutralizing browsers' built-in stylesheets.
 *
 * http://developer.yahoo.com/yui/
 * 
 ********************************************************************************/

body,a,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/********************************************************************************
 * 
 * To change the size of a font, use a percentage value. Always use percentages
 * as the units because they render more consistently than ems,
 * and because unlike pixels they allow user-initiated resizing.
 * 
 * 	{font-size:85%;}  renders 11px  
 * 	{font-size:100%;} renders 13px   
 * 	{font-size:107%;} renders 14px  
 * 	{font-size:122%;} renders 16px  
 * 	{font-size:136%;} renders 18px  
 * 
 * 
 * Arial is the default font-family for all text (except pre and code) when you use Fonts CSS.
 * Because the package provides a degradation path through several alternates down
 * to the generic family, only specify a single font-family when you want something other than
 * Arial.
 * 
 * 	{} 
 * 	{font-family:monospace;} 
 * 	{font-family:georgia;} 
 * 	{font-family:verdana;} 
 * 	{font-family:times;} 
 * 
 ******************************************************************************** 
 * 
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px Verdana, Arial, Helvetica, sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}