/*
Theme Name: Tema del Blog de Pau Iglesias
Theme URI: http://www.pauiglesias.com/
Description: Personal theme of Blog de Pau Iglesias
Version: 1.0
Author: Pau Iglesias
Author URI: http://www.pauiglesias.com/
*/



	/* html */

	body
	{
		margin: 0;
		padding: 0;
		background: #F5F6F8;
	}
	
	p
	{
		margin: 0px;
		padding: 5px 0px 5px 0px;
	}

	body, p, html
	{
		font-family: Arial, Verdana, Helvetica;
		font-size: 11px;
	}

	acronym
	{
		border-bottom: 1px dotted #333;
		cursor: help;
	}

	form
	{
		margin: 0;
		padding: 0;
	}
	
	object
	{
		background: #F5F6F8;
	}


	/* linking */

	a:link, a:visited, a:active
	{
		color: #7A86A4;
		font-weight: bold;
		text-decoration: none;
	}

	a:hover
	{
		color: #FFFFFF;
		background: #8396AB;
		text-decoration: none;
	}
	
	.linkNull
	{
		font-size: 0px;
	}



	/* layout */

	.container
	{
		text-align: center;
	}

	.main
	{
		width: 790px;
		text-align: left;
		margin: auto;
	}

	#content
	{
		padding: 15px 0px 0px 10px;
		margin-bottom: 15px;
	}
	
	#left
	{
		width: 505px;
		width: 570px;
		float: left;
	}
	
	#right
	{
		float: left;
		width: 180px;
		padding: 0px;		
		margin-left: 10px;
	}

	#bottom
	{
		border-top: 1px solid #FFFFFF;
		background: #FFFFFF url(_img/bg-bottom.gif) left top repeat-x;
	}

	#footer
	{
		clear: both;
		color: #3C424C;
		font-family: Tahoma, Arial, Helvetica;
		font-size: 11px;
		padding-top: 25px;
		padding-bottom: 15px;
		text-align: center;
		letter-spacing: 1px;
		line-height: 16px;
		width: 100%;
	}
	
	#footer p
	{
		padding: 0;
		margin: 0px 0px 10px 0px;
	}
	
	#footer a img
	{
		vertical-align: middle;
	}



	/* top */
	
	#top
	{
		background: url(_img/bg-top.jpg) left top repeat-x;
	}
	
	#header
	{
		margin-bottom: 1px;
	}

	#logo
	{
		margin: 0;
		padding: 0;
	}

	ul#menu
	{
		margin: 0px 0px 1px 10px;
		padding: 0;
	}

	ul#menu li
	{
		float: left;
		margin: 0; 
		padding: 0;
		display: inline;
		list-style-type: none;
		font-family: Trebuchet MS, Helvetica;
		font-size: 11px;
		letter-spacing: 1px;		
	}

	ul#menu li a:link, ul#menu li a:visited, ul#menu li a:active
	{
		display: block;
		color: #FFFFFF;
		text-decoration: none;
		text-transform: lowercase;
		padding: 5px 41px 5px 39px;
		margin: 0px 1px 0px 0px;
		font-weight: bold;
		background: #8396AB;
	}

	ul#menu li a:hover
	{
		color: #FFFFFF;
		background: #505766;
	}

	ul#menu li.current_page_item a:link, ul#menu li.current_page_item a:visited, ul#menu li.current_page_item a:active
	{
		color: #5E6D8E;
		background: #E3E6ED;
	}
	
	#motivo
	{
		margin-left: 10px;
		width: 762px;
		height: 90px;
		border-bottom: 2px solid #E8EDF3;		
	}
	
	#motivo h2
	{		
		color: #8C9DA8;
		color: #768094;
		font-family: Trebuchet MS, Arial, Verdana;
		font-size: 16px;
		margin: 0px;
		padding: 68px 0px 0px 10px;		
	}
	
	#motivo h2 span
	{
		color: #536477;
	}

	#topcite
	{
		margin: 5px 0px 10px 0px;
		padding: 0px 10px 5px 32px;
		font-family: Georgia, Helvetica;
		font-size: 11px;
		background: #F5F6F8 url(_img/bg-quotes-left.gif) left top no-repeat;
	}
	
	#topcite a
	{
		font-family: Arial, Verdana;
	}


	
	/* columns */

	#column_title
	{
		color: #ACBEE2;
		font-family: Tahoma, Helvetica;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 15px;
		border-left: 5px solid #C1D1E7;
		padding: 1px 0px 1px 5px;
		background-color: #EFF5FB;
	}



	/* posting */

	.post
	{
		background: url(_img/bg-post.gif) left top repeat-x;
		padding: 15px;
		margin: 0px 0px 20px 0px;
	}
	
	h1.post_title
	{
		font-family: Arial, Verdana, Helvetica;
		font-weight: normal;
		font-size: 19px;
		line-height: 24px;
		margin: 0px;
		padding: 0px 0px 7px 0px;
		border-bottom: 2px solid #D5DAE3;
	}

	h1.post_title a:link, h1.post_title a:visited, h1.post_title a:active
	{
		color: #6E849C;
		text-decoration: none;
		font-weight: normal;
	}

	h1.post_title a:hover
	{
		color: #FFFFFF;
		text-decoration: none;
		background: #8396AB;
	}
	
	.post_title /* titulo para anotaciones */
	{
		color: #5C6F84;
		font-family: Trebuchet MS, Tahoma, Arial;
		font-size: 16px;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	.post_title_dropdown /* para emergentes */
	{
		color: #656565;
		font-family: Arial, Trebuchet MS, Tahoma;
		font-size: 15px;
		padding: 3px 5px 2px 0px;
		margin: 0px 0px 1px 0px;
	}	

	.post_info
	{
		color: #788394;
		font-family: Verdana, Helvetica;
		font-size: 10px;
		padding: 10px 0px 0px 0px;
		margin: 0px 0px 20px 0px;
	}
	
	.post_info2 a
	{
		font-weight: normal;
	}

	.post_text, .post_text p
	{
		color: #000000;
		font-family: Verdana, Arial;
		font-size: 12px;
		line-height: 25px;
	}
	
	.post_text p
	{
		margin-bottom: 8px;
	}
	
	.post_text ul, .post_text ol
	{
		margin: 0 0 8px 20px;
		padding: 0;
	}

		.post_text ul li, .post_text ol li
		{
			margin: 0 0 10px 0;
			padding: 0;
		}

	.post pre code
	{
		display: block;
		font-size: 11px;
		padding: 10px;
		background: #F8FAFC;
		line-height: normal;
	}

	.post cite
	{
		font-style: italic;
		font-family: Georgia, Verdana, Arial;
		font-size: 11px;
	}
	
	.post blockquote
	{
		display: block;
		font-style: italic;
		font-family: Georgia, Verdana, Arial;
		font-size: 13px;
		margin: 10px 15px 15px 5px;
		padding: 15px 15px 0 45px;
		background: #F9FAFB url(_img/bg-quotes-post.gif) 10px 15px no-repeat;		
	}
	
	.post_description
	{
		color: #7E82A6;
		background-color: #EFF2F5;
		font-family: Tahoma, Arial, Helvetica;
		font-size: 11px;		
		line-height: 19px;
		padding: 5px;
		margin-bottom: 15px;
	}

	.post_text_subtitle
	{
		color: #404040;
		font-weight: bold;
	}
	
	.post_action
	{
		color: #6780A1;
		font-family: Arial, Helvetica;
		font-size: 11px;
		letter-spacing: 1px;
	}
	
	.post_search
	{
		background: #FFFFFF url(../_img/post_bg.jpg) left top repeat-x;
		padding: 10px 5px 5px 5px;
		margin-bottom: 15px;
	}
	
	.post_search_item
	{
		padding: 5px 5px 5px 10px;
		margin: 0px 0px 10px 5px;
		background: #F8FAFC;
		border-left: 2px solid #EDF0F5;
	}
	
	span.post_image
	{
		display: block;
		text-align: center;
		margin: 5px 5px 5px 5px;
		padding: 0;
		line-height: 35px;
		font-size: 12px;
	}
	
	p.post_video
	{
		display: block;
		text-align: center;
	}
	
	p.post_video object
	{
		margin: 0;
		padding: 0;
	}
	
	.post_image a:link img, .post_image a:active img, .post_image a:visited img
	{
		margin: 0px;
		padding: 5px;
		background: #F5F6F8;
	}
	
	.post_image a:hover img
	{
		background: #F5F6F8;
	}

	.post_image img, .post_image img, .post_image img
	{
		padding: 5px;
		margin: 0px 0px 10px 0px;
		border: 5px solid #ECEFF4;		
		background: #F5F6F8;
	}

	.post_image a:hover img
	{
		border: 5px solid #D2DAE6;
		background: #F5F6F8;
	}

	.more-link
	{
		margin-left: 200px;
	}
	
	.post_related h3
	{
		color: #70879A;
		font-size: 14px;
		margin: 0px 0px 15px 0px;
		padding: 0;
	}
	
	.post_related ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.post_related li
	{
		color: #788394;
		font-size: 11px;
		font-family: Verdana, Tahoma;
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 3px 0px;
		border-bottom: 1px solid #E1E5EB;
		line-height: 18px;
	}
	
	.post_related ul li a
	{
		padding: 1px;
	}
	
	#navigation_page
	{
		margin: 10px 10px 20px 10px;
		padding: 10px 10px 0px 10px;
		border-top: 1px solid #D5DAE3;
	}
	
	#navigation_post
	{
		color: #868686;		
		font-size: 12px;
		font-family: Arial, Tahoma;
		margin-bottom: 15px;
	}

	#navigation_post_left
	{
		float: left;
		width: 270px;
		background: url(_img/bg-post-arrow-left.gif) left 4px no-repeat;
		padding-left: 13px;
	}
	
	#navigation_post_right
	{
		float: right;
		width: 270px;
		text-align: right;
		background: url(_img/bg-post-arrow-right.gif) right 4px no-repeat;
		padding-right: 13px;
	}


	/* archives */
	
	ul.post_archive
	{
		margin: 20px 0px 15px 0px;
		padding: 0;
		list-style: none;
	}
	
	ul.post_archive li
	{
		color: #788394;
		font-size: 11px;
		font-family: Verdana, Tahoma;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 5px 0px;
		border-bottom: 1px solid #E1E5EB;
		line-height: 21px;
	}
	
	ul.post_archive li a
	{
		font-size: 12px;
		padding: 1px;
	}
	


	/* comments */

	.post_comment_title
	{
		color: #4F6175;
		font-family: Arial, Verdana, Helvetica;
		font-weight: normal;
		font-size: 14px;
		padding: 3px 0px 5px 0px;
		margin: 0px 0px 30px 0px;
		border-bottom: 1px solid #D5DAE3;
	}

	.post_comment
	{
		background: #F9FAFB;
		margin: 0px 5px 30px 5px;
	}

	.post_comment_info
	{
		color: #5C6674;
		font-family: Verdana, Tahoma, Helvetica;
		font-size: 11px;
		background: #FFFFFF;
		border-bottom: 2px solid #F0F3F8;
		padding: 8px 5px 8px 10px;
		line-height: normal;
	}
	
	.post_comment_info_left
	{
		float: left;
	}

	.post_comment_info_right
	{
		float: right;
	}
	
	.post_comment_info ul
	{
		padding: 5px;
		margin: 0px 0px 0px 10px;
	}

	a.post_comment_permalink:link, a.post_comment_permalink:active, a.post_comment_permalink:visited
	{
		font-weight: normal;
		text-decoration: none;
		border-bottom: 1px dotted #9EA7BE; 
	}

	.post_comment_text
	{
		padding: 10px 10px 5px 10px;
		border-bottom: 1px solid #F0F3F8;
	}

	.post_comment_text, .post_comment_text p
	{
		color: #3C4252;		
		font-family: Arial, Tahoma, Arial;
		font-size: 13px;
		line-height: 26px;		
	}
	
	.post_comment_form_field
	{
		margin-bottom: 10px;
	}
	
	.post_comment_form_field label
	{
		float: left;
		width: 70px;
	}
	
	.post_comment_form_field input
	{
		float: left;
		margin-left: 10px;
	}
	
	.post_comment_form_field span
	{
		font-size: 11px;
		letter-spacing: 1px;
	}
	
	#post_comment_form_button
	{
		text-align: center;
	}
	
	i.post_comment_pending
	{
		font-size: 11px;
	}
	
	.post_comment_form
	{
		line-height: normal;
		padding: 0px;
		margin: 0px 0px 25px 10px;
	}
	
	.post_comment_form_text
	{
		width: 180px;
	}
	
	.post_comment_form_textarea
	{
		width: 505px;		
		height: 120px;		
		padding: 5px;
		line-height: 18px;
	}



	/* contact form */
	
	.contactform
	{
		position: static;
		overflow: hidden;
	}
	
	.contactleft
	{
		width: 70px;
		text-align: left;
		clear: both;
		float: left;
		display: inline;
		padding: 1px;
		margin: 5px 0 0 25px;
	}
	
	.contactright
	{
		width: 430px;
		text-align: left;
		float: right;
		display: inline;
		padding: 1px;
		margin: 5px 0;
	}
	
	.contacterror
	{
		border-color: #C1704D;
	}
	
	#contactsubmit
	{
		margin-left: 100px;
	}
	


	/* lista de anotaciones */
	
	.anotaciones
	{
	}
	
	h3.anotacionesTitulo
	{
		color: #404040;
		font-family: Trebuchet MS, Tahoma, Arial;
		font-size: 16px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	.anotacion
	{
		padding: 10px;
		border-bottom: 1px solid #FFFFFF;
	}
	
	.anotacionImpar
	{
		background: #EDF0F5;
	}
	
	.anotacionPar
	{
		/* background: #E7EAEF; */
		
	}
	
	h4.anotacionTitulo
	{
		font-family: Arial, Verdana, Helvetica;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 1px;
		word-spacing: 1px;
		margin: 0px;
		padding: 0px 0px 3px 0px;
	}

	h4.anotacionTitulo a:link, h4.anotacionTitulo a:visited, h4.anotacionTitulo a:active
	{
		color: #6E849C;
		text-decoration: none;
		font-weight: bold;
		background: transparent;
	}

	h4.anotacionTitulo a:hover
	{
		color: #FFFFFF;
		text-decoration: none;
		background: #8396AB;
	}
	.anotacionInfo
	{
		color: #788394;
		font-family: Verdana, Helvetica;
		font-size: 10px;
		padding: 5px 0px 0px 0px;
	}



	/* fotos de flickr en la home */

	.flickrPhoto
	{
		float: left;
		margin: 0px 6px 6px 0px;		
	}
	
	.flickrPhoto a
	{
		display: block;
		padding: 1px;
		margin: 0px;		
	}
	
	.flickrPhoto a:hover
	{
		background: #F5F6F8;
	}
	
	.flickrPhoto a img
	{
		margin: 0px;
		padding: 0px;
		border: 3px solid #DEE4EE;
	}
	
	.flickrPhoto a:hover img
	{
		margin: 0px;
		padding: 0px;
		border: 3px solid #9DB7CB;
	}



	/* items laterales */

	.item
	{
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}
	
	.item_title
	{
		color: #8C9DA8;
		font-weight: bold;
		font-family: Arial, Trebuchet MS, Arial, Helvetica;
		font-size: 12px;
		letter-spacing: 2px;
		margin-bottom: 8px;
		background: #EDF0F5;
		padding: 2px 0px 1px 5px;
		border-bottom: 2px solid #E4EBF2;
	}

	.item_text
	{
		color: #5E6368;
		font-family: Tahoma, Arial, Helvetica;		
		font-size: 11px;
		line-height: 19px;
		font-weight: normal;
	}
	
	.item_subtitle
	{
		color: #6D84B3;
		font-family: Verdana, Helvetica;
		font-size: 11px;
		font-weight: bold;
	}
	
	ul#categories_list
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul#categories_list li
	{
		float: left;
		width: 76px;
		margin-right: 10px;
	}
	
	.weblink
	{
		margin: 5px;
		padding: 0px;
		color: #B3D5F5;
		list-style-type: none;
		line-height: normal;
	}
	
	.weblink li
	{
		margin: 0px;
		padding: 0px;
	}

	.weblink li a:link, .weblink li a:active, .weblink li a:visited
	{
		display: block;
		padding: 1px 0px 1px 5px;
	}

	.webbutton
	{
		margin: 0px;
		padding: 0px;
		color: #B3D5F5;
		list-style-type: none;
		line-height: normal;
	}

	.webbutton li
	{
		margin: 0px 0px 7px 0px;
		padding: 1px 0px 1px 0px;
	}

	.webbutton li a:link, .webbutton li a:active, .webbutton li a:visited
	{
		display: block;
		font-weight: normal;
		width: 98%;
		padding: 3px 2px 3px 3px;
		border-top: 1px solid #F5F6F8;
		border-bottom: 1px solid #C7D3DD;
		background-color: #F5F6F8;
	}
	
	.webbutton li a:hover
	{
		color: #154485;
		background-color: #E4EBF2;
		border-top: 1px solid #F4F7FA;
		border-bottom: 1px solid #8396AB;
	}
	
	.iconbutton a:link, .iconbutton a:active, .iconbutton a:visited
	{
		border: 1px solid #FFFFFF;
	}
	
	.iconbutton a:hover
	{
		background-color: #D3E7F9;		
		border: 1px solid #B3D5F5;
	}

	.iconlink
	{
		vertical-align: middle;
		margin-right: 5px;
	}

	.box
	{
		font-family: Arial, Helvetica;
		font-size: 12px;
		padding: 3px 3px 2px 3px;
		border: 1px solid #7A86A4;
	}
	
	.boxSearch
	{
		width: 95px;
		padding: 2px;
	}

	.boxbutton
	{
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica;
		font-size: 11px;
		font-weight: bold;
		padding: 5px;
		border: 1px solid #FFFFFF;
		background-color: #8396AB;
	}
	
	.boxbuttonSearch
	{
		padding: 3px;
		margin: 0;
	}

	.photolink
	{
		margin: 0px;
		padding: 0px;
		border: 0px;
	}



	/* Clear Both fixed */



	.clearfix:after
	{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix
	{
		display: inline-block;
	}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */