p,body{margin-top:0;padding:0} p{margin-bottom:1em} body{background-color:white;background-image:url(grad.png);background-position:0 -1px;background-repeat:repeat-x} #content{line-height:130%;min-height:345px} #maincontainer{width:99%;max-width:1000px;margin:0 auto} #navbar ul{padding:0;list-style-type:none;display:inline} #navbar ul li{float:left;padding-bottom:66px;padding-top:12px;margin:0 6px;background-repeat:no-repeat;background-position:bottom} #navbar ul li a,#navbar ul li span{text-decoration:none;color:black;font-size:140%;padding-bottom:66px;padding-top:12px} #navbar ul li a:hover{color:blue;text-decoration:underline} .selected a,.selected span{font-weight:bold} #navbar #home{background-image:url(house.png);margin-left:14px;min-width:63px} #problems{background-image:url(brain.png);min-width:51px} #photos{background-image:url(photos.png);min-width:69px} #teaching{background-image:url(blackboard.png);min-width:65px} #writings{background-image:url(parchment.png);min-width:57px} #misc{background-image:url(toybox.png);min-width:63px} #navbar #contact{background-image:url(envelope.png);margin-right:-2px;min-width:69px} #photo{float:right;padding:1px;border:1px solid;margin:0 4px 5px 9px;max-width:48%;height:auto} .clear{clear:both} h1{clear:right;padding:0;color:black} h1 a{color:black;text-decoration:none} h2{margin-top:5px;color:crimson;font-size:120%;letter-spacing:1px;font-family:monospace} h3{margin-top:0} @media only all and (min-width:436px){#navbar{float:right;width:79%;margin:0 0 22px 0} #logo{float:left;width:21%} h1{margin:43px 0 0 0}} @media not all and (min-width:436px){#header{text-align:center} #navbar{margin:0 auto 22px auto;display:table} #teaching{clear:left} #navbar:after{content:"";display:table;clear:left} h1{margin:0}} @media not all and (min-width:344px){#navbar ul li{padding-bottom:44px;margin:0 5px;background-size:44px 44px} #navbar ul li a,#navbar ul li span{font-size:125%;padding-bottom:44px}} @media print{#navbar ul li{padding-bottom:0;margin:0 5px;background-size:0} h1{margin:0}}