@charset "utf-8";
/* CSS Document */

<style>

body {
	margin:0;
	padding:0;
	background:#e1e1e1;
	font:80% Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#555;
	line-height:180%;
}
a{color:#3c70d0;}
h1{
	font-size:180%;
	font-weight:normal;
	margin:0 20px;
	padding:1em 0;
	}
h2{
	font-size:160%;
	font-weight:normal;
	}	
h3{
	font-size:140%;
	font-weight:normal;
	}	
img{border:none;}
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	width:500px;
	}	
	
#container{
	margin:0 auto;
	text-align:left;
	width:700px;
	background:#fff;
	}
#main{
	float:left;
	display:inline;
	width:380px;
	margin-left:20px;	
	}
#side{
	float:left;
	display:inline;
	width:260px;
	margin-left:20px;
	}	
#footer{
	clear:both;
	padding:1em 0;
	margin:0 20px;
	}


/* Tag cloud */

	#tags ul{
	margin:1em 0;
	padding:.5em 10px;
	text-align:center;
	background-color: #71b5e9;
	background-image: url(../ibluesky/bg_tags.gif);
	background-repeat: repeat-x;
		}
	#tags li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		}
	#tags li a{
		text-decoration:none;
		color:#fff;
		padding:0 2px;	
		}
	#tags li a:hover{	
		color:#cff400;
		}		
	
	.tag1{font-size:100%;}
	.tag2{font-size:120%;}
	.tag3{font-size:140%;}
	.tag4{font-size:160%;}
	.tag5{font-size:180%;}
	
	/* alternative layout */

	#tags .alt{
		text-align:left;
		padding:0;
		background:none;
		}
	#tags .alt li{
		padding:2px 10px;
		background:#efefef;
		display:block;
		}
	#tags .alt .tag1, 
	#tags .alt .tag2, 
	#tags .alt .tag3, 
	#tags .alt .tag4, 
	#tags .alt .tag5{font-size:100%;}
	#tags .alt .tag1{background:#7cc0f4;}
	#tags .alt .tag2{background:#67abe0;}
	#tags .alt .tag3{background:#4d92c7;}
	#tags .alt .tag4{background:#3277ad;}
	#tags .alt .tag5{background:#266ca2;}
	
	.btn{display:block;}
	
/* // Tag cloud */

</style>