/*Creado por Iván Bustos para IvanBustos.com*/
/*Cualquier copia parcial ó total de este documento está estrictamente prohibida.*/
/*Todos los derechos reservados©*/
/*Created by Iván Bustos for IvanBustos.com*/
/*Any whole or partial copy of the contents herein is strictly prohibited*/
/*All rights reserved©*/

/*IMPORTS*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@import url('reset.css');

/*BASICS*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

html
{
	background-color:						#F1F1F1;
}
body
{
	font-family:							Arial, 'Trebuchet MS', Verdana, sans-serif;
	font-size:								14px;
	color:									#333333;
}
em
{
	background-color:						#FFFF00;
	padding:								0.214em;
	font-style:								inherit;
}
abbr
{
	border-bottom-style:					dotted;
	border-bottom-width:					0.071em;
	border-bottom-color:					#000000;
}
/*#brandInformation*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

#brandInformation
{
	border-color:							#000000;
	border-top-style:						solid;
	border-top-width:						0.357em;	
	border-bottom-style:					solid;
	border-bottom-width:					0.071em;
	padding:								0.714em;
	overflow:								auto;
	margin-bottom:							1.429em;
}
* html #brandInformation
{
	height:									5.357em;
}
#brandInformation h1
{
	float:									left;
}
#brandInformation h1 span
{
	display:								none;
}
#brandInformation p.slogan
{
	display:								none;
}

/*#navigationMenu*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

#navigationMenu
{
	display:								none;
}

/*#legalInformation*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

#legalInformation
{
	clear:									both;
	margin-top:								1.429em;
	border-top-color:						#000000;
	border-top-width:						0.071em;
	border-top-style:						solid;
	padding-top:							0.357em;
}
#legalInformation p
{
	font-size:								0.786em;
	line-height:							1.455em;
	text-align:								center;
	color:									#000000;
}
#legalInformation p a
{
	color:									#333333;
}

/*#blog*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

#blog div.blogPost 
{
	margin-bottom:							40px;
}
h2
{
	color:									#000000;
	font-size:								1.5em;
	font-weight:							bold;
}
#blog div.blogPost p.blogPostInformation
{
	color:									#000000;
	font-size:								0.857em; /*12px*/
	margin-top:								0.25em;
}
#blog div.blogPost p.blogPostInformation span.blogPostCategory a
{
	color:									#000000;
	font-weight:							bold;
}

#blog div.blogPost p.blogPostInformation span.blogPostComments
{
	display:								none;
}

#blog div.blogPost div.blogPostContent
{
	margin-top:								1.071em;
}
#blog div.blogPost div.blogPostContent p
{
	line-height:							1.571em;
	margin-bottom:							0.714em;
}
#blog div.blogPost div.blogPostContent p a
{
	color:									#000000;
}
p.blogPostMoreButton
{
	display:								none;
}
#blog div.blogPost div.blogPostComments
{
	margin-top:								1.429em;
	padding:								1.429em;
}
form
{
	display:								none;
}
#blog div.blogPost div.blogPostComments div.blogPostComment
{
	margin-top:								1.429em;
}
#blog div.blogPost div.blogPostComments div.blogPostComment p.blogPostCommentInformation
{
	line-height:							1.429em;
}
#blog div.blogPost div.blogPostComments div.blogPostComment p.blogPostCommentInformation span.email
{
	display:								none;
}
#blog div.blogPost div.blogPostComments div.blogPostComment p.blogPostCommentInformation span a
{
	color:									#000000;
	font-weight:							bold;
}
#blog div.blogPost div.blogPostComments div.blogPostComment p.blogPostCommentContent
{
	background-color:						#e2e2e2;
	line-height:							1.429em;
	padding:								1.071em;
}

/*#blog*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

#resume
{
	line-height:							1.571em;
	margin-bottom:							0.714em;
}
#resume abbr
{
	border-bottom-style:					dotted;
	border-bottom-width:					0.071em;
}
#resume a
{
	color:									#000000;
}
#resume div.contact h2
{
	color:									#ff0080;
	font-weight:							bold;
	margin-bottom:							1.071em;
}
#resume div.contact h2 a.resumeOption
{
	display:								none;
}

#resume p.summary
{
	font-style:								italic;
	margin-bottom:							0.357em;
}
#resume p.summary
{
	font-style:								italic;
	margin-bottom:							0.357em;
}
#resume div.resumeSection h2
{
	border-top-color:						#000000;
	border-top-width:						0.071em;
	border-bottom-width:					0.071em;
	border-top-style:						solid;
	border-bottom-style:					solid;
	margin-top:								1.429em;
	margin-bottom:							1.429em;
	font-weight:							bold;
	padding-top:							0.357em;
	padding-bottom:							0.357em;
}
#resume div.resumeSection h2 strong
{
	font-weight:							bold;
}
#resume div.resumeSection ul
{
	list-style-type:						circle;
	list-style-position:					inside;
}
#resume div.resumeSection ul li
{
	margin-bottom:							0.357em;
}

#resume div.resumeSection ul.softwareSkills, #resume div.resumeSection ul.history
{
	list-style-type:						none;
}
#resume div.resumeSection ul.softwareSkills li
{
	color:									#000000;
}
#resume div.resumeSection ul.history
{
	position:								relative;
}
#resume div.resumeSection ul.history li a
{
	color:									#000000;
}
#resume div.resumeSection ul.history li  h3
{
	margin-top:								0.667em;
	font-size:								1.071em; /*15px*/
}
#resume div.resumeSection ul.history li  h3 a
{
	color:									#000000;
	font-weight:							bold;
}
#resume div.resumeSection ul.history li  span.adr
{
	display:								none;
}
#resume div.resumeSection ul.history li.education  span.adr
{
	display:								block;
}
#resume div.resumeSection ul.history li.education  span.description
{
	display:								block;
	font-weight:							bold;
	margin-bottom:							0.714em;
}
#resume div.resumeSection ul.history li  span.title
{
	display:								block;
	font-weight:							bold;
	margin-bottom:							0.714em;
}
#resume div.resumeSection ul.history li ul
{
	margin-left:							1.429em;
}

#resume div.resumeSection ul.softwareSkills li ul
{
	list-style-type:						circle;
	list-style-position:					inside;
	color:									#000000;
	margin-left:							1.429em;
}
#resume div.resumeSection ul.softwareSkills li ul li
{
	color:									#000000;
	font-weight:							normal;
}
#resume div.resumeSection ul.softwareSkills li ul li a, #resume div.resumeSection ul.currentlyLearningList li a
{
	color:									#000000;
}

/*#portfolio*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

#portfolio
{
	line-height:							1.571em;
	margin-bottom:							0.714em;
}
#portfolio div.portfolioItem
{
	margin-bottom:							2.143em;
	padding-bottom:							1.429em;
}
* html #portfolio div.portfolioItem
{
	height:									15em;
}
#portfolio div.portfolioItem h2.portfolioItemName
{
	font-weight:							bold;
	margin-bottom:							0.625em;
	margin-top:								0.625em;
}
#portfolio div.portfolioItem h2.portfolioItemName a
{
	color:									#000000;
}
#portfolio div.portfolioItem h2.portfolioItemName a:after
{
	content: " (Visite este sitio en " attr(href) ".)";
}
#portfolio div.portfolioItem h2.portfolioItemName a:hover
{
	text-decoration:						underline;
}
#portfolio div.portfolioItem p.portfolioItemImage
{
	display:								none;
}
#portfolio div.portfolioItem ul
{
	list-style-type:						circle;
	list-style-position:					inside;
	clear:									both;
}
#portfolio div.portfolioItem ul li
{
	margin-bottom:							1.071em;
}