/*
    HTML BLOCKS
*/

HTML{
		height: 100%;
    background: #dfe4c8 url(pictures/background.gif) repeat; 		 
}

BODY{
		min-height: 100%; 
    margin: 0;
    padding: 0;
		border-left: 4px solid White;
    font: normal 13px/19px "Times New Roman", Times, serif;
		background-position: top left;
		background-repeat: repeat;
}

A{
    color: White;
    text-decoration: none;
}
A:link{
    color: White;
}
A:hover{
    color: White;
}
A:active{
    color: White;
}
A:visited{
    color: #a7a7a7;
}

#credit A{
    color: Black;
    text-decoration: underline;
}
#credit A:link{
    color: Black;
}
#credit A:hover{
    color: Black;
	text-decoration: none;
}
#credit A:active{
    color: Black;
}
#credit A:visited{
    color: Black;
}

P{
    margin: 0;
    padding: 0;
}

H1{
		margin: 0;
		padding: 0;
    font: bold 13px/19px "Times New Roman", Times, serif;
    color: White;
		overflow: hidden; 
		margin-bottom: 42px;
		opacity: 0.85;
}

H1 SPAN{
		display: block;
		float: left;
		height: 15px;
    padding: 0px 4px 5px 4px;
		background: Black;
		margin-right: 2px;
}

H1 SPAN.date{
		color: Black;
		background: White;
		font-weight: normal;
	  font-style: italic;
}


.clear{
  clear: both;
	height: 0px;
	overflow: hidden;
}


#header,
#main,
#left,
#content,
#footer{
  clear: both;

}

#tools{
  position: absolute;
	text-align: right;
	top: 0px;
	left: 215px;
	width: 526px;
	color: Black;
}

#tools #loading,
#tools #langSwitch,
#tools #credit{
	display: block;
	float: right;
	padding: 0 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
	height: 20px;
	opacity: 0.6;
	margin-left: 2px;
}

#tools #loading{
  background: Red;
	color: White;
	text-decoration: blink;
}

#tools #langSwitch,
#tools #credit{
  background: White;
	color: Black;
}

#lang A:hover{
	opacity: 1; 
}


#left{
    float: left;
    width: 184px;
		margin-left: 12px;
    margin-right: 15px;
    padding-top: 28px;
    background: transparent url(pictures/background_left.gif) no-repeat top left;
}

#content{
    float: left;
    clear: right;
    padding-top: 28px;
}


#logo{
    width: 110px;
		padding-bottom: 1px;
}

#logo P{
		height: 15px;
		overflow: hidden;
    background: url(pictures/logo_background.png) 0 -10px transparent !important;
    padding: 0px 4px 5px 4px;
		margin-bottom: 1px;
}

#name{
		border-left: 4px solid #007dff;   
		font-weight: bold;
}

#function{
	visibility: hidden;
  font-style: italic;
	padding-left: 8px !important;
}

#left UL{
		clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px; 
}

#left LI{
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    margin-bottom: 1px;  
}

#left LI.current{
		border-left: 4px solid #007dff;
}

#left LI.current A{
		color: Black !important;
    background-color: White !important;
		padding-left: 4px;
}

#left LI A,
#left LI span{
		color: white;
    display: block;
		height: 15px;
		overflow: hidden;
    background-color: Black;
    padding: 0px 4px 5px 4px;
		padding-left: 8px;
		opacity: 0.85;
}

#left LI A:hover{
		border-left: 4px solid Black;  
		padding-left: 4px; 
		color: Black;
    background-color: White;
}

#left LI.current A:hover{
		border-left: 0px solid White;  
}

#menu{
    font-weight: bold;
}

#projectsTitle{
    font-weight: bold;
    cursor: default;
}
#projectsTitle{
		color: White !important;
    background-color: Black  !important;
}

#viewAll{
    font-style: italic;
}


/** CONTENT **/

.meta{
	margin: 0;
	padding: 0;
  clear: both;
	margin-bottom: 21px;
	opacity: 0.85;
}

.meta DL{
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 1px;  
	list-style: none outside;
	text-indent: 0;
}

.meta DT{
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	text-indent: 0;
	color: Black;
	background: White;
  font: 9px/normal Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	padding: 2px 4px 2px 4px;
	margin-bottom: 1px;
	margin-top: 5px;
  list-style: none outside;
	text-indent: 0;
}

.meta DD{
	clear: both;   
	margin: 0;
	padding: 0;
	text-indent: 0;
	height: 15px;
	overflow: hidden; 
	color: White;
	background-color: Black;
  padding: 0px 4px 5px 4px;
	margin-bottom: 0px;
  list-style: none outside;
	text-indent: 0;
}

.description{
	clear: both;
	margin: 0px 0;
	opacity: 0.85;
	margin-bottom: 21px; 
}

.description A{
	text-decoration: underline;
}

.description SPAN{  
	color: White;
	line-height: 21px; 
	background: Black;
  padding: 2px 0px 3px 0px;  
}

.thumbnails{
	width: 530px;
	clear: both;
	color: Black;
  font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
}

.thumb{
	position: relative;
	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
	opacity: 1;
}
.thumb:hover{
	z-index: 50;
}

.thumb A{
  display: block;
	color: #313131;
  background: url(pictures/thumb_background.png);        
	padding: 6px; 
	opacity: 0.75;
	width: 82px;
	height: 82px;
	overflow: hidden;  
	/*	border: 1px solid #BBB; */
}

.thumb A.current{
	opacity: 1;
	background: White;
	/*border: 1px solid #FFF;*/         
}

.thumb A.current IMG{
 	border: 1px solid #333; 
}


.thumb A:hover{
	opacity: 1;
	z-index: 100;    	
	
	background: #EFEFEF; 
	/*border: 1px solid #FFF;*/      
}

.thumb A:hover IMG{
	border: 1px solid #333;            	
}

.thumb .picture{
	display: block;
	margin-bottom: 4px;
  background-position: 1px 1px;
  background-repeat: no-repeat;
}

.thumb IMG{
	border: 1px solid #333;
}   

.thumb H3{
	color: Black;
	margin: 0;
	padding: 0;
  font-size: 9px;
	line-height: 14px;
  
	font-weight: bold; 
}

.thumb UL, .thumb LI{
	margin: 0;
	padding: 0;
  list-style: none outside;
	text-indent: 0;
	line-height: 14px;
}

.thumb DIV.details{
	position: absolute;
	clear: both;
	display: none;
  position: absolute;
	background: #EFEFEF;
	margin-left: -6px;
	top: 96px;
	padding: 6px;
	opacity: 1;
	white-space: nowrap;
}

.thumb A:hover DIV{
	display: block;            	
}