/* CLASSES */
.clear {clear: both; height: 0px; overflow: hidden;}
img {border: 1px solid #ddd;}
.right, .left { letter-spacing:0; }
.right {float:right;}
.left {float:left;}
a:visited {text-decoration:none!important;}
a:visited p {text-decoration:none!important;}
a:visited div {text-decoration:none!important;}
a:-webkit-any-link{text-decoration:none!important;}

/* FONT FACE */
/*SegoUI*/
@font-face {
  font-family: "Segoe UI Bold";
  src:  url('http://cartodb.s3.amazonaws.com/tumblr/fonts/SEGOEUIB.eot');
  src:  url('http://cartodb.s3.amazonaws.com/tumblr/fonts/SEGOEUIB.eot?#iefix') format('eot'),
  url('http://cartodb.s3.amazonaws.com/tumblr/fonts/SEGOEUIB.woff') format('woff'),
  url('http://cartodb.s3.amazonaws.com/tumblr/fonts/SEGOEUIB.ttf') format('truetype'),
  url('http://cartodb.s3.amazonaws.com/tumblr/fonts/SEGOEUIB.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}

body {background: url('http://cartodb.s3.amazonaws.com/tumblr/img/bkg.jpg') repeat center top; margin: 0; padding: 0;}

div#wrapper {width:100%!important;}
div.wrap {overflow:hidden; width:850px; margin: 0 auto;}

/* TITLE */
#wrapper #title {float:right; width:640px; padding:26px 0 0;}
#wrapper #title a.logo {width:142px; height:51px; padding:0; margin:0; background:url('http://cartodb.s3.amazonaws.com/tumblr/img/logo.png') no-repeat 0 0; font-size:0; text-indent:-9999px; line-height:0; text-transform:uppercase;}
#wrapper #title a.logo:hover {background-position: 0 -51px;}
#wrapper #title a.back {margin-top:20px; font:bold 12px "Segoe UI Bold", "Open Sans", Arial; color:#7D7D7D; text-transform:uppercase; text-decoration:none;}
#wrapper #title a.back:hover {color:#333333;}

/* POSTS */
div#content {width:100%;}
div#content .post {width:100%; margin:0 auto; padding:60px 0 45px 0; letter-spacing:-4px;}
body.page div#content .post { padding-bottom: 0; }
div#content .post:nth-child(even) {background:rgba(255,255,255,0.6); border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; background:white\9;}
div#content .post:last-child {border-bottom:none;}
div#content .post .content,
div#content .post .aside {display:-moz-inline-box;-moz-box-orient:vertical;display:inline-block;vertical-align:top;*vertical-align:top; zoom: 1; *display: inline; letter-spacing:0;}
div#content .post .aside {width:175px; margin:0 35px 0 0; padding:0;}
div#content .post .aside div.date {float:right; width:auto; margin:11px 0 0 0; padding:7px 10px; background:#E5E5E5; color:white; font:bold 13px "Segoe UI Bold","Open Sans",Arial;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
div#content .post .aside div.date:hover {background:#666666;}
div#content .post .aside .tags {float:right; display:block; margin:20px 0 0 0;}
div#content .post .aside .tags a {float:right; width:auto; margin:1px 0 0 0; padding:7px 10px; background:#E5E5E5; color:white; font:normal 13px "Helvetica",Arial;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-decoration:none; text-align:right; white-space: pre-wrap;}
div#content .post .aside .tags a:hover {background:#999999;}
div#content .post .aside .tags span.separator {float:right; display:block; width:175px; height:1px; padding:0; margin:0;}
div#content .post .aside .notes {float:right; display:block; width:auto; margin:10px 0 20px 0; font:normal 13px "Helvetica",Arial; color:#397DBA;}
body.page div#content .post .aside div.date { background: #333333; }
div#content .post .aside div.date a {text-decoration:none!important;}
div#content .post .content {width:639px; margin:0; padding:0; font:normal 15px "Helvetica",Arial;}
div#content .post .content .title {font:bold 37px "Segoe UI Bold","Open Sans",Arial; color:#333333; text-decoration:none; line-height:39px;}
div#content .post .content .title:hover {color:#212121; text-decoration:none;}
div#content .post .content p {font:normal 15px "Helvetica",Arial; color:#333; line-height:21px;}
div#content .post .content a {color:#397DBA; text-decoration:none;}
div#content .post .content a:hover {color:#2B6191; text-decoration:underline;}
div#content .post .content img {max-width:637px; margin:20px 0;}
div#content .post .content img.nomargin {max-width:637px; margin:0;}
div#content .post .content iframe {margin:20px 0;}
div#content .post .content ul {position:relative; display:block; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-padding-start: 0px; margin:20px 0 40px 0;  list-style:outside url("http://cartodb.s3.amazonaws.com/tumblr/img/list.jpg");}
div#content .post .content ul li {display:list-style; font:normal 15px "Helvetica",Arial; color:#4B4B4B;}
div#content .post .content ul li span {line-height:normal; height:auto;}
div#content .post .content h3,
div#content .post .content h5 {margin:30px 0 0 0; color:#333333; font-family: "Segoe UI Bold","Open Sans",Arial;}
div#content .post .content h3 {margin:10px 0 0 0;}
div#content .post .content code {white-space:pre-wrap;}

div#content .post .content div.table {display:block; margin:20px 0 30px; border:1px solid #E4E4E4;}
div#content .post .content div.table div.row {position:relative; display:block; width:100%; padding:0; border-bottom:1px solid #E4E4E4; letter-spacing:-4px;}
div#content .post .content div.table div.row::after {content: ' '; position:absolute; left:50%; top:0; height:100%; width:1px; background:#E4E4E4;}
div#content .post .content div.table div.row:first-child p {font-weight:bold!important; text-align:center;}
div#content .post .content div.table div.row:last-child {border-bottom:0;}
div#content .post .content div.table p {display:inline-block!important; display: -moz-inline-stack; zoom: 1; *display: inline; vertical-align:top; width:287px!important; padding:15px; margin:0; letter-spacing:0;}
div#content .post .content blockquote {display:block; margin:0; padding:25px; border:1px solid #BCBCBC; -webkit-margin:0; color:#696969; line-height:21px; background:#F7F7F7;}

div#content .post .content .social { height: 250px; }

body.home div#contact { margin: 30px 0 0 0; }
div#contact { background: #333; }

div#contact div.inner { width:850px; margin:0 auto; padding: 40px 0 30px 0; overflow:hidden; clear:both; }
div#contact div.inner .contact { float:right; width:642px; }
div#contact h3 { position:relative; float:left; width: 227px; font-size: 18px; margin: 0; color:#fff; font-family: "Segoe UI Bold", "Open Sans", Arial; line-height: 112%; }
div#contact h3:before { content: ''; display: block; position:absolute; top: 4px; left: -80px; width: 50px; height: 34px; background: url('http://cartodb.s3.amazonaws.com/tumblr/img/envelope.png') no-repeat center top; }
div#contact form { float: right; }
div#contact form input[type="button"],
div#contact form input[type="email"] { display:-moz-inline-box;-moz-box-orient:vertical;display:inline-block;vertical-align:top;*vertical-align:top; zoom: 1; *display: inline; letter-spacing:0;}

div#contact form input.email, div#contact form input[type="email"] { width: 242px; background:#fff; border:none; font-size:15px; color: #333; padding: 9px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; }

div#contact form input.email:focus,
div#contact form input[type="email"]:focus  { box-shadow: 0 0 5px #ccc; }

div#contact form input.button,
div#contact form input[type="submit"] { margin: 0px 0 0 2px; font:bold 15px "Segoe UI Bold","Open Sans",Arial; background: #397DBA; color: white!important; padding: 9px 13px 8px 13px; text-decoration: none; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:none; outline:none; cursor: pointer; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; *padding : 5px 13px 4px 13px; /* IE7 and below */  }

div#contact .placeholder { color: #ccc; }

@-moz-document url-prefix() { 
	div#contact form input[type="submit"] {
    padding: 7px 13px 6px 13px; 
    margin: 0px 0 0 2px;
  }
}

div#contact form input[type="submit"]:hover {
	background: #2e6495; 	
}

div#contact form  p { display:block; margin: 4px 0 0 2px; font:normal 13px "Helvetica", Arial!important; color:#666666; }

.twitter-share-button { float:left; }
.fb-like { float:left; margin-left: -12px; }

/*SEARCH*/
#searchresults {width:430px; padding:60px 210px 30px; margin:0 auto; font:bold 25px "Segoe UI Bold","Open Sans",Arial; color:#666666;}

/* POST */
div#content div.post_footer {float:left; width:100%; margin:-185px 0 0 0; padding:5px 0; border-top:1px solid #DBDBDB;}
div#content div.post_footer p {font:normal 13px "Helvetica",Arial!important; color:#CCCCCC!important;}
div#content div.back {float:left; width:100%; margin:-115px 0 0;}
div#content div.back a {float:left; margin:0; font:bold 15px "Segoe UI Bold","Open Sans",Arial; background: #397DBA; color: white!important; padding: 10px 15px; text-decoration: none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#content div.back a:hover {background:#2B6191;}

/*NAVIGATION*/
#wrapper #content #navigation {float:right; width:640px; padding:30px 0;}
#wrapper #content #navigation a {font:bold 15px "Segoe UI Bold","Open Sans",Arial; background: #397DBA; color: white; padding: 10px 15px; text-decoration: none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#wrapper #content #navigation a:hover {background:#2B6191;}

/*FOOTER*/
div#footer {width:100%; padding:40px 0; border-top:1px solid #E5E5E5;}
div#footer div.inner {width:850px; margin:0 auto; overflow:hidden; letter-spacing:-4px;}
div#footer div.inner div.logo,div#footer div.inner div.text {display:-moz-inline-box;-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*vertical-align:middle; zoom: 1; *display: inline; letter-spacing:0;font:normal 15px "Helvetica",Arial;}
div#footer div.logo {width:175px; margin:0 35px 0 0; padding:0; border:none;}
div#footer div.logo img {border:none;}
div#footer div.text {width:639px; margin:5px 0 0 0;}
div#footer div.text p {color:#CCCCCC;}
div#footer div.text p a {color:#397DBA; text-decoration:none;}
div#footer div.text p a:hover {color:#2B6191; text-decoration:underline;}

/* GISTS */
.gist-file {overflow:hidden;}
.gist .gist-file .gist-meta { font-size:65%!important;}
.gist-data {background:white!important;}
.gist-file {margin:10px 0 21px!important; color:#4B4B4B!important;}