blog { width: 620px; } sidebar { float: right; } body { background: #7e878e url(../img/background.png) repeat-x; color: #6d6d6d; font: small Helvetica, Arial, Geneva, sans-serif; margin: 0; } a:link, a:visited { font-weight: bold; text-decoration: none; color: #0d76ba; } a:hover { color: #0d76ba; text-decoration: underline; } h1 { color: #6d669e; font: bolder 22px "Helvetica, Arial"; margin-bottom: 0; } h2 { color: #6a6a6a; font: bold 12px "Helvetica, Arial"; margin-top: 0; } p { color: #6a6a6a; font: 12px/18px Helvetica, Arial; } .description { line-height: 18px; color: #4f7a9f; margin-top: 0; } .screenshot { margin-top: 10px; } .screenshots { margin-bottom: 40px; } .viewall { } #screenshots { text-align: center; background: #e9f7fc; width: 650px; padding: 40px 40px 10px; border-right: 3px solid #5c5e5e; } #ssheader { text-align: right; background: #e3e3e3 no-repeat url(../img/cha-chingss.png) 43px; width: 650px; border-bottom: 1px solid #5c5e5d; border-right: 3px solid #5c5e5d; padding: 20px 40px; } #screens { text-align: center; margin-top: 20px; } #beta { position: relative; z-index: 1; height: 76px; margin-left: 0; margin: 0; background: url(../img/beta.png) no-repeat; width: 76px; } img { border: solid black 1px; margin: 5px; padding: 20px; } #wrap { padding-top: 30px; width: 710px; background: url(../img/top.png) no-repeat; margin-right: auto; margin-left: auto; margin-top: -45px; } #content { position: relative; padding: 0px 14px; } #shadow_left { position: absolute; left: 0; top: 0; width: 18px; height: 100%; background: url(../img/left.png) repeat-y; } #shadow_right { position: absolute; right: 0; top: 0; width: 18px; height: 100%; background: url(../img/right.png) repeat-y; } #price { position: absolute; z-index: 1; background-image: url(../img/price.png); width: 71px; height: 72px; margin-top: 80px; margin-left: 560px; } #header { height: 86px; background: url(../img/header.png) repeat-x; padding-top: 10px; } #chaching { float: left; margin-left: 30px; } #universal { float: right; margin-right: 30px; } #nav { background: url(../img/purpbar.png) repeat-x; height: 33px; padding-top: 7px; padding-left: 20px; clear: both; } #nav img { margin-left: 10px; } /* @group Features */ #features { overflow: auto; } .features { float: left; list-style-type: none; background-color: #E1F0CB; width: 311px; margin: 0; padding-top: 15px; padding-bottom: 15px; font-weight: bold; padding-left: 30px; font-size: 85%; } .features li { background-repeat: no-repeat; background-position: 0 50%; line-height: 24px; text-indent: 30px; } #tags { list-style-image: none; background-image: url(../img/lilcons/tag.png); } #iou { background-image: url(../img/lilcons/iou.png); } #dollar { background-image: url(../img/lilcons/dollar.png); } #happy { background-image: url(../img/lilcons/happy.png); } #isight { background-image: url(../img/lilcons/isight.png); } #search { background-image: url(../img/lilcons/search.png); } #heart { background-image: url(../img/lilcons/heart.png); } #osx { background-image: url(../img/lilcons/osx.png); } /* @end */ #divider { background-image: url(../img/bluebar.png); font-size: 110%; color: #FFF; height: 40px; line-height: 33px; padding-left: 30px; font-weight: bold; } #subsection { background-color: #eceafe; text-align: justify; padding: 20px 30px; } #icon { float: left; margin-right: 20px; margin-bottom: 10px; margin-top: 2px; width: 108px; height: 108px; } #betainfo { line-height: 18px; color: #aa302f; margin-top: 0; } #bottom { background-image: url(../img/bottom_p.png); height: 36px; } #copy { text-align: center; width: 478px; height: 31px; margin-top: 15px; margin-bottom: 0; margin-left: 115px; background: url(../img/copy.png) center; } /* @group Thank You */ #thankyou { height: 296px; width: 531px; margin: 40px auto; background: url(../img/thankyou.png) no-repeat; } #backhome { position: absolute; margin-top: 180px; margin-left: 220px; } /* @end */