html, body { height:100%; }
body {
	background: #666 url(images/bg.jpg) repeat-y;
	color: #333;
	margin: 0;
	padding: 0;
}
body, td, th, textarea, checkbox, input, radio, select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;	
}
a { color:#3b5998; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }
h1, h2, h3 { 
	font-family: 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
	margin: 0; padding: 0; 
}

#container { margin:10px 20px; width:600px; }
#header { text-align:right; }
#header h1 { font-size:large; color:#fff; padding-right:10px; margin-bottom:-4px; }
#bloglink h2 { font-size:xx-large; }

#badges-left { 
	background:url(images/fb-badges-left.png) no-repeat; 
	float:left;
	width:35px;
	height:320px;
}
#badges-right { 
	background:url(images/fb-badges-right.png) no-repeat; 
	float:left;
	width:10px;
	height:320px;
}
#badges {
	background:#fff; 
	float:left;
	width:555px;
	padding-top:5px;
}
#badges .fb-badge {
	height:100px;
	padding:0 0 5px 5px;
	overflow:hidden;
}
#badges .fb-badge .picture {
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
}
#badges .fb-badge .picture img { 
	border:none; 
	float:left;
	width:100px;
	min-height:100px;
	background:#000;
}
#badges .fb-badge .info { margin-left:110px; }
#badges .fb-badge .info .wall .img { margin-top:3px; float:left; }
#badges .fb-badge .info .wall .post { margin-top:3px; }
#badges .fb-badge .info .wall .date { margin-top:3px; color:#999; }

#blog { clear:left; padding-top:20px; height:76px; cursor:pointer; }
#bloglink { background:#000; padding:10px 0; float:left; width:640px; }
#bloglink .action {
	float:left;
	width:150px;
	color:#3b5998;
	font-size:large;
	text-align:center;
	margin: 5px 40px 0 30px;
}
#bloglink h2 { color: #fff; text-decoration: none; }
#bloglink .description { color: #ccc; }
#bloglink-arrow { display:block; background:url(images/blog-arrow.png) no-repeat; width:43px; height:76px; margin-left:630px; }

#prevsite { height:100%; }
#prevsite iframe { width:100%; height:100%; }
#prevsites { margin:20px 0 0 20px; }
#prevsites h2 { font-size:normal; margin-bottom:10px; }
#prevsites .site { width:600px; height:110px; overflow:hidden; margin-bottom:10px; cursor:pointer; }
#prevsites .site .image { float:left; }
#prevsites .site .image { display:block; width:160px; height:100px; background-position:top; background-repeat:no-repeat; }
#prevsites .site .info { margin-left:170px; color:#777; text-align:justify; }
#prevsites .site strong { color:#3b5998; }
#siteimg-1 { background-image:url(images/web-archive-v-1.jpg); }
#siteimg-2 { background-image:url(images/web-archive-v-2.jpg); }
#siteimg-3 { background-image:url(images/web-archive-v-3.jpg); }
#siteimg-4 { background-image:url(images/web-archive-v-4.jpg); }