body,
html {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#979797;line-height:1.6em;
}
body {
width:100%;
background: transparent url(/images/bodySlice.jpg) top left repeat-x;
text-align:left;
}
/* setup the global p and ul*/
p{margin:5px 0 5px 0; clear:both}
p, ul{ letter-spacing:.2px;}
br{line-height:.8em;}
.CommentLink{}
p.thumb{clear:none; display: inline}
/*
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;color:#f85c00;}
h1{font-size:18px;}
h2,{font-size:15px;}
h3{font-size:12px; font-weight:bold}
h4{font-size:11px}
h5{font-size:10px}
h6{font-size:10px}
a {color:#979797; text-decoration: underline; xfont-weight:bold }
a:visited { color:#979797; }
a:hover { color:#979797; 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:#f85c00; 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:11px; font-weight:bold; line-height:21px}
/* some headings are links and H# and highlight*/
h3 span.highlight a {text-decoration:none}
span.comments{background: url(/images/commentIcon.gif) 0 3px no-repeat; padding-left:15px;padding-top:2px;line-height:21px; font-weight:bold}
span.comment{background: url(/images/commentIcon.gif) 0 3px no-repeat; padding-left:15px;padding-top:2px;line-height:21px; font-size:.95em; font-weight:bold}
/* 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{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.gif) 0 3px no-repeat; display:block; xmargin:0px 10px 0px 17px; font-weight:bold}
a.CommentLink:hover{background: url(/images/commentIconOver.gif) 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; xmargin: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;x 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; xmargin: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; xmargin: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; xmargin:2px 10px 0px 27px; font-weight:bold;font-size:9px;}
/*making sure the MT doesn't border the images in the entries*/
p.thumbholder {float:left; display:inline; clear:none; width:142px;}
p.img {
display: block;
margin-left: auto;
margin-right: auto }
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:#716f6f 7px solid; padding:0px 0 7px 0;margin-bottom:17px; clear:both}
/* the main structural divs*/
#wrap {
width:860px;
margin:0;
text-align:left;
}
#header {
xheight:126px;
width:100%;
height:114px;
margin:0 auto 0 auto;
}
#header #navigation{padding:50px 0 0 0; text-transform:uppercase;background:#ffffff;}
#header #navigation p {display:inline; width:100%;background:#ffffff;border-bottom:#716f6f 7px solid; xwidth:60px; padding-right:10px}
#header a{xfont-size:13px; text-decoration:none; border-bottom:#716f6f 7px solid; xwidth:60px; padding-right:10px}
#header a:hover{text-decoration:none; border-bottom:#f85c00 7px solid}
#header a{text-decoration:none}
/*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:#ececec;
float:left;
width:610px; clear:none;
}
#fp{
background:transparent;
float:left;
}
#sidebar {
background:#ffffff;
float:right;
width:250px;
position:relative;
padding-top:12px
}
#sidebar #inner{margin:18px 18px 18px 18px; padding:0 0 12px 0;border-bottom:#f85c00 7px solid;}
#sidebar ul {
margin-bottom:0;
}
/*inner div that lives in main*/
#inner{padding:18px 18px 0 18px}
#footer {
xbackground:#cc9;
clear:both;
}
#footer p {
padding:5px;
margin:0;
}
.bottomBorder a{text-decoration:none; font-weight:bold; font-size:11px;}
/*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;}
#hline{width:100%;display:inline; width:100%;background:#ffffff;border-bottom:#716f6f 7px solid; xwidth:60px; padding-right:10px