/*resets*/
*{ margin:0; padding:0; }
a img{ border:0; }

/*generic*/
html{}
body{ background-color:#fff; color:#5c666d; font-family:arial, sans-serif; font-size:14px; }
body:hover{}
p{ margin-top:1em; line-height:17px;}
p.first{margin-top:50px;}
p.intro{ font-size:18px; line-height:24px; color:#4cadeb; margin-top:0; }
a{color:#1269c5; text-decoration:none;}
a:hover{text-decoration:underline;}
h1{ font-family:helvetica; font-size:36px; color:#ffffff; text-shadow:#0086E3 0 2px 0; }
h2{ font-size:18px; color:#4cadeb; margin-top:50px; border-bottom:1px solid #a6d6f5;}
h3{ font-size:14px; color:#333333; margin-top:2em; }
a.button{ border:2px solid #a6d6f5; float:right; margin-left:10px; display:block; color:#fff; background-color:#3998e6; text-decoration:none; width:200px; height:50px;  -webkit-transition: all .2s ease-in-out; -webkit-border-radius:5px; -moz-border-radius:5px; }
a.button big{ line-height:12px; font-weight:bold; padding:10px 10px 0 10px; display:block; color:#fff;  text-transform:uppercase; font-size:12px; text-shadow:#1269c5 0 1px 0; }
a.button small{ line-height:20px; font-weight:bold; color:#a6d6f5; font-size:11px; padding:0 10px 10px 10px; text-shadow:#0069C6 0 1px 0;}
a.button:hover{background-color:#2886e1;}

a.bubble{text-align:center; display:block; text-decoration:none; color:#1269c5; background-color:#a6d6f5; font-size:11px; font-weight:bold; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-transition:all .2s ease-in-out;}
a.bubble:hover,
a.bubble.hover{text-decoration:none; background-color:#1269c5; color:#fff;}


/* clearfix */
* html .clearfix, * html .title, * html .buttons, * html .app, * html .columns{ height: 1%; overflow: visible; }
*+html .clearfix, *+html .title, *+html .buttons, *+html .app, *+html .columns{ min-height: 1%; }
.clearfix:after, .title:after, .buttons:after, .app:after, .columns:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }




/*iphone specific*/
.iphone p{max-width:355px;}





/*header*/
#header{background:#428BC1 url(../img/headerBand.png) repeat-x top left; z-index:50; height:150px;}
body.product #header{height:190px;}

#header .inner{width:710px; margin:0 auto; position:relative;}
#header #logo{ width:151px; float:left;}
#header #logo a{display:block; width:151px; height:58px; -webkit-transition:all .3s ease-in-out;}
#header #logo a:hover{background-color:#1A69AA;}
#header #site_nav{float:right; position:absolute; bottom:2px; right:-10px;}

#header #site_nav ul{list-style-type:none; float:left;}
#header #site_nav li{float:left;}
#header #site_nav li a,
#header #site_nav li span.a{font-weight:bold; display:block; padding:10px 10px 10px 10px; color:#DFE7E5; -webkit-transition:all .3s ease-in-out; text-shadow:#E9E9E9 0 1px 0; font-size:16px; font-family:helvetica; text-decoration:none; }
#header #site_nav li span.a{color:#aaa;}
#header #site_nav li a:hover,
#header #site_nav li.active a{color:#4cadeb; text-shadow:#9ed9ff 0 0 5px, #fff 0 1px 0;}
/*#header #site_nav li.facebook a:hover,
#header #site_nav li.facebook.active a{color:#315c99; text-shadow:#9ed9ff 0 0 5px, #fff 0 1px 0;}
*/

#header #site_nav ul.sections_nav{border-left:1px solid #eee; padding-left:10px;}
#header #site_nav ul.sections_nav li a{font-weight:normal;}

#header #site_nav ul.products_nav{ padding-right:10px; border-right:1px solid #bbb;}
#header #site_nav ul.products_nav li{}
#header #site_nav ul.products_nav li a{}
#header #site_nav ul.products_nav li span.for{display:none;}




#canvas{ width:710px; margin:-60px auto 0 auto; padding-bottom:50px; z-index:100;}
body.product #canvas{margin-top:-90px;}
body.home #canvas{margin-top:-50px;}

#canvas .title{}
#canvas .title .text{float:left;}
#canvas .title .text h2{font-weight:normal; border-bottom:none; margin-top:5px; color:#a6d6f5;}
#canvas .title .buttons{float:right; width:328px;}
#canvas .support_links{color:#3089DC; position:relative; top:5px;}
#canvas .support_links a{-webkit-transition:all .2s ease-in-out; color:#fff; font-weight:bold; text-transform:uppercase; font-size:12px; background-color:#3998e6; padding:5px 7px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#canvas .support_links a:hover{background-color:#2886e1; text-decoration:none;}

#canvas #hero{margin-top:20px; -webkit-box-shadow:#333 0 0 3px; -moz-box-shadow:#333 0 0 3px;}

#app_overview{ margin-top:40px; }
#app_overview #app_description{ width:550px; float:left; }
#app_overview #comparison_table{ width:310px; float:right; }
#app_overview #comparison_table table{background-color:#e4f3fc; width:310px; font-size:12px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#app_overview #comparison_table table tr td,
#app_overview #comparison_table table tr th{padding:7px 10px; border-right:1px solid #fff;}
#app_overview #comparison_table table tr th{padding:10px; text-align:left; color:#333; text-transform:uppercase; border-bottom:1px solid #fff;}
#app_overview #comparison_table table tr .feature{ border-right:1px solid #fff; }
#app_overview #comparison_table table tr .free{text-align:center; border-right:1px solid #fff; }
#app_overview #comparison_table table tr .pro{text-align:center;}
#app_overview #comparison_table table tr.odd td{background-color:#cde9f9;}

#app_overview #comparison_table.firefox table tr td{}

#feature_tour{ position:relative; background-color:#4cadeb; margin-top:40px; padding-top:30px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#feature_tour h1{color:#fff; font-size:24px; text-shadow:#1269c5 0 1px 0;}
#feature_tour p{color:#fff; line-height:19px;}
#feature_tour #screenshot_viewer{ width:350px; float:left; margin-left:30px;}
#feature_tour #screenshot_viewer img{-webkit-box-reflect:below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.9, transparent), to(rgba(0,0,255,0.2)));}
#feature_tour #screenshot_description{ width:280px; float:right; margin-right:30px; margin-top:50px; }

#feature_tour ul#screenshot_carousel{list-style-type:none; }
#feature_tour ul#screenshot_carousel li{display:block; width:710px; height:550px;}

#feature_tour #screenshot_controls{z-index:10; margin-bottom:20px; width:290px; position:absolute; top:30px; right:20px;}
#feature_tour #screenshot_controls a{display:block; outline:none; border:1px solid #badff7; text-align:center; font-weight:bold; color:#1269c5; background-color:#94cef3; width:135px; text-decoration:none; padding:5px 0; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-transition:all .2s ease-in-out;}
#feature_tour #screenshot_controls a.disabled{color:#fff; opacity:.3; cursor:default; filter:alpha(opacity=30);}
#feature_tour #screenshot_controls a.disabled:hover{background-color:#94cef3;}
#feature_tour #screenshot_controls a:hover{background-color:#badff7;}
#feature_tour #screenshot_controls a.previous{float:left;}
#feature_tour #screenshot_controls a.next{float:right;}



/*mac product page*/
#app_screenshot.mac_interactive{position:relative; cursor:pointer;}
#app_screenshot.mac_interactive img.main{position:absolute; left:-10px; top:-25px;}
#app_screenshot.mac_interactive img.drawer{position:absolute; top:10px; right:-10px;}
#app_screenshot.mac_interactive img.drawer.open{left:-276px;}




/*homepage*/
body.home{background-color:#4cadeb;}
#home_canvas{}
#home_canvas #home_headline{margin-bottom:30px; margin-top:10px;}
#home_canvas #home_columns{}
#home_canvas #home_columns .home_column{-webkit-transition:all .3s ease-in-out; position:relative; padding-bottom:10px; background-image:url(../img/home_column_fade.png); background-repeat:repeat-x; background-position:0 0; -webkit-box-shadow:#2482ca 0px 0px 5px; -moz-box-shadow:#2482ca 0px 0px 5px; float:left; width:230px; margin-right:10px; background-color:#C8C9C9;}
#home_canvas #home_columns .home_column:hover{-webkit-box-shadow:#0a4e97 0px 2px 20px; -moz-box-shadow:#0a4e97 0px 2px 20px;}
/*#home_canvas #home_columns #mac_column.home_column{-webkit-box-shadow:none; -moz-box-shadow:none;}*/
#home_canvas #home_columns .home_column .inner{margin:10px;}
#home_canvas #home_columns .home_column h1{color:#a2c9e3; text-shadow:#fff 0 1px 0; font-size:18px; line-height:22px; font-family:helvetica;}
#home_canvas #home_columns .home_column h1 a{border-bottom:1px solid #b9b8b8; padding-bottom:15px; color:#4cadeb; display:block; -webkit-transition:color .2s ease-in-out;}
#home_canvas #home_columns .home_column h1 a:hover,
#home_canvas #home_columns .home_column.hover h1 a{text-decoration:none; color:#1269c5;}
#home_canvas #home_columns .home_column h1 img{float:left; margin-right:20px;}
/*#home_canvas #home_columns #mac_column.home_column h1 img{opacity:.5;}*/
#home_canvas #home_columns .home_column h1 a div.formerly{font-size:12px; font-weight:normal; color:#5c676d; font-style:italic; text-shadow:#fff 0 1px 0;}
/*#home_canvas #home_columns #mac_column.home_column h1{border-bottom:1px solid #b9b8b8; padding-bottom:15px;}*/
#home_canvas #home_columns .home_column h1 a:hover div.formerly{color:#5c676d;}
#home_canvas #home_columns .home_column div.details{display:block; position:relative; height:95px;}
#home_canvas #home_columns .home_column div.details p{margin-bottom:0; margin-top:0; font-family:georgia; font-size:15px; line-height:24px; color:#6c757b; text-shadow:#eee 0 1px 0; }
#home_canvas #home_columns .home_column div.details p a{display:block; padding-top:15px; color:#6c757b; }
#home_canvas #home_columns .home_column div.details p a:hover,
#home_canvas #home_columns .home_column.hover div.details p a{color:#5c676d; text-decoration:none; }
#home_canvas #home_columns .home_column ul{display:none; list-style-type:none;}
#home_canvas #home_columns .home_column ul li{background:transparent url('../img/dark_bullet.png') no-repeat 0px 17px; padding:10px 10px 10px 7px; text-shadow:#e4e4e4 0 1px;}
#home_canvas #home_columns .home_column a.details{ font-style:italic; text-shadow:#fff 0 1px 0;display:none; margin-bottom:20px; padding:5px 0; text-transform:uppercase; text-shadow:#333 0 1px 0; font-weight:bold; font-size:14px; font-family:helvetica; background-color:#8c8c8c; color:#eee; border-bottom:1px solid #eee; border-top:1px solid #666; text-align:center; -webkit-transition:all .3s ease-in-out; -webkit-box-shadow:#5fc7ff 0 0 0; -webkit-border-radius:5px; -moz-border-radius:5px;}
#home_canvas #home_columns .home_column a.details:hover{text-decoration:none; background-color:#4cadeb; color:#d7efff; text-shadow:#3b9bd8 0 1px 0; border-bottom-color:#a6d6f5; border-top-color:#3b9bd8; -webkit-box-shadow:#5fc7ff 0 0 10px; -moz-box-shadow:#5fc7ff 0 0 10px; }
#home_canvas #home_columns .home_column .quick_download{margin-top:20px; bottom:10px; left:10px;}
#home_canvas #home_columns .home_column .quick_download a{-webkit-transition:all .2s ease-in-out;  border-bottom:1px solid #fff; border-top:1px solid #BBB; display:block; width:100%; float:left; margin-right:5px; background-color:#eee; -webkit-border-radius:5px; -moz-border-radius:5px;}
#home_canvas #home_columns #mac_column.home_column .quick_download a,
#home_canvas #home_columns #firefox_column.home_column .quick_download a{margin-right:0; width:100%; border-bottom:1px solid #fff;}
/*#home_canvas #home_columns #mac_column.home_column .quick_download a img{opacity:.5;}*/
/*#home_canvas #home_columns #mac_column.home_column .quick_download a:hover{background-color:#eee; text-decoration:none; cursor:default;}*/
/*#home_canvas #home_columns #mac_column.home_column .quick_download a span{color:#5c676d;}*/
#home_canvas #home_columns .home_column .quick_download a:hover{background-color:#d7efff; text-decoration:none;}
#home_canvas #home_columns .home_column .quick_download a.last{ float:right; margin-right:0;}
#home_canvas #home_columns .home_column .quick_download a img{display:block; margin:0 auto; margin-bottom:7px; padding-top:10px;}
#home_canvas #home_columns .home_column .quick_download a span{display:block; text-align:center; font-size:12px; padding-bottom:10px;}

#home_canvas #home_columns #mac_column.home_column{margin-right:0;}





/*support*/


h2.app_category{font-size:14px; text-transform:uppercase; color:#333333; border-bottom:1px solid #aaa; padding-bottom:5px;}

.apps{margin-top:30px; margin-bottom:50px;}
.apps .app{width:230px; float:left; margin-right:10px;}
.apps .app:last-child{margin-right:0; border-right:none;}
.apps .app .icon{width:90px; float:left;}
.apps .app .description{width:140px; float:right;}
.apps .app .description .title{font-weight:bold; margin-bottom:10px;}
.apps .app .description .title a{color:#333;}
.apps .app .description .title a:hover{text-decoration:none;}
.apps .app a.bubble{display:block; width:75px; margin-bottom:5px; }

.apps #tw_iphone.app .icon img{position:relative; left:-3px; position:relative; top:-2px;}


h2 a.ref{color:#4cadeb; text-decoration:none;}
h2 a.ref:hover{text-decoration:none;}

.support_section{}
.support_section h2{margin-bottom:20px;}
.support_section img{margin-bottom:20px;}
.support_section p{margin-top:0; margin-bottom:1em;}
p.pro{background-color:#d7efff; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px;}
p.pro .pro_only{background-color:#fff; color:#4cadeb; display:block; width:75px; margin-bottom:10px; text-align:center; padding:2px 1px; font-size:11px; font-weight:bold; text-transform:uppercase; -webkit-border-radius:2px; -moz-border-radius:2px; margin-right:.5em}

.columns{}
.columns .column{float:left;}
.columns .column.half{width:350px; margin-right:10px;}
.columns .column.half.last{margin-right:0;}


a.entry-title { color: #4cadee;}
a.entry-title:hover { text-decoration:none; }
.support_section ul,ol { margin-left: 2em; margin-bottom: 1em;}
.support_section dl { margin-bottom: 1em; }
.support_section dt { font-weight: bold; }
.support_section dd { margin-left: 1em; }
.method { font-weight: bold; }
.support_section code { word-break: break-all;}

ul.entry_nav { margin-top: 20px; list-style-type: none; }
.entry_nav li { line-height: 140%; }

/*push sync guide*/

body.push_sync_guide .pro_alert{margin-top:75px;}

body.push_sync_guide #header{height:820px;}
body.push_sync_guide #canvas{margin-top:-720px;}

#push_sync_diagrams{margin-top:50px; margin-bottom:50px;}
#push_sync_diagrams #push_diagram.push_sync_diagram{margin-bottom:25px; border-bottom:1px solid #77c1f0; padding-bottom:25px;}

#push_sync_diagrams #push_diagram{height:250px; background:transparent url(../img/notification_received.png) no-repeat top center;}
#push_sync_diagrams #push_diagram .description{width:230px;}
#push_sync_diagrams #push_diagram .description.free{float:left;}
#push_sync_diagrams #push_diagram .description.pro{float:right;}
#push_sync_diagrams #push_diagram .description em{color:#d7efff;}

#push_sync_diagrams .push_sync_diagram img{float:right; width:470px; display:block;}
#push_sync_diagrams .push_sync_diagram .description{width:190px; float:left;}
#push_sync_diagrams .push_sync_diagram .description h2{color:#fff; border:none; margin-top:0; text-shadow:0 1px 0 #0086E3;}
#push_sync_diagrams .push_sync_diagram .description p{color:#fff;}


/*footer*/

#footer{margin-top:50px; font-size:11px; background-color:#d7efff; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#footer .copyright{width:350px; float:left;}
#footer .footer_nav{float:right;}
#footer .footer_nav a{padding-right:5px;}
#footer .footer_nav .product{font-weight:bold; border-right:1px solid #aaa; margin-right:5px;}
#footer .footer_nav .site{}