/* Override some defaults */



html, body {
  background-color: #eee;
  font-family: 'Open Sans',sans-serif

}


body {
/*  margin: 0;*/
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.5;
  color: #313131;
 /* background-color: #ffffff;*/
 /*  width: 100%;
  min-height: 100%;*/
  -webkit-font-smoothing: antialiased;
}

p {
    margin-bottom: 2.5rem;
}


article.post-text {
    padding-top: 4rem;
    padding-right: 4rem;
    padding-left: 4rem;
    padding-bottom: 0px;

}

article.storypage {
    padding: 2px;
}

#personal h3 {
    padding-bottom: 0.7em;
}

#personal {
    padding-bottom: 0.7em;
}

#socialicons {
    padding-bottom: 0.7em;
}

#twitter-widget-0 {
    padding-bottom: 0.7em;
}

.container > footer {
  margin-top: 20px;
}
.container > footer p {
  text-align: center; /* center align it with the container */
}

pre {
    font-size: 0.9em;
    padding: 2rem;
    margin-bottom: 2.5rem;
    border-style: none;
    margin-bottom: 0px;
    background-clip: padding-box;
    margin-left: 0px;
}

pre, code, example {
    font-family: Hack, Menlo, Consolas, monospace;
}

pre.console, pre.example {
    margin-bottom: 2.5rem;
}

pre.hljs {
    padding: 2rem;
}

div.highlight {
    width: 100%;
    margin: 0 auto; /* or margin: 0 auto 0 auto */
    margin-bottom: 2.5rem;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
}
table.codetable {
    width: 100%;
    /*background-color: #F0F0F0;*/
    display: table;
    margin: 0 auto; /* or margin: 0 auto 0 auto */
    margin-bottom: 0rem;
    margin-left: 0rem;
}

table.highlighttable {

    width: 96%;
    margin: 0 auto; /* or margin: 0 auto 0 auto */
}

.table thead {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}


td.linenos {
    width: 3%;
}

.linenosdiv > pre {
    padding-left: 0px;
}



/* The white background content wrapper */
.body-content {
  background-color: #fff;
  padding: 20px;
  padding-bottom:0px;
  margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
  -webkit-border-radius: 0 0 0px 0px;
     -moz-border-radius: 0 0 0px 0px;
          border-radius: 0 0 0px 0px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* Page header tweaks */
.navbar {
  background-color: #f5f5f5;
  padding: 4px 20px 4px;
  margin: 1px 1px 4px;
  border-bottom:  1px solid #eeeeee;
}


.navbar-nav {
    float: right;
    margin: 0;
}
.nav > li > a {
    padding-top:20px;
    /*padding-bottom: 0px; */
}
.navbar-inverse .navbar-nav > .active > a {
    background-color:#F5F5F4;
    color: #385975;
 }
.navbar-inverse .navbar-nav .active > li   {

    color: #385975;
}
.navbar-inverse .navbar-nav > li > a {
    color: #385975;

}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #385975;

}

.navbar-inverse .navbar-nav > .active, .navbar-inverse .navbar-nav > .active a:hover {
    color:#385975;
    background-color:#F5F5F4;
}

.navbar-inverse .navbar-nav > .active, .navbar-inverse .navbar-nav > .active a:focus {
    color:#385975;
    background-color: #eee;
   // background-color:#F5F5F4;
}


.navbar-inverse {
    background-color: #F5F5F4;
    border-color: #F5F5F4;
    border: 0;
}


#logo {
    padding-top: 5px;
}

.topbar .btn {
  border: 0;
}

.badge, .tags > li {
    background-color: #486680;
    font-family: 'Roboto Slab', 'Helvetica', 'Open Sans', 'sans-serif';
    letter-spacing: 0.04em;
    font-weight: 1;
}



/* tag_box ======================================================== */

.tag_box {
	list-style:none;
	margin:0;
	padding:5px 0 ;
	overflow:hidden;
}
.tag_box li {
	line-height:28px;
}
.tag_box.inline li {
	float:left;
}
.tag_box a {
	padding: 3px 6px;
	margin: 2px;
	background: #eee;
	color:#005F6B;
	border-radius: 3px;
	text-decoration:none;
}
.tag_box a span{
	vertical-align:super;
	font-size:0.8em;
}
.tag_box a.active {
	background:#57A957;
	border:1px solid #4C964D;
	color:#FFF;
}



h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 300;
  line-height: 1.1;
  font-family: 'Roboto Slab', 'Helvetica', 'Open Sans',sans-serif;
  color: #385975;
  letter-spacing: 0.04em;
}


/* custom css for me */

h1, h1 a, h1 a:hover {
    margin-top: 27px;
    color: #FF4E00;
    margin-bottom: 13.5px;
    font-size: 34px;
    font-weight: 500;

  }
h2 {
    margin-top: 27px;
    margin-bottom: 13.5px;
    font-weight: 300;
    color: #385975;
/*    text-transform: uppercase; */
}

h3, h4, h5 {
    color: #555;
    font-weight: bold;

}
}

h3 {
    font-size: 21px;
    margin: 1em 0;
}



dl {
  width: 100%;
  overflow: hidden;

  padding: 5px 0 5px 0;
  margin: 0
}
dt {
  float: left;
  width: 30%;
  /* adjust the width; make sure the total of both is 100% */
  color: #FF4E00;

  padding: 0;
  margin: 0;
}

dd {
  float: left;
  width: 70%;
  /* adjust the width; make sure the total of both is 100% */


  padding: 0 0 5px 0;
  margin: 0
}


.img-right, .img-center, .img-left {
    margin: 2em;
    text-align: center;

}

.img-right {
    float:right;
}

.img-left  {
    float:left;
}

.img-center {
    float: center;
}

blockquote p {
    font-size: 15px;
}


.meta {
font-size: 13px;
color: #999;
margin:  -0.5em 0 1em  0 ;
font-style: italic;
}

#footer {
background: #f5f5f5;
color: #222;
text-shadow: none;
padding: 20px;
margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
          border-top: 1px solid #eee;
}

/* hack for twitter widget */

#twitter-widget-0{
    width:940px;
}

hr {
    margin-top:  20px;
    margin-bottom:  10px;
}



/* social media icons */
.footer ul {
    list-style-type: circle;
    /*margin: 0px;*/
    margin-bottom: 20px;
    margin-left: 20px;
}



/* social media icons */
#personal ul {
    list-style-type: circle;
    /*margin: 0px;*/
    margin-bottom: 20px;
    margin-left: 20px;
}

#socialicons {
   padding-left: 20px;
}

.row {
    margin-left: 0px;
    margin-right: 10px;
}

.social {
    background: url('/files/vueltiao.png') no-repeat  right top;
}

@media screen and (max-width: 768px){
    .social {
        background-image: none !important;
    }
}



#icons a {
background-image: url('/files/social-massive-mfcabrera.png');
background-repeat: no-repeat;
height: 34px;
width: 32px;
display: block;
float: left;
margin-right: 0.5em;
}

/* Super Massive CSS-Sprite Social Media Icon Set Start */
ul.socialicons 						{ list-style-type: none; }
ul.socialicons li					{ list-style-type: none; display: inline; float: left; padding: 0 5px 0 0; }
ul.color li a 						{ background: url('/assets/images/social-massive-mfcabrera.png') no-repeat 0 0; }
ul.bw li a 							{ background: url('/assets/images/social-massive-mfcabrera.png') no-repeat 0 0; }
.socialicons li a 				{ text-indent: -9999px; width: 32px; height: 36px; display: block; overflow: hidden; margin: 2px; }



/* Each icon's sprite coordinates */
/*#icons  a.facebook:hover     	{ background-position:  0px 0; }*/
#icons  a.twitter 					{ background-position: 0px -36px; }
#icons  a.twitter2					{ background-position: 0px -293px; }
#icons  a.delicious 			{ background-position: 0 -73px; }
#icons  a.soundcloud 			{ background-position: 0 -367px; }
#icons  a.linkedin 			{ background-position: 0 -219px; }
#icons  a.github 			{ background-position: 0 -1362px; }
#icons  a.googlemail 			{ background-position: 0 -1430px; }


ul.socialicons li a.digg:hover 			{ background-position: -38px -36px; }
ul.socialicons li a.twitter:hover 		{ background-position: -38px -109px; }
ul.socialicons li a.delicious 				{ background-position: 0 -146px; }
ul.socialicons li a.delicious:hover 	{ background-position: -38px -146px; }
ul.socialicons li a.flickr 					{ background-position: 0 -183px; }
ul.socialicons li a.flickr:hover 		{ background-position: -38px -183px; }
ul.socialicons li a.youtube 				{ background-position: 0 -219px; }
ul.socialicons li a.youtube:hover 		{ background-position: -38px -219px; }
ul.socialicons li a.skype 					{ background-position: 0 -256px; }
ul.socialicons li a.skype:hover 		{ background-position: -38px -256px; }
ul.socialicons li a.linkedin 				{ background-position: 0 -292px; }
ul.socialicons li a.linkedin:hover 		{ background-position: -38px -292px; }
ul.socialicons li a.vimeo 					{ background-position: 0 -329px; }
ul.socialicons li a.vimeo:hover 		{ background-position: -38px -329px; }
ul.socialicons li a.blogger 				{ background-position: 0 -365px; }
ul.socialicons li a.blogger:hover 		{ background-position: -38px -365px; }
ul.socialicons li a.tumblr 					{ background-position: 0 -402px; }
ul.socialicons li a.tumblr:hover 		{ background-position: -38px -402px; }
ul.socialicons li a.picasa 					{ background-position: 0 -438px; }
ul.socialicons li a.picasa:hover 		{ background-position: -38px -438px; }
ul.socialicons li a.wordpress 				{ background-position: 0 -475px; }
ul.socialicons li a.wordpress:hover 	{ background-position: -38px -475px; }
ul.socialicons li a.rss 					{ background-position: 0 -511px; }
ul.socialicons li a.rss:hover 			{ background-position: -38px -511px; }
ul.socialicons li a.mobileme 				{ background-position: 0 -548px; }
ul.socialicons li mobileme:hover 		{ background-position: -38px -548px; }
ul.socialicons li a.apple 					{ background-position: 0 -585px; }
ul.socialicons li a.apple:hover 		{ background-position: -38px -585px; }
ul.socialicons li a.gpluslight 				{ background-position: 0 -621px; }
ul.socialicons li a.gpluslight:hover 	{ background-position: -38px -621px; }
ul.socialicons li a.gplusdark 				{ background-position: 0 -694px; }
ul.socialicons li a.gplusdark:hover 	{ background-position: -38px -694px; }
ul.socialicons li a.twitterb 				{ background-position: 0 -658px; }
ul.socialicons li a.twitterb:hover 		{ background-position: -38px -658px; }
ul.socialicons li a.instagram 				{ background-position: 0 -731px; }
ul.socialicons li a.instagram:hover 	{ background-position: -38px -731px; }
ul.socialicons li a.myspace 				{ background-position: 0 -767px; }
ul.socialicons li a.myspace:hover 		{ background-position: -38px -767px; }
ul.socialicons li a.dribble 				{ background-position: 0 -803px; }
ul.socialicons li a.dribble:hover 		{ background-position: -38px -803px; }
ul.socialicons li a.blip 					{ background-position: 0 -838px; }
ul.socialicons li a.blip:hover 			{ background-position: -38px -838px; }
ul.socialicons li a.spotify 				{ background-position: 0 -874px; }
ul.socialicons li a.spotify:hover 		{ background-position: -38px -874px; }
ul.socialicons li a.grooveshark 			{ background-position: 0 -910px; }
ul.socialicons li a.grooveshark:hover 	{ background-position: -38px -910px; }
ul.socialicons li a.ichat 					{ background-position: 0 -946px; }
ul.socialicons li a.ichat:hover 		{ background-position: -38px -946px; }
ul.socialicons li a.github 					{ background-position: 0 -981px; }
ul.socialicons li a.github:hover 		{ background-position: -38px -981px; }
ul.socialicons li a.soundcloud 				{ background-position: 0 -1017px; }
ul.socialicons li a.soundcloud:hover 	{ background-position: -38px -1017px; }
ul.socialicons li a.pinterest 				{ background-position: 0 -1053px; }
ul.socialicons li a.pinterest:hover 	{ background-position: -38px -1053px; }
ul.socialicons li a.smugmug 				{ background-position: 0 -1088px; }
ul.socialicons li a.smugmug:hover 		{ background-position: -38px -1088px; }
ul.socialicons li a.virb 					{ background-position: 0 -1124px; }
ul.socialicons li a.virb:hover 			{ background-position: -38px -1124px; }
ul.socialicons li a.technorait 				{ background-position: 0 -1160px; }
ul.socialicons li a.technorait:hover 	{ background-position: -38px -1160px; }
ul.socialicons li a.slashdot 				{ background-position: 0 -1195px; }
ul.socialicons li a.slashdot:hover 		{ background-position: -38px -1195px; }
ul.socialicons li a.sharethis 				{ background-position: 0 -1231px; }
ul.socialicons li a.sharethis:hover 	{ background-position: -38px -1231px; }
ul.socialicons li a.posterous 				{ background-position: 0 -1267px; }
ul.socialicons li a.posterous:hover 	{ background-position: -38px -1267px; }
ul.socialicons li a.googleb 				{ background-position: 0 -1302px; }
ul.socialicons li a.googleb:hover 		{ background-position: -38px -1302px; }
ul.socialicons li a.reddit 					{ background-position: 0 -1338px; }
ul.socialicons li a.reddit:hover 		{ background-position: -38px -1338px; }
ul.socialicons li a.friendfollow 			{ background-position: 0 -1374px; }
ul.socialicons li a.friendfollow:hover 	{ background-position: -38px -1374px; }
ul.socialicons li a.designfloat 			{ background-position: 0 -1409px; }
ul.socialicons li a.designfloat:hover 	{ background-position: -38px -1409px; }
ul.socialicons li a.amazon 					{ background-position: 0 -1445px; }
ul.socialicons li a.amazon:hover 		{ background-position: -38px -1445px; }
ul.socialicons li a.netvibes 				{ background-position: 0 -1481px; }
ul.socialicons li a.netvibes:hover 		{ background-position: -38px -1481px; }
ul.socialicons li a.bing 					{ background-position: 0 -1516px; }
ul.socialicons li a.bing:hover 			{ background-position: -38px -1516px; }
ul.socialicons li a.yahoo 					{ background-position: 0 -1552px; }
ul.socialicons li a.yahoo:hover 		{ background-position: -38px -1552px; }
ul.socialicons li a.aim 					{ background-position: 0 -1588px; }
ul.socialicons li a.aim:hover 			{ background-position: -38px -1588px; }
ul.socialicons li a.email 					{ background-position: 0 -1623px; }
ul.socialicons li a.email:hover 		{ background-position: -38px -1623px; }
ul.socialicons li a.ebay 					{ background-position: 0 -1659px; }
ul.socialicons li a.ebay:hover 			{ background-position: -38px -1659px; }
ul.socialicons li a.paypal 					{ background-position: 0 -1695px; }
ul.socialicons li a.paypal:hover 		{ background-position: -38px -1695px; }
ul.socialicons li a.feedburner 				{ background-position: 0 -1730px; }
ul.socialicons li a.feedburner:hover 	{ background-position: -38px -1730px; }
ul.socialicons li a.podcast 				{ background-position: 0 -1766px; }
ul.socialicons li a.podcast:hover 		{ background-position: -38px -1766px; }
ul.socialicons li a.appstoreios 			{ background-position: 0 -1802px; }
ul.socialicons li a.appstoreios:hover 	{ background-position: -38px -1802px; }
ul.socialicons li a.itunes 					{ background-position: 0 -1837px; }
ul.socialicons li a.itunes:hover 		{ background-position: -38px -1837px; }
ul.socialicons li a.appstoremac 			{ background-position: 0 -1873px; }
ul.socialicons li a.appstoremac:hover 	{ background-position: -38px -1873px; }
ul.socialicons li a.yelp 					{ background-position: 0 -1909px; }
ul.socialicons li a.yelp:hover 			{ background-position: -38px -1909px; }
ul.socialicons li a.wthree 					{ background-position: 0 -1944px; }
ul.socialicons li a.wthree:hover 		{ background-position: -38px -1944px; }
ul.socialicons li a.etsy 					{ background-position: 0 -1980px; }
ul.socialicons li a.etsy:hover 			{ background-position: -38px -1980px; }
ul.socialicons li a.stackoverflow 			{ background-position: 0 -2016px; }
ul.socialicons li a.stackoverflow:hover { background-position: -38px -2016px; }
ul.socialicons li a.foursquare 				{ background-position: 0 -2051px; }
ul.socialicons li a.foursquare:hover 	{ background-position: -38px -2051px; }
ul.socialicons li a.quora 					{ background-position: 0 -2087px; }
ul.socialicons li a.quora:hover 		{ background-position: -38px -2087px; }
ul.socialicons li a.photobucket 			{ background-position: 0 -2123px; }
ul.socialicons li a.photobucket:hover 	{ background-position: -38px -2123px; }