/*  
Theme Name: fome
Theme URI: http://www.miriamtamayo.com
Author: Iván Tamayo
Author URI: http://www.ivantamayo.com/
Description: Personal portfolio theme by Miriam Tamayo
*/


/* =Let's clean the house...
------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
input, :focus {outline:0;}
ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
li { list-style-type:none; }

/* =Clearfix
------------------------------------------------------*/
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/* =Main
------------------------------------------------------*/
body { background:#F4F6EB; color:#666; font:12px/17px "Palatino Linotype", Palatino, "Book Antiqua", serif; margin:0; }

#wrap { clear:both; margin:0 auto; margin-bottom:10px; padding-top:60px; position:relative; width:950px; z-index:4; }
#wrap-home { clear:both; margin:0 auto; padding-top:60px; position:relative; width:950px; z-index:4; }

#sitetitle { float:left; margin:0; padding:0; width:480px; }
#sitetitle h1, #sitetitle .title { color:#000; font-size:30px; letter-spacing:-1px; line-height:1.2em; margin:30px 0 0; padding:0; text-align:left; }
#sitetitle .description { color:#fff; font-size:9pt; margin:0; padding:0; text-align:left; }

.logo { left:0; position:absolute; top:50px; width:310px; }
.logo h1 { border-bottom:1px solid #CCC; font-weight:normal; line-height:50px; margin-bottom:12px; margin-top:12px; }
.logo h1 a { color:#666; display:block; font-size:36px; font-weight:normal; letter-spacing:-0.5px; text-decoration:none; text-indent:10px; text-shadow:#FFF 0 1px; }
.logo h2 { color:#999; font-weight:normal; font-size:24px; letter-spacing:-0.5px; padding-right:15px; text-align:right; text-shadow:#FFF 0 1px; }

#page { clear:both; margin:0 auto; margin-bottom:7px; width:950px; }

.maincontent { float:right; width:630px; }

#contentright { float:left; margin:0; overflow:hidden; padding:0; width:320px; }
#sidebar { float:left; overflow:hidden; padding-top:159px; width:320px; }
#footer {  border-top:1px solid #CCC; clear:both; color:#666; font-size:13px; margin:0 auto; margin-bottom:20px; margin-top:40px; padding-top:15px; width:950px; }
	.author-info { float:left; width:auto; }
		.author-info li { background:url(images/separador-lista.png) no-repeat right 2px; float:left; margin-right:5px; padding-right:6px; width:auto; }
		.author-info li.penultimo { background:none; margin-right:0; padding-right:0; }
		.author-info li.last { background:url(images/sep-pages-list.png) no-repeat 3px 5px; margin-right:0; padding-right:0; padding-left:11px; }
	#footer .legal-info { float:right; width:auto; }
	#footer ul.menu-pages { float:right; margin-left:7px; }
	#footer ul.menu-pages li { background:url(images/sep-pages-list.png) 11px 6px no-repeat; float:left; padding-left:25px; }
	#footer ul.menu-pages li:first-child { background:none; }
#lang_sel_list { position:absolute; top:20px; right:0; }
#lang_sel_list li a { background:none; text-transform:lowercase; }
#lang_sel_list li a.lang_sel_sel { color:#999; text-decoration:none; }
	#lang_sel_list ul { margin-left:0; }


/* -------------------[ Headings ]------------------- */

h3 { font-size: 16pt; }
h4,h5,h6,h7 { font-size:14pt; letter-spacing:0px; }
.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 { margin-bottom:15px; }
h3#comments, #respond h3 { margin:0; }

h3.post-title { margin:0; margin-bottom:15px; padding:0; }
h3.post-title a:link, h3.post-title a:visited, h3.post-title a:active { color:#333; font-size:22px; font-weight:normal; letter-spacing:-1px; text-decoration:none; }
h3.post-title a:hover { color:#0CF; }

h3.single-title { color:#999; float:right; font-size:19px; font-weight:normal; margin-bottom:3px; width:auto; }
.etiquetas { float:right; padding-right:4px; padding-top:4px; width:auto; }

h3.page-title, h3.archive-title { color:#999; font-size:19px; font-weight:normal; margin-bottom:15px; padding-bottom:4px; }
.singlepost .post .entry h4 { color:#069; font-size:16px; }
.singlepost .post .entry h5 { color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:4px; text-indent:10px; text-transform:uppercase; }

.singlepost .post .entry h4 + p, .singlepost .post .entry h5 + p { padding-left:25px; }

.singlepost h2.post-title { background:url(http://itportafolder.appspot.com/portafolio/images/dot1.gif) bottom left repeat-x; margin-bottom:25px; }
.sitemap h2 { font-size: 14pt; margin-bottom:5px; padding:0; }
h3.widgettitle { font-size: 12pt; letter-spacing:0px; margin-bottom:5px; padding:0; }
#sidebar li h3.widgettitle { background-color:#DDD; border-bottom:1px solid #fff; border-top:1px solid #eee; margin-bottom:0; padding:10px; }
#slideshow .feature-entry h2 { margin-bottom:10px; padding-top:5px; }

/* -------------------[ Categoria ]------------------- */

.entry .photo-entry { float:left; width:150px; }
	.entry .photo-entry img { background:#FFF; padding:3px; }
.entry .content-entry { float:right; width:420px; }
.entry .content-entry-full { display:block; }

/* -------------------[ Links ]------------------- */

a, a:link, a:visited, a:active { color:#666; outline:none; text-decoration:underline; }
a:hover { color:#0CF; text-decoration:underline; }
a.more-link, a.more-link:link, a.more-link:visited { background:url(http://itportafolder.appspot.com/portafolio/images/arrow-off.gif) 100% 70% no-repeat; padding-right:12px; }
a.more-link:hover, a.more-link:active { background:url(http://itportafolder.appspot.com/portafolio/images/arrow-on.gif) 100% 70% no-repeat; padding-right:12px; }
.post-title a { color:#333; text-decoration:none; }

	
/* -------------------[ Misc Tags and Classes ]------------------- */

.clear {clear:both; font-size:1px; line-height:0; margin:0; padding:0; }
p { margin-bottom: 15px; margin-top: 0px; }
ol { margin-left: 40px; padding: 0; }

.post ul, .post ol { list-style-type: none; }
.post ul li { list-style-type:none; margin:0 0 2px; padding-left:16px; padding:0; }
	.post ul li li { background: transparent; padding-left: 0; }
.post ol li { list-style-type: decimal; margin-left: 0; padding-left: 0; }
.post ul ul { margin-left: 0; }
form, select { margin: 0; padding: 0; }
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px solid #999; }
* html acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { background: #eee; color: #666; margin: 0 20px 15px; padding: 15px 20px 1px; }
.center { text-align: center; }
a img, img a { border: none; }
.post { background: url(http://itportafolder.appspot.com/portafolio/images/dot2.gif) bottom left repeat-x; clear:both; }
.singlepost .post { background:transparent; border-bottom:1px solid #ddd; }
#page .singlepost .post { border-bottom:0; }
.singlepost .sitemap .post { background: url(http://itportafolder.appspot.com/portafolio/images/dot2.gif) bottom left repeat-x; border: 0; }


/* -------------------[ Single post ]------------------- */
.extratop { margin-top:25px; padding-left:110px; }
.entry { position:relative; }
.post-archive { margin-bottom:7px; padding-bottom:5px; }

.entry .contenidos { display:none; padding-top:12px; width:630px; }
.entry .contenidos-full { display:block; }
.postdate { font-size: 8pt; margin-bottom: 15px; }
.singlepost .postdate { background: url(http://itportafolder.appspot.com/portafolio/images/dot1.gif) bottom left repeat-x; margin-bottom: 15px; padding-bottom: 5px; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
hr { clear: both; display: block; }
.navigation { margin:0; padding-top:10px; }
.navigation .alignleft a:link, .navigation .alignleft a:active, .navigation .alignleft a:visited,
.navigation .alignright a:link, .navigation .alignright a:active, .navigation .alignright a:visited { color:#212C3E; display:block; height:20px; line-height:24px; overflow:hidden; text-decoration:none; text-transform:uppercase; }	
.navigation .alignleft a:link, .navigation .alignleft a:active, .navigation .alignleft a:visited { background:url(http://itportafolder.appspot.com/portafolio/images/btn-anterior.png) no-repeat top left; padding-left:26px; }
.navigation .alignright a:link, .navigation .alignright a:active, .navigation .alignright a:visited { background:url(http://itportafolder.appspot.com/portafolio/images/btn-siguiente.png) no-repeat top right; padding-right:26px; }
.navigation .alignright a:hover { color:#09F; background-position:bottom right; }
.navigation .alignleft a:hover { color:#09F; background-position:bottom left; }

.alignright { float:right; text-align:right; width:120px; }
.alignleft { float:left; width:120px; }
.aligncenter, div.aligncenter { clear:both; display:block; float:none; margin-left:auto; margin-right:auto; }

.tags { margin:0; padding:0; }
.cats { margin:0; padding:0; }
input:focus { outline:none; }
p#breadcrumbs { background:url(http://itportafolder.appspot.com/portafolio/images/dot1.gif) bottom left repeat-x; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:8pt; margin:0 0 5px 0; padding:0 0 5px 0; }
.archive-border { margin:0; padding:20px; }


/* -------------------[ Sidebar ]------------------- */

#sidebar #works { margin-bottom:10px; overflow:hidden; width:320px; }
#sidebar #works li { background:url(images/bg-thumbnav.png) no-repeat; float:left; height:117px; margin-bottom:10px; margin-right:10px; padding-top:9px; position:relative; width:150px; }
	/*#works li a:link, #sidebar #works ul li a:visited, #sidebar #works ul li a:active { display:block; margin-bottom:5px; width:140px; }*/
	#works li a.thumb-nav { height:88px; position:absolute; text-align:center; top:9px; width:150px; }

	
/* -------------------[ Top Navigation ]------------------- */

#topnav { z-index:9999; }
	#topnav ul { list-style:none; margin:0 auto; padding:0; width:350px; position:absolute; left:56px; top:90px; }
	#topnav li { float:left; margin:0; margin-right:10px; padding:0; }
		#topnav li a, #topnav li a:active, #topnav li a:link, #topnav li a:visited { color:#CCC; display:block; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; padding-bottom:2px; text-decoration:none; text-transform:uppercase; }
		#topnav li a:hover { border-bottom:1px solid #0CF; color:#EEE; }
		#topnav li.current_page_item a, #topnav li.current_page_item a:link, #topnav li.current_page_item a:visited
		{ color:#0CF; padding-right: 0; }
		#topnav li.current_page_item a:hover { border-bottom:0; }

/* ---------[ Slideshow ]--------- */

.js #home-top { overflow:hidden; width:950px; z-index:1; }
#slideshow { height:460px; overflow:hidden; width:950px; z-index:1; }
	
	
/* ---------[ Slideshow Slides ]--------- */

#slideshow .slides { color:#FFF; float:right; overflow:hidden; width:630px; }
		#slideshow .slides ul { float:left; height:460px; overflow:hidden; width:630px; }
		#slideshow .slides li { background:#000; display:block; display:none; height:460px; left:-99999em; overflow:hidden; position:relative; width:660px; z-index:1; }
.js #slideshow .slides li { background:#000; display:block; height:460px; list-style-type:none; margin:0; overflow:hidden; padding:0; position: relative; width:630px; z-index:1; }
	.js #slideshow .slides li .entry { bottom:0; clear:both; height:30px; right:0; overflow:hidden; position:absolute; width:630px; }
#slideshow .slides li .entry p { margin:0; }
#slideshow .slides li .entry h2 a, 
#slideshow .slides li .entry h2 a:link,
#slideshow .slides li .entry h2 a:visited,
#slideshow .slides li .entry h2 a:hover,
#slideshow .slides li .entry h2 a:active { color:#FFF !important; font-size:12px; letter-spacing:0; line-height:1.1em; margin:0; margin:0; }

#slideshow .tit-post-slider { color:#999; float:right; font-size:19px; font-weight:normal; padding-top:3px; width:auto; }
#slideshow .link-post-slider a { background:url(images/view-series.png) no-repeat 0 3px; display:block; line-height:24px; height:20px; margin-left:20px; padding-left:22px; }

/* ---------[ Slideshow Navigation ]--------- */

#slideshow  ul.slides-nav { bottom:132px;height:262px; overflow:hidden; position:absolute; width:320px; }
#slideshow .slides-nav li { background:url(images/bg-thumbnav.png) no-repeat; float:left; height:117px; list-style-type:none; margin:0; margin-bottom:10px; margin-right:10px; padding-top:9px; position:relative; width:150px; }
	#slideshow .slides-nav li a.thumb-nav { height:88px; position:absolute; text-align:center; top:9px; width:150px; }

.js #slideshow .slides-nav li a:hover,
.js #slideshow .slides-nav li a:active { color:#0CF; }
#slideshow .slides-nav li a img.post-thum, 
#slideshow .slides-nav li a img.thumbnail { background:#999; border:0; height:86px; padding:1px; }
.js #slideshow .slides-nav li.on a img.post-thum, 
.js #slideshow .slides-nav li.on a img.thumbnail { background:#0CF !important; }

a.nav-title:link, a.nav-title:visited, a.nav-title:active { bottom:5px; display:block; margin-bottom:0; position:absolute; text-align:center; width:150px; }
a.nav-title:hover { color:#0CF; }
#gallery { position:relative; }
#gallery h3 { color:#999; margin-top:13px; }