/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/*+++++++ RESET BROWSER +++++++++++++++++++++*/
html{
color:#000;
background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{
font-style:inherit;
font-weight:inherit;
}
del,ins{
text-decoration:none;
}
li{
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;
font-variant:normal;
}
sup{
vertical-align:baseline;
}
sub{
vertical-align:baseline;
}
legend{
color:#000;
}
input,button,textarea,select,optgroup,option{
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
}
input,button,textarea,select{
*font-size:100%;
}


/*+++++++++ FONTSETTING ++++++++++++++++++++*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body{
font:13px/1.231 arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}
select,input,button,textarea,button{
font:99% arial,helvetica,clean,sans-serif;
}
table{
font-size:inherit;
font:100%;
}
pre,code,kbd,samp,tt{
font-family:monospace;
*font-size:108%;
line-height:100%;
}



/* +++++++++++ EXAMPLES OF USING THE RESET ++++++++++++++++++ */
/**
*To change the size of a font, use a percentage value from the chart below. Always use percentages
*as the units because they render more consistently than ems, and because they allow 
*user-initiated resizing (unlike pixels).


Lorem ipsum dolor. [69.3% = 9px]
Lorem ipsum dolor. [77% = 10px]
Lorem ipsum dolor. [85% = 11px]
Lorem ipsum dolor. [93% = 12px] (was 92%)
Lorem ipsum dolor. [100% = 13px]
Lorem ipsum dolor. [108% = 14px] (was 107%)
Lorem ipsum dolor. [116% = 15px] (was 114%)
Lorem ipsum dolor. [123.1% = 16px] (was 122%)
Lorem ipsum dolor. [131% = 17px] (was 129%)
Lorem ipsum dolor. [138.5% = 18px] (was 136%)
Lorem ipsum dolor. [146.5% = 19px] (was 144%)
Lorem ipsum dolor. [153.9% = 20px] (was 152%)
Lorem ipsum dolor. [161.6% = 21px] (was 159%)
Lorem ipsum dolor. [167% = 22px]
Lorem ipsum dolor. [174% = 23px]
Lorem ipsum dolor. [182% = 24px]
Lorem ipsum dolor. [189% = 25px]
Lorem ipsum dolor. [197% = 26px]


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

#demo1 {} 
#demo2 {font-family:monospace;} 
#demo3 {font-family:georgia;} 
#demo4 {font-family:verdana;} 
#demo5 {font-family:times;}

*/