body,
	html {
		margin:0;
		padding:0;
		background: #f7f7f7;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#979797;line-height:1.6em;
	}
	body {
		width:100%;
	}
	
/* setup the global p and ul*/
p{margin:5px 0 5px 0;font-family:Verdana, Arial, Helvetica, sans-serif;}	
	
p, ul{ letter-spacing:.2px;}
br{line-height:.8em;}
.CommentLink{font-family:Georgia, "Times New Roman", Times, serif;}

/* 	

	there is an inner div on the main but all the sidebar elements need to be margined 
	this is pretty ugly but my brain is dead

*/


#sidebar h3,#sidebar h4,#sidebar h5,#sidebar h6{padding:5px 0 8px 0 }

h1, h2, h3, h4, h5, h6
{font-weight:normal; margin: 5px 0px 0px 0px; padding:5px 0 5px 0;xmargin-left: 12px}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{text-decoration:none}


h1{font-size:20px; padding: 0px 0px 10px 0;font-family:Georgia, "Times New Roman", Times, serif;}
/*h2 and h3 are the same as MT is usung h3 as minor headings and delicious uses h2 as the tag cloud heading*/
h2,h3{font-size:13px;font-family:Georgia, "Times New Roman", Times, serif;}
h4{font-size:11px}
h5{font-size:10px}
h6{font-size:10px}

h2 a{font-family:Georgia, "Times New Roman", Times, serif;}

a {color:#979797; text-decoration: underline; xfont-weight:bold }
a:visited { color:#979797; }
a:hover { color:#555; text-decoration: underline; }

/* movable type comment field has rows and cols of "" and I'm fixing the heigh and width here */
textarea{width:80%;height:150px}


/*some of the headings like -- author link and relatred topics etc are "highlighted")*/
.highlight{color:#CD9B15; text-decoration: none; }
a.highlight{text-decoration: none}

/*general stylss for iconLinks (category links down the side)*/
.IconLink{padding: 0px 0 0px 22px;background:  url(/images/linkIcon.gif) 0 3px no-repeat; text-transform:uppercase; display:block; xmargin:3px 10px 0px 222px ; font-size:9px; line-height:21px}
/* some headings are links and H# and highlight*/ 
h3 span.highlight a {text-decoration:none}


/* ugly but works -- turning of the underline of all the icon links*/ 

#sidebar a.IconLink, #sidebar a.CommentLink,#sidebar a.YouTubeLink, #sidebar a.BlogLinesLink,#sidebar a.RSSLink, #sidebar a.DeliciousLink, #sidebar a.PodcastLink  {text-decoration:none}

/* the categries links have an over state*/
a.IconLink{font-family:Georgia, "Times New Roman", Times, serif;background: url(/images/linkIcon.gif) 0 3px no-repeat; display:block; xmargin:0px 10px 0px 17px; font-weight:bold}
a.IconLink:hover{background: url(/images/linkIconOver.gif) 0 3px no-repeat; text-decoration:none}
/* as do comment links*/
a.CommentLink{padding-left: 18px;background: url(/images/commentIcon.jpg) 0 3px no-repeat; display:block; xmargin:0px 10px 0px 17px; font-weight:bold}
a.CommentLink:hover{background: url(/images/commentIconOver.jpg) 0 3px no-repeat; text-decoration:none}



/* these are the indicvidual icon links -- may end up dead*/

a.YouTubeLink{padding: 2px 0 0 28px;;background:#fff url(/images/youtubeIcon.jpg) 0 2px no-repeat; display:block; margin:2px 10px 0px 27px; font-weight:bold;font-size:9px;}
a.BlogLinesLink{padding: 2px 0 0 28px;;background:#fff url(/images/bloglinesIcon.jpg) 0 2px no-repeat; display:block; margin:2px 10px 0px 27px; font-weight:bold;font-size:9px;}
a.RSSLink{padding: 2px 0 0 28px;;background:#fff url(/images/rssIcon.jpg) 0 2px no-repeat; display:block; margin:2px 10px 0px 27px; font-weight:bold;font-size:9px;}
a.DeliciousLink{padding: 2px 0 0 28px;;background:#fff url(/images/deliciousIcon.jpg) 0 2px no-repeat; display:block; margin:2px 10px 0px 27px; font-weight:bold;font-size:9px;}
a.PodcastLink{padding: 0px 0 0 28px;;background:#fff url(/images/podcastIcon.jpg) 0 2px no-repeat; display:block; margin:2px 10px 0px 27px; font-weight:bold;font-size:9px;}


/*this is no longer used to override the delicious tag cloud styles */
xul.delicious-cloud{text-align:left;padding:0; margin:0;line-height:1.3em; letter-spacing:.2px}
xul.delicious-cloud li a {line-height:1.3em; letter-spacing:.2px}
xul.delicious-cloud li a:hover {color:#555;}

/*making sure the MT doesn't border the images in the entries*/
#main img {border:#fff 0px none}

p.bottomBorder img{ border:none; padding:0 0 0 0; margin: 0 0 0 0}
/*the p tags that need a border on the botom*/
.bottomBorder{border-bottom:#dfdfdf 1px solid; padding:0px 0 7px 0;margin-bottom:17px; clear:both}

/* the main structural divs*/

	
	
	#wrap {
		border:#dfdfdf 1px solid;
		margin:0 auto 0 auto;margin-top:20px;
		width:905px;
		background: #fff url(/images/column-right-bg.gif) top right repeat-y;
	}
	#header {
		background:#fff;
		xheight:126px; 
		
		
	}
	#header h1 {
    	padding:5px;
	    margin:0;
    }
	/*there is no nav div -- leaft in for who knows why*/
	
	#nav {
		xbackground:#c99;
		padding:5px;
	}
	#nav ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li{
		display:inline;
		margin:0;
		padding:0;
	}
	
	
	#main {
		background:#fff;
		float:left;
		width:631px;
		
	}
	
	#sidebar {
		xbackground:red;
		float:right;
		width:249px;
		position:relative;
		padding-top:12px
	}
	
	#sideBarInner{padding:5px 12px 12px 22px;border-bottom:#dfdfdf 1px solid;}
	#sidebar ul {
		margin-bottom:0;
    }
   
    
	/*inner div that lives in main*/
	
	#inner{padding:12px 0 0 22px}
	#footer {
		xbackground:#cc9;
		clear:both;
	}
	#footer p {
		padding:5px;
		margin:0;
    }
	


.bottomBorder a{text-decoration:none; font-weight:bold; font-size:9px;}

/*this does the underlines in the sidebar */

/*and the white bg panel in the sidebar */
.sideBarWhite{border-bottom:#dfdfdf 1px solid;xpadding:17px 0 10px 0; xmargin:0; background:#fff}
/*styling the strong tag inside the sidebar white paragrap -- thi sis use to get the categories headin gto work
as h3 (all other side headings) broke the p tag


/* used to keep the delicious tag cloud under control*/
#sidebar ul{text-align:left;line-height:1.3em; letter-spacing:.2px;}
#sidebar li{list-style:none;font-family:Georgia, "Times New Roman", Times, serif;}
#sidebar li a:hover{ color:#555; text-decoration: underline;}