.grid .clearfix:before, .clearfix:after { content: ""; display: table; }
.grid .clearfix:after { clear: both; }
.grid .clearfix { zoom: 1; }

.grid .row { width: 994px; margin-left: 11px; }
.grid .master { width: 656px; float: left; }
.grid .sidebar { width: 308px; float: right; }

.grid .col { background: #ffffff; border: 5px solid #77c8c1; display: inline; float: left; margin-top: 52px; position: relative; width: 984px;  }
.grid .col.first { margin-top: 0; }
.grid .col.half { width: 467px; margin-right: 20px; }
.grid .col.third { width: 308px; margin-right: 20px; }
.grid .col.twothirds { width: 646px; margin-right: 0; }
.grid .col.fourth { width: 218px; margin-right: 20px; }
.grid .col.right { float: right; margin-right: 0; }
.grid .col.half.right { width: 487px; }
.grid .col.fixedheight { height: 279px; }
.grid .col.fixedheight2 { height: 199px; }

.grid .title { background: transparent url(../images/layout/live_header.png) no-repeat 0 0; display: inline; float: left; font-size: 30px; height: 52px; line-height: 45px; text-transform: uppercase; font-weight: bold; position: absolute; top: -40px; left: -5px; width: 250px;}
.grid .fourth .title { width: 150px; }
.grid .third .title { width: 250px; }
.grid .title span { background: transparent url(../images/layout/live_header.png) no-repeat center right; position: absolute; right: -15px; left: 15px; height: 52px; display: block; overflow: hidden;  }
.grid .title small { font-size: 20px; }
.grid .title.narrow { width: 150px; }

.grid .content { clear: both; padding: 15px 10px 10px; height: 100%; overflow: hidden; }
.grid .content .more { float: right; margin: 3px 0 0 0; }

.grid .nowonstage .stage { width: 111px; display: inline; float: left; margin: 10px 10px 10px 0; text-align: center; overflow: hidden; }
.grid .nowonstage .stage.right { float: right; margin-right: 3px; }
.grid .nowonstage .stage h3 { font-size: 20px; text-transform: uppercase; margin-bottom: 5px; }
.grid .nowonstage .stage p { font-weight: bold; margin-bottom: 5px; }

.grid .photos { padding-top: 20px; }
.grid .photos .photo { display: inline; float: left; margin: 0 10px 10px 0; }
.grid .photos .photo.right { margin-right: 0; }
.grid .photos .photo img { float: left; }

.grid .videos { padding-top: 20px; margin: 0 10px; }
.grid .videos { margin: 0; }
.grid .videos .video { display: inline; float: left; margin: 0 25px 25px 0; }
.grid .third .videos .video { margin: 0 20px 10px 0; }
.grid .videos .video.right { margin-right: 0; }
.grid .videos .video img { float: left; }

.grid .salonfou { height: 123px; }
.grid .cufonize { font-size: 50px; line-height: 92px; display: block; text-align: center; }

.grid .news .first,
.grid .news .second { display: inline; float: left; }
.grid .news .first { margin-right: 20px; }
.grid .news h2 { font-size: 20px; margin: 10px 0; }
.grid .news img { float: left; margin-right: 10px; }
.grid .news div div { float: right; width: 479px; }
.grid .news time,
.grid .news .reactions { padding-left:19px; padding-right: 10px; color: #009036; line-height: 19px; display: block; float: left; }
.grid .news time { background:url(../images/icons/calendar.gif) no-repeat left top; }
.grid .news .reactions { background:url(../images/layout/icon-sprite.png) no-repeat 0 -51px; }

.grid .list { padding-top: 20px; }
.grid .list img { float: left; margin: 0 10px 10px 0; }
.grid .list p.small { width: 233px; float: right; margin-bottom: 10px; }
.grid .list p a { color: #000; font-weight: bold; }
.grid .list time { font-style: italic; color: #999; }

.grid .location { padding: 30px 10px 20px 10px; }
.grid .location .icon { float: left; }
.grid .location .border { /*border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;*/ padding: 10px 0 0 10px; float: left; width: 193px; }
.grid .location p { float: left; color: #00b2c0; font-size: 14px; }
.grid .location .left { padding-right: 15px; padding-left: 35px; }
.grid .location .right { background: transparent url(../images/layout/live_checkins.png) no-repeat left center; padding-left: 30px;  }
.grid .location span { color: #b3b3b3; font-size: 12px; }

.grid .foursquare .icon { margin: 10px 0 0 10px; }
.grid .foursquare .left { background: transparent url(../images/layout/live_foursquare_mayor.png) no-repeat left center; }

.grid .gowalla .left { background: transparent url(../images/layout/live_gowalla_persons.png) no-repeat left center; padding-left: 40px; }

.grid .facebook .icon { margin: 10px 0 0 10px; }
.grid .facebook .left { background: transparent url(../images/layout/live_facebook_likes.png) no-repeat left center; padding-left: 40px; }

/*div#partners-slideshow { margin-top: 20px; }*/
/*.grid .sociallinks li { margin-bottom: 3px; }*/

div#top_wrapper { height: 500px; }
.homepage { margin-top: 10px !important; }
.homepage div { position: relative !important; }
.homepage #timeline { border: 5px solid #fff; background: #ffffff;  float: left; width: 729px; height: 171px; margin-left: 11px; overflow: hidden; position: relative; }
.homepage .proximus { border: 5px solid #fff; float: right; width: 225px; }
.homepage .proximus img { float: left; }
.homepage .proximus:hover { border-color: #000; }

div#timeline div.slider{ position:relative; z-index: 1; width:667px; margin-left: 1px; height:161px; overflow:hidden; float: left; border: 5px solid #000; background: #000; }
div#timeline ul{ width:8000px; overflow:hidden; position:absolute; right:0; }
div#timeline ul li{ background: #000; float:right; height:161px; border-left: 1px solid #999; padding: 0 5px; overflow: hidden; }
div#timeline ul li.now{  }

/* buttons */
div#timeline a.disabled{ background-color: #666 !important; }
div#timeline a.previous{ position:relative; z-index: 2; display: block; float: left; width:25px; height:171px; text-indent:-9000px; background:#00b2c0 url(../images/homepage/live_arrow_left.png) no-repeat center center; }
div#timeline a.next{ position:relative; z-index: 2; display:block; float: right; width:25px; height:171px; text-indent:-9000px; background:#00b2c0 url(../images/homepage/live_arrow_right.png) no-repeat center center; }
div#timeline a.next:hover,
div#timeline a.previous:hover { background-color: #000; }
div#timeline a.disabled:hover { background-color: #666 !important; cursor: pointer; }

div#timeline ul li div.title2{ width:100%; font-weight:bold; text-align:right; height:23px; line-height:23px; color: #fff; }

div#timeline ul li div.content{ clear:both; padding:6px; line-height:14px; color: #fff; }


/* image */
div#timeline ul li.image{ width: 191px; }
div#timeline ul li.image img{ border:1px solid #999; }
div#timeline ul li.image a:hover img{ border:1px solid #77c8c1; }

/* link */
div#timeline ul li.link{ max-width:180px; min-width:131px; }

/* quote */
div#timeline ul li.quote{ max-width:180px; min-width:131px; font-size: 14px; line-height: 21px; }





/* General Styles */
div.rows div.w_16{ width:157px; }
	div.rows div.w_16 div.addBorder{ width:127px; }

div.rows div.w_33{ width:325px; margin-right: 10px; }
div.rows div.w_33.last { margin-right: 0; }
	div.rows div.w_33 div.addBorder{ width:315px; }
	div.rows div.w_33 div.addBorder.doublePadding{ width:295px; }
	div.rows div.w_33 div.defaultPadding{ width:295px; }
	
div.rows div.w_66{ width:660px; }
	div.rows div.w_66 div.addBorder{ width:650px; }
	div.rows div.w_66 div.defaultPadding{ width:248px; }

div.rows div.w_100{ width:995px; }
	div.rows div.w_100 div.addBorder{ width:975px; }
	
div.rows div.w_33 div.title { font-size: 18px; line-height: 22px; padding-top: 15px; }


/* video */
div.stickyheight{ height: 270px;}

/* pictures */
div.rows div.w_33 div.photoPadding{ width:300px; padding: 5px 10px 6px 8px; }
div.rows div.w_33 div.photoPadding ul.thumbList li{ margin: 2px 8px 10px 2px; }

/* news */
div.rows div.w_66 ul.newsList li{ width:309px; float: left; height: 127px; overflow: hidden; padding:7px 8px; }
div.rows div.w_66 ul.newsList li p{ margin:0; float: left; width:230px;  }
div.rows div.w_66 ul.newsList li ul.actions{ float: left; clear: both; }
div.rows div.w_66 ul.newsList li ul.actions li.button{ height: 20px; margin: 0px 0px 0px 63px!important;}

div.rows div.w_100 ul.newsList li{ width:312px; float: left; height: 127px; overflow: hidden; padding:7px 8px; }
div.rows div.w_100 ul.newsList li p{ margin:0; float: left; width:230px;  }
div.rows div.w_100 ul.newsList li ul.actions{ float: left; clear: both; }
div.rows div.w_100 ul.newsList li ul.actions li.button{ margin: 0px 0px 0px 72px!important; padding:0px;}

ul.meta { margin:0; overflow:hidden; width:230px; float: left; }
ul.meta li { color:#65BAC6; line-height:17px; margin-bottom:3px; }
ul.meta li.date { background:url("../images/icons/calendar.gif") no-repeat scroll left top transparent; padding-left:19px; height: 20px!important; margin-bottom: 0px; padding: 0 0 0 20px!important; }
div.rows div.w_66 ul.newsList li h3 { margin-bottom: 5px;}

/* twitter */
div.rows div.w_33 ul.newsList li { height: 60px; position: relative; text-align:left;}
div.rows div.w_33 ul.newsList li small{ position: absolute; bottom: 8px; left: 10px; background: #FFF;  padding-top: 3px; width: 295px;}
div.rows div.w_33 ul.newsList li.odd small{ background: #EFEFEF;}

/* Social */
div.rows div.w_16 ul.sociallinks {width: 100%;}
div.rows div.w_16 ul.sociallinks li a{width: 100%;}


div.rows div.w_33 div#partners-slideshow { margin:50px auto;}


div.row_200 div.col div.box div.content{ height: 200px;}
div.rows div.w_33  ul.actions li.button { float: right;}
div.rows div.w_33  ul.actions li.button  a{ padding:10px 7px 0;}


div.rows div.w_100  ul.actions li.button  a{ padding:10px 7px 0;}

div.content ul.contenttabs{ padding-left:10px; }