html, body {border:0; height:100%; margin:0; padding:0}
div {margin:0;padding:0 }
.clr {clear:both}

html *{margin:0;padding:0}
body{background:#ddd; text-align:center; font:normal 0.8em Helvetica, Arial, sans-serif; color:#444}
img {border:none}

a,a:link,a:visited {color:#105cb6;text-decoration:none}
a:hover,a:active {color:#d90053;text-decoration:underline}

.wrapper{margin:auto;max-width:780px}
.center {text-align:center}

header, footer{background:#2A5289; padding:10px; color:#fff;}
header #logo{display:inline-block; margin-right:100px; font:bold 25px helvetica,sans-serif; vertical-align:middle}
header #logo span{ color:#ffcc00}
header #description{display:inline-block;}

main{margin:20px auto;max-width:700px}


/* ---  Hesap Makinesi --- */

#hm{padding:10px 20px 20px 20px;background:#445;display:inline-block;border-radius:6px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
#hmT td{width:20%;border:none;padding:1px;}
#gosterge{text-align:right;width:300px;max-height:50px;background:#c5e2c8;border:none}
.gnorm{padding:5px; font:normal 36px helvetica, sans-serif;}
.gbig{padding:10px 5px; font:normal 26px helvetica, sans-serif;}

#hafiza{height:20px;font:normal 12px verdana; text-align:left;color:#c6d8c8}
#onceki{height:20px;font:normal 12px verdana; text-align:left;color:#c6d8c8}

#hm input[type=button],button{cursor:pointer;width:100%;background:#222;font-size:16px;border:none;color:#eee;height:40px}
#hm input[type=button]:hover,button:hover{background:#444;}
#hm input.num{background:#536b78}
#hm input.kirmizi{background:#aa0000}
#hm input.kirmizi:hover{background:#dd0000}
#hm input.islem{font-size:25px}
#hm input.esittir{background:#d47400;font-size:30px}
#hm input.esittir:hover{background:darkorange;}