/**
Theme Name: Appcelerator
Version: 1.0
Author: Chris Barber
*/

body{background:#919191;color:#1d1d1d;font-family:Trebuchet MS,Tahoma,Arial,sans-serif;font-size:13px;line-height:20px;margin:0;}
img{border:0;}
a{color:#735537;text-decoration:none;}
a:hover{text-decoration:underline;}
ul{margin:0;padding:0 0 18px 20px;}
.clear{clear:both;}
p{margin:0;padding-bottom:18px;}
h1{color:#373737;font-size:24px;margin:0;padding:25px 0;}
h2{color:#9a0707;font-size:18px;margin:0;padding:14px 0 6px;}
h3{color:#9a0707;font-size:14px;margin:0;padding:14px 0 6px;}
h4{color:#9a0707;font-size:14px;margin:0;padding:0px 0 6px;}
hr{background-color:#d9d9d9;border:0;height:1px;margin:20px 0 10px;}
.hseparator{background-color:#c6c6c6;border-bottom:solid 1px #fff;clear:both;height:1px;}

.aligncenter{display:block;margin:0 auto;}
.alignleft{float:left;margin:0 40px 15px 0;}
.alignright{float:right;margin:0 0 15px 40px;}
.col2Left{float:left;margin-right:45px;width:45%;}
.col2Right{margin-left:45%;padding-left:90px;}

.squeeze{margin:0 auto;width:946px;}

#header{background:#9a0707;}
#header h1,#header h4{margin:0;padding:0;}
#header h1 a,#header h4 a{background:url(img/APPC_logo.png) no-repeat 0 0;display:block;height:40px;text-indent:-9999em;width:177px;}
#header .squeeze{padding:13px 0 12px;position:relative;}
#header .login{color:#fff;font-size:11px;font-weight:bold;position:absolute;right:0;text-shadow:0 1px 2px #000;text-transform:uppercase;top:20px;}
#header .login a{color:#fff;padding-left:6px;}
#header .login a:first-child{padding-right:6px;}
#header .login .pricing{padding: 2px; text-decoration: none !important; background:#660000; -moz-border-radius:25px 25px; -webkit-border-radius:25px 25px;}
#header .login .pricing:hover{text-decoration: none;}

#primaryNav{background:url(img/sprite-x.png) repeat-x 0 0;height:43px;}
#primaryNav a{color:#fff;display:block;font-size:15px;font-weight:bold;height:43px;line-height:43px;padding:0px 25px;text-shadow:0 1px 2px #333;text-transform:uppercase;}
#primaryNav .squeeze{align:center;}
#primaryNav .squeeze div{background:url(img/separator.gif) no-repeat right;float:left;}
#primaryNav .squeeze div.last{background:none;}

#primaryNav .navHome{height:31px;padding-top:12px;}
#primaryNav .navHome a{background:url(img/sprites.png) no-repeat -146px 0;height:18px;margin-right:25px;padding:0;text-indent:-9999px;width:19px;}
#primaryNav .selected a{background:url(img/sprite-x.png) repeat-x 0 -43px;}

#primaryNav .secondary{background: url(img/dev_center_button.png) no-repeat 6px 12px; height:43px; position: relative; color:#fff;float:left;font-weight:bold;text-shadow:0 1px 2px #000;}
#primaryNav .secondary a{font-size:12px;margin:0 2px; text-transform:capitalize; }
#primaryNav .secondary a.last{margin-right:0;}




#contentBG{background:url(img/grain.gif) repeat center 0;padding-bottom:25px;}
#contentBG .dropshadow{background:url(img/shadow.png) repeat-x 0 -1px;height:3px;}
#contentBG .topshadow{background:url(img/endcap.gif) repeat-x 0 0;height:2px;margin:25px auto 0;width:946px;}
.contentShadowed .squeeze{background:url(img/side-shadow.gif) repeat-y left;margin:0 auto;padding-left:3px;width:943px;}

.home #contentBG{border-top:solid 1px #fefefe;height:259px;padding:0;}
.home #contentBG h2{color:#d2371d;font-size:24px;font-weight:bold;padding:20px 0;}
.home #contentBG ul{padding:0 0 0 8px;}
.home #contentBG li{background:url(img/check.png) no-repeat 0 0;color:#373737;font-size:16px;font-weight:bold;line-height:22px;list-style:none;padding:0 0 10px 50px;}
.home #contentBG .squeeze{position:relative;}
.home #contentBG .phones{left:600px;position:absolute;top:-125px;z-index:100;}
.home #contentBG .phones img { position:absolute; left:0; top:0; } 

#fold{background:#f4f4f4;line-height:24px;}
#fold .section{padding-top:20px;padding-bottom:20px;}
#fold .section h2{color:#707070;font-size:16px;}
#fold .separator{background:#c7c7c5;border-right:solid 1px #fff;display:inline;float:left;height:105px;width:1px;}

#fold .partnerProgram h2{background:url(img/partner-program.png) no-repeat;display:block;height:40px;line-height:73px;padding:22px 0;text-indent:-9999em;width:310px;}
#fold .partnerProgram .partnering{background:url(img/sprites.png) no-repeat -926px 0;display:block;height:40px;margin:10px auto;text-indent:-9999em;width:310px;}

#fold .partners .images{padding-top:10px;}

#fold .poweredApps{margin-right:40px;width:62%;}
#fold .poweredApps h2{background:url(img/bolt.png) no-repeat left;padding-left:40px;}
#fold .poweredApps .images{margin-top:10px;}
#fold .poweredApps img{margin-right:5px;}

#fold .activeDevs{margin-left:62%;padding-left:80px;}
#fold .activeDevs h2{background:url(img/developer.png) no-repeat left;padding-left:32px;}
#fold .activeDevs .devCount{color:#d2371d;font-size:72px;font-weight:bold;line-height:80px;position:relative;text-align:center;text-shadow:0 1px 2px #999;}
#fold .activeDevs .andgrowing{background:url(img/andgrowing.png) no-repeat;height:29px;left:150px;position:absolute;text-indent:-9999em;top:62px;width:129px;}
#fold .activeDevs .joinButton{background:url(img/sprites.png) no-repeat -1236px 0;display:block;height:25px;margin:20px auto;text-indent:-9999em;width:241px;}

.squeeze2{background:url(img/side-shadow.gif) repeat-y right;padding-right:3px;}
.squeeze3{background:#fff;}
.shadow{background:url(img/shadow.png) repeat-x;}
.postTitle{background:#f6f6f6;border:solid 1px #fff;position:relative;}
.postTitle h1{color:#707070;font-size:24px;line-height:69px;padding:0 0 0 40px;}

.breadcrumbs{background:url(img/sprite-x.png) repeat-x 0 -86px;color:#53759c;font-size:12px;height:35px;line-height:36px;margin:0 1px;padding-left:41px;}
.breadcrumbs a{background:url(img/breadcrumb-arrow.png) no-repeat right;color:#4d4d4d;display:inline-block;margin-right:16px;padding-right:34px;}

.postContent{border-top:solid 1px #c6c6c6;padding:25px 38px;}

.postTitleButtons{position:absolute;right:21px;top:16px;}
.postTitleButtons a{display:block;float:left;height:40px;text-indent:-9999em;}
.postTitleButtons .download{background:url(img/sprites.png) no-repeat -396px 0;width:185px;}
.postTitleButtons .learnMore{background:url(img/sprites.png) no-repeat -581px 0;width:125px;}

/* Button rollover additions from Chriss */
.postTitleButtons .download:hover{background-position:-1477px 0;}
.postTitleButtons .learnMore:hover{background-position:-1662px 0;}
/* end */

.postEndcap{background:#fff url(img/endcap.gif) repeat-x bottom;height:12px;margin:0 auto;position:relative;width:946px;}
.postEndcap .left,.postEndcap .right{height:12px;position:absolute;top:0;width:13px;}
.postEndcap .left{background:url(img/sprites.png) no-repeat -706px -13px;left:0;}
.postEndcap .right{background:url(img/sprites.png) no-repeat -719px -13px;right:0;}

.sidebar,.sidebarEndcap{background:#fff url(img/left-sidebar-bg.gif) repeat-y 0 0;}
.sidebar .postContent{background-color:#fff;border:0;margin-left:220px;min-height:30opx;}
.leftSidebar{float:left;width:220px;}
.leftSidebar ul{border-bottom:solid 1px #fff;border-top:solid 1px #d9d9d9;margin:34px 0;padding:0;}
.leftSidebar li{border-bottom:solid 1px #d9d9d9;border-top:solid 1px #fff;list-style:none;}
.leftSidebar a{color:#707070;display:block;font-size:15px;font-weight:bold;line-height:26px;padding:8px 42px;}
.leftSidebar .current_page_item a{background:url(img/left-sidebar-selected.gif) no-repeat right;}
.sidebarEndcap{background-position:3px 0;margin:0 auto;width:946px;}
.sidebarEndcap .postEndcap{background-color:transparent;}

.column{border-left:solid 1px #c8c8c8;color:#636363;float:left;font-size:13px;margin-left:20px;padding-left:20px;}
.box .column:first-child,
.featuredLinks .column:first-child{border:0;margin-left:0;padding-left:0;}
.column h3{font-size:16px;margin:0 0 8px;padding-bottom:5px;}
.column h3 a{background:url(img/featured-arrow.png) no-repeat right;color:#636363;display:block;}
.column h3 a:hover{text-decoration:none;}
.column h3 a span{line-height:40px;}

.featuredLinks{background:#f6f6f6 url(img/side-shadow.gif) repeat-y left;margin:16px auto 0;width:946px;}
.featuredLinks .top,
.featuredLinks .bottom{height:12px;position:relative;}
.featuredLinks .top{background:#f6f6f6 url(img/endcap.gif) repeat-x top;}
.featuredLinks .bottom{background:#f6f6f6 url(img/endcap.gif) repeat-x bottom;}
.featuredLinks .corner{background-image:url(img/sprites.png);background-repeat:no-repeat;height:12px;position:absolute;top:0;width:13px;}
.featuredLinks .top .left{background-position:-706px 0;left:0;}
.featuredLinks .top .right{background-position:-719px 0;right:0;}
.featuredLinks .bottom .left{background-position:-706px -13px;left:0;}
.featuredLinks .bottom .right{background-position:-719px -13px;right:0;}
.featuredLinks .middle{background:url(img/side-shadow.gif) repeat-y right;padding:0 4px;}
.featuredLinks .middle2{background:#f6f6f6;padding:10px 12px 6px 12px;}
.featuredLinks .column{width:268px;}

.partnerProgram a span{background:url(img/partnerProgramIcon.png) no-repeat left;padding:10px 0 10px 50px;}
.testimonials a span{background:url(img/testimonials.png) no-repeat left;padding:10px 0 10px 40px;}
.nativeAdvantage a span{background:url(img/native_advantage.png) no-repeat left;padding:10px 0 10px 38px;}

.box{background:url(img/box-sides.gif) repeat-y left; margin-top:18px; margin-bottom:18px;}
.box .top{background:url(img/sprite-x.png) repeat-x 0 -121px;height:12px;position:relative;}
.box .bottom{background:url(img/sprite-x.png) repeat-x 0 -133px;height:10px;position:relative;}
.box .corner{background-image:url(img/sprites.png);background-repeat:no-repeat;height:12px;position:absolute;top:0;width:10px;}
.box .top .left{background-position:-732px 0;left:0;}
.box .top .right{background-position:-742px 0;right:0;}
.box .bottom .left{background-position:-732px -12px;left:0;}
.box .bottom .right{background-position:-742px -12px;right:0;}
.box .middle{background:url(img/box-sides.gif) repeat-y right;padding:0 4px;}
.box .middle2{background:#f6f6f6;padding:10px 12px 0 12px;}
.box .column{width:250px;}
.box h3{color:#636363;font-size:14px;margin:0;padding:14px 0 6px;}


#splash{background:url(img/sprite-x.png) repeat-x 0 -143px;border-bottom:solid 1px #fefefe;}
#splash .squeeze{height:352px;margin:0 auto;position:relative;width:960px;}
#splash h2{background:url(img/splash-caption.png) no-repeat center top;display:block;height:222px;text-indent:-9999em;}
#splash .download{background:url(img/download.png) no-repeat;display:block;height:120px;left:143px;position:absolute;text-indent:-9999px;top:231px;width:355px;z-index:101;}
#splash .demo{background:url(img/sprites.png) no-repeat -752px 0;display:block;height:36px;left:452px;position:absolute;text-indent:-9999px;top:265px;width:174px;z-index:102;}

#footer{color:#fff;font-size:16px;font-weight:bold;padding:16px 0 100px;}
#footer a{color:#4d4d4d;}
#footer .links{float:left;padding:7px 0 0 20px;width:110px;}
#footer .links:first-child{padding-left:0;}
#footer ul{padding:0;}
#footer li{font-size:11px;line-height:13px;list-style:none;padding:8px 0 0;}
#footer .search{float:right;width:300px;}
#footer .search label{display:inline;float:left;padding:7px 0 0 0;}
#footer #searchform label{display:none;}
#footer .search form,#footer .search div{display:inline;float:right;}
#footer .search input[type=text]{background:#fff url(img/sprites.png) no-repeat -165px 0;border:0;font-size:14px;height:17px;padding:9px 6px;width:219px;}
#footer .search input[type=submit]{display:none;}


/* Additions by Bill */

#footer .legal {float:left; font-size:11px; margin:10px 0;font-weight:normal; color:#4D4D4D}

.spacer{border:0;height:0px;margin-top:18px; clear:both;}
.credit{color:#1d1d1d;font-family:Trebuchet MS,Tahoma,Arial,sans-serif;font-size:13px; font-weight:bold;}
ol{margin:0;padding:0 0 18px 20px;}

.contentBlock{margin:0px auto 0;width:880px;}
.contentBlock .wideBlock{width:840px;float:left;margin-right:40px;}
.contentBlock .textBlock{width:480px;float:left;}
.contentBlock .introTextBlock{float:left; width:530px; font-size:15px; line-height:20px; padding-top: 8px} 
.contentBlock .nativeBlock{width:255px; height:145px;float:left;}
.contentBlock .columnLeft{float:left;margin-right:40px;width:390px;}
.contentBlock .communityBlock{width:275px; height:74px;float:left;}
.contentBlock .columnTriple{float:left;margin-right:40px;width:245px;}
.contentBlock .columnLeft .buttonBlock{width:200px;float:left;margin-right:20px; margin-bottom:18px;}
.contentBlock .columnLeft .helpBlock{float:left;width:255px;margin-right:40px;}
.contentBlock .columnForm{float:right;margin-right:40px; width:270px; border:#e7e7e7 solid thin;padding:15px;}

.columnRight {float:right;margin-bottom:18px;margin-right:20px;margin-top:14px;width:295px;}
.contentBlock .columnRight .columnForm{float:right; border:#e7e7e7 solid thin; margin: 0 20px 0 0; padding:15px;}

.contentBlock .showcasePicBlock{float:left;width:175px; height:145px;margin-right:20px;margin-bottom:30px; margin-top:0px; overflow:hidden;}
.contentBlock .showcaseVideoBlock{float:left;width:175px; height:145px;margin-right:20px;margin-bottom:30px; margin-top:5px; overflow:hidden;}
.contentBlock .showcaseTextBlock{width:195px;float:left;}
.contentBlock .showcaseBlock{width:390px; height:185px;float:left;}

.downloadBlock{float:right; width:200px; margin-top: 45px;}

.subcontent{font-style:italic}
.communityBlock{width:535px;float:left;}
.author_name{font-weight:bold; font-size:16px;}

.interiorBlock{margin:0px auto 0;width:680px;}
.interiorBlock .textBlock{width:295px;float:left;}
.interiorBlock .showcaseTextBlock{width:115px;float:left;}
.interiorBlock .introTextBlock{float:left; width:330px; font-size:15px; line-height:20px; padding-top: 8px} 
.interiorBlock .columnLeft{float:left;margin-right:40px;width:295px;}
.interiorBlock .columnForm{float:right;width:270px; margin-right:40px; border:#e7e7e7 solid thin; padding:15px;}

.checkIcon  {width:30px;float:left;margin-right:20px;margin-top:14px;}
.sIconBlock  {width:40px;float:left;margin-right:20px;margin-top:14px;}
.mIconBlock  {width:85px;float:left;margin-right:20px;margin-top:14px;}
.lIconBlock  {width:95px;float:left;margin-right:20px;margin-top:14px;}
.picBlock    {width:160px;float:left;margin-right:20px;margin-bottom:18px;margin-top:14px;}
.xsScreenBlock{width:215px;float:left;margin-bottom:18px;margin-top:14px;}
.sScreenBlock{width:295px;float:left;margin-right:20px;margin-bottom:18px;margin-top:14px;}
.mScreenBlock{width:640px;float:left;margin-right:20px;margin-bottom:18px;margin-top:14px;}
.lScreenBlock{width:860px;float:left;margin-right:20px;margin-bottom:18px;margin-top:14px;}
.buttonBlock {width:200px;float:left;margin-right:20px;margin-top:14px;}
.ipScreenBlock{width:208px;float:left;margin-right:20px;margin-bottom:18px;margin-top:14px; border: thin solid #E7E7E7;}

span.zoom-gray{visibility:visible;position:absolute;border:none;left:36px;top:36px; z-index:2;}
a.rolloverPlay{width:inherit;text-decoration:none;position:relative;display:block;border: none;float:left;}
a.rolloverPlay span.zoom-icon{visibility:hidden;position:absolute;border:none;left:36px;top:36px;} 
a.rolloverPlay:hover span.zoom-icon{visibility:visible;z-index:15;}
a.playVideo{font-size:10px; color:#00ABEA;}
a.playVideo:hover{text-decoration:underline;}

.chartHeading{color:#1d1d1d;font-size:14px;margin:0;padding:14px 0 6px; font-weight:bold;}

.h3link {color:#9a0707; text-decoration:none;}
.h3link:hover {color:#9a0707; text-decoration:none;text-shadow:#000;}


.vimeoBadge { margin: 0px; padding: 0px; font: normal 11px verdana,sans-serif; }
.vimeoBadge img {border:#999 thin solid;}
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active {text-decoration:none; cursor:pointer; }
.vimeoBadge a:hover {text-decoration:underline;}
.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:10px; float:left; margin:0 10px 10px 0; width:160px; line-height:0; position:relative; }
.vimeoBadge .caption { ; font: normal 11px verdana,sans-serif; line-height:14px; overflow:hidden; width:160px; padding-top:6px !important; height:50px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 
#vimeo_badge_link img { -webkit-box-shadow: none; -moz-box-shadow: none; display:none; }
.vimeoBadge img.play {position: absolute; top: 60px; left:70px; z-index: 1; border: none; cursor: pointer; }
.vimeoBadge a.vimeoPlay{width:inherit;text-decoration:none;position:relative;display:block;border: none;float:left;}
.vimeoBadge a.vimeoPlay span.zoom-icon{position: absolute; top: 50px; left:60px; z-index: 10; border: none; cursor: pointer; visibility:hidden;}
.vimeoBadge a.vimeoPlay:hover span.zoom-icon{visibility:visible;}

.footer_menu { float:left; margin-right:40px; }
.footer_menu li.title a { font-weight:bold; color: white !important; }
a:active, a:focus { outline:none; }