/* Body Style
-------------------------------------------------------------- */

.home {background: url("/media/interface/bg_body_home.gif") repeat-x;}



/* PROJECTS ------------------------------------ */

.caption {
	position:relative;
	width:218px;
	height:165px;
	border:1px solid #ccc;
}

.caption span {
	width:198px;
	height:40px;
	display: block;
	position: absolute;
	padding:10px;
	top:105px;
	color:#fff;
	font-weight: bold;
	font-size:1.15em;
	border-top: 1px solid #ccc;
	background: url("/media/interface/caption_bg.png") repeat-x;
}


img.project {/*opacity:.75;filter:alpha(opacity=75);*/width:218px;}
img.project:hover {opacity:1;filter:alpha(opacity=100);}


.caption span:hover {background: url("/media/interface/caption_bg.png") repeat-x;
background-position: 0px -120px;
color:#eee;}

.lastproject {float:left;width:218px;}



/* NEWS------------------------------------ */

.news {border-left:1px solid #b87dd0;border-top:1px solid #b87dd0; width:198px; float: left;padding:10px;min-height: 150px;}
.news p {color: #666;font-weight: bold;}
.news p a:visited {color: #666;}


.news h4 {font-size: 1.2em;color: #8018ac;font-weight:bold;line-height:1.3em;}

.news-caption {
	background: url("/media/interface/news_caption_bg.gif") no-repeat;
	float: left;
	width: 220px;
	color: #fff;
	height: 47px;
	display: block;
	padding:5px 0 0 10px;
	font-family:georgia, serif;
	font-weight:bold;
}

.news-caption .type {font-weight: bold;margin:0 5px 0 0;}

.news:hover {background-color: #ccc;}