/*==================================================
      S T R U C T U R E
==================================================*/
#static-background { background: #000 url(../images/bg.jpg) center top no-repeat; }
/*==================================================
      N E W  I N D E X  P A G E
==================================================*/


#index #contents { float:right; width: 580px;}
#index #contents #events-and-blog { width: 580px; margin-bottom: 20px; }
#index #image-stuff { float:left; width: 280px; }
#index .horizontal-unit { width: 880px; margin: 0 0 20px 0; }

#index #top-title { position: relative; width: 900px; margin: 0 auto; height: 175px; xheight:200px; }
#index h1 a { display: block; text-indent: -9999em; width : 579px; height: 90px; margin: 0 auto; }
#index p#autodesk-link a { display: block; position: absolute; top: 90px; right: 40px; width: 190px; height: 24px; text-indent: -9999em; }

#index h2 { font-size: 1.2em; margin-bottom: 15px; }
#index h3 { font-size: 1.2em; }
#index h2 a { color: #fff; }
#index h2 a:hover { color: #999; }
#index p { color: #999999; }
#index .block { margin: 0; }
#index .block h2 { margin-top: 18px; margin-bottom: 24px; }
#index .block .min { margin-top:36px;margin-bottom: 0px; }
#index .block .feed { display: block; width: 14px; height: 15px; float: right; margin: 15px 10px 0 0; display: inline;}
#index .block .tab { margin-right: 20px;}

/* City search */

#index #what { float: left; width: 280px; xheight:400px; }

/* on the blog */
#index #on-the-blog { float: right; width: 280px; xheight:400px;}
#index #on-the-blog li { padding-bottom: 10px; }
#index #on-the-blog .avatar { float: left; width:40px; }
#index #on-the-blog .balloon { display: block; } /* { display: block; float: right; width: 200px; background: url(../images/arr.png) top left no-repeat; } */
#index #on-the-blog .balloon div { display: block; background: #1b1b1b; padding: 10px; } /* { display: block; width: 190px; float: right; background: #1b1b1b; } */
#index #on-the-blog .balloon div h3 { color: #ccc; margin-bottom: 3px; }
#index #on-the-blog .balloon div p { } /* { margin: 10px; } */
#index #on-the-blog a.balloon div p b {color:#0066cc; /* #e4b333;*/}
#index #on-the-blog .balloon:hover { background: url(../images/arr-hover.png) top left no-repeat; cursor: pointer; }
#index #on-the-blog .balloon:hover div { background: #2c2c2c; }

#full-width { display: block; background: #222222; b:#1b1b1b; padding: 20px; position:relative;}

/* scrollbar */
#scrollbar { display:block; overflow:hidden; width:840px;height:100px; white-space:nowrap;}
#scrollbar ul li { width:210px}
#scrollers { position: absolute; top:0;right:10px;}
#scrollers img {margin:15px 10px 0 0;curosr:hand;cursor:pointer;}

/* poster */
#index #poster { position: relative; height: 400px; margin-bottom: 20px; }
#index #poster img, #index #poster a { position: absolute;  }
.miniposter { float:left; width:23px; height:23px; margin-top:5px; margin-right:10px; }
.mediposter { float:left; width:55px; height:55px; margin-top:5px; margin-right:10px; }
.pkn { float:left; width:182px; height:100px; background:#1b1b1b; b:#2c2c2c; margin:0 4px; padding:10px; display:block;}
.pkn:hover { background: #2c2c2c; }
a .pkn { color:#fff; }
a .pkn b { font-size:1.2em; color:#0066cc; }
a h2.title { color:#ffffff; }
.clip { float:left; width:20px; height:7px; margin-top:5px; margin-right:5px; }