/*-- basic universals --*/

IMG { border: none; }
TABLE { display: table; border-spacing: 0; }
TR { display: table-row }
TD { display: table-cell; padding: 0; }

BODY { font: small "Trebuchet MS", Trebuchet, "Lucida Grande", lucida, helvetica, sans-serif; color: black; line-height: 150%; word-spacing: 3px; text-align: justify; margin: 0; background: url(../images/bg.gif) white top center no-repeat scroll; }

BLOCKQUOTE { margin: 10px 15px; background: transparent url('../images/openquo.gif') left top no-repeat; }
BLOCKQUOTE DIV { padding: 0 26px; font-style: italic; background: transparent url('../images/closequo.gif') right bottom no-repeat; }

H1,H2,H4,P {padding: 0; margin: 0;}
H1 {font-size: large; margin: 2em 0 0.4em 0;}
H2 {font-size: medium;}
IMG, FORM {border: 0; margin: 0;}
OL {padding: 0 0 0 20px; margin: 0;}
LI {padding-left: 15px; text-indent: -15px;}

A:link { color: black; text-decoration: underline; }
A:hover { color: #ed2901; text-decoration: underline; }
A:visited { color: black; }
A:visited:hover { color: #ed2901; }
A:visited:active { color: orange; }
A:active { color: orange; text-decoration: none; }
A.nounder { text-decoration: none; }



	/*-- universal named divs --*/

#page { width: 904px; padding-left: 40px; margin: 0 auto; }
#main { width: 400px; }


#sidebar { height: 400px; width: 175px; padding: 60px 0 0 55px; }
#sidebar2 { height: 400px; }
#sidebar a.i { width: 175px; height: 60px; display: block; overflow: hidden; border: none; float: left; }
#sidebar a.quotesmall { height: 30px; }
.art img { margin-top: -59px; }
.quotes img { margin-top: -2px; }
.quotesmall img { margin-top: -120px; }
#sidebar a img { border: none; }
#sidebar a:hover img { margin-left: -350px; }
#sidebar a.selected img { margin-left: -175px; }
#sidebar a.go:hover img { margin-left: -350px; }


#subscribe { color: #895; display: block; clear: left; width: 110px; padding: 15px 0 0 25px; text-align: center; line-height: 175%; }
#subscribe a:link { color: #895; }
#subscribe a:hover { text-decoration: none; }
#subscribe a:visited { color: #895; }
#subscribe a:visited:hover { text-decoration: none; }


#content { position: relative; float: right; width: 470px; margin-top: 50px; margin-right: 59px; padding: 35px 0 0 0; background: url(../images/hdr.gif) top right no-repeat scroll; }


#copy { float:right; text-align: center; margin: 50px 10px 0 0; padding-bottom: 20px; font: 12px Helvetica; color: #9a5; letter-spacing: 0;}
#copy a:link { color: #9a5; text-decoration: none; }
#copy a:hover { text-decoration: underline; }
#copy a:visited { color: #9a5; text-decoration: none; }
#copy a:visited:hover { text-decoration: underline; }
#copy a.ul:link { text-decoration: underline; }
#copy a.ul:visited { text-decoration: underline; }


#login { position: absolute; display: block; width: 368px; height: 248px; top: 20px; left: -1000px; background: white; border: 6px double #895; z-index: 10000; color: #895; }
#login a { color: #895; }




	/*-- universal classes --*/

.invisible { color: white; cursor: default; }
.closer { width: 30px; height: 30px; margin: 0; position: relative; top: -16px; left: -18px; z-index: 20; background: url(../images/close.png) transparent 1px 0 no-repeat; }
.closer img { border: none; top: 0; margin: 0; width: 30px; height: 30px; }
A.pagenum { color: black; text-decoration: none;}
A.pagenum:link { color: black; text-decoration: none;}
A.pagenum:hover { color: #ed2901; text-decoration: underline;}
A.pagenum:visited { color: black; text-decoration: none;}
A.pagenum:visited:active { color: orange; text-decoration: none;}
A.pagenum:visited:hover { color: #ed2901; text-decoration: underline;}
A.pagenum:active { color: orange; text-decoration: none;}
.comment-body { padding-bottom: 10px; }
a.comment-data-link { text-decoration: none; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }