/*
Theme Name: twilio blog
Description: A custom WordPress theme for the twilio blog.
Author: Chris Underwood
Version: 1.0
*/

/* RESET ALL FONT SIZES ------------------------------------------------------------------------
 
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version:2.4.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:14px/1.231 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300;*font-size:small;*font:x-small;line-height:121%;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code {font-family:monospace;*font-size:108%;line-height:100%;}
 
/* ----------------------------------------------------------------------------------------- */
 
/* USE THESE FONT SIZES TO DECLARE TRUE SIZES IN PIXELS ---------------------------------------
 
 {font-size:77%;}     =>  10px
 {font-size:85%;}     =>  11px
 {font-size:93%;}     =>  12px
 {font-size:100%;}    =>  13px
 {font-size:108%;}    =>  14px
 {font-size:116%;}    =>  15px
 {font-size:123.1%;}    =>  16px
 {font-size:131%;}    =>  17px
 {font-size:138.5%;}    =>  18px
 {font-size:146.5%;}    =>  19px
 {font-size:153.9%;}    =>  20px
 {font-size:161.6%;}    =>  21px
 {font-size:167%;}    =>  22px
 {font-size:174%;}    =>  23px
 {font-size:182%;}    =>  24px
 {font-size:189%;}    =>  25px
 {font-size:197%;}    =>  26px
 {font-size:205%;}    =>  27px    // the rest were added to use larger fonts
 {font-size:213%;}    =>  28px    // and are only a rough estimate! 
 {font-size:220%;}    =>  29px    // chris@nicasiodesign.com
 {font-size:228%;}    =>  30px
 {font-size:236%;}    =>  31px
 {font-size:243.1%;}    =>  32px
 {font-size:251%;}    =>  33px
 {font-size:258.5%;}    =>  34px
 
 
------------------------------------------------------------------------------------------- */
 
@font-face {
    font-family: 'league_gothicregular';
    src: url('fonts/leaguegothic-regular-webfont.eot');
    src: url('fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
/* RESET MISC. ITEMS ---------------------------------------------------------------------- */
 
* {margin:0;padding:0;}
 
a {
color: #cc0000;
text-decoration: none;
}

a:hover {
color: #cc0000;
text-decoration: underline;
}

img {border:0px;}

.clear {clear:both;height:0px;overflow:hidden;}
.clear-left {clear:left;height:0px;overflow:hidden;}
.faux-clear {width:100%;height:0px;overflow:hidden;}

input, textarea, select, legend, button {font-size:100%;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300;color:#808080;}
input, select, textarea, a, button {outline:none;} /* removes the on focus/active blue border in safari + firefox */
textarea {resize:none;} /* removes ability to resize field in css3 */
legend, fieldset {border:0px;padding:0px;height:auto;margin:0px;}
 

/* RESET CUSTOM MENUS */
ul.menu {list-style:none;}
ul.menu li {float:left;position:relative;z-index:1;}
ul.menu li a {display:block;}
ul.menu li ul {position:absolute;top:auto;left:-9999px;z-index: 99999;}
ul.menu li:hover > ul {left:0px;}
ul.menu li ul li:hover > ul {top:0px;left:100%;}


/* RESET AD SPACE */
.advertisement * {padding:0px !important;white-space:nowrap;}
 
/* ADD VERTICAL SCROLLBARS TO EVERY PAGE */
html, body {height:100%;margin:0 0 1px;}

/* HIDE THESE ITEMS */
#image-preloader, .linklove, .ddsg-wrapper div, .advertisement font {display:none;}

.screen-reader-text {position:absolute;left:-9999px;}

/* STRIP SKYPE */
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}




/* MAIN LAYOUT ---------------------------------------------------------------------------- */


body {text-align:center;background:#f0f0f0;color:#222;}

#wrapper, .nav-wrapper {width:1050px;margin:0 auto;position:relative;text-align:left;}

#main {clear:both;}




/* HEADER --------------------------------------------------------------------------------- */

#header {position:relative;z-index:1;height:90px;}
#branding #logo a {
    color: #424242;
    font-size: 39px;
    text-transform: uppercase;
    font-family: 'Knockout 30 A', 'Knockout 30 B', Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal;
}
#branding #logo a:hover{
    text-decoration: none;
}

#branding {width:400px;height:61px;overflow:hidden;position:absolute;z-index:1;top:23px;left:0px;}
#branding a img {display:inline-block; width: 200px;vertical-align: -12px;}

#site-description {position:absolute;left:-9999px;}

#header-section {position:absolute;z-index:1;top:42px;right:0px;}

#header-section #social-networks {display: inline-block;}
#header-section #social-networks a {float:left;display:block;margin:0 8px 0 0;text-indent:-9999px;overflow:hidden;background:url('images/twilioblog_sprite-social-icons.png') no-repeat;width:29px;height:28px;}
#header-section #social-networks .twitter {background-position:0 0px;}
#header-section #social-networks .twitter:hover {background-position:0 -28px;}
#header-section #social-networks .twitter:active {background-position:0 -56px;}
#header-section #social-networks .facebook {background-position:-37px 0;}
#header-section #social-networks .facebook:hover {background-position:-37px -28px;}
#header-section #social-networks .facebook:active {background-position:-37px -56px;}
#header-section #social-networks .linkedin {background-position:-74px 0;}
#header-section #social-networks .linkedin:hover {background-position:-74px -28px;}
#header-section #social-networks .linkedin:active {background-position:-74px -56px;}
#header-section #social-networks .google {background-position:-111px 0;}
#header-section #social-networks .google:hover {background-position:-111px -28px;}
#header-section #social-networks .google:active {background-position:-111px -56px;}
#header-section #social-networks .flickr {background-position:-148px 0;}
#header-section #social-networks .flickr:hover {background-position:-148px -28px;}
#header-section #social-networks .flickr:active {background-position:-148px -56px;}


/* carousel featured posts */

#featured-posts {position:relative;z-index:1;}
.featured-posts-single {float:left;width:268px;height:264px;margin-bottom:4px;}
.featured-posts-single a {margin:0 auto;display:block;width:258px;height:258px;border:3px solid #FFF;position:relative;z-index:1;font-weight:bold;font-size:123.1%;line-height:19px;color:#FFF;}
.featured-posts-single a img {display:block;width:258px;height:258px;}
.featured-posts-single a .featured-title {position:absolute;bottom:0px;left:0px;padding:25px 20px 20px 20px;font-family:helvetica,arial,sans-serif;font-weight:bold;}
.featured-posts-single a:hover,
.featured-posts-single a:hover span {color:#FFF;text-decoration:underline;}

#featured-posts div.cycle-carousel-wrap {margin-left:-2px !important;white-space:normal !important;}





/* CONTENT -------------------------------------------------------------------------------- */

#container, #comment-wrapper {margin-bottom:4px;}
/* used when main widget area had special conditional for positioning above or below blog loop...
body.home #container {margin-top:4px;margin-bottom:0px;}
body.paged #container {margin-top:0px;margin-bottom:4px;}
*/

.box-shadow,
#container {background:#FFF;-moz-box-shadow:2px 2px 5px 2px rgba(0,0,0,.12);-webkit-box-shadow:2px 2px 5px 2px rgba(0,0,0,.12);box-shadow:2px 2px 5px 2px rgba(0,0,0,.12);}
  
.header-image {margin-bottom:40px;position:relative;z-index:1;}
#post-header {padding-top:40px;margin:0px 0px 40px 40px; width:640px;}
.header-image img {display:block;}

.header-image #search-form {z-index:2;top:90px;width:100%;margin-left: -90px;padding-top: 80px;}
.header-image #search-form input#s {display:block;border:0px;padding-left:63px;padding-top:0px;padding-bottom:0px;height:66px;width:386px;margin:0 auto;background:#FFF url('images/twilioblog_icon-search-large.jpg') no-repeat 15px 17px;font-size:228%;line-height:35px;line-height:66px\9}

#page-title-top-right {float: right;width: 280px;margin-right: 20px;padding-top: 80px;}

body .page, body.single-post .post {padding:0px 80px 0 40px;}

.loop {padding:40px 80px 0px 40px;}

body .page-noHeader, #comment-wrapper {padding:80px;}

body.single-post .post {padding-bottom:80px;}

#container #right-column {
width: 270px;
position: absolute;
top: 90px;
right: 0px;
margin: 0px;
padding: 40px 20px 20px 35px;
line-height: 24px;
font-size: 14px;
font-weight: 300;
border-left-color: rgb(239, 239, 239);
border-left-style: solid;
border-width: 0px 0px 0px 1px;
}

#right-column input{
    font-size: 14px;
}

#right-column h3 {
    font-size: 114%;
    font-weight: 900;
}

#right-column hr{
    border-color:#EAEAEA; border-style: solid; border-width: 1px; margin: 10px 0;
}

#right-column li {
    list-style: none;
}

#right-column .featured-posts {
    color: rgb(204, 0, 0);
}

#right-column .sales-button {
width: 120px;
display: inline-block;
padding: 8px;
width: 90%;
font-size: 16px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #ffffff;
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background: rgb(204, 0, 0);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.hidden{
    display: none;
}

#right-column .newsletter-button {
display: inline-block;
padding: 2px 8px;
width: 32%;
font-size: 14px;
line-height: 24px;
text-align: center;
vertical-align: 1px;
cursor: pointer;
color: #333;
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background: #ccc;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#right-column a{
    color: #333;
}

#searchbar {
    display: inline-block;
    vertical-align: 8px;
    margin-right: 25px;
}

#content[role="main"]{width: 800px; min-height: 1200px; overflow:auto;}

#content h1, #content h2, #comment-wrapper h2,
#content div[id*="wp-realtime-sitemap"] h3 {font-size:228%;line-height:35px;font-weight:300;color:#202020;}
#content h1 a, #content h2 a, #comment-wrapper h2 a {color:#202020;}

#content h1 span {font-style:italic;}

#content h1, #content h2, #comment-wrapper h2,
#content div[id*="wp-realtime-sitemap"] h3 {margin-top:-6px;}

#content h2#entry-title-no-header,
#content h1#entry-title-no-header {padding-top:74px;margin-top:0px;}

#content h2.archive-section-title,
#content div[id*="wp-realtime-sitemap"] h3 {margin-top:34px;padding-top:40px;border-top:1px solid #cccccc;margin-bottom:10px;}
#content .grid-wrapper h2.archive-section-title:first-child,
#content div[id*="wp-realtime-sitemap"] h3:first-child {padding-top:0px;border-top:0px solid #cccccc;}
  
#content h3 {font-size:153.9%;line-height:26px;font-weight:300;color:#202020;margin:0px 0px 20px 0px;}
#content .entry-author-description h3 {margin-bottom:0px;margin-top:-4px;}
#content .entry-content h3.hasFeaturedImage {margin-bottom:40px;}

#content h4 {margin-bottom:20px;font-size:131%;color:#202020;}
    
.entry-content {float:left;width:100%;padding-bottom:40px;}
.loop .entry-content {padding-bottom:35px;}
.loop .entry-content,
body.single-post .entry-content {border-bottom:1px solid #cccccc;}
body.single-post .entry-content {margin-top:30px;margin-bottom:40px;}
.search-content .entry-content,
body.page-template-page-author-php #content .entry-content {padding-bottom:0px;}

.grid-wrapper, .search-wrapper {padding-bottom:30px;border-bottom:1px solid #cccccc;}
.search-wrapper {margin-top:30px;}
.grid-content {width:120px;height:120px;overflow:hidden;float:left;margin-left:10px;margin-bottom:10px;}
.grid-row .grid-content:first-child {margin-left:0px;}
#content .grid-content h2.entry-title {margin-top:0px;font-size:93%;line-height:14px;display:block;width:120px;height:120px;background:#e1e1e1 url('images/twilioblog_grid-content-fade.png') repeat-x 0 0;}
#content .grid-content h2.entry-title a {display:block;width:100%;height:100%;}
#content .grid-content h2.entry-title a span {display:block;padding:8px 10px;}
#content .grid-content h2.entry-title a:hover {color:#202020;}  

.overlay-faded {background:transparent url('images/twilioblog_overlay-fade.png') repeat-x 0 0;}

.box-link {display:inline-block;margin-top:10px;background:#333;-moz-box-shadow:inset 0 0 30px 10px #222;-webkit-box-shadow:inset 0 0 30px 10px #222;box-shadow:inset 0 0 30px 10px #222;color:#FFF;text-transform:uppercase;/*font-size:116%;font-size:153.9%;*/font-size:138.5%;line-height:18px;text-align:center;padding:20px 2px;}
.box-link:hover {background:#222;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:#FFF;text-decoration:none;}

input[type="text"], input[type="password"] {padding: 5px;font-size: 123.1%;border: 1px solid #C2C2C2;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 3px 0px #DDD;-moz-box-shadow: inset 0 1px 3px 0px #DDD;box-shadow: inset 0 1px 3px 0px #DDD;}
input[type="text"]:focus, input[type="password"]:focus {color:#000;}

.loop-thumb {float:left;margin-right:40px;width:158px;}
.loop-thumb img {display:block;}
.loop-post-hasThumb {float:left;width:442px;}

.post-meta {margin:1px 0px 0px 0px;line-height:18px;}
.post-meta,
.post-meta a {color:#808080;}
.post-meta a {white-space:nowrap;}
/* (inconsistencies in design)
body.single-post .post-meta {color:#202020;}
body.single-post .post-meta .entry-author a,
body.single-post .post-meta .entry-date a {color:#cc0000;}
body.single-post .post-meta .entry-author a:hover,
body.single-post .post-meta .entry-date a:hover {color:#cc0000;}
*/

.entry-content p,
.entry-content li,
.entry-content td,
.entry-author-description p {font-size:123.1%;line-height:24px;}

.entry-content p {padding-bottom:20px;}
.loop .entry-content p,
.search-content .entry-content p {padding-bottom:0px;}

.search-content .entry-content p {line-height:18px;margin:4px 0px;}
.search-content .entry-content p a {color:#202020;}
.search-content .entry-content p a:hover {color:#202020;}

.entry-content blockquote {margin:0px 50px 0px 50px;padding-bottom:5px;padding-top:5px;color:#202020;}

.entry-content ul {margin:0px 0px 0px 48px;padding-bottom:20px;list-style-type:square;}
.entry-content ol {margin:0px 0px 0px 50px;padding-bottom:20px;}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ol,
.entry-content ol ol {padding-bottom:10px;}

.entry-content code {
font-family: Consolas, Monaco, monospace;
}

.more-link {display:block;margin-top:16px;}
.more-link a {display:inline-block;text-indent:-9999px;width:34px;height:16px;background:transparent url('images/twilioblog_sprite-readMore-dots.gif') no-repeat 0 0;}
.more-link a:hover {background-position:0 100%;}

.entry-author-avatar,
.entry-author-description {float:left;}
.entry-author-avatar {width:48px;margin-right:20px;}
.entry-author-avatar img {display:block;}
.entry-author-description {width:572px;}
.entry-author-description h3 a {color:#202020;}
.entry-author-description h3 a:hover {color:#202020;}



/* Images & Galleries */

#content img {max-width: 640px;}
#content .attachment img {max-width: 640px; height: auto;}
#content .header-image img {max-width:800px; height: auto;}

#content .alignleft,
#content img.alignleft {display: inline;float: left;margin-right: 20px;margin-top: 4px;}
#content .alignright,
#content img.alignright {display: inline;float: right;margin-left: 20px;margin-top: 4px;}
#content .aligncenter,
#content img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {margin-bottom: 20px;}

p.wp-caption-text {margin-bottom:10px;padding: 0;font-size:123.1%;font-style:italic;color:#202020;} 


#content .wp-smiley {margin:0;}

#content .gallery {margin: auto;}
#content .gallery .gallery-item {float: left;text-align: center;width: 33%;}
#content .gallery br+br {display: none;}

#container.one-column p.page-title{
        padding: 40px 0 0 40px;
    }

    #container.one-column .attachment.type-attachment{
        padding: 40px;
    }

    #container.one-column .attachment .entry-meta{
        padding-bottom: 10px;
    }

/* Post, Category, & Paged Nav */

#nav-above {display: none;}

#nav-below {margin:40px 80px;float:right;}
.nav-previous,
.nav-next {width:auto;float:left;}
.nav-next a {margin-left:13px;}
.nav-previous a, #prevSlide {cursor:pointer;display:block;width:31px;height:31px;background:transparent url('images/twilioblog_sprite-back.png') no-repeat 0 0;text-indent:-9999px;}
.nav-next a, #nextSlide {cursor:pointer;display:block;width:31px;height:31px;background:transparent url('images/twilioblog_sprite-forward.png') no-repeat 0 0;text-indent:-9999px;}
#prevSlide {background:transparent url('images/twilioblog_sprite-back-slider.png') no-repeat 0 0;}
#nextSlide {background:transparent url('images/twilioblog_sprite-forward-slider.png') no-repeat 0 0;}
.nav-previous a:hover,
#prevSlide:hover,
.nav-next a:hover,
#nextSlide:hover {background-position:0 100%;}

#prevSlide, #nextSlide {position:absolute;top:50%;margin-top:-16px;z-index:99;}
#prevSlide {left:-45px;}
#nextSlide {right:-45px;}


.nocomments {display:none;}





/* MAIN WIDGET AREA/WIDGETS ------------------------------------------------------------------------ */

#main-widget-area .main-widget-area-col {float:left;width:398px;background:#FFF;display:none;}
#main-widget-area .main-widget-area-col:first-child {margin-right:4px;}
#main-widget-area .main-widget-area-col ul.xoxo {padding:40px 80px;}

ul.xoxo, .widget-area ul {list-style: none;}

.widget-area ul.xoxo > li + li {margin-top:22px;}

.widget-area h3 {/*font-size:153.9%;*/font-size:197%;line-height:24px;color:#000;text-transform:uppercase;}
.widget-area p {font-size:123.1%;line-height:21px;color:#333333;}
  
.widget-area input[type="text"],
.widget-area input[type="password"] {width:221px;}

.widget-area input#s {padding-left:33px;width:193px;background:#FFF url('images/twilioblog_icon-search-small.jpg') no-repeat 5px 3px;}


.widget_twilio-topics p span.last {display:none;}

.widget-area .community-links-grid-row .box-link {float:left;height:60px;padding:0px 2px;line-height:64px;width:110px;margin-left:10px;}
.widget-area .community-links-grid-row .box-link:first-child {margin-left:0px;}
.widget-area .box-link span {line-height: 20px !important;display: inline-block;padding-top: 12px;}

  



/* FOOTER --------------------------------------------------------------------------------- */

/* css mostly migrated from main twilio website */

#wrap-footer {font-size:123.1%;}

#wrap-footer #main-footer {position: relative;width: 100%;margin: 0 auto;padding: 20px 0 30px;}

#wrap-footer #main-footer #footer-links {width: 490px;display: inline-block;vertical-align: 65%;}

#wrap-footer #main-footer #footer-logo {
background: transparent url('images/twilioblog_twilio-logo-35x35.png') no-repeat 0 0;
width: 35px;
height: 35px;
line-height: 35px;
display: inline-block;
direction: ltr;
text-indent: -9999px;
}

#wrap-footer #main-footer #footer-main-navigation {
list-style: none;
line-height: 35px;
display: inline-block;
margin: 0;
}
#wrap-footer #main-footer #footer-main-navigation li {
float:none;
display: inline-block;
position:static;
zoom: 1;
}
#wrap-footer #main-footer #footer-main-navigation li a {
display: block;
/*padding-left: 20px;*/
padding-left: 15px;
color: #A3A3AC;
}
#wrap-footer #main-footer #footer-main-navigation li a:hover {
text-decoration: none;
color: red;
}

#wrap-footer #main-footer #legal {
display: inline-block;
width: 550px;
}
#wrap-footer #main-footer #legal .legal-notice {
/*color: #DDD;*/
color:#BBB;
font-size: 0.8em;
margin-top: 10px;
margin-bottom:12px;
line-height: 1.3em;
}

.community-links-grid-row a, h3.widget-title  { font-family: "league_gothicregular",helvetica,arial,sans-serif; }

/* CTA Styles ----------------------------------------------------------------------------- */
#block-cta {
  background:url('images/cta-grid.png') #333;
  padding:50px 0px;
  height:150px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -khtml-box-sizing:border-box;
  -o-box-sizing:border-box;
  -moz-box-sizing:border-box;
  font: 13px/1.231 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#block-cta .center-content {
  margin:0px auto;
  width: 600px;
}
#block-cta .pull-left {
  display: inline-block;
  margin: 0px 20px;
  vertical-align: top;
}
#block-cta .button.red {
  width:120px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 8px 12px;
  margin: 4px;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d90202;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#block-cta h3 {
  margin:0px 0px 5px;
  color:#fff;
  font-size: 180%;
  line-height: 26px;
  font-weight: 200;
  letter-spacing: 1px;
}
#block-cta p {
  color:#d8aa0e;
  margin:0px;
}

/* Nav Styles ----------------------------------------------------------------------------- */

#nav-blog {
  background:rgb(51, 51, 51);
  font: 13px/1.231 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height:39px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 14px 6px;
  text-decoration: none;
  color:#999;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight:900;
}
.nav .developer-nav {
    margin-top: 5px;
}
.nav > li.first > a {
  padding-left:0px;
}
.nav > li.last > a {
  padding-right:0px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  color:#fff;
}

.nav > li.disabled > a {
  color: #999999;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  line-height: 9px;
}
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav.pull-right {
  float:right;
}
/* Twilio Recipe Styles --------- added by Jarod Reyes ---------------------------------*/
.twilio-recipe {
    background:#eee;
    padding:10px;
}
.twilio-recipe h2 {
    text-align:center;
    font-size:22px;
    display:block;
    padding:5px 0px;
    border-bottom:1px dashed #aaa;
    margin:0px;
}
  .twilio-recipe a {
    display:inline-block;
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding:5px;
    margin: 15px 4% 0px;
    width:40%;
}
.twilio-recipe br {
    display:none;
}
/* Print Styles --------------------------------------------------------------------------- */

@media print {
  body {
    background:transparent none !important;
  }
  #wrapper {
    float: none !important;
    clear: both !important;
    display: block !important;
    position: relative !important;
  }
  #header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 18pt;
    height:auto !important;
  }
  #header #branding {position:static;margin-top:40px;}
  #colophon {
    border-top: 2pt solid #000;
  }
  #site-title {
    font-size: 13pt;
  }
  .entry-content {
    font-size: 14pt;
    line-height: 1.6em;
  }
  .entry-title {
    font-size: 21pt;
  }
  #primary,
  #respond,
  .comment-edit-link,
  .edit-link,
  .navigation,
  .page-link,
  #footer {
    display: none !important;
  }
  #container,
  #header {
    width: 100%;
    margin: 0;
  }
  #content,
  .one-column #content {
    width: 100%;
    margin: 24pt 0 0;
  }

  #main {
    display:inline;
  }
}