#tools
{
display: none;
}

.extlink
{
padding-right: 13px;
background: url(/i/ext-link.gif) no-repeat right 3px;
}

*
{
margin: 0;
padding: 0;
}

hr.hide
{
display: none;
}

#skip
{
display: block;
position: absolute;
top: 0;
right: 0;
width: 62em;
height: 25px;
text-indent: -2000em;
overflow: hidden;
}

#skip:hover
{
text-indent: 0;
text-align: right;
}

#skip li a, #skip li a:hover, #skip li a:visited, ul#skip, ul#skip li
{
display: inline;
color: #FFF;
}



#wrapper
{
position: relative; /* allows me to absolutley position a couple of divs in relation to the wrapper */
width: 60em;
max-width: 95%;
min-width: 600px;
margin: 0 auto;
text-align: left; /* hack to center content IE */
border: 1px solid #000;
background: #FFF url(/i/bg_wrapper.jpg) no-repeat bottom right;
}

#logo
{
height: 60px;
border-top: 1px solid;
background: #343434 url(/i/bg_logo.png);
}

#logo h1
{
border-bottom: 0;
}

#logo h1 span
{
display: none;
}

#logo h1 a
{
position: absolute;
top: 0;
left: 22px;
display: block;
width: 120px;
height: 60px;
background: url(/i/bg_logo_ben2.png) 0 10px no-repeat;
border: 0;
}

#navcontainer
{
height: 3em;
background: #3F3F3F;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

ul#navlist, #footer ul
{
display: inline;
list-style-type: none;
}

ul#navlist li, #footer ul li 
{
display: block;
float: left;
color: #999;
margin: .8em 0 .8em 2.6em !important;
margin: .8em 1.8em .7em 1.2em;
}

ul#navlist li a, #footer ul li a
{
display: block;
float: left;
color: #999;
text-decoration: none;
border-bottom: 1px solid #3F3F3F;
}

ul#navlist li a:hover, #footer ul li a:hover, #footer p a:hover
{
color: #FFF;
border-bottom: 1px dotted;
_border-bottom: 1px solid; /* cause IE thinks dots are dashes and they look crappy */
}

ul#navlist li.active, #footer ul li.active
{
display: block;
float: left;
color: #FFF;
text-decoration: none;
margin: .8em 0 .8em 2.7em !important;
margin: .8em 1.8em .7em 1.2em;
border-bottom: 1px solid;
}

#banner
{
min-height: 125px;
_height: 125px; /* IE needs this to show the colored background */
background: #A43A33 url(/i/bg_banner.png);
border-top: 1px solid #A43A33; /* the only way to remove a mystery gap between header and nav. */
border-bottom: 1px solid #000;
}

#banner h1
{
color: #FFF;
border: 0;
padding-top: 6px !important;
padding-top: 20px;
text-shadow: none;
}

#banner p
{
width: 75%;
color: #FFF;
max-width: 700px;
margin: 0 0 1.5em 2.7em;
}

#mainColumn
{
float: left;
width: 74%;
padding: .5em 0 2em 0;
_padding: 1.5em 0 2em 0; /* IE stuffs up the top padding */
}

#mainColumn form
{
margin-left: 37px;
}


#sideColumn
{
float: right;
width: 23%;
padding: 1.0em 0 2em 0;
_padding: 1.6em 0 2em 0; /* IE stuffs up the top padding */
}

#sideColumn p, #sideColumn dl, #sideColumn ol 
{
margin: 7px 10px 7px 0;
list-style-type: none;
}

#sideColumn blockquote
{
margin-left: 14px;
font-size: 0.95em;
background: url(../i/bg_blockquote.gif) no-repeat;
}

#sideColumn h2
{
margin: 5px 10px 10px 0;
}

#sideColumn ul li h2
{
margin-bottom: -9px;
}

#sideColumn ol li h3
{
font-family: verdana, "trebuchet MS", helvetica, sans-serif;
font-size: 0.95em;
margin: 2px 10px 0 0;
}

#sideColumn ol
{
margin-top: -11px;
}

#sideColumn ol li
{
margin: 0 25px 0 0;
margin-left: 0;
}

#footer
{
clear: both;
border-top: 1px solid #000;
padding-bottom: 1em;
background: #343434 url(/i/bg_logo.png);
height: 2.5em;
}

#footer p
{
clear: both;
margin: 5px 18px;
color: #999;
}

#footer a
{
color: #FFF;
}

#dailyImage
{
width: 482px;
height: 406px;
margin: 0 auto;
}

#dailyImage img
{
padding: 33px 31px 55px 31px;
background: url(/i/bg_daily.png) no-repeat;
}

#dailyImage p
{
font-size: 0.8em;
text-align: right;
color: #666;
padding: 0;
}

#dailyImage h2
{
margin: 15px 8px 10px 10px;
padding: 0;
}

a acronym
{
cursor: pointer;
}

.subContent
{
clear: both;
margin: 10px 0 60px 0;
}

.subContent img
{
float: right;
padding: 5px;
margin: 7px 42px 10px 10px;
border: 1px solid #CCC;
}

.subContent img:hover
{
border: 1px solid #000;
}

/*#mainColumn .subContent a:visited:after
{
content: "";
font-size: 200% !important;
font-size: 200%;
}*/

.qt
{
margin: 20px;
padding: 0 15px 15px 0;
width: 240px;
height: 200px;
background: url(/i/bg_daily.png) no-repeat bottom right;
}

.back
{
text-align: right;
}

.lyric
{
font-size: .8em;
color: #333;
}

.firefox
{
text-align: center;
text-decoration: none;
border-bottom: 0;
}

#site-preferences
{
display: none;
}

/* ---- Blog styles ---- */

#banner h1#header a 
{
color: white;
text-decoration: none;
border-bottom: 1px dotted !important;
border-bottom: 1px solid;
}

#banner h1#header a:hover 
{
border-bottom: 1px solid !important;
border-bottom: 1px none;
}

#sideColumn ul
{
margin-left: 0;
}

#sideColumn h2, #sideColumn h3, #sideColumn h4
{
border-bottom: 0;
margin-left: 0;
}

#sideColumn ul li#categories, #sideColumn ul li#archives 
{
font-family: "trebuchet ms" georgia, verdana, helvetica, sans-serif;
font-size: 1.3em;
margin: 20px 18px 10px 0;
padding-bottom: 3px;
}

#sideColumn ul li#categories ul li a, #sideColumn ul li#archives ul li a
{
font-family: verdana, "trebuchet ms", helvetica, sans-serif;
font-size: 0.78em;
line-height: 1.5em;
}

p.feedback
{
font-size: 0.80em;
}

.post
{
clear: both;
margin-bottom: 40px;
}

.storycontent img
{
padding: 10px;
margin-bottom: 17px;
border: 1px solid #CCC;
}

.blog-article-nav
{
display: block;
clear: both;
margin: 15px 0 0 50px;
font-size: 0.8em;
}

.blog-article-nav div
{
margin-bottom: 10px;
}

.alignright 
{
float: right;
}
	
.alignleft 
{
float: left
}


/* HTML tag guff */
body
{
font-size: 85%;
font-family: "lucida grande", helvetica, arial, verdana, sans-serif;
color: #000;
text-align: center;
background: #333 url(/i/bg_body.png) fixed;
}

h1, h2, h3, h4, h5, h6, dt
{
font-family: helvetica, arial, verdana, sans-serif; /* macs get lucida, windows get trebuchet */
font-weight: normal;
letter-spacing: -1px;
font-variant: normal;
text-shadow: 3px 3px 1px #D4D4D4; 
color: #333;
}

h1
{
font-size: 1.4em;
margin: 10px 18px 10px 35px !important;
margin: -3px 18px 10px 35px;
padding-bottom: 3px;
border-bottom: 1px solid #CCC;
}

h2
{
font-size: 1.3em;
margin: 20px 18px 10px 55px;
padding-bottom: 3px;
border-bottom: 1px solid #CCC;
}

h3, h4, h5, h6, dt, legend
{
font-size: 1.15em;
margin: 15px 35px -5px 55px;
}

p
{
font-size: 0.95em;
color: #333;
line-height: 1.5em;
margin: 7px 35px 7px 55px;
}

blockquote
{
font-size: 1.1em;
color: #000;
line-height: 1.5em;
margin: 7px 53px 7px 35px;
font-style: italic;
}

code
{
font-size: 1.1em;
line-height: 1.5em;
padding: 0 20px 25px 20px;
}

#sideColumn blockquote
{
margin: 15px 35px -5px 20px;
}

a
{
color: #800000;
text-decoration: none;
border-bottom: 1px dotted;
_border-bottom: 1px solid;
}

a:visited
{
color: #666;
border-bottom: 1px dotted;
_border-bottom: 1px solid;
}

a:hover
{
border-bottom: 1px solid;
_border-bottom: 0;
}

a:active
{
background: #333;
color: #FFF;
border-bottom: 1px solid;
_border-bottom: 0;
}

#sideColumn a:visited:after, #mainColumn a:visited:after
{
content: "\00A0\221A";
font-size: 75% !important;
font-size: 100%;
}

ul, ol, dl
{
list-style-position: outside;
list-style-type: none;
margin: 7px 10px 7px 55px;
padding: 0 0 0 15px;
line-height: 1.4em;
color: #333;
}

ol
{
list-style-type: decimal;
margin-left: 55px;
}

li, dd
{
font-size: 0.95em;
line-height: 1.5em;
}

ol li
{
padding: 5px 0;
margin-left: 20px;
}

dt
{
margin: 7px 18px 0 0;
}

img
{
border: 0;
}

form
{
margin: 15px 0;
}

label
{
display: block;
margin: 7px 0 2px 0;
font-size: 0.95em;
cursor: pointer;
}

label:hover
{
text-decoration: underline;
}

acronym
{
border-bottom: 1px dotted #333;
cursor: help;
}

fieldset
{
border: 0;
}

legend
{
display: none;
}

/* ---- END REDEFINED HTML TAGS ---- */