/* CSS Document */
div#section1 {
  width:260px;
  border-left:1px solid #969696;
}
div#section2 {
  width:310px;
  overflow:hidden;
}
div#section2 div.contentContainer {
  padding:12px 12px 0 19px;
}
div#section2 div.content, div#section2 div.content p {
  width:270px;
}
div#section3 {
  width:220px;
}

div#section1 div.work{
  padding:5px;
  width:72px;
  float:left;
}
div#section1 div.work a{
  border:1px solid #fff;
  display:block;
  color:#BDBDBD;
  padding:4px 4px 2px 4px;
}
div#section1 img {
  border:1px solid #AFA5A4;
}
div#section1 div.work a:hover{
  border:1px solid #55A6A6;
  color:#55A6A6;
  background: url("../pics/rodykle_on.png") 59px 61px no-repeat;
}
div#section1 div.work a.selected{
  border:1px solid #000;
  color:#000;
  background: url("../pics/rodykle_selected.png") 59px 61px no-repeat;
}

/*             section 2              */
div#section2 h1 {
  margin:5px 0 10px 0;
  font-size:1.5em;
}

/*             section 3              */
div#section3 div.info {
  padding:10px;
}
div#section3 a.email, div#section3 a.work{
  color:#000;
  text-decoration:none;
  display:block;
  margin:2px 8px 2px 6px;
  padding:0 0 0 5px;
  border-bottom:1px solid #BDBDBD;
  color:#BDBDBD;
  background:url("../../pics/rodykle_off.png") right no-repeat;
}
div#section3 a.email:hover, div#section3 a.work:hover{
  border-bottom:1px solid #468282;
  color: #468282;
  background:url("../../pics/rodykle_on.png") right no-repeat;
}
div#section3 div.mobile {
  margin:8px 0 8px 11px;
}
div#section3 div.works {
  margin:8px 0 10px 11px;
  font-weight:bold;
}