#columnMiddle {
color:#FFFFFF;
height:100%;
left:530px;
margin:0;
padding:20px 0 0;
position:absolute;
top:130px;
width:298px;
}

#columnMiddle a:link,
#columnMiddle a:visited,
#columnMiddle a:active {
	font-size						: 11px;
	border							: none;
}

#columnMiddle a:hover {
	border-bottom					: 1px solid #fff;
}

#columnMiddle img.icon {
	margin-bottom					: -1px;
}

/* sliding nav styles */

#columnMiddle ul.postlist {
	padding							: 0;
	margin							: 0;
	list-style-type					: none;
	list-style-position				: outside;
	color							: #fff;
}

#columnMiddle ul.postlist li {
	background						: #666666 url(../../img/postlist-bg.gif) top left no-repeat;
	margin							: 0;
	padding							: 0;
	height							: 28px;
	text-indent						: 25px;
	color							: #fff;
	font							: 11px/28px Arial, sans-serif;
}

#columnMiddle ul.postlist li a,
#columnMiddle ul.postlist li a:link,
#columnMiddle ul.postlist li a:visited {
	display							: block;
	color							: #aed3e2;
	margin							: 0;
	border-bottom					: 1px dotted #ccc;
	padding							: 5px 5px;
	text-decoration					: none;
	line-height						: 17px;
}

#columnMiddle ul.postlist li a:hover,
#columnMiddle ul.postlist li a:active {
	background-color				: #eee;
	color							: #369;
}

#columnMiddle .blognav {
	padding							: 0;
	background						: #ffffff url(../../img/blognav-menu-bg.gif) top left no-repeat;
}

#columnMiddle .blognav p, 
#columnMiddle .blognav ul {
	margin-right					: 10px;
	margin-left						: 10px;
}

#columnMiddle .blognavmenu {
	height							: 24px;
	margin							: 0 0 0 0;
	padding							: 0 0 0 0;
	background						: #767676 url(../../img/blognav-menu-bg.gif) top left no-repeat;
}

#columnMiddle .blognavmenu ul {
	height							: 20px;
	list-style						: none;
	margin							: 0 0 0 26px;
	padding							: 4px 0 0 0;
	background						: #767676;
}

#columnMiddle .blognavmenu ul li {
	display							: inline;
	margin							: 0 3px 0 2px;
	padding							: 0px 0px 7px 0px;
	font							: 700 11px/12px Arial, sans-serif;
	background						: #767676;
	cursor							: pointer;
}

#columnMiddle .blognavmenu ul li a {
	text-decoration					: none;
	color							: #fff;
	border							: none;
	margin							: 0 0 0 0;
	padding							: 3px 2px 7px 2px;
}


#columnMiddle .blognavmenu ul li a:hover {
	color							: #333;
	background						: #fff;
	padding							: 3px 2px 7px 2px;
}

#columnMiddle .blognavmenu ul li .active {
	border-top						: 3px solid #fff;
	background-color				: #666;
}

#columnMiddle p.tagcloud a:hover {
	background						: #A0C4D3;
	color							: #fff;
}

.tagcloud {
	padding							: 5px 10px 5px 25px;
	background						: #767676 url(../../img/blognav-bg.gif) top left repeat-y;
	line-height						: 1.5em;
}

.tagcloud a:link,
.tagcloud a:visited {
	color							: #aed3e2;
}

.tagcloud a:hover,
.tagcloud a:active {
	background-color				: #ededed;
}

.search {
	padding							: 5px 10px 5px 25px;
	background						: #767676 url(../../img/blognav-bg.gif) top left repeat-y;
}

ul.elsewhereColumns {
	margin							: 0 0 0 0;
	padding							: 5px 10px 5px 25px;
	background						: #767676 url(../../img/blognav-bg.gif) top left repeat-y;
  	float							: left;
  	width							: 40em;
 	list-style						: none; 
}
 
.elsewhereColumns li {
 	float							: left;
  	width							: 15em;
  	margin							: 0;
  	padding							: 2px 0 2px 0; 
}	

.elsewhereColumns li a:link,
.elsewhereColumns li a:visited,
.elsewhereColumns li a:active {
	border							: none;
}	

.elsewhereColumns li a:hover {
	border-bottom					: 1px solid #fff;
}

.sideboxFooter {
	width							: 283px; 
	text-align						: right;
	height							: 21px; 
	background						: #767676;
	padding							: 4px 15px 0 0;
	background						: #767676 url(../../img/blognav-menu-bg.gif) top left no-repeat;
}

.sideboxFooter a:link,
.sideboxFooter a:active,
.sideboxFooter a:visited {
	color							: #fff;
	font-size						: 11px;
	margin							: 0 15px 0 0;
	border-bottom					: 0px solid #fff;
}

.sideboxFooter a:hover {
	color							: #fff;
	border-bottom					: 1px solid #fff;
}

#columnMiddle .infoBox {
	background						: url(/img/blognav-bg.gif) left top repeat-y;
	padding							: 10px 20px 10px 30px;
	color							: #fff;
	font							: 300 1.2em/1.5em Arial, sans-serif;
}

#columnMiddle .infoBox fieldset {
	margin							: 0px 0px 0px -10px;
}

#columnMiddle .infoBoxFooter {
	background						: url(/img/blognav-menu-bg.gif) left top repeat-y;
	text-align						: right;
	padding							: 4px 10px 4px 0px;
	font							: 300 1.2em/1.5em Arial, sans-serif;
}

/* media consumption list */

.ratePoor {
	position						: relative;
	left							: 260px;
	width							: 15px; 
	margin							: -25px 5px 0 0;
	padding							: 3px 2px 2px 4px;
	border							: 1px solid #FFF;
	background-color				: #fe6666; 
	font							: 700 12px/12px Arial, sans-serif; 
	color							: #fff; }
	

.rateAvg {
	position						: relative;
	left							: 260px;
	width							: 15px; 
	margin							: -25px 5px 0 0;
	padding							: 3px 2px 2px 4px;
	border							: 1px solid #fff;
	background-color				: #fefe66;  
	font							: 700 12px/12px Arial, sans-serif; 
	color							: #555; }

	
.rateGood {
	position						: relative;
	left							: 260px;
	width							: 15px; 
	margin							: -25px 5px 0 0;
	padding							: 3px 2px 2px 4px;
	border							: 1px solid #FFF;
	background-color				: #66b266; 
	font							: 700 12px/12px Arial, sans-serif; 
	color							: #fff; }	

.rateNumber {
	margin							: 0 0 1px -25px;
}
	
h2 .ratePoor {
	width							: 35px; 
	margin							: -30px 0 0 0;
	padding							: 4px 3px 4px 7px;
	background-color				: red;  
	font							: 700 28px/28px Arial, sans-serif; 
	color							: #ffffff; }

h2 .rateAvg {
	width							: 35px; 
	margin							: -30px 0 0 0;
	padding							: 4px 3px 4px 7px;
	background-color				: yellow;  
	font							: 700 28px/28px Arial, sans-serif; 
	color							: #000000; }
	
h2 .rateGood {
	width							: 35px; 
	margin							: -30px 0 0 0;
	padding							: 4px 3px 4px 7px;
	background-color				: green;  
	font							: 700 28px/28px Arial, sans-serif; 
	color							: #ffffff; 
}

/* About page chronology list */

.chronTable {
	font							: 300 11px/16px Arial, sans-serif; 
	background						: url(/img/blognav-bg.gif) repeat-y;
}

.chronTable tr {
	background						: url(/img/postlist-bg.gif) bottom left no-repeat;
}

.chronTable td {
	padding							: 5px 6px 5px 0px;
}
	
.aboutYears {
	display							: inline;
	width							: 28px;
}

.aboutMonth {
	position						: absolute;
	left							: 32px;
	display							: inline;
	width							: 28px;
}

.aboutChronText {
	position						: absolute;
	display							: inline;
	left							: 95px;
	width							: 185px;
	height							: 100px;
	padding							: 0 0 0 0;
}