Results of the CSS crunched for www.bestcssvault.com

Let's see what we've done for www.bestcssvault.com

CSSCruncher.com has crunched this CSS to
17.58 %Less Size! Woohooo!

Crunched CSS code:

body{background:#22262a;font-family:Trebuchet MS;font-size:12px;color:#848588}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
h1{font-size:22px;color:#7fc7eb;padding-bottom:5px}
#mainMenu{background:url(images/upper_menu_rpt.gif) repeat-x;height:38px}
#menu-wrapper{list-style-type:none;margin:0}
#menu-wrapper li{display:block;float:left;border-right:1px solid #48494a;padding:10px 14px 10px 14px}
#menu-wrapper li a{text-decoration:none;text-align:center;color:#848588}
#menu-wrapper li a:hover{color:#5eb2e5;text-decoration:none}
#menu-wrapper .current_page_item{background-color:#48494a;border-right:none;margin-left:-1px}
#menu-wrapper .first{margin-left:0}
#menu-wrapper .current_page_item a{color:white}
#mainMenuContent{width:968px;margin:0 auto}
#mainHeader{margin:0 auto;width:968px;background:url(images/header_back.gif) no-repeat;height:235px;clear:both}
#logo{padding:15px;float:left}
.a468Ad{padding:60px;padding-top:40px;text-align:right;float:right}
#mainContent{margin:0 auto;width:968px;clear:both}
#contentLeft{width:350px;float:left}
#contentRight{width:615px;float:right}
.ad125{padding:5px;float:left}
.links{list-style-type:none;padding:0;margin:0;color:#0d2f37}
#contentLeft li{background:url(images/arrow.gif) no-repeat 0px 10px;padding-top:5px;padding-left:15px;border-bottom:1px solid #393d41;line-height:20px;width:260px}
#contentLeft li a{text-decoration:none;color:#848588}
#contentLeft li a:hover{text-decoration:none;color:#7fc7eb}
.gallery{width:282px;height:236px;background:url(images/gallery_rpt.gif) repeat-x;border:1px solid #393d41;margin-bottom:25px}
.galleryInner{width:264px;height:180px;margin:7px}
.galleryInner a img{border:2px solid #393d41}
.galleryInner a:hover img{border:2px solid #a9aeb3}
.galleryInner p a{text-decoration:none;color:#7fc7eb;font-size:13px}
.galleryInner p{padding-top:1px}
.galleryInner p a:hover{text-decoration:none;color:#5cba4a}
.galleryBig{width:615px;height:525px;background:url(images/galleryBig_rpt.gif) repeat-x;border:1px solid #393d41;margin-bottom:25px}
.galleryInnerBig{width:595px;height:400px;padding:8px}
.galleryInnerBig img{border:2px solid #393d41}
.galleryInnerBig p a{text-decoration:none;color:#7fc7eb;font-size:13px}
.galleryInnerBig p{padding-top:1px}
.galleryInnerBig p a:hover{text-decoration:none;color:#5cba4a}
.floatRight{float:right}
.floatLeft{float:left}
.commentBox{width:41px;height:27px;background:url(images/comment_box.gif) no-repeat;margin:3px;padding-top:3px;font-size:14px;font-weight:bold;color:#9d9c9c;text-align:center}
.commentBox a{font-weight:bold;color:#9d9c9c;text-align:center;text-decoration:none}
.commentBox a:hover{color:#ffffff;text-decoration:none}
.pageNumber{clear:both}
.pageNumber a{border:1px solid #3e4144;text-decoration:none;padding:10px;color:#5e6063;display:inline-block}
.pageNumber a:hover{border:1px solid #aeb4ba;text-decoration:none;background:#5e646a;color:#000000}
.pageNumberSelected{border:1px solid #aeb4ba;background:#5e646a;color:#000000;padding:10px;display:inline-block}
#footer{background:url(images/bottom_rpt.gif) repeat-x;height:59px;clear:both}
#footerContent{width:968px;margin:0 auto;height:59px;display:block}
.gglAd{padding-top:20px;float:left}
.gglAd a{padding-right:10px;text-decoration:underline;color:#848588}
.gglAd a:hover{text-decoration:none;color:#999}
.Ads{float:right;padding-top:10px}
.Ads a img{width:16px;height:16px;border:1px solid #3e4144;background:#22262a}
.Ads a:hover img{border:1px solid #aeb4ba}
#copyright{width:968px;margin:0 auto;text-align:right;padding-top:5px;padding-bottom:5px}
#copyright a{color:#848588;text-decoration:none}
#copyright a:hover{color:#ddd;text-decoration:none}
.commentBoxMain{padding:10px;background:#090b0d;border:1px solid #3e4144;width:595px;text-align:left;color:#888;font-weight:normal;height:auto;font-size:12px}
.commentBoxMain li{list-style:none}
.commentBoxMain a{font-size:12px;color:#3e4144;text-decoration:none}
.commentBoxMain a:hover{color:#bbbbbb;text-decoration:none}
.commentReply{border:1px solid #3e4144;color:#888;font-size:12px;margin:5px;padding:3px;background:#22262a;width:250px;margin-left:0px}
.commentReplyBtn{border:1px solid #3a8eb8;color:#3e4144;font-size:12px;background:#7fc7eb;padding:5px;cursor:pointer;font-weight:bold}
#screenshot{position:absolute;border:1px solid #333;background:#333;padding:5px;display:none;color:#fff}

» Show original CSS code

« Hide original CSS code

body {background:#22262a; font-family:Trebuchet MS; font-size:12px; color:#848588;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;padding:0;}
fieldset,img {border:0;}
h1{ font-size:22px; color:#7fc7eb; padding-bottom:5px;}

#mainMenu
{
	background:url(images/upper_menu_rpt.gif) repeat-x; 
	height:38px;
}
#menu-wrapper {
		list-style-type: none;
		margin: 0;
	}
	#menu-wrapper li {
		display: block;
		float: left;
		border-right: 1px solid #48494a;
		padding: 10px 14px 10px 14px;
		
	}
		#menu-wrapper li a {
			text-decoration: none;
			text-align:center;color:#848588;
		}
		#menu-wrapper li a:hover {
			color:#5eb2e5;
	text-decoration:none;
		}
		#menu-wrapper .current_page_item {
			background-color: #48494a;
			border-right: none;
			margin-left: -1px;
		}
		#menu-wrapper .first {
			margin-left: 0;
		}
		#menu-wrapper .current_page_item a {
			color: white;
		}
#mainMenuContent{
	width:968px;
	margin:0 auto;
	
}
/*
#mainMenuContent a{
	list-style:none;
	text-decoration:none;
	padding-top:10px;
	display:block;
	height:29px;
	font-weight:bold;
	float:left; width:80px;
	text-align:center;color:#848588;
}
#mainMenuContent a:hover{
	color:#e0e0e0;
	text-decoration:none;
	background:url(images/menu_hover_rpt.gif) repeat-x;
}
#mainMenuContentSelected {
	color:#e0e0e0;
	text-decoration:none;
	background:url(images/menu_hover_rpt.gif) repeat-x;
	padding-bottom:8px;
	display:block;
	height:29px;
	font-weight:bold;
	width:80px;
	float:left;
	text-align:center;
}
*/
#mainHeader{
	margin:0 auto; 
	width:968px; 
	background:url(images/header_back.gif) no-repeat; 
	height:235px; 
	clear:both;
}
#logo{
	padding:15px;
	float:left;
	}
.a468Ad{
	padding:60px;
	padding-top:40px;
	text-align:right;
	float:right;
	}
#mainContent{
	margin:0 auto; 
	width:968px;
	clear:both;
}
#contentLeft {
 	width:350px;
	float:left;
	}
#contentRight{	
	width:615px;
	float:right;
	}
.ad125{
	padding:5px;
	float:left;
	}
.links{list-style-type:none; padding:0;margin:0; color:#0d2f37;}
#contentLeft li{background:url(images/arrow.gif) no-repeat 0px 10px; padding-top:5px;padding-left:15px; border-bottom:1px solid #393d41; line-height:20px; width:260px;}
#contentLeft li a{text-decoration:none; color:#848588;}
#contentLeft li a:hover{text-decoration:none; color:#7fc7eb;}

.gallery{width:282px; height:236px; background:url(images/gallery_rpt.gif) repeat-x; border:1px solid #393d41; margin-bottom:25px;}
.galleryInner{width:264px; height:180px;margin:7px;}
.galleryInner a img {border:2px solid #393d41;}
.galleryInner a:hover img {border:2px solid #a9aeb3;}
.galleryInner p a{text-decoration:none; color:#7fc7eb; font-size:13px;}
.galleryInner p{padding-top:1px;}
.galleryInner p a:hover{text-decoration:none; color:#5cba4a;}

.galleryBig{width:615px; height:525px; background:url(images/galleryBig_rpt.gif) repeat-x; border:1px solid #393d41; margin-bottom:25px;}
.galleryInnerBig{width:595px; height:400px;padding:8px;}
.galleryInnerBig img {border:2px solid #393d41;}

.galleryInnerBig p a{text-decoration:none; color:#7fc7eb; font-size:13px;}
.galleryInnerBig p{padding-top:1px;}
.galleryInnerBig p a:hover{text-decoration:none; color:#5cba4a;}

.floatRight{float:right;}
.floatLeft{float:left;}

.commentBox{width:41px; height:27px; background:url(images/comment_box.gif) no-repeat; margin:3px; padding-top:3px; font-size:14px; font-weight:bold; color:#9d9c9c; text-align:center;}
.commentBox a{font-weight:bold; color:#9d9c9c; text-align:center; text-decoration:none;}
.commentBox a:hover{color:#ffffff;text-decoration:none;}

.pageNumber{clear:both;} 
.pageNumber a{border:1px solid #3e4144; text-decoration:none; padding:10px; color:#5e6063; display:inline-block;}
.pageNumber a:hover{ border:1px solid #aeb4ba; text-decoration:none; background:#5e646a; color:#000000;}
.pageNumberSelected{ border:1px solid #aeb4ba;background:#5e646a; color:#000000;padding:10px;display:inline-block;}

#footer
{
	background:url(images/bottom_rpt.gif) repeat-x; 
	height:59px;
	clear:both;
	
}
#footerContent{
	width:968px;
	margin:0 auto;
	height:59px;
	display:block;
}

.gglAd{padding-top:20px; float:left;}
.gglAd a{padding-right:10px; text-decoration:underline; color:#848588;}
.gglAd a:hover{text-decoration:none; color:#999;}

.Ads{float:right; padding-top:10px;}
.Ads a img{width:16px; height:16px; border:1px solid #3e4144; background:#22262a;}
.Ads a:hover img{border:1px solid #aeb4ba;}

#copyright{
	width:968px;
	margin:0 auto;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
}
#copyright a{
	color:#848588;
	text-decoration:none;
}
#copyright a:hover{
	color:#ddd;
	text-decoration:none;
}

.commentBoxMain {padding:10px; background:#090b0d; border:1px solid #3e4144; width:595px; text-align:left; color:#888; font-weight:normal; height:auto; font-size:12px;}
.commentBoxMain li{list-style:none;}
.commentBoxMain a{font-size:12px; color:#3e4144; text-decoration:none;}
.commentBoxMain a:hover{color:#bbbbbb; text-decoration:none;}

.commentReply{border:1px solid #3e4144;color:#888;font-size:12px; margin:5px; padding:3px; background:#22262a; width:250px; margin-left:0px;}
.commentReplyBtn{border:1px solid #3a8eb8;color:#3e4144;font-size:12px;background:#7fc7eb;padding:5px; cursor:pointer; font-weight:bold;}

#screenshot{
	position:absolute;
	border:1px solid #333;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}