/* Reset  */
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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:center;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/*  whatsmybmi css */
/*  by Richard Pullinger */

html{ font-size: 16px; font-family:georgia;  color:#efefef;}
body{ background: url(../images/bluegrad.png) #dff0f6 repeat-x;  }

.container{ width:960px;  margin:10px auto; }
#content{width:100%; background: url(../images/band.png) repeat-x; overflow:hidden; height:300px;}
.col{ width:300px; margin:10px; float:left; text-align: center;}

/*  Typography */
p{ margin:10px; font-size: 25px; }

h1{ width: 940px; margin: 0 10px; height: 130px; font-size:100px; background: url(../images/whatsmybmi.png) no-repeat; text-indent:-30000px; text-align: center;}

h1+p {margin:10px; font-size: 30px; text-align: center;}
h2{  font-size:50px; margin: 20px 0px 10px 0px; color: #666;}

input{ width:300px; margin:10px 0; font-size:80px; border:0px; background-color:transparent; padding:0; font-family:georgia; text-align: center;  }

#yourBmi{ font-size:80px; margin-top:20px; display:block}

.adsense{ width:900px; height: 150px; margin:20px auto;}

#footer{width:940px; margin:10px auto; }

.underweight{ color: #EFC8C8;}
.normal{color: #339900;}
.overweight{color:#F18E8E;}
.obese{color: #F80A0A;}