* /* Our "universal rule" */
{ padding: 0; margin: 0; border: 0; }
body { text-align: center;}
#mainContainer { width: 760px; margin: 0 auto; /* We are going to center this design */ text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */ }
#header { background: #fff; color: #fff; }
#content { float: left; /* Our content is going to be left aligned */ width: 500px; /* And it's going to have a 500px width */ }
#column { float: right; /* Our column is going to be right aligned */ width: 260px; /* Our total width - content width is 260px */ }
#footer { clear: both; /* We have to clear our floats */ width: 760px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */ margin: 0 auto 50px auto; /* We need to center the footer also */ padding-top:50px; text-align:center; }

/* Site font face */
html,body{font-family:verdana,Georgia,tahoma,sans-serif;}
p,li,dt,dd,label,address,th,td,legend,input,select,textarea{font-size:100%;line-height:120%;}
th dt, td dt, th dd, td dd, th li, td li, li li, dt dt, dt dd, dd dt, dd dd, legend legend{font-size:100%;}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}

/* to avoid ff<1.03 bug (instead of *) and normalise spacing */
html,body,div,pre,form,table,fieldset,h1,h2,h3,h4,h5,h6,dl,ul,ol,hr,p,blockquote{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,pre,table{margin-bottom:0.5em;}

/* constant look and cursor */
abbr,acronym{font-style:normal;cursor:help;}
a img,:link img,:visited img,fieldset{border:none;}
/* ul,ol,dl{list-style:none;} */
img,object,embed{border:none;vertical-align:bottom;}

/* always hide */
.print,legend{display:none;}

/* image replacement */
.imageReplace{position:relative;/* nomac \*/overflow:hidden;/* nomac */margin:0px; padding:0px;}
.imageReplace span{width:100%;height:100%;position:absolute;background-repeat:no-repeat;top:0px;left:0px;z-index:1;}

#header                         { width:554px; height:58px; margin:20px 0 50px 0; }
#header h1.imageReplace		    { width:554px; height:58px; /* nomac \*/soverflow:hidden;/* nomac */ }
#header h1.imageReplace span	{ background-image:url(../img/wetwebwork_logo_2.gif); }

/* h3 used for 'Viewing posts tagged with...' */
h3  { font-size: small; padding-bottom:20px; }

a { text-decoration: none; }
a:link { color: #006d9f; }
a:visited { color: #006d9f; }
a:hover { color: #000; }
a:active { color: #006d9f; }

.post_content ol{margin:0;padding:0 0 20px 30px;}
.post_content ol{font-size:85%;}

.small_grey { color: #CCC; font-size: x-small; }

.post_tags { font-size: x-small; margin-bottom: 10px; }
.post_tags a { color: #999; }
.post_tags a:hover { color: #000; }
.post_content { margin-bottom: 20px; border-bottom: solid 1px #999;}
.post_content p { font-size: small; }
#column { font-size: x-small; }
#tags_links {padding-left:20px; }

#Amazon_links { margin:0 auto; text-align:center}