/* This theme was made by DORIEF - http://dorief.tumblr.com */

html, body{
	height: 100%;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased !important;	
}

.selectnav{
	display: none;
}
#nav {
	position: fixed;
	float: left;
	clear: both;

	width: 25%;
	min-height: 100%;
	
	font-family: "Helvetica Neue", "Josefin Sans", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased !important;
	font-weight: 200;
	font-size:22.5px;
	text-align: center;
}



#nav ul {
	padding:0;
	margin: 22.5px auto 0 auto;
}

#nav strong{
	font-weight: 400;
}

#nav ul li{
	list-style-type: none;
	padding-top: 5.6px;
	padding-bottom: 5.6px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(255,255,255,.0);

	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	transition-property: background-color;

	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;	
	transition-duration: 500ms;

}

#nav ul li:hover{
	background-color: rgba(255,255,255,.3);
}

#nav a{
	display: block;
	text-decoration: none;
}

.avatar{
	margin-top: 36px;
	margin-bottom: 24px;
	width: 128px;
	height: 128px;
	border-radius: 100px;
	background-color: rgba(0,0,0,0.5);
}

.blogtitle{
	font-family: "Helvetica Neue", "Josefin Sans", Helvetica, Arial, sans-serif;
	font-size: 48px;
	font-weight: 100;
}

/* --- POSTS IN GENERAL --- */

img{
	max-width: 100%;
	height: auto;
}

#contenido{
	position: relative;
	left: 25%;
	min-height: 100%;
	width: 75%;
	line-height: 1.4;
}

.posts{
	position: relative;
	padding-top: 24px;
	margin-bottom: 48px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	max-width: 630px;

}
.post_answer, .post_audio, .post_video, .post_chat, .post_link, .post_quote, .post_photoset, .post_panorama, .post_photo, .post_text{
	width: 100%;
	margin-bottom: 24px;
	padding: 0 0 12px 0;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
}

a{
	text-decoration: none;
}

.posts h3 {
	font-family: "Avenir Next", Avenir, Helvetica, Arial, sans-serif;
	font-size: 32px;
	font-weight: 600;
	padding: 11.25px 22.5px 2px 22.5px;
}

.posts p{
	padding: 11.25px 22.5px 0 22.5px;
}

.posts ol, .posts ul{
	padding: 0 23px 0 63px;
}

blockquote, q{
	font-style: italic;
}

.posts blockquote{
	margin-left: 36px;
	border-left: 2px solid rgba(199,199,199,0.89);
}

.posts blockquote p{
	padding-left: 8px;
}

.posts .tags {
	list-style-type: none;
	padding: 12px 0 0 23px;
	margin-bottom: 0px;
}

.footer-post {
	width: 100%;
	margin-top: 6px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
}

.tags {
	display: inline-block;
}

.notes{
	width: 16%;
	display: inline-block;
}

.share-td{
	width: 94px;
	vertical-align: inherit;
}

.share-td ul{
	list-style-type: none;
	padding: 0;
	text-align: right;
}

.share-td ul li{
	display: inline-block;
	margin-right: 10px;
}

.tags li{
	display: inline;
	padding-right: 15px;
}

.tags li a:hover{
	font-weight: bold;
}

ul.tags-link{
	padding: 12px 0 0 23px;
}

.tags-link li{
	display: inline;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	padding-right: 5px;	
}

.tags-link li a{
	color: white;
}

.tags-link li a:hover{
	font-weight: bold;
}

ul.share{
	padding: 0;
	text-align: right;
}
.share{
	list-style-type: none;
}

.share li{
	display: inline-block;
	text-align: right;
	list-style-type: none;
	padding-right: 17px;
}

div#like_button_64500357852.like_button{
	display: inline-block !important;
}

a.reblog_button{
	display: inline-block !important;
}


/* --- REBLOG --- */

.reblog{
	height: 24px;
	width: 100%;
	}

.reblog-text{
	position: relative;
	text-align: center;
	text-align: -webkit-center;
	font-size: 12px;
	text-transform: lowercase;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: nowrap;
}

p.reblog-text{
	padding: 0;
	padding-top: 4px;
}

.reblog-text a{
	font-weight: bold;
}

.reblog-text a:hover{
	text-decoration: underline;	
}

.reblogshort{
	height: 27px; /* 22.5 x 1.2 */
	width: 40%;
	max-width: 230px;
	float: right;
	margin: 12px 0 12px 8px;
	display: block;
}

.reblogshort-text{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: white;
	
	text-align: center;
	text-align: -webkit-center;
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle;
	text-transform: lowercase;
	
	display: inline-block;	
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: nowrap;
	width: 92%;
	margin: 0 6px 6px 6px;
}

.reblogshort-text a{
	color: white;
	font-weight: bold;

}	
.reblogshort-text a:hover{
	text-decoration: underline;		
}

/* --- QUESTION POST --- */
.asker_question{
	padding: 11.25px 22.5px 6px 22.5px;
	background-color: #232323;
	color: #f2f2f2;
}

.asker{
	font-size: 12px;
	margin-bottom: 12px;
}

.asker a{
	color: white;
}

.asker img{
	display: inline;
	border-radius: 100px;
	vertical-align: middle;
	margin-right: 2px;
	}

.question{
	display: inline;
	font-size: 16px;
}

.answer{
	margin-top: 2px;
	font-size: 16px;
	padding-left: 23px;
}


/* --- VIDEO POST --- */
.videobox{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.caption{
	margin: 22.5px 22.5px 0 22.5px;
	}

/* --- AUDIO POST -- */
.audioinfo{
	padding: 11.25px 22.5px 0px 22.5px;
}

.post_audio h4{
	display: inline;
	font-style: normal;
	font-size: 16px;
}

.audio-embed{
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #232323;
}

.post_audio iframe{
	display: block;
	margin: auto;
}

.audio_player{
	padding: 0 22.5px 0 22.5px;
}

/* --- CHAT POST --- */

.post_chat{
	font-family: "Courier New", "Courier Prime", Courier, Menlo, sans-serif;
}

.chat{
	padding: 11.25px 22.5px 0 22.5px;
}

.label{
	font-weight: bold;
	display: inline-block;
}

/* --- LINK POST --- */

.footer-post-link{
	width: 100%;
	margin-top: 7px;		
}

.link{	
	display: block;
	padding: 12px 24px 0 24px;
	text-align: center;	
	
}

.link a{
	font-family: "Helvetica Neue", Helvetica, Arial;
	color: white;
	font-size: 2.75em;
	font-weight: 100;
	-webkit-font-smoothing: subpixel-antialiased;		
}

.link a:hover{
	color:white;
}

.description{
	font-size: 12px;
	padding: 0px 22.5px 0 22.5px;
	color: #f7f6f8;
	text-align: center;
	margin-top: 8px;
}

.description blockquote{
	font-style: normal;
	margin: 0;
	border-left: none;
}


/* --- QUOTE POST --- */

.quote{
	display: block;
	padding: 4px 12px;
	background-color: #232323;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	line-height: 1.2;
	letter-spacing: 2px;
	font-size: 30px;
	color: #f5f5f5;
	-webkit-font-smoothing: subpixel-antialiased;
}

.source{
	padding: 2px 12px 0 0;
	background-color: #232323;
	font-family: "Courier New", Courier, serif;
	font-size: 15px;
	text-align: right;
	color: #eaeaea;
	}

/* --- PHOTO POST --- */

.photo-container{
	background: #232323;
}

.photo{
	padding-top: 25px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;

}

/* --- PANORAMA POST --- */

.post_panorama{
	display: block;
}

.photo_panorama{
	max-width: 100%;
}

.caption p{
	padding: 0;
}
/* --- TEXT POST --- */

.post_text ul, .post_text ol{
	font-size: 0.95em;
	margin-bottom: 15px;
}

.post_text ul li{
	list-style-type: circle;
}

/* --- PHOTOSET POST --- */

.photo_set{
	max-width: 100%;
}
.photoset-grid{
	background: #232323;
}
.photo-photoset{
	padding-top: 12px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;	
}



/*-- END OF POSTS --*/

.footer_post{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ccc;
	font-size: 14px;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 7px;
	width: 100%;

}
.pages{
	display: block;
	text-align: center;
	margin-bottom: 48px;
	font-weight: bold;
	color: #464646;
}

.previouspage{
	margin-right: 48px;
}

.nextpage{
	margin-left: 48px;
}
.footer_title{
	color: #97d1cb;
	font-size: 10px;
	font-weight: 200;
}
.footer{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8px;
	position: relative;
	text-align: right;
	bottom: 12px;
	right: 16px;
}