/* COLORS */
body { color:#555; background-color:#ffffff; }
h1 { color:#333; }
h2, h3, h4, h5 { color:#333; }
a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:none; }
hr { background-color:#eee; }
.subtitle { color:#777; }

#header .vcg, a:link, a:visited { color:#5174A6;}
a:hover, a:active { color:#7194EE;}

/* FONTS */   
body { width:100%; font-family:Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; font-size:12px; }
h1 { font-family:Georgia, "Nimbus Roman No9 L", serif; font-size:48px; letter-spacing:-1px;}
h2, h3, h4, h5 { font-family: Georgia, "Nimbus Roman No9 L", serif; }
h2 { font-size:24px; line-height:24px; }
h3 { font-size:18px; line-height:18px; }
.subtitle { font-style:italic; }

#footer { font-size:11px; }

/* SIZE POSITION MARGIN */

.container { width:960px; margin: 0px auto; }
.clear { clear:both; }

h2 { margin:30px 0px; }
h3 { margin:30px 0px 20px 0px; }

#header { position:relative; }
#header h1 a:link, #header h1 a:visited { color:#333; }

#header h1 { float:left;  margin:25px 0px 0px 0px; }
#header h2, #header ul.entry { float:right; margin:50px 0px 0px 15px; font-size: 14px; font-family:Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; font-weight:normal;  }
#logo { position:absolute; top:0px; right:0px; }

#teaser img { height:190px; }
#teaser div { position:relative; float: left; margin-bottom:10px; margin-right:5px; }
#teaser p { 
  background-color:#000;
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin: 0px;
  padding: 10px;
  color: #ccc;
  right:0px;
  opacity:0.0;
}

#teaser p.hover { opacity:0.66; }


#news { margin-top:20px; }
#news p, #news h3 { margin-bottom:0.6em; }
#news h3 { margin-top:1.2em; line-height:1.3em; }
.content { border-color:#ccc; margin-bottom:14px; margin-top:20px; }


.item { margin-bottom: 15px; }
.item img, .smallitem img { float:left;  border:1px solid #bbb; padding:2px; margin:0px 10px 10px 0px; }
.item img { width:120px; height:120px; }
.smallitem img { width:80px; height:80px; }
.item h3, .smallitem h3 { margin:0px 0px 10px 0px; }
.item p { margin-bottom:10px; margin-top:10px;}
.smallitem p { margin-bottom:6px; margin-top: 6px; }
.smallitem { margin-bottom: 12px; }
#footer { text-align:center; }
#footer hr { margin-bottom: 5px; }

div.people { margin:0px 0px 20px 0px; float:left; }
.people img { width:80px; height:80px; margin:0px 20px 10px 0px; float: left; }
.people h3, .former h3 { margin-bottom:5px; margin-top:20px}
.people p, .former p { margin-bottom:0px; }
.role { font-family:Verdana; font-size: 12px; font-style:italic; color:#777; }


.smallitem:before, .smallitem:after, .item:before,
.item:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.item:after, .smallitem:after { clear: both; }
.item, .smallitem {zoom: 1;}

.people, .people img { position: relative; }
.people img:hover { width: 160px; height: 160px; top: -40px; left: -40px; z-index:10; margin:-30px -30px -40px -30px;}