/*
	Name: Smashing HTML5
	Date: July 2009
	Description: Sample layout for HTML5 and CSS3 goodness.
	Version: 1.0
	License: MIT <http://opensource.org/licenses/MIT>
	Licensed by: Smashing Media GmbH <http://www.smashingmagazine.com/>
	Original author: Enrique Ramírez <http://enrique-ramirez.com/>
*/

/* Imports */
/*@import url("reset.css");*/
/*@import url("pygment.css");*/
/*@import url("typogrify.css");*/
@import url("../../libs/bootstrap-3.1.1/dist/css/bootstrap.min.css");
@import url(//fonts.googleapis.com/css?family=Yanone+Kaffeesatz&subset=latin);
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
@import url("../../libs/tipuesearch/tipuesearch.css");

/***** Global *****/
/* Body */
body {
/*    background: #000000;*/
/*    color: #36364d;*/
    /*background: #d1d1d1 url(../images/side-bg.png) no-repeat;*/
    background: rgba(251,251,251,1) url(../images/bg/robots.png) no-repeat;
    background-size: 80% auto;
    background-position:left bottom;
    background-attachment:fixed;

    /*font-size: 87.5%; /* Base font size: 14px */
/*    font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "serif";*/
/*    line-height: 1.429;*/
/*    margin: 0;*/
/*    padding: 0; */
/*    text-align: left;*/
}

/* Headings */
/*h1 {font-size: 2em }*/
/*h2 {font-size: 1.571e autom} */
/*h3 {font-size: 1.429em} */
/*h4 {font-size: 1.286em} */
/*h5 {font-size: 1.143em}  */
/*h6 {font-size: 1em}     */

/*h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: .8em;
  font-family: 'Yanone Kaffeesatz', arial, serif;
}*/

/*h3, h4, h5, h6 { margin-top: .8em; }*/

hr { border: 2px solid #EEEEEE; }

/* Anchors */
/*a {outline: 0;}*/

/*a:link, a:visited {
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: none;
}
*/
img {display: block;}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a img {border: 0px; background-color: transparent;}

/*h1 a:hover {
    background-color: #e057b8;
}*/

/* Paragraphs */
div.line-block,
p { margin-top: 1em;
    margin-bottom: 1em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
/*ul {
    list-style: outside disc;
    margin: 0em 0 0 1.5em;
}
*/
.hfeed ol {
    list-style: outside decimal;
/*    margin-left: -40px;*/
}

/*li { margin-top: 0.5em;}*/

/*li {line-height: 1.5em;}*/

.post-info {
    width: 100%;
}

.post-info p{
    margin-top: 1px;
    margin-bottom: 1px;
}

p.readmore {
    float: right;
    padding: 0;
    margin: 0;
}

/*dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}*/

/*pre {
    padding: 10px;
    margin: 10px;
}*/

/*.ipynb {
    padding-left: 80px;
}*/

.output_subarea pre {
    background: transparent;
    border: none;
}

/* Quotes */
q {
    margin: 0px;
    padding-left: 55px;
    font-style: italic;
    position: relative;
}

q:before {
    font-size: 3em;
    font-family: FontAwesome;
    text-decoration: normal;
    content: "\f10d";
    display: block;
    position: absolute;
    left: -10px;
    top: -5px;
    color: #7a7a7a;
}

.dataset {
    position: absolute;
    padding: 5px;
    right: -125px;
    max-width: 200px;
    background: #B0C4DE;
    /* css3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

.dataset.right{}

.dataset.left {
    left: -125px;
    right: auto;
}

/*.dataset:before {*/
/*    font-family: "FontAwesome";*/
/*    content: "\f024";*/
/*    padding-right: 10px;*/
/*    font-size: 1.5em;*/
/*}*/

/*cite {}*/

/*code {
    color: #2A75A9;
    font-size: 100%;
}
*/
blockquote {
    font-size: 100%;
}
/*.input-append button.add-on {
  height: inherit !important;
}
*/
/*#top-search {
    position: absolute;
    right: 0px;
    top: 55px
}*/

/*#top-dropdown {
    position: absolute;
    right: 0px;
}

.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
    content: '';
}

.dropdown-menu.pull-right:before {
    right: 12px;
    left: auto;
}

.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.dropdown-menu.pull-right:after {
    right: 13px;
    left: auto;
}*/

/*#top-results {
    width: 238px;
}*/

/*#top-query {
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 10;
    border-radius: 10px 0 0 0;
}*/

/*#top-btn {
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
    background: #fff;
}*/

.note {
    position: absolute;
    padding:5px;
    margin: 1em;
    right: -270px;
    border:5px solid #B0C4DE;
    color:#eee;
    font-size: 0.9em;
    max-width: 200px;
    background: #B0C4DE;
    /* css3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    margin-left:30px;
    margin-top: -8px;
}

.note.right {}

.note.left {
    margin-right:25px;
    margin-left:0px;
    left: -255px;
    right: auto;
}

.note:before {
    content:"";
    position:absolute;
    top:10px; /* controls vertical position */
    bottom:auto;
    left:-30px; /* value = - border-left-width - border-right-width */
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 30px dashed #B0C4DE;
    display:block;
    width: 0;
    height: 0;
}

/* creates the smaller  triangle */
/*.note:after {
	content:"";
	position: absolute;
	border-style:solid;
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top)
	bottom:auto;
	left:-21px; /* value = - border-left-width - border-right-width
	border-width:9px 21px 9px 0;
	border-color:transparent #B0C4DE;
    /* reduce the damage in FF3.0
    display:block;
    width:0;
}*/

.note.right:before {}

.note.right:after {}

.note.left:before {
    top:10px; /* controls vertical position */
    bottom:auto;
    left:auto;
    right:-45px; /* value = - border-left-width - border-right-width */
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 30px dashed #B0C4DE;
    border-right: 15px dashed transparent;
}

/*.note.left:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top)
	bottom:auto;
    left:auto;
	right:-21px; /* value = - border-left-width - border-right-width
	border-width:9px 0 9px 21px;
	border-color:transparent #B0C4DE;
}*/


/* Tables */
/*table {
    margin: .5em auto 1.5em auto;
    width: 98%;
}*/

/* Thead */
thead th {padding: .5em .4em; text-align: left;}
/*thead td {}*/

/* Tbody */
tbody td {
    padding: 0em .4em;
}
/*tbody th {}*/

/*tbody .alt td {}
tbody .alt th {}
*/
/* Tfoot */
/*tfoot th {}
tfoot td {}
*/
/* HTML5 tags */
header, section, footer, aside, nav, figure, article {
    display: block;
    position: relative;
}

/***** Layout *****/
.body {
    clear: both;
    margin: 0 auto;
/*    width: 800px;*/
}

img.right, figure.right { float: right; margin: 0 0 1em 2em; }
img.left, figure.left { float: left; margin: 0 2em 1em 0; }
img.center, figure.center { margin: 0 auto; display: block; }

/*#banner {
    margin: 0 auto;
    padding: 2.5em 0 0 0;
    position: relative;
}*/

/*#banner h1 {font-size: 3.571em; line-height: 0;}
#banner h1 a:link, #banner h1 a:visited {
    color: #2e3436;
    display: block;
    font-weight: bold;
    margin: 0 0 .6em .2em;
    text-decoration: none;
}*/

/*#banner h1 a:hover, #banner h1 a:active {
    background: none;
    color: #2A75A9;
    text-shadow: none;
}*/

/*#banner h1 strong {
    font-size: 0.36em;
    font-weight: normal;
    color: #2A75A9;
}

#banner h1 a:hover strong, #banner h1 a:active strong {
    color: #2e3436;
}*/

/*#banner nav {
    background: #2e3436;
    font-size: 1.143em;
    height: 40px;
    line-height: 30px;
    margin: 0 auto 2em auto;
    padding: 0;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}*/

/*#banner nav ul {
    list-style-type: none;
    margin: 0;
    text-align: justify;
    display: block;
}*/

/*#banner nav li {
    display: inline-block;
    height: 30px;
    text-align: center;
}*/

/*#banner nav a:link, #banner nav a:visited {
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    width: 100%;
    height: 100%;
}*/

/*#banner nav a:hover, #banner nav a:active,
#banner nav .active a:link, #banner nav .active a:visited {
        background: #C74451;
        color: #fff;
        text-shadow: none !important;
}*/



/* main navbar */

/*textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(224, 87, 184, 0.8);
  outline: 0;
  outline: thin dotted \9;*/
  /* IE6-9 */

/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(224, 87, 184, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(224, 87, 184, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(224, 87, 184, 0.6);
}
*/
/*.navbar-search .search-query {
    -webkit-border-radius: 15px 0px 0px 15px;
    -moz-border-radius: 15px 0px 0px 15px;
    border-radius: 15px 0px 0px 15px;
}

.navbar .nav {
    width:100%;
    margin: 0px;
}

.navbar .nav>li.pull-right {
    float: right;
}*/

.share-list a{
  margin: 0em 0.5em;
}

.badge-list {
  list-style: none;
}

.badge-list li span {
  width: 25px;
  text-align: center;
  margin-right: 1em;
}

#links {
    list-style: none;
    float: right;
}

/*.dropdown-menu {
    font-size: .8em;
}
*/
#home .svg {
    margin-top: 12px;
}

.navbar-header a {
    background-color: transparent;
    margin-right: 1em;
}

.attribution {
    text-align: center;
    color: #fff;
}

.social-icons a {
    margin: 0em 0.5em;
}

.social-icons a:hover, .social-icons a:active, .social-icons a:focus {
    color: #36364d;
    background-color: transparent;
}

.tag {
    margin-top: 0.3em;
}

.tag a, .category a {
    margin: 0em 0.5.3em;
}


/*.navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
    background: #fff;
    border: none;
}
*/
.navbar-search {
    margin-top: 10px;
}

/*.navbar .nav .brand {*/
/*    margin: 1px;*/
/*    font-size: 2.5em;*/
/*    color: #e057b8;*/
/*}*/

/*.navbar .nav > li > a {
  color: #36364d;
  text-decoration: none;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #e057b8;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #fff;
  background-color: #e057b8;
}
*/
/*[class^="icon-chevron-down"] {
    font-size: .6em;
}*/

/*.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: #fff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #fff;
  background: #e057b8;
}*/

/*.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  background: #e057b8;
  outline: 0;
}*/

/*	Featured */
#featured {
    background: #fff;
    margin-bottom: 2em;
    overflow: hidden;
    padding: 20px;
    width: 760px;

    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#featured figure {
    border: 2px solid #eee;
    float: right;
    margin: 0.786em 2em 0 5em;
    width: 248px;
}
#featured figure img {display: block; float: right;}

#featured h2 {color: #2A75A9; font-size: 1.714em; margin-bottom: 0.333em;}
#featured h3 {font-size: 1.429em; margin-bottom: .5em;}

#featured h3 a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
#featured h3 a:hover, #featured h3 a:active {color: #fff;}

/*
	Body
*****************/
#content {
	/*margin-bottom: 2em;*/
    margin-top: 70px;
	/*overflow: hidden;*/
	width: 800px;
	clear: both;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#content.body {
	background: none;
}

#content.list {
	background: none;
	margin: 0 auto;
	width: 800px;
}

/*
	Extras
*****************/
#extras {
    margin: 1em auto 3em auto;
    overflow: hidden;
    border-radius: 10px;
    width: 800px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
    margin-bottom: 2em;
    overflow: hidden;
}

#extras ul {list-style: none; margin: 0;}
/*#extras li {border-bottom: 1px solid #fff;}*/
#extras h2 {
    /*color: #2A75A9;*/
    font-size: 1.429em;
    margin-bottom: .25em;
    padding: 0 3px;
}

#extras a:link, #extras a:visited {
    color: #444;
    display: block;
    /*border-bottom: 1px solid #F4E3E3;*/
    text-decoration: none;
    padding: .3em .25em;
}

#extras h2 a {
    display: inline!important;
}

#extras a:hover, #extras a:active {color: #fff;}

	/* Blogroll */
#extras .blogroll {
		float: right;
		width: 150px;
		padding: 0 10px;
}

#extras .blogroll li {
    float: left;
    margin: 0 20px 0 0;
    width: 150px;
}

	/* Social */
#extras .social {
	float: right;
	width: 150px;
	padding: 0 10px;
}

.bold_title {
/*    top: 80px;
    left: 40px;
    position: fixed;*/
	color: #fff;
	background: #e057b8;
	width: 375px;
	text-align: center;
	height: 35px;
    z-index: 10;
}

#extras .twitter {
	float: left;
    display: inline-block;
    width: 500px !important;
    padding: 20px 20px;
}

#extras .visitors_map {
	float: right;
    display: inline-block;
    padding: 20px 20px;
}

#extras #visitors_map {
	margin-bottom: 20px;
}

#extras div[class='social'] a {
    text-decoration: normal;
}

/*#social-menu a:before {
    padding-right: 0.5em;
}
*/

#title:hover path {
    fill: #e057b8;
}

/* About */
#about {
  	background: #fff;
  	font-style: normal;
  	margin-bottom: 2em;
  	overflow: hidden;
  	padding: 20px;
  	text-align: left;
  	width: 800px;
  	border-radius: 10px;
	  -moz-border-radius: 10px;
	  -webkit-border-radius: 10px;
}

#about .primary {float: left; width: 165px;}
#about .primary strong {color: #C64350; display: block; font-size: 1.286em;}
#about .photo {float: left; margin: 5px 20px;}

#about .url:link, #about .url:visited {text-decoration: none;}

#about .bio {float: right; width: 500px;}

.fixed {
    position: fixed;
    z-index: 5;
}

.shadow {
/*    -moz-box-shadow: 0 5px 5px -3px #A9A9A9;
    -webkit-box-shadow: 0 5px 5px -3px #A9A9A9;
    box-shadow: 0 5px 5px -3px #A9A9A9;*/
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
}

/*
	Footer
*****************/
#contentinfo {
    padding-bottom: 1em;
    text-align: right;
}

#contentinfo #about {
/*    color: #fff;*/
/*    background: #2e3436;*/
}

/***** Sections *****/
/* Blog */
.hentry, .page {
	  display: block;
	  clear: both;
	  background: #fff;
	  padding: 1em 1.5em 1.5em 1.5em;
	  margin-bottom: 1.5em;
	  border-radius: 10px;
	  -moz-border-radius: 10px;
	  -webkit-border-radius: 10px;
}

.page {
	overflow: hidden;
}

li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
/*#content > .hentry {padding: 1em 0;}*/
/*.hentry img{display : none ;}*/
.entry-title {font-size: 3em; margin-bottom: 10px; margin-top: 0;}
.entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;}
.entry-title a:visited {background-color: #fff;}
.entry-content li {padding-bottom: 0px;}
.hentry .post-info * {font-style: normal;}

.entry-content {
    position: relative;
}

article header .published {
    display: inline-block;
    float: right;
}

.hentry .vcard.author {
    float: right;
}

.category, .tag {
/*    margin-bottom: 0px;
    margin-top: 0px;*/
    font-size: .8em;
}

.output {
    background: transparent;
}

.prompt {
    width: 80px;
    text-align: right;
    font-family: monospace;
    float: left;
    padding: 10px;
    margin: 0px;
    color: rgba(0, 0, 128, 0.45); /* navy with .45 alpha */
}

.prompt.output_prompt {
    color: rgba(139, 0, 0, 0.45); /* darkred with .45 alpha */
}

.MathJax .mo, .MathJax .mi {
    color: inherit !important;
}

/* Content */
.hentry footer {
    margin-bottom: 1em;
}

.hentry address {
  margin-bottom: 0px;
}

.hentry footer address {
    display: inline;
}

.paginator {
    text-align: center;
    color: #ffffff;
    text-shadow: 0 1px 10px rgba(0,0,0,0.1);
}

.paginator i {
    vertical-align: middle;
}

.paginator a, .paginator a:link, .paginator a:visited {
    text-decoration: none;
    color: #ffffff;
}
.paginator a:hover, .paginator a:active {
    color: #e057b8;
    background-color: transparent;
}

#posts-list .note {
    display: none;
}

.leaflet-popup-content-wrapper {
	text-align: center;
}

#map {
    z-index: 0;
	top: 45px;
	left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/*#posts-list footer address {display: block;}*/

	/* Blog Index */
   #posts-list {list-style: none; margin-left: -40px;}
	/*#posts-list .hentry {padding-left: 0px; position: relative;}*/
	/*#posts-list li {padding-bottom: 1.5em;}*/

/*    #posts-list footer {
        position: relative;
    float: left;
        top: 0.5em;
        width: 100%;
    }

    #post-list footer p {
          display: inline;
    }*/

	/* About the Author */
	#about-author {
		background: #f9f9f9;
		clear: both;
		font-style: normal;
		margin: 2em 0;
		padding: 10px 20px 15px 20px;

		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	#about-author strong {
		color: #C64350;
		clear: both;
		display: block;
		font-size: 1.429em;
	}

	#about-author .photo {border: 1px solid #ddd; float: left; margin: 5px 1em 0 0;}

	/* Comments */

	.comments {
	    padding-top: 20px;
	}
	#comments-list {list-style: none; margin: 0 1em;}
	#comments-list blockquote {
		background: #f8f8f8;
		clear: both;
		font-style: normal;
		margin: 0;
		padding: 15px 20px;

		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#comments-list footer {color: #888; padding: .5em 1em 0 0; text-align: right;}

	#comments-list li:nth-child(2n) blockquote {background: #F5f5f5;}

	/* Add a Comment */
	#add-comment label {clear: left; float: left; text-align: left; width: 150px;}
	#add-comment input[type='text'],
	#add-comment input[type='email'],
	#add-comment input[type='url'] {float: left; width: 200px;}

	#add-comment textarea {float: left; height: 150px; width: 495px;}

	#add-comment p.req {clear: both; margin: 0 .5em 1em 0; text-align: right;}

	#add-comment input[type='submit'] {float: right; margin: 0 .5em;}
	#add-comment * {margin-bottom: .5em;}