/* ==========================================================================
   Author's custom styles
   ========================================================================== */
  
.success {
	width: 500px;
	padding: 10px;
	border: 1px solid #00ff00;
	background-color: #ddffdd;
}
   
.error {
	width: 500px;
	padding: 10px;
	border: 1px solid #ff0000;
	background-color: #ffaaaa;
}

table.development-expertise-table {
	width: 100%;
}
	table.development-expertise-table tr.alt {
		background-color: #eeeeee;
	}
		table.development-expertise-table th{
			font-weight: bold;
			font-size: 1.2em;
		}
		table.development-expertise-table th, table.development-expertise-table td {
			padding: 2px;
		}
		table.development-expertise-table .technology {
			width: 20%;
		}
		table.development-expertise-table .confidence {
			width: 10%;
			text-align: center;
		}
		table.development-expertise-table .experience {
			width: 50%;
		}
		table.development-expertise-table .been-using-for {
			width: 20%;
		}
   
div.previous-job {
	padding: 5px;
}
div.previous-job:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.previous-job.alt {
	background-color: #eeeeee;
}
	div.previous-job div.field {
		clear: both;
	}
	div.previous-job div.date, div.previous-job div.company, div.previous-job div.title {
		font-size: 1.2em;
	}
		div.duties div.label-text {
			font-size: 1.2em;
		}
		div.previous-job div.label-text {
			float: left;
			width: 10%;
			text-align: right;
			font-weight: bold;
		}
		div.previous-job div.value-text {
			float: left;
			width: 85%;
			margin-left: 1%;
		}

div.education-item {
	padding: 5px;
}
div.education-item.alt {
	background-color: #eeeeee;
}
	div.education-item div.education-item-achievement {
		font-size: 1.2em;
	}
	div.education-item div.education-item-detail {
		margin-left: 10px;
	}

div.portfolio-item {
	padding: 5px;
	clear: both;
}
div.portfolio-item.alt {
	background-color: #eeeeee;
}
	div.portfolio-item div.portfolio-item-name {
		font-size: 1.2em;
	}
	div.portfolio-item div.portfolio-item-screenshot img {
		float: right;
		width: 50%;
		margin-left: 1%;
	}

#about-content img.my-picture {
	float: right;
	width: 500px;
	margin: 10px;
	border: 1px solid #000000;
}

#contact-content img.my-email {
	float: right;
}
#contact-content form {
}
	#contact-content form label {
		display: block;
		padding: 5px;
		clear: both;
	}
		#contact-content form label span.label-text {
			float: left;
			width: 200px;
			margin-right: 5px;
			text-align: right;
		}
		#contact-content form label input, #contact-content form label textarea {
			float: left;
		}
		#contact-content form label input {
			width: 200px;
		}
		#contact-content form label textarea {
			width: 500px;
			min-height: 200px;
			height: 200px;
		}