/* Theme name: PhoneGap Theme URI: http://wordpress.org/ Description: The PhoneGap theme Version: 2.0 Author: Yohei Shimomae Author URI: http://phonegap.com/ Tags: custom header, fixed width, three columns, widgets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent} body{line-height:1} ol, ul{list-style:none} blockquote, q{quotes:none} blockquote:before, blockquote:after, q:before, q:after{content:''; content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse; border-spacing:0} body{font-family:"HelveticaNeue",Helvetica,Arial,Verdana,sans-serif; font-size:14px} strong, b{font-weight:bold} #footer, .pkg h3{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:300} .desc, .step li{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:300} .desc strong{font-weight:bold} hr{border:none; border-top:1px solid #aaa; margin:16px 0} p{line-height:1.6em; font-size:15px; font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:300} h1, .lead-link, .h1{font-size:20px; font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:300} h3{font-size:24px; font-weight:normal; font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:300} .bt{font-size:11px} .light, .twitter-item, .lighter, #archive li a{font-size:13px; font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:300} .lighter{font-size:16px; line-height:1.5em} .post .title, h2{font-size:16px; font-weight:normal} .blog-post .title, h2{font-size:21px} html{height:100%} body{color:#444; height:100%; background:#fff url(images/menu_tile.png?v=1.1) 50% -210px repeat-x} /*body.home, body.page-id-166{background:#fff url(images/menu_tile_home.png?v=1.1) 50% -10px repeat-x}*/ a{color:#f08432; text-decoration:none} a:hover{text-decoration:underline} a.gray-link{color:#666} a.white{color:#fff} a.gray, #start .section a{color:#666} a.gray:hover, a.white:hover, #start .section a:hover{text-decoration:underline} p+p{padding-top:16px} #wrap{width:928px; margin:0 auto; min-height:100%} #content, .content{min-height:300px; padding-top:16px; padding-left:20px; padding-bottom:80px; position:relative} .content{padding:10px 0} .one-fourth{width:208px; padding-left:16px} .one-third{padding-right:16px; width:300px; display:table-cell; vertical-align:top} .three-fourth{width:630px} .three-fourth.extra{width:645px} .one-half{padding-right:16px; width:45%; display:table-cell} .half{width:404px} .half.first{margin-left:16px; float:left} .top-right, .top-right-padded{position:absolute; top:4px; right:0} .top-right-padded{top:18px; right:16px} .top-left{position:absolute; top:4px; left:0} .bt, .cta, .pillar-item, .foot-link, .navigation a, .lead-link, .lead-link, .lead-sublink, .ghost-link, a.linkbox3 h3, .download-button, .foot-badges a, .big-button {-webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; -o-transition:background-color 0.2s linear} .video-container a, .guide, .sidebar a.linkbox h3, .carousel-bt, .blog-feed a .hover, a.desc .hover, .video-container .icon{-webkit-transition:opacity 0.2s linear; -moz-transition:opacity 0.2s linear; -o-transition:opacity 0.2s linear} .blog-feed a .arrow {-webkit-transition:color 0.2s linear; -moz-transition:color 0.2s linear; -o-transition:color 0.2s linear} .version{font-size:11px; margin:2px} span.version{line-height:32px} .body h2, .content h2{margin:16px 0} .bt, .navigation a{background:#555; height:18px; font-size:11px; padding:0 10px; color:#fff; line-height:18px; display:inline-block; margin:0 3px; border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px} .bt:hover, .navigation a:hover{background:#f7833e; text-decoration:none} .bt.thick{font-size:13px; background:#eee; color:#666; height:32px; line-height:32px; margin:0 8px 0 0px} .bt.thick:hover{background:#aaa; color:#fff} .bt.tall{height:32px; font-size:13px; line-height:32px; padding:0 16px; margin:0} .bt.left{float:left} .bt.right{float:right; margin:3px 0 0 0} .bt.buy{width:102px; height:42px; background:#13b0e6 url(images/buy.png); padding:0; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; font-size:18px; color:#fff; text-shadow:0 -1px 0 #3c9cba; line-height:42px} .bt.buy:hover{background-color:#52caec} .cta, .cta-bottom, .cta-divider, .cta-top{margin-left:-7px; width:236px; display:block} .cta{text-align:center; color:#fff; font-size:20px; text-shadow:#9e4b18 0px -1px 1px; background:url(images/sprite2.png) no-repeat 0 -70px; margin:0; width:224px; height:42px; line-height:40px} .cta-bottom{height:20px; width:238px} .cta-bottom.short{height:6px} .cta.tall{background:url(images/sprite2.png) 0 0 no-repeat; border:none; margin:0; height:60px; line-height:43px} .cta.blue{text-shadow:#379eca 0px -1px 1px} .cta.green{background:url(images/sprite2.png) no-repeat 0 -130px; text-shadow:#31ab31 0px -1px 1px} .cta span, .cta .span{font-size:13px; display:inline-block; line-height:1; margin-top:-7px} .cta:hover{background-position:-224px -70px; text-decoration:none} .cta.tall:hover{background-position:-224px 0px; text-decoration:none} .cta.blue:hover{background-position:-224px -70px} .cta.green:hover{background-position:-224px -130px} .lead-link, .lead-sublink, .ghost-link{color:#666; padding:12px 16px; display:block} .lead-link h1, .ghost-link h2, .ghost-link h3, #leadin h1, h2.ghosted, h3.ghosted, .h1{text-shadow:#fff 1px 1px 1px} #menu a{-webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; -o-transition:background-color 0.2s linear} .logo, #menu a.selected, #menu .dropdown, #menu a .arrow-down, .download-button, .menu-item-download h1, #menu .header-menu a, #menu .menu-edge{background:url(images/menu_sprite.png?v1.6) no-repeat 0 0} #header{height:79px; position:relative; background-position:0 -246px; background-repeat:repeat-x} .logo{float:left; width:202px; height:71px; background-position:2px -342px} #menu{position:absolute; top:0px; right:175px} .download-button{width:162px; height:52px; position:absolute; right:2px; top:13px; background-color:#6a707a; background-position:0 -18px; color:#fff; text-shadow:#8a8c90 0 -1px 1px; text-decoration:none} .download-button:hover{background-color:#7d838d; text-decoration:none} .download-button strong, .download-button span{display:block; position:absolute; left:46px; top:9px; font-size:16px} .download-button strong{font-family:"HelveticaNeue-Bold","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:700} .download-button span{top:28px; font-size:12px} #menu a{color:#fff; text-decoration:none; display:inline-block; font-size:15px; margin:0px 0px; height:55px; width:auto; padding:26px 16px 0; text-align:center; line-height:27px; font-family:"HelveticaNeue-Bold","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:700; text-shadow:#444 0px -1px 1px} #menu .header-menu a{padding:21px 6px 0px 10px; height:58px; text-align:left; width:86px; float:left; display:block; line-height:20px; background-position:-150px -100px} #menu h1{font-size:14px; color:#fff; font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:bold} #menu h5{font-weight:normal; font-size:11px; color:#bbb; font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:300; line-height:11px; text-shadow:none; margin-top:4px} #menu a:hover{color:#d0d0d0} #menu a.selected, #menu a.selected:hover{background-position:50% -162px} #menu a .arrow-down{width:14px; height:20px; background-position:5px -88px; float:right} #menu .dropdown{position:absolute; top:79px; left:0; z-index:100; overflow:hidden; width:auto; width:140px; background-position:0% 100%; display:none; height:0px; border-top:1px solid #4F5155} #menu .dropdown a{text-shadow:none; color:#666; height:auto; font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:400; padding:6px 0 6px 8px; font-size:13px; white-space:nowrap; display:block; text-align:left; margin:0; border-radius:4px; line-height:15px} #menu .dropdown a:hover{text-decoration:none; background:#e6e9eb; color:#666} #menu .dropdown li{margin:1px 0; text-align:left} #menu .dropdown ul{top:1px; left:10px; right:10px; bottom:10px; z-index:3; background-color:#fff; background-position:50% -600px; margin:0px 8px 5px; padding-top:5px; overflow:hidden; position:absolute} .menu-item-download h1{background-position:69px -150px} #menu .menu-edge{float:left; width:2px; height:79px; background-position:-150px -100px} #menu span.ext{display:none; color:#fff; background:#aaa; font-size:10px; -webkit-border-radius:4px; margin-left:3px; height:14px; line-height:12px; padding:0 2px} .big-button{font-size:16px; display:block; font-family:"HelveticaNeue-Bold","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:700; color:#fff; text-shadow:0 -1px 1px #555; height:53px; width:150px; line-height:52px; text-align:center; background:#6a707a url(images/sprite8.png) no-repeat} .big-button:hover{background-color:#7d838d; text-decoration:none} .big-button.wide{width:250px; background-position:0 -100px} #leadin{height:90px; position:relative} .home #leadin, .page-id-166 #leadin{height:422px; background:none} #leadin h1{padding-left:50px; font-size:24px; padding-top:28px; font-family:"HelveticaNeue","HelveticaNeue",Helvetica,Arial,Verdana,sans-serif; font-weight:400} #leadin .h1, #leadin h1, .lead-link, .desc{display:block; line-height:1em; font-size:27px; font-weight:normal; padding:33px 16px 0 18px} .desc{font-weight:300} .home #leadin .h1, .home #leadin h1, .lead-link, .page-id-166 #leadin h1, .page-id-166 #leadin .h1{padding:0; font-family:"HelveticaNeue",Helvetica,Arial,Verdana,sans-serif; font-weight:300} .home #leadin .h1 strong, .page-id-166 #leadin h1 strong{font-family:"HelveticaNeue-Bold","HelveticaNeue",Helvetica,Arial,Verdana,sans-serif; font-weight:700} .desc{display:block; padding:16px 16px 0 22px; font-size:16px; line-height:24px} .home .desc, .page-id-166 .desc{padding:12px 0 0} .desc.liquid{padding:8px 0 0 0; max-width:inherit; line-height:24px} .lead-menu{position:absolute; left:12px; bottom:0px} .ftab{border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px} .lead-menu{border-top-left-radius:4px; border-top-right-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px} .lead-menu span{font-size:13px; padding:0 4px; margin:0 4px} a.ftab{color:#666; font-size:13px; padding:3px 6px; display:inline-block} a.ftab:hover{color:#888; text-decoration:none} a.ftab.selected, a.ftab.selected:hover{background:#666; color:#fff} #pillar{float:right; width:224px; padding-top:36px; position:relative} #pillar.short{padding-top:18px} .pillar-group{margin-top:24px; width:100%} .pillar-item{display:block; position:relative; color:#fff; padding:8px 24px 0px 16px; height:62px; text-shadow:#777 0px -1px 1px; font-size:15px; background:url(images/sprite2.png) 0 -260px no-repeat; font-family:"HelveticaNeue-Medium",Helvetica,Arial,Verdana,sans-serif} .pillar-item.pi-icon{padding-left:10px} .pillar-item.first{background-position:0 -190px} .pillar-item.last{background-position:0 -330px} .pillar-item:hover{text-decoration:none; background-position:-224px -260px} .pillar-item.first:hover{background-position:-224px -190px} .pillar-item.last:hover{background-position:-224px -330px} .pillar-item span{display:table-cell; vertical-align:middle; height:54px} .pillar-item.pi-icon span{background:url(images/sprite.png) -256px -8px no-repeat; padding-left:60px} .pillar-item span.pi-app{background-position:-256px -74px} .pillar-item span.pi-video{background-position:-256px -129px} .pillar-item span.pi-mail{background-position:-256px -178px} .twitter-item a{color:#555} .retweet{font-weight:bold; color:#aaa} .twitter h2 a{color:#555} .twitter{list-style:none} .twitter-item{margin:12px 0;overflow: hidden;} .sidebar{overflow:hidden; width:224px; right:0; top:0px; position:absolute} .sidebar.full{height:100%} .sidebar h3:first-child{margin-top:48px} .sidebar-item{width:186px; margin:32px auto 0; line-height:18px} .sidebar-item:first-child{margin-top:51px} .sidebar-widget{margin-top:32px} .sidebar h3{margin-bottom:16px} .content .sidebar h3{margin-top:12px} .sidebar li{margin:4px 0 8px} .sidebar .post{margin-bottom:16px} .video-parent{width:223px; display:inline-block} .video-container{width:177px; margin:36px auto 0px; padding-bottom:12px; position:relative} .video-container a, .video-container img{width:177px; height:92px} .video-container a{display:block; position:absolute; top:0; background:url(images/sprite.png) no-repeat 0 -224px} .video-container a:hover{opacity:0; filter:alpha(opacity = 0)} .video-container span{display:block; font-size:13px; text-align:center; margin:8px 4px} .steps{border-radius:12px; -khtml-border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; overflow:hidden; margin-bottom:24px; border:#bbb 1px solid} .step{padding:16px; padding-bottom:24px; background:#eee; min-height:120px; background:url(images/tilable.png) repeat-x 0 -402px} .step h3{margin-bottom:16px} .step:first-child{border-top:none} .step-item{height:86px; width:86px; border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background:#666; position:relative; display:inline-block; margin-left:8px; background:url(images/tilable.png) repeat-x 0 -230px; cursor:pointer} .step-item:hover{background:url(images/tilable.png) repeat-x 0 -144px} .ios .step-item.tab-ios, .android .step-item.tab-android, .bb .step-item.tab-bb, .palm .step-item.tab-palm, .winmo .step-item.tab-winmo, .symbian .step-item.tab-symbian{background:url(images/tilable.png) repeat-x 0 -316px} .step-item img{position:absolute; top:1px; left:7px} .step-item:first-child{margin-left:0} .step-item span{position:absolute; text-align:center; width:100%; bottom:2px; font-size:12px; color:#fff} .step-item.disabled, .step-item.disabled:hover{background:#fff; opacity:0.5; filter:alpha(opacity = 50)} .step-item.disabled span{color:#999} .step li{list-style:circle outside; margin-left:20px; margin-top:12px; line-height:1.4em} ul+p{margin-top:12px} #footer{padding-bottom:72px; background:#444 url(images/footer_bg.png) repeat; color:#fff;min-width: 944px;} #footer .inner{width:928px; margin:0 auto} .foot-column.normal{position:absolute; top:0; bottom:0} .foot-column h3{font-weight:normal; font-size:20px; color:#bbb} .foot-column h5{font-weight:normal; font-size:12px; color:#888; margin:4px 0 12px} .foot-column ul{margin:20px 0;} .foot-column-wrap{border-left:1px solid #353535; border-right:1px solid #5a5a5a; position:relative} .foot-column:first-child{border-left:1px solid #5a5a5a} .foot-column{width:129px; border-right:1px solid #353535; border-left:1px solid #5a5a5a; padding:12px} .foot-link, .foot-links li a{display:block; color:#fff; margin:6px 0 3px -4px; padding:5px 0 6px 4px; font-size:12px; border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px} .foot-link:hover, .foot-links li a:hover{background:#555; text-decoration:none} .foot-link.old-post{color:#999} .foot-subdiv{height:36px} .foot-subdiv-top{border-top:1px solid #353535; border-bottom:1px solid #5a5a5a; margin-bottom:16px} .foot-badges a{display:block; height:40px; width:40px; background:#888 url(images/sprite6.png?v=1.2) no-repeat 0 0; float:left; text-indent:-9999px; margin:0px 0px} .foot-badges a:hover{background-color:#eee} .foot-badges a.facebook{background-position:-40px 0;background-color: #96a1b0;} .foot-badges a.facebook:hover{background-color:#659df7} .foot-badges a.twitter{background-position:-80px 0;background-color:#9aacad;} .foot-badges a.twitter:hover{background-color:#40d6ff} .foot-badges a.mail{background-position:-120px 0;background-color: #9aada3;} .foot-badges a.mail:hover{background-color:#0bde9b} .foot-badges a.rss{background-position:-160px 0;background-color: #adaba6;} .foot-badges a.rss:hover{background-color:#ffb044} #floating-footer-container{height:56px} #floating-footer{height:45px; width:100%; background:#353535 url(images/tilable.png) repeat-x 0 -94px; font-size:13px; position:inherit; bottom:0; margin-bottom:-1px; z-index:99} #floating-footer.locked{position:fixed} #floating-footer .inner{position:relative} #foot-menu, #external-links{position:absolute; top:14px} #external-links{right:-8px} .copyright{position:absolute; bottom:-60px; left:10px; font-size:12px} .foot-item{display:inline-block; font-weight:bold; color:#fff; margin:0 4px 0 2px; padding:0 10px 0 2px; border-right:1px dotted #666} .foot-item:last-child{border-right:none} .foot-item:hover{text-decoration:underline} .post{margin-bottom:24px} .post.large{margin:36px 0 24px; padding:8px 0; border-bottom:1px dotted #bbb; font-size:20px} .post.large:first-child{margin-top:0px} .blog-post:first-child{margin-top:0} .blog-post{margin:24px 0 56px} .post .title.old-post{color:#bbb} .post .group, .p-group{height:16px; color:#999; font-size:12px; margin-top:4px; margin-bottom:24px; font-style:italic} .blog-post .group{margin-top:10px} .links{border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:16px} .navigation{margin:24px 0px 0px 0; text-align:center} .navigation a, .bt.back{min-width:60px; height:32px; line-height:32px; text-align:center} .app-title{display:table-cell; height:60px; vertical-align:middle} .app-body{border:1px solid #bbb; border-top:none; padding:16px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px} .sidebar .app-body h3{margin-top:0} .app-body.full{border:1px solid #bbb; border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px} .mask-icon{background:url(images/mask50.png) no-repeat; z-index:2; float:left; margin-left:-50px} .app-list+.app-list{margin-top:6px} .app-list li .app-list-link img, .app-list .app-title img, .app-list .mask{width:50px; height:50px; display:block} .app-list .mask{background:url(images/mask50_white.png) no-repeat; z-index:2} .app-list .mask, .app-list li .app-list-link img, .app-list .app-title img{position:absolute; left:12px; top:18px; margin:0} .app-list .featured, .feature-tag{width:65px; height:65px; display:block; position:absolute; left:-2px; top:-2px; background:url(images/featured_tag.png); z-index:3} .app-list a .featured{left:-16px} .app-list li .app-list-link{background:#fff url(images/leadin3.png) no-repeat 100% -32px} .app-list, .app-list-edge, .guide, .guide .top, .guide .bottom, .container-edge{position:relative; background:url(images/app_list_tile.png?v1.1) repeat-y -650px 0; padding:8px; width:634px; margin:-8px 0 0 -8px} .app-list-feature{margin-bottom:16px} .app-list li{border-bottom:1px solid #ccc} .app-list .tall{height:126px !important; background-position:100% -10px} .app-list .app-list-link.tall img, .app-list .tall img, .app-list .tall .mask{top:58px} .app-list .tall .app-list-header{top:62px} .app-list .tall .p-group{top:86px} .app-list li .app-list-link, .app-list .app-title{display:block; position:relative; height:84px; -webkit-transition:border 0.3s; -o-transition:border 0.3s; -moz-transition:border 0.3s; border-left:14px #eee solid} .app-list .app-title{border-left:none; position:relative} .app-list li .app-list-link:hover{border-left-color:#666; text-decoration:none} .app-list li:last-child{border-bottom:none} .app-list .app-list-header, .app-list .p-group{position:absolute; left:80px; top:22px; color:#666} .app-list .app-list-header{font-size:22px} .app-list .no-thumb .app-list-header, .app-list .no-thumb .p-group{left:16px} .app-list .p-group{top:46px; font-size:13px; color:#aaa; font-weight:normal} .app-list .app-list-edge, .guide, .container-edge{margin:0; border:none; height:8px; position:absolute; background-position:0 0; left:0; padding-bottom:0px} .app-list .app-list-edge.top, .guide .top, .container-edge.top{top:0} .app-list .app-list-edge.bottom, .guide .bottom, .container-edge.bottom{bottom:0px; background-position:-1300px 0} .app-list.half{width:48%} .app-list.half .app-list-edge, .container-edge{width:100%; padding-left:0; padding-right:0} .app-list.half .app-list-edge.right, .container-edge.right{bottom:0; width:8px; top:0; left:auto; right:0; height:auto; background-position:-1292px 0; padding-right:0} .app-list.half .app-list-edge.right-top, .container-edge.right-top{background-position:-634px 0; width:16px; left:auto; right:0; top:0} .app-list.half .app-list-edge.right-bottom, .container-edge.right-bottom{background-position:-1934px 0; width:16px; left:auto; right:0; bottom:0} .app-list-body{padding:16px 20px; border-top:#eee 1px solid} .app-list-body p a{color:#666; text-decoration:underline} .app-list-body p a:hover{color:#888} .app-list-feature-link{padding:20px 16px; color:#aaa; font-size:16px; font-style:italic; background:#fff url(images/leadin3.png) no-repeat 100% -47px; display:block} .app-list li .app-list-feature-large, .app-list .app-list-feature-large{border-left:none; height:232px !important; overflow:hidden; background-position:0 0} .app-list li .app-list-feature-small{border-left:none; height:160px; overflow:hidden; background-position:0 50%} .app-list .feature-tag{width:196px; height:32px; left:3px; top:23px; background:url(images/featured_tag_large.png); border-bottom:none} .app-list li li{border:none} .app-list-button-container{margin:24px 0px 4px} .app-list-button, .app-list-button span{width:172px; height:60px; background:url(images/feature_page_button.png) no-repeat; display:block} .app-list-button{background-color:#eaeaea; margin-right:10px; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -o-transition:background 0.3s; display:inline-block; margin-bottom:4px} .app-list-button span{background-position:9px -85px} .app-list-button span.video{background-position:9px -144px} .app-list-button:hover{background-color:#ddd} .app-list-developer{float:left; background:url(images/feature_page_button.png) no-repeat 9px -214px; display:block; width:70px; height:50px} .title-container{-webkit-transition:height 0.3s; -moz-transition:height 0.3s; -o-transition:height 0.3s; position:absolute; bottom:0; left:0; right:0; height:46px; background:url(images/transparent_black.png); overflow:hidden} .app-list-feature-small .title-container{height:32px} .app-list .app-list-feature-small .title-container h3{font-size:18px; top:8px} .app-list .app-list-feature-small .title-container .p-group{font-size:12px; top:30px} .app-list-feature-large:hover .title-container, .app-list-feature-small:hover .title-container{height:60px} .app-list-feature-large:hover .title-container{height:160px} .app-list .title-container h3, .app-list .title-container .p-group, .app-list .title-container p{position:absolute; left:16px; top:14px; color:#fff} .app-list .title-container .p-group{top:42px; color:#aaa} .app-list .title-container p{top:70px; right:16px; font-size:12px} .app-list-devloper-container{margin-top:12px; position:relative; border:none; padding-bottom:0; padding-left:12px; padding-right:12px} .edge-top-shadow{position:absolute; top:0; left:0; background:url(images/shadow.png) repeat-x 0 -8px; height:8px; right:0} .edge-top-shadow.bottom{top:inherit; bottom:0; background-position:0 0} .app-list-devloper-container p{padding-left:16px; padding-right:16px} .guide{margin-bottom:24px} .guide h3{padding-bottom:24px; margin-left:-16px} .guide.stick h3{padding-bottom:24px; margin-left:0px} .guide li{border-bottom:#ddd 1px solid; padding:16px 32px 24px; overflow:hidden} .guide.stick li{padding-left:16px; padding-right:16px} .guide.stick li.bottom, .guide.stick li.top{padding-left:8px; padding-right:8px} .guide li:last-child{border-bottom:none} .guide ul li{list-style:circle inside; border:none; padding:8px} .guide .top, .guide .bottom{position:absolute; height:0px; padding:8px; border:none} .guide .top{background-position:0 0} .guide{position:relative; height:auto; background-position:-650px 0} .button-picker{background:url(images/bt_picker_fill.png) repeat; margin:16px 0; position:relative; padding:10px 4px 6px 10px; height:98px} .guide .button-picker li{padding:0; list-style:none; margin:0} .button-picker li, .button-picker li a{height:98px; width:96px} .button-picker li{float:left; padding:0; position:relative; cursor:pointer} .button-picker li a{display:block; background:#858a91 url(images/sprite5.png?v=1.1) no-repeat -52px -2px; padding:0; text-align:center; line-height:155px; color:#bdbfc3; font-size:11px; font-family:"HelveticaNeue-Bold","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:700; text-shadow:0 -1px 0 #515458; position:relative;} .button-picker li a:hover{background-color:#989ea6; text-decoration:none} .button-picker li a:active{background-color:#7e848c} .button-picker li a.selected{background-color:#ececec; color:#333; text-shadow:0 1px 0 #efefef} .button-picker li span{background:url(images/sprite5.png?v=1.1) no-repeat 0 -350px; position:absolute; width:50px; height:50px; left:22px; top:16px; line-height:0; display:block} .button-picker li .selected span{background-position:0 -300px} .button-picker li .android span{background-position:-50px -350px} .button-picker li .android.selected span{background-position:-50px -300px} .button-picker li .blackberry span{background-position:-100px -350px} .button-picker li .blackberry.selected span{background-position:-100px -300px} .button-picker li .webos span{background-position:-150px -350px} .button-picker li .webos.selected span{background-position:-150px -300px} .button-picker li .windows span{background-position:-200px -350px} .button-picker li .windows.selected span{background-position:-200px -300px} .button-picker li .symbian span{background-position:-250px -350px} .button-picker li .symbian.selected span{background-position:-250px -300px} .button-picker li .bada span{background-position:-300px -350px} .button-picker li .bada.selected span{background-position:-300px -300px} .button-picker .edge{background:url(images/sprite5.png?v=1.1) no-repeat; position:absolute; padding:0; width:10px; height:10px; margin:0; cursor:default} .button-picker .edge.top-left, .button-picker .edge.top-right{background-position:0 0; left:0; top:0; height:auto; bottom:10px} .button-picker .edge.top-right{left:auto; right:0; background-position:-40px 0} .button-picker .edge.bottom-right, .button-picker .edge.bottom-left{; background-position:0px -240px; bottom:0; left:0} .button-picker .edge.bottom-left{; background-position:-40px -240px; bottom:0; left:auto; right:0} .button-picker .edge.top, .button-picker .edge.bottom{background:url(images/sprite5.png?v=1.1) repeat-x 0 -260px; left:10px; right:10px; top:0px; height:10px; width:auto} .button-picker .edge.bottom{background-position:0px -270px; top:auto; bottom:0} .video-guide, .guide li.video-guide{background:url(images/sprite5.png?v=1.1) repeat-x 0 -400px; padding:0; margin:0; height:90px; overflow:hidden; display:block; margin-top:-8px; position:relative; z-index:6; padding-left:150px} .video-guide h3{margin:0; position:absolute; left:15px; top:36px; color:#bdbfc3; font-size:14px; text-shadow:0 -1px 0 #515458; padding-left:} .video-guide .video-container{margin:0; position:relative; overflow:hidden; width:120px; height:90px; margin-right:8px; float:left} .video-guide img, .video-guide a{position:absolute; left:-26px; top:0; z-index:5} .video-guide img{height:115px; width:200px; top:-15px} .video-frame{background:url(images/sprite5.png?v=1.1) 0 -10px; position:absolute; top:0; bottom:0; left:0; z-index:8; background-position:0px -500px; width:8px} .video-frame.vf-right{background-position:-142px -500px; left:auto; right:0} .video-frame.vf-top, .video-frame.vf-bottom{background-position:-8px -500px; right:8px; height:10px; left:8px; bottom:auto; width:auto} .video-frame.vf-bottom{background-position:-8px -580px; top:80px} .video-guide .video-container a{cursor:pointer} .mask-icon-cs{background:url(images/mask80.png) no-repeat; margin-left:-80px; width:80px; height:80px} .p-group{margin-bottom:0; color:#ddd; font-weight:bold} .platforms{margin-top:16px; padding:16px 0px 0; border-top:1px solid #bbb} .platform{margin-right:24px; font-size:10px; height:14px; background:no-repeat bottom left; padding-left:18px; line-height:14px; display:inline-block} a.platform{color:#666; text-decoration:underline} a.platform:hover{color:#888} .platform.iphone, .platform.ipad{background-image:url(images/icon_iphone.png)} .platform.palm{background-image:url(images/icon_palm.png)} .platform.android{background-image:url(images/icon_android.png)} .platform.winmo{background-image:url(images/icon_winmo.png)} .platform.symbian{background-image:url(images/icon_symbian.png)} .platform.blackberry{background-image:url(images/icon_blackberry.png)} .platform-large{width:39px; height:94px; background:#aaa url(images/platforms2.png) -22px -70px; display:inline-block; text-indent:-9999px; margin:0 20px 0 8px; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -o-transition:background 0.3s} .platform-large.android{background-position:-175px -70px; width:38px} .platform-large.palm{background-position:-234px -70px; width:38px} .platform-large.blackberry{background-position:-299px -70px; width:42px} .platform-large.winmo{background-position:-357px -70px; width:35px} .platform-large.symbian{background-position:-411px -70px; width:35px} .platform-large.ipad{background-position:-80px -40px; width:75px; height:124px} .platform-containter{padding:24px 16px 16px 24px; position:relative; background:url(images/platforms_bg.png)} .platform-containter.white{background:#fff; padding:16px} .platform-large.white{background-image:url(images/platforms.png); background-color:#888} a.platform-large:hover{background-color:#666} .form-item{padding:8px 0px 8px 0px} .form-sub{margin:2px 0px 8px 0px; padding:8px 36px 16px 16px; border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background:#eee} .form-item label{display:block; margin-bottom:2px; font-size:12px} .form-item .form-checkbox{display:inline} .form-item input[type="text"], .form-item textarea, .form-item input[type="submit"]{width:100%; padding:6px 6px; height:22px; line-height:23px; border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border:1px solid #aaa; font-size:18px; color:#555} .form-item select{height:22px; width:50%} .form-item textarea{height:200px; font-size:13px} .form-item input[type="submit"]{margin-top:23px; height:50px; width:200px; font-size:12px; color:#fff; background:#666; border:none} .form-item input[type="submit"]:hover{background:#777} .form-item input[type="submit"]:active{background:#555} .form-item input[type="checkbox"]{margin:12px 4px 12px 18px} .alert.error, .alert.success{padding:16px; margin:18px 0; background:#f8bbbb; border:2px solid #b75050; border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px} .alert.success{background:#ccf5d1; border-color:#5eb468} .error-item{padding:4px 0px; color:#555} #download h1{background:url(images/icon_download.png) center left no-repeat; font-size:24px; padding:7px 0 3px 36px} #download .version{float:left; width:224px; height:60px; margin-right:8px; text-align:right} #download .group{padding-top:24px; display:block; height:80px; border-bottom:1px dotted #bbb} #download .github, #download .github a{display:inline-block; width:85px; height:50px; background:url(images/icon_github.png) bottom left no-repeat} #download .github{margin-left:16px} #download .github a{line-height:0.5} #download .help{display:block} #download .help a{font-weight:bold; display:block; margin:16px 0 0 2px; background:url(images/icon_question.png) center left no-repeat; font-size:13px; padding:7px 0 5px 42px} #archive li a{color:#666} .storytitle{margin:0 16px} .blog .storytitle{margin:0} .meta{margin:0 16px; color:#9a9a9a} .storycontent{margin-bottom:32px} .blog .storycontent{padding:0 0px} table.feature{margin-top:24px; width:99%} #supported h2{border:none} table.feature{text-transform:uppercase; font-size:12px} table.feature th{text-transform:none; padding-top:0} table.feature td.device, table.feature th.first{width:auto; text-align:left; border-bottom:none; border-left:none} .support-pkg{height:980px; margin-left:-10px; margin-right:-10px; position:relative} .pkg ul.large li.divided strong, .pkg ul.large li b, .tooltip b{font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:400} .pkg .button, .tooltip{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:300} .pkg{min-height:200px; position:relative; width:164px; padding:8px 10px 12px; float:left} .pkg, .pkg .top, .pkg .bottom, .pkg hr, .pkg ul.details, .pkg .button, .tooltip{background:url(images/sprite4.png) 0 0 repeat-y; left:0} .pkg .top, .pkg .bottom{width:184px; position:absolute; height:12px; top:0; background-position:-184px -8px} .pkg .bottom{top:auto; bottom:0; background-position:-368px -18px} .pkg h3{font-size:20px; text-align:center; padding:12px 10px; text-transform:uppercase} .pkg hr{background-color:#b858fc; border:none; height:10px; background-position:-562px 0px; margin:0} .pkg ul li{border-bottom:1px solid #bbb; padding:21px 12px; position:relative; font-size:13px; overflow:hidden} .pkg ul.large li{padding-left:82px; line-height:1.2em} .pkg ul.large li b{position:absolute; left:10px; font-size:52px; line-height:50px; top:11px; width:65px; text-align:center} .pkg ul.large li.long{padding-top:15px; padding-bottom:17px} .pkg ul.large li.divided{height:42px; padding:14px 16px; font-size:13px; text-align:center} .pkg ul.large li.divided strong{font-size:28px; display:block; padding-top:4px} .pkg ul.large li.divided strong.long{font-size:18px} .pkg ul.details li{padding:13px 4px 13px 36px} .pkg ul.details{background-position:-245px -42px; background-repeat:no-repeat} .pkg .price{text-align:center; height:80px; padding:0 11px 10px; border-bottom:1px solid #bbb} .pkg .price h3{padding-bottom:4px; text-transform:capitalize; font-size:13px; font-family:"HelveticaNeue-Bold","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:700} .pkg .price span{font-size:12px} .pkg .buy{padding:10px; text-align:center} .pkg .button{height:30px; width:142px; display:block; background-position:-746px 0; background-color:#b858fc; text-shadow:0 -1px #999; color:#fff; font-size:16px; text-transform:uppercase; line-height:30px; margin-top:8px} .pkg .button:hover{background-color:#a54fe3; text-decoration:none} .pkg.corporate .button, .pkg.corporate hr{background-color:#58b8fc} .pkg.corporate .button:hover{background-color:#4fa5e3} .pkg.pro .button, .pkg.pro hr{background-color:#81fc58} .pkg.pro .button:hover{background-color:#74e34f} .pkg.starter .button, .pkg.starter hr{background-color:#f5de49} .pkg.starter .button:hover{background-color:#edd642} .pkg.basic .button, .pkg.basic hr{background-color:#fc8158} .pkg.basic .button:hover{background-color:#e57650} .pkg ul li:hover{background:url(images/sprite4.png) no-repeat -450px -131px} .pkg ul.details li:hover{background:url(images/sprite4.png) no-repeat -452px -81px} .pkg ul li.unavailable{color:#ccc} .pkg ul li.unavailable:hover{background:#fff} .pkg ul{padding:0; margin:0} .foot-note{width:97%; line-height:1.5; margin-bottom:30px} .foot-note a{color:#666; text-decoration:underline} .pkg li.no-border{border-bottom:none; height:36px; padding-top:10px} .pkg li.no-border a{color:#666; text-decoration:underline; font-size:15px; display:block; padding-top:6px} .pkg li.no-border a:hover{color:#888} .tooltip{position:absolute; left:410px; top:40px; background-position:-673px -97px; width:275px; height:148px; z-index:9} .tooltip.right{background-position:-666px -257px} .tooltip .inner{padding:14px 32px 14px 14px; color:#fff; font-size:13px; line-height:16px} .tooltip.right .inner{padding-right:14px; padding-left:32px; } .tooltip.bottom{background:url(images/sprite5.png?v=1.1) 0 -600px; width:220px; height:70px} .tooltip.bottom .inner{padding-left:20px; padding-right:20px; padding-top:16px} .tooltip b{font-size:15px; display:block; padding-bottom:8px} #comments-group{margin:0 0px} #comments-group #postcomment, #comments-group #comments{padding:8px 0; margin-top:16px; border-top:1px dotted #bbb} #commentlist{margin-bottom:16px} #commentlist li{margin:8px; padding:16px; padding-bottom:8px; background:#f0f0f0; border:#e2e2e2 solid 1px} #commentlist li .comment-edit-link, #commentlist li cite{font-size:12px} #commentlist li .comment-footer{margin-top:16px; padding-top:4px; border-top:1px dotted #bbb} #commentlist li .comment-edit-link{margin-left:8px} #commentlist li cite{margin-right:8px} form div.wpcf7-mail-sent-ok{border:none; background:#66d953; border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; color:#fff; margin:8px 64px 16px 0; padding:6px 8px; padding-bottom:2px} .item{margin-bottom:16px} .item li{margin:16px 0 8px 16px} .tool h2{margin-bottom:8px} .tool p{padding:4px 0 16px 0} .tool-img{width:80px; height:80px} .tool{min-height:118px} .tool .inner{margin-left:100px} .tool.ghost-link{background-image:url(images/ghost_info.png)} .spacer-top{margin-top:24px} .spacer-padding-top{padding-top:24px} .spacer-bottom{margin-bottom:24px} .img-tab{background:url(images/tabs2.png) no-repeat 0 0; background-position:0 -136px; padding:8px 8px 0px 20px; height:85px; width:82px; display:block} .img-tab.selected{background-position:0 -24px; height:98px; padding-top:16px} .img-tab.top, .img-tab.bottom{background-position:0 0; height:20px; padding-top:0} .img-tab.bottom{background-position:0 100%} .half .wpcf7{margin-top:16px} .code-wrapper{background:#eee; margin:8px 0 16px; padding:16px; border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border:2px solid #ddd} .linkbox, .linkbox2, .linkbox3{display:block; position:relative; width:222px; padding-top:32px; margin:10px 0 24px; border:1px solid #bbb} .linkbox2{width:224px; border:none} .linkbox2-body{padding:20px; border:1px solid #bbb; border-top:none} .content .sidebar .linkbox h3, .sidebar .linkbox2 h3, .sidebar .linkbox2 h3:first-child{margin-top:0} .sidebar .linkbox h3, .sidebar .linkbox2 h3, .sidebar .linkbox3 h3{position:absolute; top:0px; left:0px; right:0px; padding:25px 16px 26px; font-size:20px; background:#353535; color:#fff} .sidebar .linkbox3{padding:0; margin-bottom:24px; border:none; width:224px} .sidebar .linkbox3 h3, .sidebar .linkbox3 h3:first-child{position:relative; background:#353535 url(images/arrow.png) no-repeat 100% 50%; margin:0; padding:26px 16px 26px} .sidebar .linkbox3:hover h3{background-color:#666; text-decoration:none} .sidebar .linkbox3:hover{text-decoration:none} .sidebar .linkbox2{position:relative; margin-top:24px; padding:0} .sidebar .linkbox2:first-child{margin-top:48px} .sidebar .linkbox2 h3{padding:26px 18px; position:relative; margin-bottom:0} .sidebar .linkbox2 h3.oneline{padding-top:36px; padding-bottom:36px} .sidebar a.linkbox h3{opacity:0.8; filter:alpha(opacity = 80); background:#353535 url(images/arrow.png) no-repeat 100% 50%; border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px} .sidebar a.linkbox:hover{text-decoration:none; opacity:1; filter:alpha(opacity = 100)} .sidebar a.linkbox:hover h3{text-decoration:none; opacity:1; filter:alpha(opacity = 100)} .linkbox2{} .cs-body{margin-left:144px} .cs-body p+p{padding-top:10px} .cs-sidebar{float:left} .img-tab img{width:80px; height:80px} .gridsheet{min-height:100px; background:url(images/grid_tile.png); position:relative; padding-top:120px; padding-bottom:50px; margin-bottom:18px; margin-left:-10px} .gridsheet .b, .gridsheet .l, .gridsheet .r, .gridsheet .tl, .gridsheet .tr, .gridsheet .bl, .gridsheet .br, .gridsheet .t{position:absolute} .gridsheet .t{top:0; left:0; right:0; height:1px; background:#d0d0d0} .gridsheet .l, .gridsheet .tl, .gridsheet .bl{left:0} .gridsheet .r, .gridsheet .tr, .gridsheet .br{right:0} .gridsheet .l, .gridsheet .r{top:0; bottom:0; width:15px} .gridsheet .l{background:url(images/ab_sides.png) repeat-y -35px 0} .gridsheet .r{background:url(images/ab_sides.png) repeat-y 2px 0} .gridsheet .b, .gridsheet .bl, .gridsheet .br{bottom:0; height:13px} .gridsheet .b{left:0; right:0; background:#fff url(images/ab_tilable.png) repeat-x 0 0} .gridsheet .tl, .gridsheet .tr, .gridsheet .bl, .gridsheet .br{background:url(images/ab_corners.png) no-repeat -200px -14px} .gridsheet .bl, .gridsheet .br{width:200px; height:155px} .gridsheet .br{background-position:0 -14px} .gridsheet .tr, .gridsheet .tl{width:20px; height:160px; top:0; background-position:-201px -170px} .gridsheet .tr{background-position:-180px -170px} .gridtag{top:30px; left:4px; height:60px; width:459px; position:absolute; background:url(images/ab_tilable.png) repeat-x 0 -120px} .gridtag .tip, .gridtag .root{position:absolute; height:60px; width:10px; background:url(images/ab_tilable.png) repeat-x 0 -50px} .gridtag.large, .gridtag.large .tip, .gridtag.large .root{background-image:url(images/tag_large.png); height:96px} .gridtag .tip{right:-20px; width:20px; background-position:0 -190px} .gridtag .text{background:url(images/ab_images.png) no-repeat 0 -550px; position:absolute; left:40px; top:9px; height:30px; padding-left:40px; padding-top:2px; color:#fff; font-size:24px; text-shadow:#3888af 1px 1px 1px} .gridtag.orange{background-position:0 -330px} .gridtag.orange .root{background-position:0 -260px} .gridtag.orange .tip{background-position:0 -400px} .gridtag.orange .text{text-shadow:#a44922 1px 1px 1px} .gridtag.large{background-position:0 -96px} .gridtag.large .tip{width:32px; margin-right:-12px; background-position:0 -192px} .gridtag.large .root{background-position:0 -0px} .gridtag.large .text{top:15px; line-height:22px; background-position:0 -536px; height:64px; font-size:20px; left:12px; padding-left:46px} .gridsheet .img{background:url(images/ab_images.png) no-repeat} .gridsheet .img2{background:url(images/ab_images2.png) no-repeat} .quote-container{position:absolute; top:-58px; right:4px} .quote{background:url(images/quote.png); width:478px; height:110px} .quote .inner{padding:15px 20px 0 34px; font-size:13px; line-height:1.1em} .quote .inner span{width:20px; height:10px; display:inline-block; background:url(images/quote.png) no-repeat 0 -150px} .quote-from{font-style:italic; font-size:13px; text-align:right; float:right; width:260px} .mobile-show{display:none} .spinner{width:24px; height:24px; display:block; background:url(images/spinner.gif); margin:8px} .mobile-small{display:none} .mobile-wide{display:block} #zoom{z-index:5} .blog .app-list-body ul, .calendar-content ul{padding:8px 0 8px 20px} .blog .app-list-body li, .calendar-content li{padding-top:8px; line-height:1.6em; font-size:15px; font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:300; list-style:outside disc} .blog .app-list-body{padding-bottom:24px} .blog .app-list-body ul ul, .calendar-content ul ul{padding-left:40px} .blog .app-list-body ul ul li, .calendar-content ul ul li{list-style:outside circle} .blog .app-list-body ul li a, .calendar-content ul li a{color:#666; text-decoration:underline} .blog .app-list-body ul li a:hover, .calendar-content ul li a:hover{color:#888} .blog .app-list-body h1, .blog .app-list-body h2, .blog .app-list-body h3, .blog .app-list-body h4{margin-top: 20px;margin-bottom: 10px;} .single-post .blog .app-title { height: auto;} .single-post .blog .app-list-header {position:static;padding: 22px 16px 0;} .single-post .blog .p-group {position:static;padding: 4px 16px 20px;} .media-share-nav{height:30px; padding:16px;border-top: 1px solid #eee;} .media-share-nav li{float:left; padding:0 6px} .blog .app-list-devloper-container h3 {margin-top: 0;} .blog blockquote {padding: 20px 16px;font-style: italic;} a.register{width:224px; height:60px; display:block; color:#fff} a.button{height:30px; width:142px; display:block; background:#fc8158 url(images/sprite4.png) -746px 0; text-shadow:0 -1px #999; color:#fff; font-size:16px; text-transform:uppercase; line-height:30px; text-align:center} a.button:hover{background-color:#e57650; text-decoration:none} .grid-columns{margin:16px 0; height:1028px} .container-list li, .container{padding:8px 8px 4px} .container-list li, .container, .cl{position:relative; background:url(images/container.png) 0 0 no-repeat} .cl{position:absolute} .cl.bottom{background-position:0% 100%; bottom:0; left:0; right:0; height:8px} .cl.right{background-position:100% 0%; bottom:0; top:0; right:0; width:8px} .cl.bottom-right{background-position:100% 100%; bottom:0; right:0; width:14px; height:14px} .cl-body{padding:20px} .container.attach{margin-top:-20px; background-position:0 -20px; padding:10px 30px 30px; background-color:#fff} .cl.right.attach{background-position:100% -20px} .container-list .quote{background:url(images/sprite7.png) -50px 7px} .container-list .quote p{position:absolute; left:50px; right:50px; top:32px; font-size:0.96em; line-height:1.25em} .container-list .quote i{float:right; margin-top:6px} .grid-columns li{width:386px; height:190px; float:left; margin:0 4px 8px 0} .container-list.wide.grid-columns{height:auto} .container-list.tight{height:160px} .container-list.wide li{width:792px; height:auto; padding-bottom:16px; display:block; float:none} .container-list.tight li{width:251px; height:140px} .container-list.tight li h3{font-size:18px; padding-bottom:18px} .container-list.tight li .cl-body{padding:16px} .grid-columns li h3{border-bottom:#ccc dotted 1px; padding:8px 0 12px 48px; background:url(images/sprite7.png) no-repeat 0 0} .grid-columns p{padding-top:10px; line-height:1.4em; font-size:14px} .scroll-menu{width:50px; background:url(images/clear_gray.png); position:fixed; z-index:9; top:-100px; padding:6px; margin-left:848px; -webkit-border-top-left-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-bottomleft:8px; border-top-left-radius:8px; border-bottom-left-radius:8px; right:0} .scroll-menu a{color:#fff; text-shadow:#27292C 0 -1px 1px; font-family:"HelveticaNeue-Bold","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:700; padding:6px 8px; display:block} .scroll-menu h2{display:inline-block; font-size:15px; float:left; margin-top:6px} /* front page etc */ .feed-list{position:absolute; top:0; margin:0 0 24px 2px; width:22%} .feed-list.wide{position:relative; width:46%} .feed-list .message, .form-container p, .form-container label{font-size:14px; line-height:1.4em} .feed-list:first-child{margin-top:0} .feed-list h2, .feed-list ul{padding:16px 0} .feed-list h2{padding-bottom:0; margin-bottom:14px; text-transform:uppercase; background:url(/wp-content/themes/phonegap/images/sprite_home.png?v=1.3) no-repeat 0 0px} .feed-list h2 a{color:#555;padding-left:32px} .twitter.feed-list h2{background-position:0 -50px} .newsletter.feed-list h2{background-position:0 -100px} .feed-list ul{padding-top:0px} .feed-list ul li{height:100px; border-bottom:1px solid #ddd; margin:0 -8px; padding:24px 8px; position:relative} #bSubmit{border-top:1px solid #ddd; margin:0 -8px; padding:16px 0px 0} .feed-list ul li p{font-size:13px} .feed-list ul li h3{font-size:18px; padding-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .feed-list ul li .group, .feed-list ul li .twitter-timestamp{position:absolute; color:#aaa; right:16px; bottom:14px; font-size:13px; font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:300;} .feed-list .bt, .form-container input[type="submit"]{border:none; color:#fff; background-color:#909399; width:110px; margin-left:10px; display:block; text-align:center; font-weight:bold; font-size:14px; line-height:32px; height:32px; padding:0; border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; margin-left:0} .feed-list .bt:hover, .form-container input[type="submit"]:hover{opacity:0.75;filter: alpha(opacity = 75);} .feed-list.standalone {position: relative;width: auto;margin: 0;} .feed-list.standalone .form-container {padding-top:16px;} .form-container{padding-top:24px; height:346px} .form-container form{position:absolute; bottom:24px; width:190px} .form-container input[type="text"]{width:178px; margin-bottom:16px} .platforms{border:none} .form-container a{color:#555; text-decoration:underline} /* Mobile */ @media only screen and (max-device-width:600px) { *{-webkit-text-size-adjust:none} h1, .lead-link, .h1, #leadin .h1, #leadin h1, .lead-link{font-size:24px} .feed-list h2{font-size:18px} #wrap{width:auto; margin:0 auto} .three-fourth, .three-fourth.extra, .feed-list{width:auto} body.home, body.page-id-166, body { background: white url(/wp-content/themes/phonegap/images/menu_tile.png?v=1.1) repeat-x 50% -230px; } .home #content, .page-id-166 #content, #content, .content{padding:16px; overflow:hidden} #header{height:auto; padding:8px 10px 8px; height:42px;background: #666; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#333));border-top: #aaa 1px solid;border-bottom: 1px solid #222;} .logo{width:124px; height:48px; display:block; float:left; margin:0; background: 0 -5px} #menu{margin-left:140px; position:relative; display:block; top:0; padding:6px 0; background:url} #menu select{margin-left:18px; margin-top:3px; width:80%; height:26px; max-width:200px} .carousel, .sidebar{display:none} .lead-text-group{position:relative; display:block; float:none; height:auto} #leadin h1{padding-top:4px; padding-bottom:4px;} #leadin{padding-top:20px; padding-bottom:20px; background:#ddd url(images/mobilead.png); height:auto; border-top:1px solid #fff; border-bottom:1px solid #ccc} .home #leadin, .page-id-166 #leadin{padding-top:0; padding-bottom:48px; padding-right:16px; background:#ddd url(images/mobilead.png); height:auto} .lead-menu{display:none} .home #leadin .h1, .home #leadin h1, .lead-link, .page-id-166 #leadin h1, .page-id-166 #leadin .h1, .desc{max-width:inherit} #content, .content{padding:36px 12px} .step h3{font-size:20px} .step-item{width:60px; height:60px; margin-bottom:7px; margin-left:6px} .step-item img{width:35px; height:35px; top:2px; left:11px} .step-item span{font-size:10px; bottom:6px} table.feature td{font-size:10px} table.feature{margin-bottom:24px} table.feature .a1, table.feature .a2, table.feature .a3{background: 0px -135px no-repeat} table.feature .a2{background-position:0px -95px} table.feature .a3{background-position:0px -175px} table.feature th img{width:35px; height:35px; display:block; margin-left:15px} table.feature td, table.feature th{width:62px} table.support thead th{font-size:11px; padding-left:8px; padding-right:8px} table.support thead th h3{font-size:16px} table.support tbody th{padding:16px 8px} .cs-body{margin-left:0} .cs-sidebar{float:none} .half.top-left, .half.top-right{position:relative; top:0; left:0; width:auto} .gridtag{width:259px} .gridtag .text{font-size:16px; padding-top:5px; left:20px} .quick-link{display:block; color:#fff; font-size:16px; background: no-repeat 100% -284px,#aaa url(images/mobiitem.png); border:1px solid #666; border-top:none} .quick-link:hover{text-decoration:none} .quick-link:first-child{border-top:1px solid #666} .quick-link:first-child, .quick-link:first-child span{border-top-left-radius:8px; border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px} .quick-link:last-child, .quick-link:last-child span{border-bottom-left-radius:8px; border-bottom-right-radius:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px} .quick-link span{display:table-cell; vertical-align:middle; padding-left:60px; padding-right:24px; width:1280px; height:60px; border-top:#ddd solid 1px; text-shadow:#777 0px -1px 1px; background: no-repeat -177px -7px} span.icon-app{background-position:-177px -72px} span.icon-mail{background-position:-177px -177px} #footer{padding-bottom:0; background:none} #floating-footer.locked{position:relative} #footer .inner{width:auto} #floating-footer-container{} #floating-footer-container, #floating-footer{height:auto; background:#888} #foot-menu{position:relative; top:0; right:0; padding:24px 16px; background:#555 url(images/mobitile.png) repeat-x 0 0px; border-bottom:1px solid #444} .foot-column, .foot-column.large{width:auto; display:block; margin:0} .mobile-hide {display:none;} .mobile-show {display:block;} .app-list-edge {display: none;} .app-list {background: none; width: auto;-webkit-box-shadow: 0 1px 8px #999;box-shadow: 0 1px 8px #aaa;-moz-box-shadow: 0 1px 8px #aaa;padding:0; margin-left: 2px; max-width:640px; margin: 0 auto;} .app-list li .app-list-link {border-left: none;} .app-list .mask, .app-list li .app-list-link img, .app-list .app-title img {left: 12px;} .app-list h3, .app-list .p-group {left:75px; right:55px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .app-list h3 {height:30px;} .app-list a .featured {left:-1px;top:-1px;} .app-list + .app-list { margin-top: 16px;} .app-list-feature {margin-bottom: 32px} .app-list .no-thumb h3 {left:16px;} .app-list .feature-tag {left:-5px;top:15px;} .app-list-feature-large:hover .title-container {height: 44px;} .gridtag.large {width: 240px;} .gridtag.large .text{font-size:16px;top:10px;background-position:0 -533px;line-height:18px;} .gridsheet .small .point {padding-left: 22px !important;} #menu { left: 0px;} .lead-link, .lead-link .left, .lead-link .right {background: none;} .pkg{display:inline-block; float:none} .support-pkg{height:auto; padding-bottom:80px} .mobile-small{display:block} .mobile-wide{display:none} .logo, table.feature .a1, table.feature .a2, table.feature .a3, .quick-link span { background-image: url(images/mobiritex2.png); -webkit-background-size: 250px 350px; -moz-background-size: 250px 350px; background-size: 250px 350px; } .quick-link { background-image: url(images/mobiritex2.png), url(images/mobiitemx2.png); -webkit-background-size: 250px 350px, 3px 3px; -moz-background-size: 250px 350px, 3px 3px; background-size: 250px 350px, 3px 3px; } /* Blog related */ .single-post.single #content{ padding: 0; } .single-post.single .app-list { -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; } .single-post.single #comments-group > *, .single-post.single #comments-group > #postcomment, .single-post.single #comments-group > #comments { padding-left: 16px; padding-right: 16px; } #commentform { padding-bottom: 40px; } .guide li img {max-width:100%;height:auto;} .page-id-203 #content {padding: 0;} .guide .top, .bottom {display:none;} .guide {padding:0; background: none;width: auto;} .button-picker {height:auto;padding:0;background:none;} .button-picker li {float:none;display:block;width:auto;height:auto;} .button-picker li a {line-height:60px;height:60px;background:#fff;width:auto;padding-left:100px; text-align:left;border:1px solid #ccc;text-shadow:none;color:#888;border-bottom:none; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));font-size:15px;} .button-picker li:last-child a {border-bottom:1px solid #ccc;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;} .button-picker li a.first {-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;} .button-picker li a span {left:20px;top:4px;} .button-picker li a.selected {background: #b7bec7;} .button-picker .edge {display:none;} } /* About - Feature List */ .feature-group {float:left;} .feature-list-container .feature-list {float: left;} .feature-list-container{position:absolute;z-index:4;right:8px;top:8px} .feature-list li{width:70px;text-align:center;vertical-align:middle;font-weight:400;font-size:11px;height:29px;background:url(/wp-content/themes/phonegap/images/sprite8.png) repeat-x 0 -200px;background-color:#edeff0;padding:12px 0} .first-column li{width:auto} .feature-list label{text-align:left;padding-left:16px;line-height:32px;color:#444;font-size:12px;font-family:HelveticaNeue-Bold,"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;font-weight:700;text-shadow:0 1px 1px #FFF;background-position:-1px -200px;text-transform:uppercase;display:none} .feature-list .title{background:url(/wp-content/themes/phonegap/images/sprite8.png) repeat-x 0 -400px;border-top:1px solid #aaa;color:#fff;padding-top:60px;padding-bottom:8px;height:24px;position:relative} .feature-list li.even{background-color:#e6e8eb} .feature-list .title span{display:block;background:url(/wp-content/themes/phonegap/images/sprite5.png?v=1.1) no-repeat 0 -350px;width:50px;height:50px;position:absolute;top:5px;left:10px} .feature-list .android span{background-position:-50px -350px} .feature-list .blackberry span{background-position:-100px -350px} .feature-list .webos span{background-position:-150px -350px} .feature-list .winmo span{background-position:-200px -350px} .feature-list .symbian span{background-position:-250px -350px} .feature-list .bada span{background-position:-300px -350px} .first-column label{display:block} .feature-list .icon{background:url(/wp-content/themes/phonegap/images/sprite8.png) repeat-x -300px 0;display:inline-block;width:28px;height:28px} .feature-list .a2 .icon{background-position:-300px -50px} .feature-list .a3 .icon{background-position:-300px -100px} @media only screen and (max-device-width:600px) { html, body { width: 100%; overflow-x:hidden; height: auto; } /* About - Feature List */ .first-column, .cl {display:none;} .page-id-2054 .container {background: none;} .feature-list-container .feature-list {float: none; -webkit-box-shadow: #aaa 0 2px 12px;max-width: 400px; margin: 12px auto 24px;} .feature-list-container {position: static;} .feature-list li {width: auto;max-width: 400px;padding: 2px 0;} .feature-list .title {height: 38px;position: relative; text-align: left;padding-left: 75px;padding-top: 22px;} .feature-list label {display: block;float: left;} .feature-list .icon {float: right;margin-right: 16px;} }