Results of the CSS crunched for bebo.com

Let's see what we've done for bebo.com

CSSCruncher.com has crunched this CSS to
21.21 %Less Size! That's Incredible!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

#intro-text{padding-top:10px;margin-bottom:1em}
#intro-text a{color:#ed1111}
#intro-text a:hover{color:#8f1111}
#main-container{position:relative;width:780px;margin:auto}
#main-container.960{width:960px}
#column-left{position:relative;left:0px;width:440px;margin-right:1em;float:left}
#column-right{position:relative;top:0px;right:0px;width:320px;float:right}
#login-box{background-color:transparent;background-image:url(http://s.bebo.com/img/page/login-box.gif);background-position:top left;background-repeat:no-repeat;height:158px;padding-left:22px;padding-right:22px;margin:0 0 1.5em 0}
#login-box h2{font-size:131%;font-weight:bold;color:#ed1111;margin:0;padding-top:18px}
#login-box #login-form{margin:10px 0 0 0;_margin:5px 0 0 0;.margin:5px 0 0 0}
#login-box #login-form td{vertical-align:middle;color:#666}
#login-box #login-form #login-button{float:right;height:22px}
#login-box #login-form #RememberMe{vertical-align:middle}
#login-box #remember-field{padding-top:6px;font-size:85%}
#login-box #remember-field label{line-height:20px}
#login-box #remember-field label:hover{color:#444}
#login-box a.lost-password, #login-box a.lost-password:link, #login-box a.lost-password:visited{float:right;margin-top:18px;color:#999;font-size:85%}
#login-box a.lost-password:hover, #login-box a.lost-password:active{color:#444}
#login-box #login-form #username{margin-right:10px}
#login-box #login-form .field{border:1px solid #bbb;float:left;width:125px;font-size:85%;color:#888;padding:3px}
#login-box #aol-login-links{padding:8px 0px 0px 0px}
#login-box #aol-login-links a, #login-box #aol-login-links a:link, #login-box #aol-login-links a:visited{font-size:85%;text-decoration:none;color:#666}
#login-box #aol-login-links a:hover, #login-box #aol-login-links a:active{text-decoration:underline;color:#444}
#login-box #login-links{margin-top:20px;color:#ccc;font-size:85%}
#login-box #login-links a:link, #login-box #login-links a:visited{color:#ccc;text-decoration:none}
#login-box #login-links a:hover, #login-box #login-links a:active{color:#eee;border-bottom:1px solid #565656}
#login-box #login-links #more-info{float:right}
#login-box #login-links #more-info a{border-bottom:1px solid #565656}
#find-friends{position:relative;margin:1.2em 0 1em 0;background-color:transparent;background-image:url(http://s.bebo.com/img/page/whats-hot_20071127.png);background-position:top left;background-repeat:no-repeat;padding-left:168px;padding-top:4px;height:48px;color:#888}
#find-friends h2{position:absolute;color:#ddd;left:20px;top:-2px;margin:0px;padding:15px 0px}
#find-friends h3, #find-friends h4{margin:0;font-weight:normal;line-height:21px}
#find-friends h3{font-size:131%}
#find-friends h4{font-size:116%}
#find-friends h4 a{color:#ED1111;margin-right:18px}
#find-friends h4 a:hover{color:#8f1111}
#whats-hot, #content #whats-hot{position:relative;margin:1.2em 0 1em 0;margin-top:0;background-color:transparent;background-image:url(http://s.bebo.com/img/page/whats-hot_20071127.png);background-position:top left;background-repeat:no-repeat;padding-left:154px;padding-top:4px;height:48px;color:#888}
#whats-hot h2, #content #whats-hot h2{position:absolute;font-size:153.9%;font-weight:normal;color:#ddd;left:20px;top:-2px;margin-top:15px}
#whats-hot h3, #whats-hot h4, #content #whats-hot h3, #content #whats-hot h4{margin:0;font-weight:normal;line-height:21px}
#whats-hot h3{font-size:131%}
#whats-hot h4{font-size:116%}
#whats-hot h4 a, #content #whats-hot h4 a{color:#ED1111;margin-right:10px}
#whats-hot h4 a:hover, #content #whats-hot h4 a:hover{color:#8f1111}
.fr #whats-hot h4 a{margin-right:9px}
.es #whats-hot h4 a{margin-right:11px}
#videoViewer{background-color:#2C2C2C;height:282px;position:relative;width:394px;color:#FFF;padding:0;margin:1.5em 0}
#videoViewer #videoContainer{position:absolute;right:13px;top:15px;overflow:hidden;height:264px;width:300px;border:2px solid #AAA}
#column-left .content{position:relative;margin:1em 0;clear:both}
#column-left .content H2, #content #column-left .content H2{margin-top:0px;padding-top:1.2em;*padding-top:0px;font-size:1.4em;font-weight:normal}
#column-left .content h2 a{text-decoration:none;color:inherit}
#column-left .content h2 a:hover{color:#4166af}
#c-site-index .content h2 a{text-decoration:none;color:#333333}
#c-site-index .content h2 a:hover{color:#ed1111}
#column-left .content img{float:left;margin:0 10px 5px 0}
#column-left .content p img{float:none;margin:0 4px 0 0;vertical-align:middle}
#column-left .content h4.right{padding-top:1em;text-align:center;color:#aaa;font-weight:normal;font-size:77%;margin-top:5px;float:right;width:155px;padding-right:30px}
#column-right h4.right{text-align:right;color:#aaa;font-weight:normal;font-size:80%;margin-top:2px;float:right;width:155px;padding-right:0}
#column-right .content h2, #content #column-right .content h2{font-weight:normal;font-size:1.4em}
#whatsNew img.avatar{float:left;margin:0 10px 5px 0}
#whatsNew p{margin:10px}
#safety p{margin:10px}
#safety img.avatar{float:left;margin:0 10px 5px 0}
#sponsored-videos img.play{position:absolute;left:16px;top:20px;background-image:none;width:28px;height:22px;opacity:.7;filter:alpha(opacity=70);-moz-opacity:0.7}
#who-on ul.thumbs LI{height:120px;margin-bottom:1em}

» Show original CSS code

« Hide original CSS code

/******* BEGIN: Including default.css *******/

/* Intro Box */
#intro-text {padding-top:10px; margin-bottom:1em;}
#intro-text a { color: #ed1111; }
#intro-text a:hover { color: #8f1111; }

/* Main Container - Layout Items */
#main-container {
   position:  relative;
   width: 780px;
   margin: auto;
}
#main-container.960 {width: 960px;}

#column-left {
   position: relative;
   left: 0px;
   width: 440px;
   margin-right: 1em;
   float:left;
}

#column-right {
   position: relative;
   top: 0px;
   right: 0px;
   width: 320px;
   float:right;
}

/* Login Box */
#login-box {
   background-color: transparent;
   background-image: url(http://s.bebo.com/img/page/login-box.gif);
   background-position: top left;
   background-repeat: no-repeat;
   height: 158px;
   padding-left: 22px;
   padding-right: 22px;
   margin: 0 0 1.5em 0;
}

#login-box h2 {
   font-size: 131%;
   font-weight: bold;
   color: #ed1111;
   margin: 0;
   padding-top: 18px;
}

#login-box #login-form {
   margin: 10px 0 0 0;
   /* IE 6 Hack */ _margin: 5px 0 0 0;
   /* IE 7 Hack */ .margin: 5px 0 0 0;
}

#login-box #login-form td {
   vertical-align: middle;
   color: #666;
}

#login-box #login-form #login-button {
   float: right;
   height: 22px;
}

#login-box #login-form #RememberMe {
   vertical-align: middle;
}

#login-box #remember-field {
   padding-top: 6px;
   font-size: 85%;
}

#login-box #remember-field label {
   line-height: 20px;
}
#login-box #remember-field label:hover {
   color: #444;
}

#login-box a.lost-password,
#login-box a.lost-password:link,
#login-box a.lost-password:visited {
   float: right;
   margin-top: 18px;
   color: #999;
   font-size: 85%;
}

#login-box a.lost-password:hover,
#login-box a.lost-password:active {
   color: #444;
}

#login-box #login-form #username {
   margin-right: 10px;
}

#login-box #login-form .field {
   border: 1px solid #bbb;
   float: left;
   width: 125px;
   font-size: 85%;
   color: #888;
   padding: 3px;
}

#login-box #aol-login-links {
   padding: 8px 0px 0px 0px;
}

#login-box #aol-login-links a,
#login-box #aol-login-links a:link,
#login-box #aol-login-links a:visited {
   font-size: 85%;
   text-decoration: none;
   color: #666;
}

#login-box #aol-login-links a:hover,
#login-box #aol-login-links a:active {
	text-decoration: underline;
	color: #444;
}

#login-box #login-links {
   margin-top: 20px;
   color: #ccc;
   font-size: 85%;
}

#login-box #login-links a:link,
#login-box #login-links a:visited {
   color: #ccc;
   text-decoration: none;
}

#login-box #login-links a:hover,
#login-box #login-links a:active {
   color: #eee;
   border-bottom: 1px solid #565656;
}

#login-box #login-links #more-info {
   float: right;
}

#login-box #login-links #more-info a {
   border-bottom: 1px solid #565656;
}

/* Find Friends Banner */
#find-friends {
   position: relative;
   margin: 1.2em 0 1em 0; /**/
   background-color: transparent;
   background-image: url(http://s.bebo.com/img/page/whats-hot_20071127.png);
   background-position: top left;
   background-repeat: no-repeat;
   padding-left: 168px;
   padding-top: 4px;
   height: 48px;
   color: #888;
}
#find-friends h2 {
   position: absolute;
   color: #ddd;
   left: 20px;
   top: -2px;
   margin: 0px;
   padding: 15px 0px;
}
#find-friends h3,
#find-friends h4 {
   margin: 0;
   font-weight: normal;
   line-height: 21px;
}

#find-friends h3 {
   font-size: 131%;
}

#find-friends h4 {
   font-size: 116%;
}

#find-friends h4 a { color: #ED1111; margin-right: 18px;}
#find-friends h4 a:hover { color: #8f1111;}

/* What's Hot Banner */
#whats-hot,
#content #whats-hot {
   position: relative;
   margin: 1.2em 0 1em 0; /**/
   margin-top:0;
   background-color: transparent;
   background-image: url(http://s.bebo.com/img/page/whats-hot_20071127.png);
   background-position: top left;
   background-repeat: no-repeat;
   padding-left: 154px;
   padding-top: 4px;
   height: 48px;
   color: #888;
}
#whats-hot h2,
#content #whats-hot h2 {
   position: absolute;
   font-size:153.9%;
   font-weight:normal;
   color: #ddd;
   left: 20px;
   top: -2px;
   margin-top:15px;
}
#whats-hot h3,
#whats-hot h4,
#content #whats-hot h3,
#content #whats-hot h4 {
   margin: 0;
   font-weight: normal;
   line-height: 21px;
}

#whats-hot h3 {
   font-size: 131%;
}

#whats-hot h4 {
   font-size: 116%;
}

#whats-hot h4 a,
#content #whats-hot h4 a { color: #ED1111; margin-right: 10px;}
#whats-hot h4 a:hover,
#content #whats-hot h4 a:hover { color: #8f1111;}

.fr #whats-hot h4 a {margin-right:9px;}
.es #whats-hot h4 a {margin-right:11px;}

/* Watch Videos */

#videoViewer {
   background-color:#2C2C2C; 
   height: 282px; 
   position: relative; 
   width: 394px;
   color: #FFF;
   padding: 0;
   margin: 1.5em 0;
}

#videoViewer #videoContainer {
   position: absolute;
   right: 13px;
   top: 15px;
   overflow: hidden;
   height: 264px;
   width: 300px;
   border: 2px solid #AAA;
}

/* Profiles and Music */

#column-left .content {
   position: relative;
   margin: 1em 0;
   clear: both;
}

#column-left .content H2,
#content #column-left .content H2 {
    margin-top:0px;
    padding-top:1.2em;
    *padding-top:0px;
    font-size:1.4em;
    font-weight:normal;
}

#column-left .content h2 a {
   text-decoration: none;
   color: inherit;
}
#column-left .content h2 a:hover {
  color: #4166af;
}

#c-site-index .content h2 a {
   text-decoration: none;
   color: #333333;
}
#c-site-index .content h2 a:hover {
   color: #ed1111; 
}

#column-left .content img {
   float: left;
   margin: 0 10px 5px 0;
}
#column-left .content p img {
	float:none;
	margin:0 4px 0 0;
	vertical-align:middle;
}

#column-left .content  h4.right {
   padding-top: 1em;
   text-align: center;
   color: #aaa;
   font-weight: normal;
   font-size: 77%;
   margin-top: 5px;
   float: right;
   width: 155px;
   padding-right: 30px;
}
#column-right h4.right  {
   text-align: right;
   color: #aaa;
   font-weight: normal;
   font-size: 80%;
   margin-top: 2px;
   float: right;
   width: 155px;
   padding-right: 0;
}
#column-right .content h2,
#content #column-right .content h2 {
	font-weight:normal;
	font-size:1.4em;}

#whatsNew img.avatar {
   float: left;
   margin: 0 10px 5px 0;
}
#whatsNew p {
   margin: 10px;
}

#safety p {
   margin: 10px;
}
#safety img.avatar {
   float: left;
   margin: 0 10px 5px 0;
}

#sponsored-videos img.play {
   position: absolute;
   left: 16px;
   top: 20px;
   background-image: none;
   width: 28px;
   height: 22px;
   opacity: .7;
   filter: alpha(opacity=70); 
   -moz-opacity: 0.7;
}

#who-on ul.thumbs LI { height:120px; margin-bottom:1em;}
/******* END: Including default.css *******/

Some information about this website:

URL: http://bebo.com/
CSS URL: http://s.bebo.com/css/default.css
Charset: utf-8
Title: www.bebo.com