/**
* CSS for doc_portfolio.php
*
* @package Site
* @subpackage CSS
* @author Pavel "Papi" Jartsev <papi@digitalfruit.ee>
* @filesource
*/

#projects
{
	clear: both;
}
#projects .edata,
#projects .odata
{
	padding-bottom: 30px;
	vertical-align: top;
}
#projects .img
{
	width: 112px;
}
#projects .img a
{
	border: 5px solid #ccc;
	float: left;
}
#projects .img a:hover
{
	border-color: #47617c;
}
#projects .img a img
{
	border: 1px solid #fff;
	float: left;
}
#projects .project
{
	padding-left: 15px;
}
#projects .project h6
{
	margin: 0 0 4px 0;
}
#projects .project a
{
	background: url("../tmpl/img/arrow_gray.gif") no-repeat left top;
	color: #fff;
	float: left;
	font-family: Arial;
	font-size: 9px;
	line-height: 100%;
	margin: 5px 10px 0 -8px;
	padding: 2px 0.9em 2px 2.6em;
	text-decoration: none;
}
#projects .project .view-project
{
	background: url("../tmpl/img/arrow_orange.gif") no-repeat left top;
	color: #fff;
	float: left;
	font-family: Arial;
	font-size: 9px;
	line-height: 100%;
	margin: 5px 0 0 0;
	padding: 2px 0.9em 2px 2.6em;
	text-decoration: none;
}
#projects div.groups
{
	float: left;
	text-align: right;
	width: 100%;
}
#projects .total-rows
{
	display: none;
}

#tags
{
	margin: 0 0 20px 0;
}
#tags li
{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#tags li a
{
	color: #002859;
	font-weight: normal;
	margin: 0 5px 0 0;
	padding: 0;
	text-decoration: none;
	white-space: nowrap;
}
#tags li a:hover
{
	text-decoration: underline;
}

#years
{
	float: left;
	margin: 0;
	padding: 0;
}
#years li
{
	background: none;
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#years li a
{
	background: none;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	margin: 0 1px;
	padding: 0 0 4px 0;
	text-decoration: none;
}
#years li a:hover
{
	background: url("../tmpl/img/years.gif") no-repeat center bottom;
	color: #fff;
	text-decoration: none;
}
#years li.active a
{
	background: url("../tmpl/img/years_a.gif") no-repeat center bottom;
	color: #fff;
	text-decoration: none;
}
#years li a div
{
	background: #716e5d;
	float: left;
	padding: 0 4px;
}
#years li.active a div
{
	background: #f60;
}


