body { font-family: "Verdana", sans-serif; font-size: 13px; line-height: 1.5; background: url(img/bg.gif) top left repeat-x #082803; margin: 0; padding: 0; color: white }
#page { position: relative; background: url(img/grass.gif); width: 954px; margin: 0 auto }

q { font-style: italic }

/* Logo */
#header { z-index: 3; position: relative; background: url(img/hill.jpg) top left no-repeat; height: 500px; width: 740px; margin-bottom: -205px }
h1 { margin: 0; width: 284; height: 173px; background: url(img/logo.png) no-repeat 6px 15px }
h1 span, h1 a { border: 0; display: block; text-indent: -9999px; width: 284; height: 173px }

/* Scenes */
#scene { position: absolute; background-repeat: no-repeat; background-position: top left; }
.pip #scene { top: 91px; left: 281px; width: 393px; height: 233px; background-image: url(img/scenePip.jpg) }
.blog #scene { top: 46px; left: 274px; width: 425px; height: 286px; background-image: url(img/sceneBlog.jpg) !important }

/* Menu */
ul#menu { float: left; z-index: 4; background: url(img/menu.png) top left no-repeat; text-align: center; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 0; right: -20px; width: 414px; height: 66px }
ul#menu li { margin: 0; padding: 0; float: left }
ul#menu a, ul#menu span { line-height: 66px; display: block; text-indent: -9999px; border: 0 }
ul#menu .apps { width: 140px }
ul#menu .blog { width: 76px }
ul#menu .support { width: 118px }
ul#menu .about { width: 80px }
.apps ul#menu { background-position: 0 0 }
.blog ul#menu { background-position: 0 -67px }
.support ul#menu { background-position: 0 -134px }
.about ul#menu { background-position: 0 -201px }

/* Submenu */
ul#submenu { list-style-type: none; margin: 0; padding: 0; position: absolute; width: 410px; height: 52px; top: -28px; overflow: hidden; text-align: center }
ul#submenu li { display: inline; padding: 0 2px; margin: 0 }
ul#submenu img { position: relative; border: 1px solid black }
ul#submenu a img { top: -53px }

/* Right column */
#rightColumn { font-size: 11px; z-index: 2; padding: 20px; position: absolute; top: 0; bottom: 0; left: 740px; width: 174px; background: url(img/darkBg.gif) top right repeat-x #051802 }
#rightColumn h2 { text-align: center; font-weight: bold; color: white; font-size: 18px; margin: 20px 0 10px 0; }
#rightColumn h2 img { margin-bottom: 10px }
#rightColumn h2 small { font-size: 13px; font-weight: normal }

p.buynow { position: relative; margin: 0 -20px; padding: 10px 20px; background: url(img/buyNowRibbon.gif) repeat-x top left; color: #ffb416; font-family: "Trebuchet MS"; font-size: 18px; line-height: 18px; }
p.buynow small { font-size: 12px }
p.buynow img { position: absolute; right: 0 !important; top: -13px !important; left: auto !important }
p.buynow a { color: #ffb416; border: 0 }

p.rating { background: url(img/rating_off.png) top left repeat-x; height: 16px; width: 80px; margin: 0 auto 20px }
p.rating span { background: url(img/rating_on.png) top left repeat-x; height: 16px; display: block }

p.blurb { text-align: center; font-family: "Trebuchet MS"; font-style: italic; font-size: 14px; line-height: 1.3; margin: 0 0 40px 0 }
p.blurb em { font-weight: bold }

#rightColumn blockquote { margin: 45px 0 0; padding: 0 }
#rightColumn blockquote q { display: block; text-indent: -0.4em; font-family: Georgia; font-style: italic; font-size: 18px; line-height: 24px; color: #fbe77e }
#rightColumn cite { font-style: normal; display: block; font-size: 12px }

p.appstore { position: absolute; top: 750px; left: 0; width: 234px; padding: 20px 0; text-align: center }

/* Left column */
#leftColumn { float: left; width: 240px; }
#iphone { z-index: 5; position: relative; top: -95px; left: -60px; background: url(img/iphone.png) no-repeat top left; width: 274px; height: 478px }
ul#screenshots { position: absolute; top: 75px; left: 39px; margin: 0; padding: 0; list-style-type: none }

/* Content */
#content { z-index: 5; position: relative; float: left; width: 410px; padding: 20px; background: url(img/textBg.png) }
.widepage #content { width: 600px; margin-left: 50px; line-height: 1.6 }
h2, h3 { line-height: 1.1; font-family: "Trebuchet MS"; font-size: 24px; color: #fbe77e; font-weight: normal; margin: 0 }
h2 { margin-bottom: 30px }
h3 { font-size: 18px; margin-bottom: 0.2em }
h2 a, h3 a { border: 0; color: #fbe77e }
h2 a, h2 span { padding-bottom: 15px; background: url(img/underline.png) bottom left no-repeat }
h2.long { padding-bottom: 15px; background: url(img/underline.png) bottom left no-repeat }
h2.long a, h2.long span { padding-bottom: 0; background: none }

ul { margin: 0 0 1em 0; padding: 0 1.5em }
a { color: #86f57c; text-decoration: none; border-bottom: 1px dotted; outline: 0; }
p { margin: 0 0 1em 0 }
abbr { border-bottom: 1px dotted }
a img { border: 0 }
.hidden { display: none }
dt { color: #fbe77e; }
dd { margin: 0 0 1em 0; padding: 0 1.5em }
img.left,img.alignleft { float: left; margin: 0 15px 10px 0; border: 5px solid white }
img.right,img.alignright { float: right; margin: 0 0 10px 15px; border: 5px solid white }

/* Footer */
#footer { clear: both; padding: 20px 0; margin-right: 214px }
#footerContent { margin: 0; padding: 10px; text-align: center; font-size: 11px; background: url(img/rightColBg.png) top left; }
#footer p { margin: 0 0 0.5em 0 }

/* User voice Tab */
#uservoice-feedback-tab { position: absolute !important; right: 214px !important; top: 550px !important; text-indent: -9999px !important }
#uservoice-dialog-close { border: 0 }

/* Support Page */
.footnote { font-size: 11px }
.pip2feature { color: #80cdde }

/* About Page */
.catphotos { text-align: center }
.catphotos img { margin: 0 10px; border: 5px solid white }

/* Blog */
.blog .entry { padding-left: 120px }
.blog .post .date { float: right; font-size: 10px; font-style: italic; text-align: right; }
.blog .post { margin-bottom: 80px }
.blog .post h2 { margin-top: -5px }
.blog .entry img.alignleft { border: 0; margin: 0 0 0 -125px; padding: 0 }

.blog #respond { border-top: 1px dashed white; padding-top: 10px; }
.blog ol.commentlist { list-style-type: none; margin: 1em 0; padding: 0 }
.blog ol.commentlist li p.comment-author-gravatar { margin: 0; width: 50px; float: left }
.blog ol.commentlist li { background: url(img/commentLeftTop.png) top center no-repeat; padding: 1px 0 10px; margin: 0; }
.blog ol.commentlist .comment-text { font-size: 11px; margin: 14px 70px 0 70px; padding: 0 15px; background: url(img/comment.png);}
.blog ol.commentlist .comment-text p { padding: 0 0 5px; margin: 0; }
.blog ol.commentlist .comment-author { font-size: 10px; background: white; margin: 0 50px; padding: 0 20px 15px; text-align: right; background: url(img/commentBottom.png) bottom left no-repeat; }
.blog ol.commentlist .comment-author cite, .blog ol.commentlist em.waiting-moderation { background: url(img/comment.png); display: block; margin: 0; padding: 0 15px; }
.blog ol.commentlist em.waiting-moderation { color: #fbe77e }

.blog ol.commentlist li.alt { background-image: url(img/commentRightTop.png) }
.blog ol.commentlist li.alt p.comment-author-gravatar { float: right }

#commentform textarea, #commentform input { border: 0; font-family: Verdana, sans-serif; color: white; line-height: 1.5; font-size: 13px; float: left; background: url(img/comment.png) }
#commentform textarea { width: 350px; max-width: 350px; margin-right: 15px; padding: 5px }
#commentform input { float: right; width: 219px; padding: 3px; }
#commentform label, #commentform .note { display: block; float: right; width: 225px; padding-bottom: 10px }
#commentform .req { color: #FBE77E }
#commentform #submit { clear: right; width: 74px; height: 38px; text-indent: -9999px; background: url(img/submitBt.png) no-repeat top left; float: right; }
.more-span { float: right;}

/* Widgets */
div.widget { padding: 1em 0;}
div.widget h3 { padding: 1em 0 0.3em }

/* Twitter widget */
ul.twitter, ul.twitter-hash-tag-widget { margin: 0; padding: 0; list-style-type: none }
ul.twitter li, ul.twitter-hash-tag-widget li { margin: 0; padding: 0.8em 0 0.8em 0; font-size: 11px; line-height: 14px; }
.twitter-timestamp { color: white }
ul.twitter a, ul.twitter-hash-tag-widget a { text-wrap: normal; word-wrap: break-word; } /* Safari 1.0, FireFox 3.5, IE 5.5 */
ul.twitter-hash-tag-widget img { float: left; margin: 2px 5px 2px 0 }