/* HOMEPAGE DYNAMIC SECTION */
* {margin:0;padding:0;}
#dynamic{width:708px;margin:22px auto 10px;height:180px;}
.dyn{width:236px;float:left;height:180px;}
.dyn p, .bb p, .bbb p{padding:0 4px 2px 12px;font-size:0.9em;line-height:1.3em;}
.one{width:236px;background:#aed7d9 url(i/one-bg.png) bottom no-repeat;}
.two{width:235px;border-right:1px solid #666b6f; background:#fff url(i/two-bg.png) bottom no-repeat;}
.thr{width:236px; background:#fff url(i/thr-bg.png) bottom no-repeat;}
.dyn h2{color:#fff;font-size:12px;font-weight:600;height:22px;padding:10px 0 0 10px;}
.one h2{background:#555a60 url(i/h2-one.png) no-repeat;}
.two h2{background:#666b6f url(i/h2-two.png) no-repeat;}
.thr h2{background:#777f82 url(i/h2-thr.png) no-repeat;}
.clipit{height:130px;overflow:hidden;}
#dynamic h3{font-size:11px;margin:2px 20px 4px 8px;}
#dynamic .one h3{background:transparent;}
#dynamic h3 a{color:#c60;padding:1px 2px 1px 2px;display:block;}
#dynamic .one h3 a{color:#333;}
#dynamic h3 a:hover{color:#f90;background:transparent;text-decoration:underline;}
#dynamic .one h3 a:hover{color:#333;background:transparent;text-decoration:underline;}
#dynamic h3 span{display:block;font-size:10px;font-weight:600;color:#666;padding:3px 4px 0;}

#dynamic #scroll{width:236px;height:130px;border:0px solid #333;}

#dynamic #scroll h3{background:#fff;margin:0 8px 0;font-size:1em;}
#dynamic #scroll h3 a{color:#06c;display:block;padding:2px;border:1px solid #fff;}
#dynamic #scroll h3 a:hover{text-decoration:none;color:#333;background:transparent;display:block;border:1px dashed #999;}
#dynamic #scroll p{color:#333;background:transparent;text-align:right;padding:0;margin:0 20px 20px 0;font-size:0.8em;line-height:1em;}
#bb{padding:10px 28px 10px;background:transparent;}
.bb{width:236px;float:left;background:transparent;}
.bb h3,.bbbb h3,.halves h3{padding:10px 0 0 30px;color:#c60;font-size:1em;height:36px;margin-left:30px;border-bottom:0px solid #ccc;}
.col1 h3{background:transparent url(i/most-commented.gif) 0 50% no-repeat;}
.col2 h3{background:transparent url(i/contributors.gif) 0 50% no-repeat;}
.col3 h3{background:transparent url(i/opinion.gif) 0 50% no-repeat;}
#bb ul, #bb ol{margin:1px 0 0 30px;}
#bb ul{list-style:none;}
#bb li{padding:0 4px 8px 0;color:#779;font-size:0.9em;}
#bb li a, #bb .col2 li a:hover{text-decoration:none;color:#557;font-weight:600;}
#bb li a:hover, #bb .col2 li a{text-decoration:underline;}
#bb li a:hover{color:#446;}
.bbb, .bbbb{width:472px;float:left;}
.halves{width:354px;float:left;}
.bbb{clear:both;}
.bbb p{padding:4px 24px 4px 14px;font-size:1em;line-height:1.4em;color:#444;}
.bbb h3{margin:4px 10px;font-size:1.1em;}
#flickr{float:right;text-align:center;border:solid #333;border-width:0 1px 1px;background:transparent;width:200px;margin:0 10px 20px;}

#grid, #grid table{width:710px;}
#grid table{border-collapse:collapse;}
#grid{margin:10px auto;background:#fff url(i/grid-sides-bg.png) repeat-y;}
#grid table{background:transparent url(i/grid-bg.png) no-repeat;border-collapse:collapse;}
#grid td{width:177px;height:127px;border:solid #666b6f;border-width:0 1px 1px 0;vertical-align:top;}
#grid .rgt{border-right:0 !important;}
#grid tr.bot td{height:123px;}
/*#grid tr.bot .lft{border-bottom:0;background:transparent url(i/grid-bot-bg.png) left bottom no-repeat;}*/
#grid tr.bot .lft{border-bottom:0;background:transparent url(i/edusymp.jpg) left bottom no-repeat;}
/*#grid tr.bot .rgt{border-bottom:0;background:transparent url(i/aunt-minnie-bg.jpg) right bottom no-repeat;padding:0;}*/
#grid tr.bot .rgt{border-bottom:0;background:transparent url(i/blog-grid-bg.jpg) right bottom no-repeat;padding:0;}
#grid td img{float:left;margin:6px 0 0 4px !important;}
#grid td p{margin-left:70px !important;font-size:9px;padding:4px 4px 2px !important;}
#grid td p span{color:#666;}
#grid a{color:#ce7010;font-weight:600;text-decoration:none;}
#grid td p.rpad{margin-left:4px !important;margin-right:67px !important;}




#bg{position:relative;left:0;/*z-index:1000;*/width:230px;height:130px;} 
/* scroller "window" 
   set width, height (and clip) to match values sent to constructor */
div#wn {position:absolute; left:0; top:0;width:230px; height:130px; /*z-index:1;*/clip:rect(0, 230px, 130px, 0); overflow:hidden;  }

div#cnt {position:absolute; z-index:0;} /* layer that scrolls */

/* scroller items 
   set width and height to match scroller "window" 
   Be sure to set height adequate for your content! */
div#cnt div.item {width:230px; height:130px; color:#336; border:0px solid #333; z-index:0;}

/* styles for scroller content (read important instructions regarding collapsing margins!)
div#cnt h3 { font-size:12px; margin:0; }  
div#cnt p { font-size:11px; margin:0;} 
 */

.fb{padding:0;}
.fb img{float:left;margin:8px 10px 0 10px;}
.fb h3{font-size:12px !important;font-weight:600;margin:0;padding:4px 0 0;}
.fb ul{list-style:none;font-size:11px;margin-left:10px;}
.fb li{padding:1px 0;}
.fb li a{color:#333;}