/*
Theme Name: TRI_Portfolio
Theme URI: http://www.tri.cl
Description: Theme for Estefanía Trisotti's portfolio and journal
Version: 0.9
Author: Estefanía Trisotti (design), Felipe Lavín (front-end and programming)
Author URI: http://www.tri.cl/
Tags: minimalist, portfolio, journal
*/
@charset 'utf-8';

body{
	margin: 0;
	color: #000;
	background: #D6DBDD url(img/back/back.png);
}

/* STRUCTURE ******************************/
#doc4{
	background: #fff;
}
.yui-t4 .yui-b{
	width: 16.2556em;
}
.yui-t4 #yui-main .yui-b{
	margin-right: 16.2456em;
	padding-right: 1.923em;
}
#hd{
	height: 80px;
	border-top: 4px solid #000;
	border-bottom: 4px solid #D6DBDD;
	position: relative;
}
#bd{
	padding: 2.3em 2.3em 0;
}
.home #bd{
	padding: 0;
}
.yui-t4 #yui-main{
	margin-right: -16.3em;
}
#yui-main .yui-b{
	padding-bottom: 2.3em;
}
#sidebar{
	float: left;
}
#about-sidebar{
	padding: 1.923em 0;
}
#ft{
	background: #A7ACAD;
}
#ft, #ft a{
	color: #fff;
}

/* HELPERS *****************************/
.img-replace{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999em;
	text-decoration: none;
	outline: 0 none;
}
a:hover, .subp-thn h3 a:hover, .subp-thn a:hover + h3 a, #sidebar a:hover, #list-section-pages .active a{
	color: #0082C2;
}
img{
	color: #000 !important;
	font-size: 85%;
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
}
/* HEADER *****************************/
#hd{}
#hd #logo{
	position: absolute;
	top: 1em;
	left: 3em;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
#hd #logo a{
	width: 221px;
	height: 58px;
	background-image: url(img/title/tri-logo.png);
	background-position: top;
}
#hd #logo a:hover{
	background-position: bottom;
}
#site-nav{
	position: absolute;
	bottom: 0;
	right: 36px;
}
#site-nav li{
	display: inline-block;
	padding: 0 0.5em 1em;
}
#site-nav li.active{
	background: url(img/icon/menu-active.gif) bottom center no-repeat;
}
#site-nav li a{
	display: inline-block;
	font-family: Futura, 'Century Gothic', 'URW Gothic L', 'Trebuchet MS', sans-serif;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
}
#site-nav li.active a, #site-nav li a:hover{
	color: #000;
}
#lang-and-search{
	position: absolute;
	top: 0.8em;
	right: 3em;
}
#alternate-lang{
	margin-right: 1.5em;
	line-height: 2;
	font-size: 85%;
	color: #999;
	text-decoration: none;
	text-transform: lowercase;
}
#alternate-lang:hover{
	text-decoration: underline;
}
#search{
	float: right;
}
/* BODY *****************************/
/* Home -------------------------------*/
#home{
	position: relative;
}
#home a{
	text-decoration: none;
	color: #0082C2;
}
#site-description a, #author-description a{
	color: #000;
}
#home-text{
	position: absolute;
	top: 110px;
	right: 25px;
	width: 320px;
	padding: 15px;
	font-family: Futura, 'Century Gothic', 'URW Gothic L', 'Trebuchet MS', sans-serif;
	background: #fff;
}
#site-description{
	font-size: 207.6%;
	text-transform: uppercase;
	line-height: 1.2;
	color: #999;
	margin-bottom: 10px;
}
#author-description{
	color: #000;
	text-transform: uppercase;
	font-size: 93%;
}
#home-spanish-link{
	margin: 20px 0 -3px;
	padding: 7px 0;
	border: 1px solid #ccc;
	border-width: 1px 0;
	font-size: 15px;
	font-family: Garamond, Palatino, Georgia, FreeSerif, 'URW Palladio L', serif;
	font-style: italic;
	text-align: center;	
}
/* Section Header ---------------------*/
.sect-header{
	overflow: hidden;
	padding: 0 5em 2.307em 2.46em;
	padding-bottom: 30px;
	border-bottom: 1px solid #D6DBDD;
}
.sect-header h1{
	float: left;
}
.sect-header .section-description{
	width: 100%;
	padding-top: 0.5em;
	float: right;
	font-family: Garamond, Palatino, Georgia, FreeSerif, 'URW Palladio L', serif;
	font-style: italic;
	font-size: 146.5%;
	color: #666;
}
.sect-header h1 a{
	margin: -0.5em 1em 0 0;
}
#work-header h1 a{
	width: 217px;
	height: 60px;
	background-image: url(img/title/work.gif);
}
#crafts-header h1 a{
	width: 244px;
	height: 60px;
	background-image: url(img/title/crafts.gif);
	background-position: center center;
}
#publications-header h1 a{
	width: 474px;
	height: 58px;
	background-image: url(img/title/publications.gif);
}
#journal-header h1 a{
	width: 319px;
	height: 58px;
	background-image: url(img/title/journal.gif);
}
#about-header h1 a{
	width: 234px;
	height: 56px;
	background-image: url(img/title/about.gif);
}
#contact-header h1 a{
	width: 321px;
	height: 60px;
	background-image: url(img/title/contact.gif);
}
/* Sub-Page listing with Thumbnails ---------------------*/
.subp-thn{}
.subp-thn .sub-page{
	width: 30%;
	margin-top: 1em;
	margin-bottom: 2em;
	float: left;
}
.work-sub-pages{
	height: 16em;
}
.subp-thn .middle{
	margin-left: 2.8%;
	margin-right: 2.8%;
}
.subp-thn h3 a{
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Futura, 'Century Gothic', 'URW Gothic L', 'Trebuchet MS', sans-serif;
}
.entry-thn-link{
	display: block;
	width: 210px;
	height: 140px;
	margin-bottom: 0.615em;
	position: relative;
	text-decoration: none;
}
.entry-thn-link .entry-thn-mask, .publication-thn .entry-thn-mask{
	display: inline-block;
	width: 210px;
	height: 140px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(img/auxi/crafts-overlay.png) top left no-repeat;
	text-indent: -9999em;
}
.subp-thn .entry-summary{
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 85%;
	color: #333;
}
/* Attachment thumbnails listing -------------------------*/
.attachments-thns{}
.attachments-thns .attachment-thn{
	width: 150px;
	margin-right: 25px;
	margin-bottom: 25px;
	float: left;
	text-align: left;
	line-height: 1;
}
.attachments-thns li.last{
	margin-right: 0;
}
/* Content ---------------------*/
#content{
	padding-top: 1.923em;
	border-right: 1px solid #D6DBDD;
}
#content.about-content, #content.contact-content{
	border-right: 0;
}
#content.contact-content{
	margin-left: 0 !important;
}
.post-title{
	background: #000;
	padding: 0.5em;
	margin-bottom: 25px;
}

h2.post-title a, h2.post-title span, h2.archive-title{
	display: inline-block;
	font-family: Futura, 'Century Gothic', 'URW Gothic L', 'Trebuchet MS', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}
h2.archive-title{
	display: block;
	margin: 1em 0;
	font-size: 167%;
	font-weight: bold;
	color: #000;
}
.attachment-title h2{
	float: left;
}
.attachment-title .parent-title{
	display: inline-block;
	padding-right: 1em;
	float: left;
	font-family: Futura, 'Century Gothic', 'URW Gothic L', 'Trebuchet MS', sans-serif;
	text-transform: uppercase;
	background: url(img/icon/title-breadcrumb.gif) right no-repeat;
}
.parent-title a{
	color: #666;
	text-decoration: none;
}
.work-title .parent-title{
	color: #999;
}
.parent-title a:hover{
	color: #fff;
}
.attachment-title .entry-title{
	display: inline-block;
	margin-left: 0.5em;
	float: left;
	line-height: 1.1;
	color: #fff;
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
}
.title-prev-next-nav{
	width: 9em;
	margin: 0.1em 0 -0.1em;
	color: #666;
	float: right;
	text-align: center;
	font-family: 'Garamond', Constantia, Georgia, 'Century Schoolbook L', serif;
	font-style: italic;
}
.title-prev-next-nav a{
	color: #999;
	text-decoration: none;
}
.title-prev-next-nav .sep{
	padding: 0 0.5em;
}
.title-prev-next-nav a:hover{
	color: #fff;
}
.work-content, .crafts-content, .attachment-content{
	margin: 2em 0;
	padding: 0 0 0 1em;
	background: url(img/icon/black-bullet.gif) 0 0.45em no-repeat;
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 85%;
}
.about-content .content{
	margin-left: 1.5em;
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 93%;
	color: #555;
	-moz-column-count: 2;
	-moz-column-gap: 2.5em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2.5em;
}
.portrait .attachment-content{
	overflow: hidden;
	padding-left: 2em;
	background-position: 1em 0.45em;
}
#site_url{
	margin-top: -1.5em;
	padding-bottom: 1.5em;
	float: right;
	text-align: right;
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 69.23%;
	font-weight: bold;
	text-transform: uppercase;
}
/* PUBLICATIONS */
.publication-meta{
	padding: 0;
	font-size: 85%;
	background: none;
}
.publication-thn{
	position: relative;
	display: block;
	width: 210px;
	height: 140px;
	margin: -1em 1em 2em 0;
	float: left;
	overflow: hidden;
}
.publication-summary{
	margin-top: 1.5em;
}
.paper-attachments{
	overflow: hidden;
}
.content .paper-attachments li{
	margin-bottom: 1em;
	list-style: none;
	padding-left: 27px;
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 1;
}
.content .paper-attachments li.pdf{
	background-image: url(img/icon/pdf.png);
}
.paper-attachments li a{
	color: #000;	
}
.paper-attachments li a span{
	color: #666;
}
.publication-tags{
	font-size: 109.09%;
}
.publication-tags h3{
	text-transform: uppercase;
	font-size: 107.692%;
}
.content .publication-tags a{
	color: #666;
}
.publication-tags a:hover{
	text-decoration: underline;
}
.publications-content{
	margin-bottom: 3em;
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 85%;
	color: #333;
	-moz-column-count: 2;
	-moz-column-gap: 2.5em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2.5em;
}
/* Journal ---------------------------------*/
.journal #content .hentry{
	position: relative;
	margin-bottom: 3em;
	padding-left: 120px;
}
.journal #content .hentry .entry-published{
	width: 7.692em;
	padding: 0.5em 0;
	border: 1px solid #000;
	border-width: 1px 0;
	position: absolute;
	top: 0;
	left: 0;
	font-family: Futura, 'Century Gothic', 'URW Gothic L', 'Trebuchet MS', sans-serif;
	text-align: right;
	text-transform: uppercase;
}
.journal #content .hentry .entry-published em{
	display: block;
	font-size: 116%;
	font-weight: bold;
	text-align: right;
}
.journal #content .content{
	font-size: 85%;
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	color: #444;
}
.journal #content .content object, .journal #content .content embed{
	width: 540px !important;
	height: 300px !important;
	display: block;
	margin: 0 auto 1em;
}
.journal #content .content ol, .journal #content .content ul{
	margin: 2em 0 2em 2em;
}
.journal #content .content li{
	margin: 0.5em 0;
}
.journal #content .entry-tags{
	display: inline-block;
	_display: block;
	padding: 3px 7px;
	font-size: 77%;
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	color: #666;
	background: #F1F7FA;
}
.journal #content .entry-tags strong{
	font-weight: bold;
	text-transform: uppercase;
}
.journal #content .entry-tags a{
	color: #0082C2;
	text-decoration: none;
}
.journal #content .entry-tags a:hover{
	text-decoration: underline;
}
/* Archives */
.archive-links{
	margin-bottom: 3em;
}
.archive-links li{
	width: 24.9%;
	margin-bottom: 1.2em;
	float: left;
}
.archive-links li a{
	display: inline-block;
	padding-left: 12px;
	font-family: Futura, 'Century Gothic', 'URW Gothic L', 'Trebuchet MS', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #0082C2;
	background: url(img/icon/link-bullet.gif) left no-repeat;
}
.archive-links li a span{
	color: #ccc;
}
.archive-links li.active a{
	color: #000;
	background-image: url(img/icon/link-bullet-active.gif);
}
.archive-links li a:hover{
	color: #333;
}
.navigation{
	border-top: 1px solid #D6DBDD;
	margin-left: 120px;
	padding-top: 2em;
	margin-bottom: -2em;
	font-size: 69.23%;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
}
.navigation a:hover{
	color: #000;
}
/* CONTACT */
div.wpcf7{
	width: 100%;
}
form.wpcf7-form{
	width: 25em;
	margin: 1em auto 2em ;
	padding: 2.5em 3.5em 1.5em;
	overflow: hidden;
	background: #FAFBFB;
	border: 1px solid #D6DBDD;
	font-family: Futura, 'Century Gothic', 'URW Gothic L', 'Trebuchet MS', sans-serif;
}
.wpcf7-form .ctrl-holder{
	clear: both;
	margin-bottom: 1.5em;
	overflow: hidden;
}
.wpcf7-form label{
	display: block;
	clear: both;
	text-transform: uppercase;
	color: #666;
}
.wpcf7-form input.text, .wpcf7-form textarea{
	padding: 0.5em;
	border: 1px solid #d6dbdd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.wpcf7-form input.text{
	width: 15em;
}
.wpcf7-form textarea{
	width: 24em;
}
.wpcf7-form #send-button{
	display: block;
	width: 91px;
	height: 40px;
	border: 0;
	float: right;
	background: url(img/button/send-contact.gif) top no-repeat;
	text-indent: -9999em;
	cursor: pointer;
}
.wpcf7-form #send-button:hover{
	background-position: bottom;
}
/* Common content styles */
.content{
	line-height: 1.48;
}
.content a, .navigation a{
	color: #0082C2;
	text-decoration: none;
}
.content a:hover{ text-decoration: underline; }
.content strong{ font-weight: bold; }
.content em{ font-style: italic; }
.content del{ text-decoration: line-through; }
.content blockquote, .content ul, .content ol, .content dl{ margin: 1em; }
.content ul, .content ol, .content dl{ margin-left: 2em; }
.content ol li{ list-style: decimal outside; }
.content ul li{ list-style: square outside; }
.content dl dd{	margin-left: 1em; }
.content p, .content table, .content pre, .content div{ margin-bottom: 1em; }
/* SIDEBAR *****************************/
#sidebar li.widget .widget_inner{
	padding-left: 2em;
}
/* Navegacion ---------------------*/
.sidebar-nav{
	padding: 2em 0;
	border-bottom: 1px solid #d6dbdd;
}
.sidebar-nav li{
	margin: 0.5em 0 0.93em;
	padding-left: 10px;
	line-height: 1;
	background: url(img/icon/link-bullet.gif) 0 2px no-repeat;
}
.sidebar-nav li a{
	font-size: 93%;
	font-family: Futura, 'Century Gothic', 'URW Gothic L', 'Trebuchet MS', sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}
.sidebar-nav .expand{
	margin-top: 0.7em;
}
.sidebar-nav .expand li{	
	font-family: Futura, 'Century Gothic', 'URW Gothic L', 'Trebuchet MS', sans-serif;
	color: #999;
}
/* Banners */
#sidebar li.widget_banners .widget_inner{
	margin: 2em 0 2em 2em;
	padding: 0;
	overflow: hidden;
	border: 1px solid #ccc;
}
.widget_banners a{
	display: block;
	padding: 10px;
	background: #F3F3F3;
}
.widget_banners img{
	border: 1px solid #ccc;
}
/* FOOTER *****************************/
#ft{
	padding: 1.5em 2.2em;
}
#ft h2{
	margin: 0 0 0.5em;
	font-family: Futura, 'Century Gothic', 'URW Gothic L', 'Trebuchet MS', sans-serif;
	color: #fff;
	text-transform: uppercase;
}
#ft-about{
	float: left;
	width: 18em;
}
#ft-about-txt{
	padding-right: 2em;
	font-size: 123.1%;
	font-family: Garamond, Palatino, Georgia, FreeSerif, 'URW Palladio L', serif;
	font-style: italic;
	color: #fff;
}
#ft-latest-entries{
	float: left;
	margin-left: 1em;
	width: 36em;
}
#ft-journal-latest{
	font-size: 85%;
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
}
#ft-journal-latest dt{
	font-size: 81.81%;
}
#ft-journal-latest a{
	text-decoration: none;
}
#ft-journal-latest dd{
	margin-bottom: 1em;
}
#ft-journal-latest dd a{
	font-weight: bold;
}
#ft-journal-latest dd a:hover{
	text-decoration: underline;
}
#ft-elsewhere{
	width: 14em;
	float: right;
}
#ft-social li{
	width: 50%;
	margin-bottom: 5px;
	float: left;
}
#ft-social li a{
	display: inline-block;
	padding-left: 24px;
	min-height: 20px;
	_height: 20px;
	font-size: 85%;
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	text-decoration: none;
	background-image: url(img/icon/social.gif);
	background-repeat: no-repeat;
}
#ft-social .flickr a{background-position: -4px -441px;}
#ft-social .facebook a{background-position: -54px -377px;}
#ft-social .lastfm a{background-position: -104px -316px;}
#ft-social .twitter a{background-position: -154px -253px;}
#ft-social .linkedin a{background-position: -204px -191px;}
#ft-social .youtube a{background-position: -254px -127px;}
#ft-social .vimeo a{background-position: -304px -66px;}
#ft-social .delicious a{background-position: -354px -3px;}
#ft-social li a:hover{
	text-decoration: underline;
}
/* MORE HELPERS *************************************/

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
 }

.clearfix {
    display: inline-block;
 }

/* start commented backslash hack \*/

* html .clearfix {
	height: 1%;
 }

.clearfix {
	display: block;
}
/* close commented backslash hack */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}
hr {
	display: none;
}
a img {
	border: none;
}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin: 1.5em auto;
}
.alignright, div.alignright{
	float: right;
	margin: 0.5em 0 0.5em 0.5em;
}
.alignleft, div.alignleft{
	float: left;
	margin: 0.5em 0.5em 0.5em 0;
}
.portrait .alignleft{
	margin: 0 1em 1em 0;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */