h3 {
	border-bottom:1px solid #555;
}

/* ------------------- Portfolio-specific ----------- */

div.portThumb {
	position:relative;
	padding:1%;
	width:28%;
	margin:1%;
	vertical-align:top;	
	border:1px solid #eee;
/*	min-height:300px;	*/
	display:inline-block;
	zoom:1;
	*display:inline;	
}

.threeFourths div.portThumb {
	width:28%;
	margin:1%;
}

@media screen and (max-width: 800px) {

	div.portThumb {
		width:45%;
	}

	.threeFourths div.portThumb {
		width:45%;
		margin:1%;
	}
	.column.team_member {
		width:90%;
	}
}

@media screen and (max-width: 640px) {

	div.portThumb {
		width:90%;
	}

	.threeFourths div.portThumb {
		width:90%;
		margin:1%;
	}	
	
}



div.portThumb:hover {
	background-color:#fff;
	border:1px solid #ccc;
}

.portThumb[class~="linked"]:hover {
	background-color:#dde;
	border:1px solid #aac;
}

.portThumb img {
	border:2px solid #555;	
    box-shadow: 3px 3px 3px #bbb;
	width:95%;
	margin:2%;
}

img.portThumb {
	border:2px solid #555;	
    box-shadow: 3px 3px 3px #bbb;
	width:90%;
	margin:5%;
}
.portThumb .content {
	margin:10px;	
}


.toggle_MoreInfo {
	position:absolute;
	top:0px;
	right:0px;
	padding:5px;
	font-size:1.6em;
	text-decoration:none;
}

.moreInfo {
	display:none;	
	left:0px; top:0px;
	height:auto; width:100%;
	background-color:#eee;
	border:1px solid black;
	position:absolute;
}



.skilltabs {
	text-align:center;
	border-bottom:1px solid #888;
	margin:20px 0px 10px 0px;
}

.skilltabs a {
	position:relative;
	color:#333;
	text-decoration:none;
	letter-spacing:.1em;
	margin-left:20px;

	top:1px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #888;
	border-left:1px solid #ccc;
	border-top-left-radius:5px;
	border-top-right-radius:5px;

	padding: 5px 10px;
	display:inline-block;
	zoom:1;
	*display:inline;	
	background-color:#efefef;
}

.skilltabs a:hover {
	background-color:#ffe;
}

.skilltabs a.selected {
	color:#000;

	border-top:1px solid #888;
	border-right:1px solid #888;
	border-bottom:1px solid #eee;
	border-left:1px solid #888;

	background-image:url("<?php print $SiteDomain; ?>/images/lightweightgridbg.png");
}

.skilltabs a:active {
	color:#000;
	border-top:1px solid #888;
	border-right:1px solid #888;
	border-bottom:1px solid #eee;
	border-left:1px solid #888;
	background-image:url("<?php print $SiteDomain; ?>/images/lightweightgridbg.png");
}


.skilltabs a.selected:hover {
	background-image:url("<?php print $SiteDomain; ?>/images/lightweightgridbg.png");
	background-color:#ddd;
}

@media screen and (max-width: 950px) {

	.skilltabs a {
		display:block;
	}
	.skilltabs a.selected {
		border:2px solid black;
	}
}