@font-face {
	font-family: delicious;
	src: url(/assets/ttf/Delicious-Heavy.otf);
}
@font-face {
	font-family: textfont;
	src: url(/assets/ttf/Delicious-Roman.otf);
}

body 		{
				background:url(/assets/gfx/tile.png) repeat-x #1b1e0f;
				font:8pt textfont,helvetica,tahoma; color:#FFFFFF;
				margin:0px; padding:0px;
			}
#wrap 		{
				background:url(/assets/gfx/main.png) no-repeat;
				padding-top:200px;
				width:800px;
				margin:0px auto 100px auto;
				min-height:600px;
			}
a 			{
				color:#e6ff5a; /* #FCA944; */
				text-decoration:underline;
			}

h1   		{
				font: bold 15pt delicious,helvetica,arial;
				margin:10px 10px 5px 10px;
				text-align:right;
			}
h2			{
				margin:8px 0px 10px 0px;
				padding:0px;
				font:normal 13pt delicious,helvetica,arial;
			}
div.box		{
				background-color:rgba(0,0,0,0.3);
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				-opera-border-radius:10px;
				border-radius:10px;
				padding:10px 20px 10px 20px;
				margin-bottom:5px;
				overflow:hidden;
			}
div.rounded {
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				-opera-border-radius:6px;
				border:solid 1px #404040;
			}
div.box p	{
				margin:8px 0px 8px 0px;
				padding:0px;
				font:10pt textfont,arial,helvetica,tahoma;
				text-align:justify;
			}
pre		{
				margin:20px 20px 20px 20px;
				padding:10px;
				background-color:rgba(0,0,0,0.4);
				color:#D0D0D0;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				-opera-border-radius:6px;
			}
div.box ul  {
				margin:8px 0px 8px 0px;
				padding:0px 0px 0px 30px;
				font:10pt textfont,arial,helvetica,tahoma;
				list-style-type: square;
			}
.box .left	{
				float:left;
				width:530px;
			}
.box .right {
				float:right;
				width:200px;
			}
#foot {
				position:fixed;
				bottom:0px;
				left:0px;
				right:0px;
				background-color:rgba(0,0,0,0.3);
				overflow:hidden;
				z-index:900;
}
#foot > #inner {
				float:right;
				padding:5px 10px 5px 10px;
				width:160px;
				color:#F0F0F0;
				background-color:rgba(0,0,0,0.6);
				border-left:solid 4px #A0A0A0;
				z-index:999;
			}

a#portfolio {
				background:url(/assets/gfx/portfolio.png) no-repeat 0px 0px;
				width:250px;
				height:150px;
				float:left;
				text-indent:-9999px;
				border:solid 1px #101010;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				-opera-border-radius:6px;
				border-radius:6px;
			}
a#portfolio:hover {
				background-position:0px -150px;
			}


#tab 		{	position:fixed;
				top:70px;
				height:20px;
				width:120px;
				left:120px;
				padding:5px 5px 5px 15px;
				font:bold 12pt arial,helvetica;
				-moz-border-radius-topleft:10px;
				-moz-border-radius-topright:10px;
				-webkit-border-radius-topleft:10px;
				-webkit-border-radius-topright:10px;
				-opera-border-radius-topleft:10px;
				-opera-border-radius-topright:10px;
				border-radius-topleft:10px;
				border-radius-topright:10px;
				background-color:rgba(0,0,0,0.7); }
#overlay 	{	position:fixed;
				left:100px;
				top:100px;
				right:100px;
				bottom:100px;
				padding:20px;
				overflow-y:scroll;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				-opera-border-radius:10px;
				border-radius:10px;
				background-color:rgba(0,0,0,0.7); }
#content	{	color:#FFFFFF; }

a:active 	{ 	border:none; }

.tabset	 	{	margin-bottom:10px; 
				-moz-border-radius:6px; 
				-webkit-border-radius:6px;
				-opera-border-radius:6px;
				overflow:hidden;
				background-color:rgba(0,0,0,0.7);
				margin-right:5px;
}
.tabset a 	{ 	padding:6px 9px 6px 9px !important;
				display:block;
				float:left;
				text-decoration:none;
				color:#E6FF5A;
				/* background-color:rgba(0,0,0,0.9); */
				font:bold 9pt arial,helvetica;
				/*border:solid 1px #000000;*/
		}
.tabset .separator {
				border-right:solid 1px #E6FF5A;
}
a.current	{	background-color:#E6FF5A !important;
				color:#000000 !important;
				/* border:solid 1px #C6EF3A !important;  */
}
.tabset a:hover,
.tabset a:active{	/*border:solid 1px #E6FF5A;*/
				/*background-color:rgba(30,30,30,0.9);*/
				background-color:#C6DF4A;
				color:#404040; }


table		{	width:100%;
}
th 			{	background-color:rgba(0,0,0,0.4);
				padding:1px 6px 1px 6px;
				font:bold 8pt textfont,helvetica,tahoma;
				text-align:left;
				-moz-border-radius:4px;
				-opera-border-radius:4px;
				-webkit-border-radius:4px;
}
td 			{	-moz-border-radius:4px;
				-opera-border-radius:4px;
				-webkit-border-radius:4px;
				background-color:rgba(40,40,40,0.4);
				padding:3px 6px 3px 6px;
}
td.number	{	font:bold 12pt textfont,helvetica,tahoma; text-align:center; }



/* -- portfolio -- */

.portfolio-item-list {

}

.portfolio-item {
	float:left;
	width:250px;
	margin-left:5px;
}
.portfolio-item:first-child {
	margin-left:0px !important;
}

.portfolio-item-image {
	width:250px;
	height:200px;
	overflow:hidden;
	display:block;
}
.portfolio-item-info {
	margin-top:5px;
	background-color:#252525;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-radius-topleft:5px;
	-webkit-border-radius-topright:5px;
	-opera-border-radius-topleft:5px;
	-opera-border-radius-topright:5px;
	color:#FFFFFF;
	height:200px;
	padding:5px;
}
.portfolio-item-info > p {
	padding:3px 0px 3px 0px;
}
.portfolio-item-info > p:first-child {
	padding-top:0px !important;
}
.portfolio-item-info > p:last-child {
	padding-bottom:0px !important;
}
.portfolio-item-foot {
	background-color:#303030;
	padding:5px 5px 8px 5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-radius-bottomleft:5px;
	-webkit-border-radius-bottomright:5px;
	-opera-border-radius-bottomleft:5px;
	-opera-border-radius-bottomright:5px;
}
.portfolio-item-foot > p {
	margin:0px !important;
	padding:0px !important;
}

/* -- meta -- */
.strong {
	font-weight:bold !important;
}