/* This is the main layout */
body {font: normal 83% sans-serif;}
a {color: #0000ff;}
h3 {margin: 0; margin-bottom: 8px;}

#outside {
	margin: auto;
	width: 900px;
	border: solid 1px #cccccc;
}

#permlink {margin: 0; padding: 2px; text-align: right; border: solid 1px #ffffff;}
#permlink a {margin-left: 5px; margin-right: 5px;}

#header {margin: 0; padding: 0; border: solid 1px #ffffff;}
#header h1 {margin: 0; padding: 5px;}

#topnav {margin: 0; margin-bottom: 10px; padding: 5px; border: solid 1px #ffffff;}
#topnav a {padding: 3px;}

#left {
	float: left;
	width: 250px;
	border: solid 1px #ffffff;
}

#middle {
	margin-left: 252px;
	margin-right: 302px;
	border: solid 1px #ffffff;
}

#right {
	float: right;
	width: 300px;
	border: solid 1px #ffffff;
}

#footer {
	clear: both;
	margin: 0;
	border: solid 1px #ffffff;
}
#footer h5 {
	margin: 0;
	font-size: x-small;
	text-align: center;
}

.box {
	width: 94%;
	margin: auto;
	margin-bottom: 10px;
	padding: 5px;
	border: solid 1px #666666;
}

/* These are used to colorize the page */
body {background-color: #d1d1d1;}
h3 {
	color: #666;
	padding-bottom: 3px;
	border-bottom: solid 2px #cccccc;
}
h5 {padding-left: 5px; color: #5a6156;}

#outside{
	background-color: #FFF;
	border: solid 1px #aaaaaa;
	color: #333;
	font-family: sans-serif;
}

#permlink{
	border: solid 1px #30392c;
	background-color: #5a6156;
}
#permlink a {text-decoration: none; color: #d5ddcd;}
#permlink a:hover {text-decoration: underline;}

#header{
	border: solid 1px #781000;
	background-color: #FF9900;
}
#header h1 {color: #d5ddcd;}

#topnav {
	border: solid 1px #5a6156;
	background-color: #5a6156;
	font-size: 14px;
}
#topnav a {border: solid 1px #5a6156; text-decoration: none; background-color: #5a6156; color: #d5ddcd;}
#topnav a:hover {border: solid 1px #d5ddcd; background-color: #d5ddcd; color: #781000;}

#left {
	border: 1px solid #FFF;
}

#middle {
	border: 1px solid #FFF;
}

#right {
	border: 1px solid #FFF;
}

#footer {border: solid 1px #d5ddcd;}

.box {
	background-color: #ffffff;
	border: solid 1px #cccccc;
}
.box a {text-decoration: none; color: #781000;}
.box a:hover {text-decoration: underline;}
.box ul {margin: 0; padding-left: 15px; list-style: circle;}
#left_2 {
	float: left;
	width: 400px;
	border: solid 1px #ffffff;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#right_2 {
	float: right;
	width: 370px;
	border: solid 1px #ffffff;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#header_2 {
	padding: 0;
	border: solid 1px #ffffff;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
}
#middle_2 {
	border: 1px none #ffffff;
	margin: auto;
	width: 450px;
}

/* Tag cloud */

	.tags ul{
	margin:1em 0;
	padding:.5em 10px;
	text-align:center;
	background-image: url(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-color: #7cc0f4;
}
	.tags .alt .tag2{background:#67abe0;}
	.tags .alt .tag3{background:#4d92c7;}
	.tags .alt .tag4{background:#3277ad;}
	.tags .alt .tag5{background:#266ca2;}
	
/* // Tag cloud */

#middle_3 {
	border: 1px none #ffffff;
	margin: auto;
	width: 900px;
	font-size: 12px;
}