rendered paste bodyblog {
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 */