body {padding:50px 0; background:url("../design/bg.gif") 0 0 repeat-x; font:0.8em/1.5 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
ul.ul {list-style:none;}
ul.ul li {padding-left:23px; background:url("../design/arrow.gif") 0 5px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
Homepage
---------------------------------------------------------------------------------------------------------- */

.center {width:960px; margin:0 auto;}
#header .center {position:relative; height:500px; overflow:hidden; background:url("../design/header.jpg") 0 0 no-repeat;}
#header #logo {position:absolute; top:0; left:0; margin:0;}
#header #appstore {position:absolute; top:0; right:0; margin:0;}
#header #features {position:absolute; top:120px; left:0; width:460px; margin:0;}
#header #features li {padding:6px 0;}
#header #screenshots {position:absolute; top:95px; left:519px; margin:0;}
#header #screenshots li {position:relative; display:block; float:left;}
#header #screenshots li#smaller {position:absolute; bottom:0; left:241px;}
#header #slogan {position:absolute; top:343px; left:0; font:normal 280%/1.4 "arial",sans-serif;}
#content {margin:15px 0;}
#content h1 {font-size:300%;}
#content h2 {font-size:200%;}
#content h3 {font-size:160%;}
#content .col-third {float:left; width:310px; margin-right:15px;}
#content .col-third.last {margin-right:0;}
#content .col-third h2 {margin-top:0; font-size:160%;}
#content .quote {padding-left:55px; background:url("../design/quote.gif") 0 0 no-repeat;}
#content .twitter {padding-left:65px; background:url("../design/twitter.gif") 0 0 no-repeat;}
#content #newsletter {margin-top:30px; padding-top:15px; text-align:center;}
#content #newsletter p {margin:0;}
#footer {background:url("../design/footer.gif") 0 0 repeat-x;}
#footer .center {padding:35px 0;}
#footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
Subpage
---------------------------------------------------------------------------------------------------------- */

#sub {padding-top:0; background:none;}
#sub #header .center {height:157px; overflow:hidden; background:none;}
#sub #header #logo, #sub #header #appstore {top:50px;}
#sub #col-left {float:left; width:620px;}
#sub #col-right {float:right; width:310px;}

/* ----------------------------------------------------------------------------------------------------------
Forms
---------------------------------------------------------------------------------------------------------- */

input, select, textarea {font:100%/1.5 "arial", sans-serif;}
.input-text {padding:3px;}
.input-submit, select.input-text {padding:2px;}

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

img.border {padding:5px;}
img.f-left {margin-right:15px;}
img.f-right {margin-left:15px;}
.smaller {font-size:85%;}
.bigger {font-size:115%;}