html, body, div, h1, h2, h3, h4, p, ul, ol, li, em, img, form, a {
  margin: 0;
  padding: 0;
  border: 0;
  }

body {
	background: #206ca6 url(images/bluebg.gif) 50% 0 repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

div#canvas {
	width: 940px;
	margin: 0 auto;
	}
	
div#header {
	width: 100%;
	height: 112px;
	background: url(images/orangestripe.gif) 20px 63px no-repeat;
	}
	
	div#header img#logo {
		float: left;
		margin: 28px 0 0 25px;
		}

a {
	color: #02b;
	text-decoration: none;
	}
	a:hover { text-decoration: underline; }
	
	div#topnav li a { color: #fff; }

	div#topnav li ul li a { color: #02b; display: block; font-weight: bold; padding: 5px 7px; border-bottom: 1px solid #fea; }
	div#topnav li ul li a:hover { background-color: #fea; }
	div#topnav li.dropdown ul li a { _width: 100%; *padding-top: 6px; } /* HACK ie6+7 make hoverable area full size, add padding to compensate for another hack below */

	div.metabar ul a { color: #e70; text-decoration: underline; }
	div.metabar li.commentlink a { padding: 0 0 1px 18px; background: url(images/commentbubble.gif) 0 1px no-repeat; }
	div.metabar ul a:hover, div.metabar ul li.commentlink a:hover { background-color: #fea; }	

	div.post a, div.pagecontent a { text-decoration: underline; }
	div.post a:hover, div.pagecontent a:hover { background-color: #def; }
	
	div.otherarticles ul li a { padding: 2px; }
	
	div.post h1 a { text-decoration: none; }
	div.post h1 a:hover { text-decoration: underline; background-color: #fff; }

	div#rightcolumn ul li a { font-weight: bold; padding: 4px 0; }
		
	div#footer a { color: #777; }

.right { float: right; margin: 5px 5px 5px 12px; }
.left { float: left; margin: 5px 12px 5px 5px; }
.floatright { float: right; margin: 0 0 15px 40px; }
.floatleft { float: left; margin: 0 40px 15px 0; }
img.center { margin: 25px auto 0px auto; display: block; }
.centertext { text-align: center; }
.strong { font-weight: bold; font-style: normal; }
.clear { clear: both; }
	
/*----------------------------------------------------------------------------top navigation--------------------------------------------------------------------------*/
		
	div#topnav {
		float: right;
		margin: 67px 30px 0 0;
		display: inline; /* HACK ie6 double margin */
		*margin-top: 66px; /* HACK ie6+7 spacing */
		_margin-right: 20px; /* HACK ie6 spacing */	
		}


		div#topnav ul {
			color: #fff;
			margin: -1px 10px 0 0;
			float: left;
			list-style: none;
			font-size: 13px;
			text-transform: uppercase;
			}				
			
			div#topnav ul li {
				float: left;
				position: relative;
				padding: 4px 9px 8px 9px;
				margin-right: 10px;
				display: inline; /* HACK ie6 double margin */
				*margin-top: 1px; /* HACK ie6+7 spacing */
				z-index: 1;
				}
				
				div#topnav li.dropdown {
					background-position: right;
					background: url(images/droparrow.gif) right 10px no-repeat;
					padding-right: 21px;
					}
					div#topnav li#site { background-position: 46px 10px; }
					div#topnav li#topics { background-position: 65px 10px; }
					div#topnav li#subscribe { background-position: 88px 10px; }
				
				div#topnav li ul {
					display: none;
					position: absolute; 
					top: 27px;
					left: -1px;
					color: #e70;
					border: 1px solid #e70;
					border-top-width: 0;
					background-color: #fff;
					width: 200px;
					}
					
					div#topnav li ul li {
						padding: 0;
						border: 0;
						width: 200px;
						text-transform: none;
						margin-right: 0;
						}
				
				div#topnav li.dropdown:hover , div#topnav li.over {
					background-color: #fa4;
					border: 1px solid #d70;
					border-bottom-width: 0;
					padding: 3px 20px 7px 8px;
					cursor: default;
					}
					div#topnav li#site:hover, div#topnav li#site_hov { background-position: 45px 10px; }
					div#topnav li#topics:hover, div#topnav li#topics_hov { background-position: 64px 10px; }
					div#topnav li#subscribe:hover, div#topnav li#subscribe_hov { background-position: 87px 10px; }

					div#topnav li ul li:hover , div#topnav li ul li.over {
						border: 0;
						padding: 0;
						}

					
					div#topnav li:hover ul, div#topnav li.over ul {
						display: block;
						}
					
					div#topnav li.dropdown ul li { *margin-top: -1px; } /* HACK ie6+7 remove inappropriate space */
				
		div#header div#topnav form {
			color: #fff;
			}
			
/*----------------------------------------------------------------------------end top navigation--------------------------------------------------------------------------*/

			
			
/*----------------------------------------------------------------------------search form--------------------------------------------------------------------------*/

form.searchform {
	display: inline;
	*margin-top: -3px; /* HACK ie6+7 spacing */
	}
		
	form.searchform input.s { 
		background-color: #fa4;
		padding: 4px 4px 3px 4px;
		border: 1px solid #d70;
		width: 80px;
		font-size: 11px;
		color: #fff;
		} 
				
	form.searchform input.searchsubmit { 
		background: #ff9000 url(images/magnify.gif) 3px 2px no-repeat;
		border: 1px solid #ff9000;
		color: #fff;
		width: 23px;
		}
		form.searchform input.searchsubmit:hover { background-color: #d70; border-color: #fa4; }
				
	form#searchform { margin: -15px 0 25px 0; text-align: center; }
	form#searchform input#s { width: 120px; }

/*----------------------------------------------------------------------------end search form--------------------------------------------------------------------------*/

	
	
/*----------------------------------------------------------------------------left column--------------------------------------------------------------------------*/

div#leftcolumn {
	float: left;
	width: 550px;
	margin: 40px 0 50px 30px;
	display: inline; /* HACK ie6 double margin */
	}
	
div.post, div.pagecontent {
	margin-bottom: 40px;
	clear: both;
	}
	div.searchlisting { margin-bottom: 40px; }
	
	div.post p, div.pagecontent p {
		margin: 10px 2px 15px 2px;
		line-height: 1.45em;
		}
		div.post p.description { margin: 8px 2px 40px 2px; }
	
		
	div.post ol, div.pagecontent ol, div.post ul, div.pagecontent ul {
		list-style-position: outside;
		margin: 25px 30px;
		line-height: 1.4em;
		}
		
		div.post ol li, div.pagecontent ol li, div.post ul li, div.pagecontent ul li {
			margin: 14px 0;
			}
			
			div.post ul li ul {	margin: 6px 2px 18px 17px; }
			div.post ul li ul li { margin: 6px 0; list-style: circle; }
			
	div.post ul.nostyle { list-style: none; margin-left: 25px; }
		
	div.post table {
		margin: 10px 0 20px;
		border-top: 1px solid #aaa;
		border-left: 1px solid #aaa;
		}
		div.post table tbody { }
		div.post table tr { }
		div.post table tr th { font-weight: bold; padding: 4px 6px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; text-align: center; }
		div.post table tr td { padding: 4px 6px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; }
		
		div.post table.noborder { border: 0; }
		div.post table.noborder tr td { border: 0; }

	div.post blockquote {
		margin: 15px;
		padding: 0 10px;
		background-color: #def;
		overflow: hidden;
		line-height: 1.3em;
		border-left: 1px solid #abf;
	}
	div.post blockquote p { margin: 10px 0; }
	
	div.post object { display: block; margin: 20px 0; }
	
	
div.post div.caption h3 {
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	clear: both;
	margin: 4px 0 0 0;
	}
	
h1 {
	font-size: 22px;
	font-weight: normal;
	color: #02b;
	margin-bottom: 5px;
	padding-left: 2px;
	}
	div.searchlisting h1 { font-size: 15px; font-weight: bold; }
	
h2.pagetitle {
	font-size: 14px;
	font-weight: bold;
	color: #e60;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 30px;
	}
	
div.post h2, div.pagecontent h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 35px 2px 0 2px;
	}
	
div.post h3, div.pagecontent h3 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 25px;
	}
	
div.metabar {
	background-color: #ffd;
	border-top: 1px solid #fee29d;
	border-bottom: 1px solid #fee29d;
	padding: 5px 8px 5px 0;
	font-size: 11px;
	text-align: center;
	margin-bottom: 15px;
	}
	div.searchlisting div.metabar { text-align: left; }
	
	div.metabar ul {
		color: #e60;
		margin: 0;
		}	

		div.metabar ul li {
			list-style: none;
			display: inline;
			padding: 0 5px 0 10px;
			background: url(images/dottedborder.gif) 0 0 no-repeat;
			}
			div.metabar ul li.first { background-image: none; }
			
	
div.otherarticles {
	margin-top: 30px;
	clear: both;
	}
	div.closer { margin-top: 30px; }
			
	div.otherarticles h2, div.otherarticles h3 {
		margin-left: 8px;
		}
		
	div.otherarticles ul, div.post ul.tight {
		margin: 10px 0 20px 23px;
		}
		
	div.otherarticles ul li, div.post ul.tight li {
		margin: 5px 0;
		}
			
	
/*----------------------------------------------------------------------------end left column--------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------special post elements--------------------------------------------------------------------------*/


div.post dl dt {
	font-weight: bold;
	margin: 25px 0 0 0;
	}
	
div.post dl dd {
	margin: 5px 0 0 20px;
	line-height: 1.25em;
	}
	
	div.post dl p { margin: 5px 0 0 0; }
	
div.post p.quote {
	background-color: #dfd;
	padding: 15px;
	border-top: 1px solid #bda;
	border-bottom: 1px solid #bda;
	margin-left: 10px;
	margin-right: 10px;
	}
	
	p.quote cite {
		text-align: right;
		font-style: normal;
		font-weight: bold;
		display: block;
		padding-right: 5px;
		}

/*----------------------------------------------------------------------------end special post elements--------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------comments--------------------------------------------------------------------------*/

div#comments {
		background-color: #e5e7ff;
		padding: 10px 20px;
		margin: 25px 8px 40px 2px;
		}

h2#comment_count {
		margin: 10px 0 3px 0;
		padding-bottom: 20px;
		font-size: 16px;
		font-weight: bold;
		color: #000;
		border-bottom: 1px solid #bbf;
		}

h3#trackbacks {
		margin-top: 35px;
		font-weight: bold;
		font-size: 13px;
		color: #333;
		}

ol#commentlist, ol#trackbacklist {
		list-style: none;
		}

		ol#commentlist li, ol#trackbacklist li {
				font-size: 12px;
				line-height: 1.4em;
				padding: 10px 0 15px 0;
				border-bottom: 1px solid #bbf;
				overflow: hidden;
				width: 500px;
				}
				ol#commentlist li { padding-bottom: 10px; }
				ol#commentlist li p {
					margin: 0 0 5px 0;
					}
				
				ol#trackbacklist li p {
						margin: 0;
						font-size: 11px;
						}

div.comment_meta {
		float: left;
		width: 25%;
		overflow: hidden;
		margin-bottom: 5px;
		}
		
div.comment_entry {
		margin-left: 126px;
		padding-right: 5px;
		}
		
		ol#commentlist li cite, ol#trackbacklist li cite {
				text-decoration: none;
				font-style: normal;
				font-weight: bold;
				color: #05a;
				}
				ol#commentlist li.authorcomment cite { background: #ee8; padding: 0 3px; margin-left: -3px; }
				ol#trackbacklist li cite a { font-weight: normal; }

		ol#commentlist li p.comment_time, ol#trackbacklist li p.comment_time {
				font-size: 11px;
				color: #999;
				margin: 0;
				}

h3#respond {
		margin-top: 30px;
		margin-bottom: 8px;
		font-size: 14px;
		font-weight: bold;
		color: #000;
		}

form#commentform { margin-bottom: 10px; }
form#commentform p { margin: 6px 0; }
		
label small { font-size: 11px;}

/*----------------------------------------------------------------------------end comments--------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------right column--------------------------------------------------------------------------*/
	
div#rightcolumn {
	width: 305px;
	margin: 40px 0 50px 610px;
	}
	
	div#rightcolumn ul {
		margin: 10px 5px;
		text-align: left;
		}

		div#rightcolumn ul li {
			list-style: none;
			margin: 12px 0;
			}

div.section {
	width: 300px;
	background: url(images/greenheading.gif) 0 7px no-repeat;
	text-align: center;
	margin-bottom: 40px;
	}
	
	div.section h2 {
		font-size: 15px;
		font-weight: bold;
		color: #e60;
		text-transform: uppercase;
		background-color: #fff;
		padding: 0 6px;
		display: inline;
		}

		
/*
	h2.w1 { background: url(images/shoelaces1.gif) 0 5px no-repeat; }	
	h2.w3 { background: url(images/shoelaces3.gif) 0 5px no-repeat; }	
	h2.w5 { background: url(images/shoelaces5.gif) 0 5px no-repeat; }	
	h2.w7 { background: url(images/shoelaces7.gif) 0 5px no-repeat; }	
	h2.w9 { background: url(images/shoelaces9.gif) 0 5px no-repeat; }	
	h2.w11 { background: url(images/shoelaces11.gif) 0 5px no-repeat; }	
	h2.w13 { background: url(images/shoelaces13.gif) 0 5px no-repeat; }	
	h2.w15 { background: url(images/shoelaces15.gif) 0 5px no-repeat; }	
	h2.w17 { background: url(images/shoelaces17.gif) 0 5px no-repeat; }	
	h2.w19 { background: url(images/shoelaces19.gif) 0 5px no-repeat; }	 */

/*----------------------------------------------------------------------------end right column--------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------pagination--------------------------------------------------------------------------*/

div.pagination {
		padding: 45px 0 45px 45px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #d70;
		clear: left;
		}
			
div.pagination a {
		padding: 4px 7px;
		margin: 0 2px;
		border: 1px solid #d70;
		}

div.pagination a:hover, div.pagination a:active {
		background: #fea;
		}

div.pagination span.current {
		padding: 4px 7px;
		margin: 0 2px;
		font-weight: bold;
		background: #d70;
		border: 1px solid #d70;
		color: #fff;
		}
		
div.pagination span.disabled {
		padding: 4px 8px;
		margin: 0 2px;
		border: 1px solid #fc7;
		color: #fb4;
		}
		
/*----------------------------------------------------------------------------end pagination--------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------footer--------------------------------------------------------------------------*/
			
div#footer {
	clear: both;
	font-size: 11px;
	background-color: #e2e2e2;
	color: #777;
	padding: 9px 0;
	text-align: center;
	*padding: 5px 0 10px 0; /* HACK ie6+7 spacing */
	*margin-left: 1px; /* HACK ie6+7 spacing */
	}


/*----------------------------------------------------------------------------ads--------------------------------------------------------------------------*/


div.adsense-medrect {
	margin-top: 25px;
	}

div#adsense-topbanner {
	margin: 0 0 10px 0;
	}

div.adsense-botbanner {
	margin: 25px 0 25px 20px;
	}
	
div.diggbutton {
	background-color: #06a;
	padding: 4px;
	float: left;
	margin-bottom: 30px;
	}
	


/* dimensios for both splash image and the player wrapper */
a.flowplayer, a.flowplayer img {
	display:block;				
	width:480px;
	height:360px;
	border:0px;	
	outline: none;	
}

/* play button on top of splash screenn */
div.playButton {
	background: url(images/play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-200px;
	left:215px;	
	opacity:0.75;
	margin-bottom:-50px;
}

/* play button upon mouseover */
div.playButton:hover {
	opacity:1.0;		
}