/***************************
*                          *
*     Date: 2013-03-02     *
*    Orig.: 2006-06-27     *
*      © Aki Korhonen      *
*                          *
***************************/

table.project_grid, table.project_grid_small
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.project_grid
{
	width: 100%;
	margin-bottom: 30px;
}

table.project_grid_small
{
	width: 100%;
	margin-bottom: 20px;
}

table.project_grid td.project_box, table.project_grid td.project_box_empty
{
	width: 30%;
}

table.project_grid td.project_box:hover
{
	background-color: #FDFDFD;
	opacity: .80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
}

table.project_grid_small td.project_box_small_left
{
	width: 110px;
	height: 25px;
}

table.project_grid td.project_box img.project_hilight
{
	width: 220px;
	height: 40px;
}

div.project_box_title, div.project_box_title_small
{
	width: 220px;
	padding: 6px;
	margin: 0px;
	font-size: 16px;
	text-align: center;
	/*font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'LiberationSerifRegular', Georgia, Arial, Tahoma, sans-serif;
}

div.project_box_title:hover, div.project_box_title_small:hover
{
	/*color: #000000;*/
}

div.project_box_title_small
{
	width: auto;
	font-size: 11px;
}

div.project_box_short, a div.project_box_short, div.project_box_short_small, a div.project_box_short_small
{
	width: 220px;
	font-size: 10px;
	text-align: justify;
	/*font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'LiberationSerifRegular', Georgia, Arial, Tahoma, sans-serif;
	color: #000000;
	padding-bottom: 40px;
}

div.project_box_short_small, a div.project_box_short_small
{
	width: auto;
	text-align: center;
	padding: 0px;
}

a:hover div.project_box_short, a:hover div.project_box_short_small
{
	color: #555555;
}

span.project_box_date, span.project_box_date_small
{
	font-size: 10px;
	color: #AAAAAA;
}

div.project_box_img_outer, div.project_box_img_outer_small
{
	width: 220px;
	height: 80px;
	border: 2px solid #EEEEEE;
	padding: 4px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.15) !important;
	   -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.15) !important;
	        box-shadow: 0 0px 5px rgba(0, 0, 0, 0.15) !important;
}

div.project_box_img_outer:hover, div.project_box_img_outer_small:hover
{
	/*
	opacity: .80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
	*/
}

div.project_box_img_outer_small
{
	width: 110px;
	height: 100%;
}

a:hover div.project_box_img_outer, a:hover div.project_box_img_outer_small
{
	border: 2px solid #CCCCCC;
	background: #F9F9F9;
}

div.project_box_img_inner, div.project_box_img_inner_small
{
	width: 100%;
	height: 100%;
	border: none;
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	/*background-size: cover;*/
	background-color: #FFFFFF;
	text-align: right;
	vertical-align: top;
}

div.project_box_img_inner_small
{
	background-size: 100%;
}

a:hover div.project_box_img_outer, a:hover div.project_box_img_outer_small
{
	background: #F9F9F9;
}

span.project_new
{
	color: #EE0000;
	margin: 2px;
	font-size: 10px;
}

.project_new_img
{
	width: 100%;
	height: 100%;
	background: url("/gfx/new.png") no-repeat top right transparent;
	position: relative;
	top: -4px;
	right: -4px;
}

.project_new_img_small
{
	border: none;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -4px;
	right: -4px;
}

/* EOF */