@charset "utf-8";
/* CSS Document */

/* expand and collapse 
div#updates {display:block; margin:0 10px 10px 0px;}
div#updates ul {margin:0 10px 20px 35px;}
div#updates ul li {list-style:disc; margin:0 10px 10px 0px;}
div#updates h3{margin:0 10px 10px 20px;}
div#updates h3 {display:block; }*/
p.expand {width:100%; height:30px; float:left; display:block; position:relative; padding:5px 0; vertical-align:middle}

p.expand img.ico {float:left; display:block; position:relative; margin:13px 6px 0 0;}
p.expand span.date {float:left; display:block; position:relative; width:80px; font-size:18px; font-weight:normal; margin:5px 0 0 0;}
p.expand span.title {float:left; display:block; position:relative; width:auto; font-size:18px; font-weight:bold; margin:5px 10px 0 0; line-height:1.8em}
p.expand span.desc {float:left; display:block; position:relative; width:auto; font-size:18px; font-weight:normal; margin:5px 10px 0 0; }

div.collapse p img.big-img {float:left; display:block; position:relative; margin:0 40px 20px 0px; max-width:318px; min-width:318px}

div#updates div.collapse {width:98%; display:none; overflow:hidden; padding:0 0 10px 0; /*background-color:#9C6;*/ margin:0 0 0 0px;}
div#updates div.collapse p{display:inline; }
.top{font-size:.9em; text-align:right}
#switch, .switch {margin-bottom:0px; text-align:right}

/* updates */


p.expand img.thumb {float:left; display:block; position:relative; margin:0 10px 0 0;}
p.expand span.date {float:left; display:block; position:relative; width:80px; font-size:18px; }
p.expand span.title {float:left; display:block; position:relative; width:auto; font-size:18px; font-weight:bold; margin:0 10px 0 0;}
p.expand span.desc {float:left; display:block; position:relative; width:auto; font-size:18px; }


div#updates p.expand a {
  height:30px;
  width:100%;
  display:block;
  padding:3px 10px 3px 0;
  margin:0px;
  font:bold 18px/1.3em 'Varela Round', sans-serif;
  vertical-align:middle; 
  color:#303030;
}
div#updates p.expand a:link, div#updates p.expand a:visited {
  height:30px;
  margin:0;
  border-bottom:1px #e9e9e9 solid;
  background-image:url(../images/arrow-down.png);
  background-repeat:no-repeat;
  background-position:98% 50%;
   color:#303030;
}
div#updates p.expand a:hover, div#updates p.expand a:active, div#updates p.expand a:focus {
  background-color:#f4f4f4;
}
div#updates p.expand a.open:link, div#updates p.expand a.open:visited {
  border:0;
  background:#f4f4f4 url(../images/arrow-up.png) no-repeat 98% 50%;
}