html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* =GENERAL
-----------------------------------------------------------------------------------------------*/
        
        body{ 
                background:#ffffff;
                
                /*
                background:#EFF1F1 url(../images/bg-body2.jpg) repeat top left;
                background:#EFF1F1 url(../images/bg-body3.jpg) repeat top left;
                background:#EFF1F1 url(../images/bg-body4.jpg) repeat top left;
                background:#EFF1F1 url(../images/bg-body5.jpg) repeat top left;
                */
                
                font:12px Arial, sans-serif; 
                line-height:20px;
                color:#666666;
        }
        
                /* =headings
                -------------------------------------------------------------- */
                
                h1,h2,h3,h4,h5,h6{ font-weight: bold; color:#252525; }
                
                h1{ font-size:28px; line-height:30px; margin-bottom:12px; }
                h2{ font-size:24px; line-height:26px; margin-bottom:12px; }
                h3{ font-size:18px; line-height:20px; margin-bottom:8px;  }
                h4{ font-size:14px; line-height:15px; margin-bottom:8px;  }
                h5{ font-size:13px; line-height:15px; margin-bottom:8px;  }
                h6{ font-size:13px; line-height:15px; margin-bottom:8px;  }
                
                /* =text-elements
                -------------------------------------------------------------- */
                
                a{ text-decoration:none; color:#dd3038; }
                a:hover{ text-decoration:underline;  }
                h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
                a img{ border:none; }
                
                strong{ font-weight: bold; color:#252525; }
                em{ font-style: italic; }
                
                p, ul, ol, pre, code{ margin-bottom:20px; }
                
                        p.last{ margin-bottom:0; }
                                        
                ul{ list-style-type:circle; list-style-position:inside; }
                
                        ul.checklist{ list-style-image:url(../images/bg-checklist.png); }
                
                ol{ list-style-type:decimal; list-style-position:inside; }
                
                blockquote{ padding:5px 20px 5px 60px; line-height:24px; background:url(../images/quote.png) no-repeat top left; color:#999999; }
                blockquote span{ color:#666666; }
                
                        .blockquote-left{ width:250px; float:left; }
                        .blockquote-right{ width:250px; float:right; }                                   
                                         
                pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }

                /* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
                hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
                .hr{ border-top:1px solid #efefef; margin:30px 0; }