/*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('basic.css');

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

#blog
{
	width:									45em;
	float:									right;
	margin-right:							0.714em;
}
#blog div.blogPost 
{
	margin-bottom:							2.857em;
}
#blog div.blogPost h2.blogPostTitle a
{
	color:									#ff0080;
	font-size:								1.429em;
	font-weight:							bold;
}
#blog div.blogPost h2.blogPostTitle a:hover
{
	text-decoration:						underline;
}
#blog div.blogPost p.blogPostInformation
{
	color:									#777777;
	font-size:								0.857em;
	margin-top:								0.25em;
}
#blog div.blogPost p.blogPostInformation span.blogPostCategory a
{
	color:									#0080ff;
	font-weight:							bold;
}
#blog div.blogPost p.blogPostInformation span.blogPostCategory a:hover
{
	text-decoration:						underline;
}
#blog div.blogPost p.blogPostInformation span.blogPostComments a
{
	color:									#000000;
}
#blog div.blogPost p.blogPostInformation span.blogPostComments a:hover
{
	text-decoration:						underline;
}
#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:									#0080ff;
}
#blog div.blogPost div.blogPostContent p abbr
{
	border-bottom-style:					dotted;
	border-bottom-width:					0.071em;
	border-bottom-color:					#333333;
}
#blog div.blogPost div.blogPostContent p a:hover
{
	text-decoration:						underline;
}
#blog div.blogPost p.blogPostMoreButton a
{
	background-image:						url('../images/readMore.gif');
	background-position:					0px 0px;
	display:								block;
	width:									140px;
	height:									25px;
	padding-top:							10px;
	padding-left:							38px;
	color:									#333333;
}
#blog div.blogPost p.blogPostMoreButton a:hover
{
	background-position:					0 35px;
}
#blog div.blogPost div.blogPostComments
{
	margin-top:								1.429em;
	padding:								1.429em;
}
#blog div.blogPost div.blogPostComments form
{
	border-bottom-style:					solid;
	border-top-style:						solid;
	border-width:							0.071em;
	border-color:							#DDDDDD;
	padding-top:							0.714em;
}
#blog div.blogPost div.blogPostComments form p
{
	clear:									both;
	margin-bottom:							0.714em;
}
#blog div.blogPost div.blogPostComments form p a
{
	background-image:						url('../images/readMore.gif');
	background-position:					0px 0px;
	display:								block;
	width:									132px;
	height:									25px;
	padding-top:							10px;
	padding-left:							46px;
	color:									#333333;
}
#blog div.blogPost div.blogPostComments form p a:hover
{
	background-position:					0 35px;
}
form div#errorMessage p
{
	background-color:						#efd2d2;
	background-image:						url('../images/errorIcon.gif');
	background-repeat:						no-repeat;
	background-position:					0.714em center;
	border-style:							solid;
	border-color:							red;
	border-width:							0.143em;
	padding:								0.714em;
	padding-left:							2.143em;
}
#blog div.blogPost div.blogPostComments form div.newCommentAuthorInformation
{
	width:									15.714em;
	float:									left;
}
#blog div.blogPost div.blogPostComments form div.newCommentAuthorInformation p
{
	display:								block;
	clear:									none;
	margin-bottom:							0;
}
#blog div.blogPost div.blogPostComments form div.newCommentAuthorInformation p label
{
	color:									#ff0080;
	display:								block;
	margin-bottom:							0.714em;
	height:									1.071em;
}
#blog div.blogPost div.blogPostComments form div.newCommentAuthorInformation p label span
{
	font-weight:							bold;
	color:									green;
}
#blog div.blogPost div.blogPostComments form div.newCommentAuthorInformation p input
{
	margin-bottom:							1.071em;
	width:									14.286em;
	height:									1.643em;
	padding:								0.714em;
	padding-top:							0.5em;
	padding-bottom:							0em;
	border-style:							none;
	background-color:						#e2e2e2;
	color:									#333333;
}
#blog div.blogPost div.blogPostComments form div.newCommentAuthorInformation p input:focus
{
	background-color:						#EEEEEE;
}
#blog div.blogPost div.blogPostComments form div.newCommentContent
{
	width:									25.714em;
	float:									right;
}
#blog div.blogPost div.blogPostComments form div.newCommentContent p
{
	display:								block;
	clear:									none;
	margin-bottom:							0;
}
#blog div.blogPost div.blogPostComments form div.newCommentContent p label
{
	color:									#ff0080;
	display:								block;
	margin-bottom:							0.714em;
}
#blog div.blogPost div.blogPostComments form div.newCommentContent p label span
{
	font-weight:							bold;
	color:									green;
}
#blog div.blogPost div.blogPostComments form div.newCommentContent textarea
{
	background-color:						#e2e2e2;
	border-style:							none;
	width:									24.286em;
	padding:								0.714em;
	line-height:							1.429em;
	height:									10.714em;
	color:									#333333;
}
#blog div.blogPost div.blogPostComments form div.newCommentContent textarea:focus
{
	background-color:						#EEEEEE;
}
#blog div.blogPost div.blogPostComments div.blogPostComment
{
	margin-top:								1.429em;
	overflow:								auto;
	clear:									both;
}
#blog div.blogPost div.blogPostComments div.blogPostComment p
{
	background-color:						#e2e2e2;
	line-height:							1.429em;
	padding:								1.071em;
	width:									23.571em;
	float:									right;
}
#blog div.blogPost div.blogPostComments div.blogPostComment p.blogPostCommentInformation
{
	background-color:						#FFFFFF;
	line-height:							1.429em;
	padding:								0;
	width:									15.714em;
	float:									left;
}
#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:									#0080ff;
	font-weight:							bold;
}
#blog div.blogPost div.blogPostComments div.blogPostComment p.blogPostCommentInformation span a:hover
{
	text-decoration:						underline;
}

/*#resume*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

#resume
{
	line-height:							1.571em;
	width:									45em;
	float:									right;
	margin-right:							0.714em;
	margin-bottom:							0.714em;
}
#resume abbr
{
	border-bottom-style:					dotted;
	border-bottom-width:					0.071em;
}
#resume a
{
	color:									#0080ff;
}
#resume a:hover
{
	text-decoration:						underline;
}
#resume div.contact h2
{
	color:									#ff0080;
	font-size:								1.429em; /*20px*/
	font-weight:							bold;
	margin-bottom:							0.75em;
}
#resume div.contact h2 a.resumeOption
{
	color:									#000000;
	font-size:								0.5em; /* 10px*/
	font-weight:							bold;
	margin-left:							2em;
	background-color:						#EEEEEE;
	padding:								0.7em;
}
#resume div.contact h2 a[href$='../resume/']
{
	background-image:						url(../images/english.gif);
	background-repeat:						no-repeat;
	background-position:					0.7em center;
	padding-left:							3.5em;
}
#resume div.contact h2 a[href$='../desarrollador-web-colombia/']
{
	background-image:						url(../images/spanish.gif);
	background-repeat:						no-repeat;
	background-position:					0.7em center;
	padding-left:							3.5em;
}
#resume div.contact h2 a[href$='terminology=en-gb']
{
	background-image:						url(../images/pdf.gif);
	background-repeat:						no-repeat;
	background-position:					0.7em center;
	padding-left:							3.5em;
}

#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:									#ff0080;
}
#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.714em;
}
#resume div.resumeSection ul.history li  h3 a
{
	color:									#0080ff;
}
#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:									#333333;
	margin-left:							1.429em;
}
#resume div.resumeSection ul.softwareSkills li ul li
{
	color:									#333333;
	font-weight:							normal;
}
#resume div.resumeSection ul.softwareSkills li ul li a, #resume div.resumeSection ul.currentlyLearningList li a
{
	color:									#000000;
}

/*#contact*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

#contact
{
	line-height:							1.571em;
	width:									45em; /*630px;*/
	float:									right;
	margin-right:							0.714em;
	margin-bottom:							1.5em;
}
#contact a
{
	color:									#0080ff;
}
#contact a:hover
{
	text-decoration:						underline;
}
#contact h2
{
	color:									#ff0080;
	font-size:								1.429em; /*20px*/
	font-weight:							bold;
	margin-bottom:							0.25em;
}
#contact  form
{
	border-top-style:						solid;
	border-width:							0.071em;
	border-color:							#DDDDDD;
	padding-top:							0.714em;
	width:									32.143em;
	margin:									0 auto;
	margin-top:								0.714em;
}
#contact  form p label
{
	color:									#ff0080;
	display:								block;
}
#contact  form p label span
{
	font-weight:							bold;
	color:									green;
}
#contact  form  p
{
	line-height:							2.5em;
}
#contact  form  p input
{
	width:									30.714em;
	height:									1.643em;
	padding:								0.714em;
	padding-top:							0.5em;
	padding-bottom:							0em;
	border-style:							none;
	background-color:						#e2e2e2;
	color:									#333333;
}
#contact  form p input:focus, #contact  form  textarea:focus
{
	background-color:						#EEEEEE;
}
#contact  form  textarea
{
	background-color:						#e2e2e2;
	border-style:							none;
	width:									30.714em;
	padding:								0.714em;
	line-height:							1.429em;
	height:									9.286em;
	color:									#333333;
	margin-bottom:							0.714em;
}
#contact  form p a
{
	font-size:								14px;
	background-image:						url('../images/readMore.gif');
	background-position:					0px 0px;
	display:								block;
	width:									132px;
	height:									25px;
	padding-bottom:							10px;
	padding-left:							46px;
	color:									#333333;
}
* html #contact  form p a
{
	padding-bottom:							0;
}
#contact  form p a:hover
{
	background-position:					0 35px;
}

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

#portfolio
{
	line-height:							1.571em;
	width:									45em;
	float:									right;
	margin-right:							0.714em;
	margin-bottom:							0.714em;
}
#portfolio div.portfolioItem
{
	border-bottom-style:					solid;
	border-width:							0.071em;
	border-color:							#DDDDDD;
	margin-bottom:							2.143em;
	clear:									both;
	overflow:								auto;
}
* html #portfolio div.portfolioItem
{
	height:									15em;
}
#portfolio div.portfolioItem h2.portfolioItemName
{
	font-size:								1.429em; /*20px*/
	font-weight:							bold;
	margin-bottom:							0.5em;
	margin-top:								0.5em;
	float:									right;
	width:									19.5em;
}
#portfolio div.portfolioItem h2.portfolioItemName a
{
	color:									#ff0080;
}
#portfolio div.portfolioItem h2.portfolioItemName a:hover
{
	text-decoration:						underline;
}
#portfolio div.portfolioItem p.portfolioItemDescription
{
	float:									right;
	width:									27.857em;
	margin-bottom:							1.786em;
}
#portfolio div.portfolioItem p.portfolioItemImage
{
	width:									14.286em;
	float:									left;
}
#portfolio div.portfolioItem p.portfolioItemImage img
{
	border-style:							solid;
	border-color:							#e2e2e2;
	border-width:							1em;
	margin-bottom:							1.786em;
	width:									14.286em;
}
#portfolio div.portfolioItem p.portfolioItemImage img:hover
{
	border-color:							#EEEEEE;
}
#portfolio div.portfolioItem ul
{
	list-style-type:						circle;
	list-style-position:					inside;
	clear:									both;
}
#portfolio div.portfolioItem ul li
{
	margin-bottom:							1.071em;
}