@import url("template.css");
@import url("color_and_font.css");

.menuBox {
	margin: 0px;
    margin-bottom: 10px;
	padding: 0px;
/*	widht: 168px;
	max-width: 168px;*/
}

a.menuItem, a.menuItem:link, a.menuItem:active, a.menuItem:visited {
	padding-left:10px;
}

a.menuItem:hover{
	text-decoration: underline;
	padding:2px;
	padding-left:10px;
}

.subMenuTitle {
    padding-bottom: 2px;
	padding-left: 1px;
	padding-top: 1px;
}

/* A MENU INSIDE THE MENUFRAME, will be boxed with visual border */
.menuElement {
	margin: 0px;
    margin-bottom: 10px;
	padding: 0px;
}

/* a div that wraps around a single peace inf content - an element inside 
the content tag */

.contentElement {
}

/* A heading inside a contentElement */
.contentElement h1 {
	padding-top: 9px;
	padding-left: 8px;
	padding-bottom: 10px;
	margin-top: 0px;
}

.contentElement h2 {
	padding-top: 9px;
	padding-left: 8px;
	padding-bottom: 10px;
	margin-top: 0px;
}

.contentElement h3 {
	padding-top: 3px;
	padding-left: 16px;
	padding-bottom: 3px;
	margin-top: 0px;
}

.contentElement h4 {
	padding-top: 0px;
	padding-left: 16px;
	padding-bottom: 2px;
	margin-top: 0px;
}

.contentElement h5 {
	padding-top: 9px;
	padding-left: 8px;
	padding-bottom: 10px;
	margin-top: 0px;
}

/* a header as DIV at the top of a contentelement */
div.contentHeader {
	padding-top: 9px;
	padding-left: 8px;
	padding-bottom: 10px;
	margin-top: 0px;
}

/* A paragraph element inside a contentElement (indented a bit) */
.contentElement p {
	padding-left: 4px;
}

/* vcard style sheets */
div.vcard {
	margin: 5px;
	margin-left: 10px;
}

div.vcard img.depiction {
	float: right;
}

div.vcard img.icon {
	float: left;
}

div.vcard div.address {
	padding-left: 32px;
	padding-bottom: 5px;
}

div.vcard div.email {
	padding-left: 32px;
	min-height: 22px;
	padding-top: 4px;
}

div.vcard div.phone {
	padding-left: 32px;
	min-height: 22px;
	padding-top: 4px;
}

div.vcard div.fax {
	padding-left: 32px;
	min-height: 22px;
	padding-top: 4px;
}

div.vcard div.homepage {
	padding-left: 32px;
	min-height: 22px;
	padding-top: 4px;
}

/* publications style sheets */
div.publication {
	padding: 10px;
}

/*
div.publication div.date {
	width: 80px;
	float: left;
}
*/

div.publication div.description {
	padding-left: 10px;
	padding-right: 40px;
}

div.publication div.icon {
	width: 32px;
	float: right;
}

img.projectLogo {
	padding: 16px;
}

/* a reference to an external site, inside a div tag. Used in the menus to point to
   foaf files, valiadators, campaigns, etc. Inside a ref is always an <a> tag */ 
.ref {
  display: block;
}

.ref img {
	vertical-align: middle;
}

/*a link in a project */
div.link {
    padding-top: 2px;
	padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
}

/* a time description for a project */
div.timedesc {
	padding-right: 3px;
	float: right;
}

div.pagefooter {
	margin-bottom: 0px;
	margin-top: 10px;
}

ul.projects li img {
	/* float: right; */
	padding: 5px;
}

.center { 
	text-align: center;
}

#credits {
text-align: center;
}

.foafBox {
	margin: 0px;
    margin-bottom: 10px;
	padding: 0px;
}

.foafBoxTitle {
    padding-bottom: 2px;
	padding-left: 1px;
	padding-top: 1px;
}

.metadataBox {
	margin: 0px;
    margin-bottom: 10px;
	padding: 0px;
}

.metadataBoxTitle {
    padding-bottom: 2px;
	padding-left: 1px;
	padding-top: 1px;
}

.creditsBox {
	margin: 0px;
    margin-bottom: 10px;
	padding: 0px;
}

.creditsBoxTitle {
    padding-bottom: 2px;
	padding-left: 1px;
	padding-top: 1px;
}