/* Layout */ body { background:#000; } #wrapper-main { background:#fff url("../images/bg-wrapper-main.gif") 0 0 repeat-x; } .int #wrapper-main { background-image:url("../images/bg-wrapper-main-int.gif"); } #container, #footer { width:980px; margin:0 auto; } #header { height:100px; } #logo { float:left; margin:20px 0 20px 40px; } #link-login { float:right; clear:right; } #banner { width:980px; height:250px; display:block; overflow:hidden; background:url("../images/banner.jpg") 0 0 no-repeat; } .int #banner { height:120px; background:url("../images/banner-int.jpg") 0 0 no-repeat; } #content { background:url("../images/bg-content.gif") top center no-repeat; } #page { float:left; width:590px; margin:0 30px 0 40px; } .int #page { background:url("../images/page-border.gif") bottom right no-repeat; width:560px; padding:0 30px 20px 0; } .section { float:left; width:280px; } #footer .section { margin-left:30px; } .section#section-blog { margin-left:40px; width:590px; } #home-intro { margin-right:30px; } #extras #benefits-excerpt { border-bottom:1px solid #d2d2d2; margin:0 0 30px 0; } #benefits-excerpt li { padding-left:100px; margin-bottom:20px; } #benefits-excerpt #benefits-more-item { padding-left:0; } #benefits-excerpt li img { float:left; margin-left:-100px; } .benefit { margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #d6d6d6; } .benefit .benefits-icon { float:left; margin:0 20px 0 0; } .quote-logo { float: left; margin:0 10px 0 0; } .post { border-bottom:1px solid #eee; padding-bottom:25px; margin-bottom:30px; } .post .centered { display:block; margin:0 auto; } #comments { } .comment { padding:15px 20px 5px 20px; background:#eeeeee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .comment-meta { background:url("../images/cite.gif") 60px 0 no-repeat; } .gravatar { border:1px solid #838383; float:left; margin:10px; } .comment-meta cite { float:left; padding:20px 0 0 10px; } .staff { padding-left:100px; margin-top:20px; padding-bottom:10px; border-bottom:1px solid #eee; } .staff img { float:left; margin-left:-100px; } .last-item { border-bottom:0; padding-bottom:0; } .tour { border-bottom:1px solid #eee; padding-bottom:25px; margin-bottom:30px; } .tour img { border:2px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .tour-alt { padding-left:170px; } .tour-alt img { float:left; margin-left:-170px; } .tour-alt2 { padding-right:170px; } .tour-alt2 img { float:right; margin-right:-170px; } #extras { float:left; width:280px; margin:0 40px 30px 0; } #free-trial { width:280px; height:0; padding-top:70px; overflow:hidden; display:block; background:url("../images/free-trial-large.gif") 0 0 no-repeat; margin-bottom:30px; } #free-trial-small { width:280px; height:0; padding-top:30px; overflow:hidden; display:block; background:url("../images/free-trial-small.gif") 0 0 no-repeat; float:right; margin:30px 40px 0 0; } #prices-plans { width:280px; height:0; padding-top:70px; overflow:hidden; display:block; background:url("../images/prices-plans-large.gif") 0 0 no-repeat; margin-bottom:30px; } #prices-plans-small { width:280px; height:0; padding-top:30px; overflow:hidden; display:block; background:url("../images/prices-plans-small.gif") 0 0 no-repeat; float:right; margin:30px 40px 0 0; } #benefits-more { width:280px; height:41px; padding-top:9px; display:block; background:url("../images/features-more.gif") 0 0 no-repeat; text-align:center; } #tour-more { width:280px; height:0; padding-top:70px; overflow:hidden; display:block; background:url("../images/tour-large.gif") 0 0 no-repeat; margin-bottom:30px; } #what-is-aw { padding:20px; margin-bottom:20px; background:#EBF8FF; border:2px solid #d7e0ef; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #wrapper-footer { background:#000 url("../images/bg-footer.gif") 0 0 repeat-x; } #footer { padding:40px 0; } /* Navigation */ #navigation { float:right; list-style-type:none; padding:27px 10px 0 80px; margin:0; } #navigation li { display: inline; font-size:1.3em; text-transform:lowercase; } #navigation li a { float:left; padding-left:6px; color:#0080c8; } #navigation li span { float:left; padding:7px 20px 7px 14px; } #navigation li.selected a { background:url("../images/nav-tab-left.gif") top left no-repeat; color:#fff; } #navigation li.selected span { background:url("../images/nav-tab-right.gif") top right no-repeat; } #navigation #nav-signup span { padding-right:0; } #navigation #nav-signup.selected span { padding-right:20px; } .subnav { list-style-type:none; margin:0 0 20px 0; padding:5px; background:#eee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .subnav li { float:left; } .subnav li.selected a { background:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .subnav li a { display:block; padding:3px 16px; } /* Forms */ fieldset { font-size:0.9em; color:#aaa; padding:10px; border:1px solid #d2d2d2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } legend { font-size:1.1em; background:#fff; padding:0 10px; } .text { padding:7px 10px; border:1px solid #d2d2d2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .text:focus { background-color:#f2faff; } #sign-in .text { width:236px; margin:0 0 10px 0; font-size:1em; color:#aaa; } #sign-in-login { float:right; } #sign-in-forgotten { margin:5px 0 0 10px; float:left; color:#848484; font-weight:normal; } #comment_form { margin-bottom:10px; } .non-registered-details { float:left; width:170px; margin-right:20px; } .last-details { margin-right:0; } #comment_name, #comment_email, #comment_url { width:158px; } #comment { width:535px; height:110px; margin-bottom:10px; font:1.1em "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Arial, Helvetica, Sans-serif; } #captcha { float:left; margin:2px 10px 0 0; } #comment_form fieldset { margin-bottom:10px; padding:5px 0 0 0; border:0; } /* Typography */ body { font:67%/1.6 "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Arial, Helvetica, Sans-serif; color:#000; } #content, #footer { font-size:1.1em; } #footer { color:#fff; } ul, ol { margin:0 0 1em 1.4em; list-style-type:square; } #benefits-excerpt { margin:0; list-style-type:none; padding:0; } #twitter_timeline { margin:0 0 20px 0; list-style-type:none; padding-bottom:20px; border-bottom:1px solid #d2d2d2; } .checklist { list-style-image:url("../images/icon-tick-small.gif"); } #comments { margin:0; list-style-type:none; font-size:0.9em; color:#838383; } cite { font-style:normal; font-size:0.9em; color:#838383; } .other-benefits { margin:0; list-style-type:none; padding:0; } .other-benefits li { float:left; width:50%; text-align:center; } .other-benefits li img { vertical-align:middle; } dl {} dt { float:left; font-weight:bold; width:80px; } dd { padding-left:80px; } p { margin:0 0 1em 0; } .meta { color:#888; font-size:0.9em; font-style:italic; } #footer p { margin:0; } #section-whitepapers p.meta { margin:0 0 1em 0; } .benefit .excerpt { font-size:1.2em; } #benefits-excerpt p { margin:0; } #what-is-aw p { color:#555; } #footer-misc { font-size:0.9em; padding-left:40px; } .pagination strong, .pagination a { border:1px solid #ddd; padding:3px 5px; } .pagination strong { color:#fff; background:#0068b4; } .pagination a:hover { background:#efefef; color:#0068b4; } .post-meta { color:#aaa; font-size:0.9em; } .post-meta-comments { float:right; padding-left:16px; background:url("../images/icon-comment-small.png") left center no-repeat; } blockquote { font-family:Georgia, Times, serif; font-style:italic; color:#888; margin-bottom:30px; } blockquote p { font-size:1.6em; margin:0; line-height:1.4; } blockquote cite { color:#ff9c00; font-size:0.9em; font-style:normal; font-family:"Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS" Arial, Helvetica, Sans-serif; } blockquote cite span { color:#c3c3c3; } .quote-logo-clear { display:block; height:50px; } blockquote.last-item { margin-bottom:0; } .post blockquote { margin-bottom:1em; font-size:1.1em; border-left:5px solid #eee; padding-left:1em; margin-left:20px; } h1 { font-size:3.5em; color:#0067b3; margin:0 0 0.3em 0; line-height:1; font-family:"Myriad Pro", Myriad; font-weight:normal; } h2 { font-size:1.3em; color:#0068b4; line-height:1.2; } .post h2 { font-size:1.3em; } h3 { font-size:1.2em; } #footer h3 { font-size:1.3em; text-transform:uppercase; color:#888; padding-left:20px; margin-left:-20px; background-repeat:no-repeat; background-position:left center; } #section-blog h3 { background-image:url("../images/icon-blog.gif"); } #section-whitepapers h3 { background-image:url("../images/icon-whitepapers.gif"); } #section-contact h3 { background-image:url("../images/icon-contact.gif"); } h3.twitter { background:url("../images/twitter.gif") left center no-repeat; padding:6px 0 6px 50px; margin-bottom:10px; } h4 { color:#0068b4; } h5 { } /* Tables */ table { width:100%; border-collapse:collapse; } th, td { padding:5px 3px; } th { font-size:2em; } #pricing-plans thead th { padding:0; } #pricing-plans td { text-align:center; } #pricing-plans .pricing-rate { font-size:1.3em; font-weight:bold; } #pricing-plans .features-section { background:#eee; color:#0067b3; font-weight:bold; text-transform:uppercase; } #pricing-plans .features-section td, #pricing-plans .features-heading { text-align:left; } #pricing-plans .features-heading { color:#888; } #pricing-plans .plan-pro { background-color:#fff7eb; } /* Links */ a { color:#ff9c00; font-weight:bold; text-decoration:none; } a:visited, a:visited:hover { color:#ff9c00; } a:hover { color:#ff9c00; text-decoration:underline; } a:active { color:#ff9c00; text-decoration:none; } .subnav li a { color:#aaa; } .subnav li a:visited, .subnav li a:visited:hover { color:#aaa; } .subnav li a:hover { color:#000; } .subnav li a:active { color:#aaa; } .meta a { color:#888; } .meta a:visited, .meta a:visited:hover { color:#888; } .meta a:hover { color:#ff9c00; } .meta a:active { color:#888; } .post-meta-comments a { color:#aaa; font-weight:normal; text-decoration:none; } .post-meta-comments a:visited, .post-meta-comments a:visited:hover { color:#aaa; } .post-meta-comments a:hover { color:#ff9c00; text-decoration:underline; } .post-meta-comments a:active { color:#aaa; text-decoration:none; } h2 a { color:#0068b4; } h2 a:visited, h2 a:visited:hover { color:#0068b4; } h2 a:hover { color:#ff9c00; } h2 a:active { color:#0068b4; } #what-is-aw a { color:#0068b4; background:#fff; padding:6px 7px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #ccc; } #what-is-aw a:visited { color:#0068b4; } #what-is-aw a:hover, #what-is-aw a:visited:hover { color:#fff; background-color:#ff9c00; } #what-is-aw a:active { color:#0068b4; } .post h2 a { color:#000; } .post h2 a:visited, .post h2 a:visited:hover { color:#000; } .post h2 a:hover { color:#0068b4; } .post h2 a:active { color:#000; } #footer h4 a { color:#bbddff; } #footer h4 a:visited, #footer h4 a:visited:hover { color:#bbddff; } #footer h4 a:hover { color:#bbddff; } #footer h4 a:active { color:#bbddff; } #footer-misc a { color:#888; margin-right:20px; } #footer-misc a:visited, #footer-misc a:visited:hover { color:#888; } #footer-misc a:hover { color:#ff9c00; } #footer-misc a:active { color:#888; } #section-contact a { color:#fff; } #section-contact a:visited, #section-contact h4 a:visited:hover { color:#fff; } #section-contact a:hover { color:#fff; } #section-contact a:active { color:#fff; } .read-more, .free-download { text-transform:uppercase; } #benefits-more, #benefits-more:active, #benefits-more:hover, #benefits-more:visited, #benefits-more:visited:hover { color:#fff; text-decoration:none; } #link-login { padding-left:20px; background:url("../images/icon-login.gif") left center no-repeat; color:#a2a2a2; margin:10px 10px 10px 0; } /* Clearing */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { zoom:1; } .clearfix { display: block; } /* End hide from IE-mac */ /* "Well that's just great. Either I have a monster in my kitchen or I'm completely crazy." */