body {background-color: #f6dcb9;
font-size: 10pt;
font-family: "Courier New", Courier, serif;}

a {color: #f0220b;
font-weight: bold;}

p {padding: 5px; } 

#wrapper {width: 800px;
margin: 0 auto;}

h1 {position: absolute;
left: -10000px;}

#banner {width: 800px;
height: 210px;
clear: both;
background-image: url(/images/header-sm.jpg);
background-repeat: no-repeat;
position: relative;}

#banner ul {margin: 0;
padding: 0;
font-family: "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
color: #f0220b;
font-size: 10pt;
line-height: 150%;
list-style-type: none;
position: absolute;}

#banner ul#writers-left {left: 490px;
top: 13px;
width: 130px;}

#banner ul#writers-right {left: 650px;
top: 13px;
width: 120px;}

#banner ul#tabs {top: 165px;
left: 0px;
background-color: #a92b1d;
width: 800px;
height: 28px;
_height: 27px;
text-align: right;
padding: 0;
margin: 0;
background-image: url(/images/nav-highlight-off.gif);
background-position: top;
background-repeat: repeat-x;}

#banner ul#tabs li {display: inline;}

#banner ul#tabs li a {display: block;
padding: 4px 14px 0px 14px;
background-image: url(/images/nav-highlight-off.gif);
background-position: center bottom;
height: 38px;
float: right;}

#banner ul#tabs li.active a {background-image: url(/images/nav-highlight.gif);}

#banner ul#tabs li a {text-decoration: none;
color: #fff;
font-size: 12px;}

#banner ul#tabs li a:hover {background-image: url(/images/nav-hover.gif);}

#banner ul#tabs li.active a:hover {background-image: url(/images/nav-highlight.gif);}

#banner ul li a {font-weight: normal;}

#footer {padding: 25px 0 20px 0;}

#footer ul {list-style-type: none;
margin: 0;
padding: 14px 12px 14px 14px;
background-color: #edc997;}

#footer ul li {display: inline;
padding: 0 14px 0 0;}

#footer ul li img {
	padding: 0px;
	position: relative;
	top: 10px;
}

#subfooter {
	text-align: center;
}

#header h2 {position: relative;
left: 480px;
top: 66px;
width: 315px;
font-size: 13px;
color: #333;
font-family: "Lucida Sans Unicode", Lucida Sans, sans-serif;
line-height: 170%;}

#byline {background-image: url(/images/typewriter.jpg);
background-repeat: no-repeat;
margin-top: 30px;
padding: 0 0 0 100px;
float: left;
width: 290px;
height: 80px;}

#byline h3 {font-size: 27pt;
margin: 8px 0 0 0;
color: #f0220b;
font-family: "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
letter-spacing: -0.09em;
font-weight: normal;
text-transform: lowercase;}

#byline h4 {color: #b47041;
font-family: "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
text-transform: uppercase;
font-size: 13pt;
font-weight: normal;
margin: 0;
text-indent: 4pt;}

#advert-2 {width: 336px;
height: 280px;
float: right;
background-color: #f6dcb9;
text-align: center;
/* margin-top: 15px;
*/}

.interior #advert-2 {width: 336px;
height: 5px;
float: right;
background-color: #f6dcb9;
text-align: center;
/* margin-top: 15px;
*/}

#advert-1 {width: 728px;
height: 90px;
background-color: #f6dcb9;
text-align: center;
float: left;
margin-bottom: 10px;}

#syndication {margin-top: 1px;
float: right;
width: 72px;
text-align: right;}

#syndication img {margin-bottom: 2px;}

#content {width: 390px;
float: left;}

.interior #content {clear: left;}

#content h2 {margin: 20px 0 10px 0;}

#content p {line-height: 140%;}

#content h5 a {text-decoration: none;}

#sidebar {width: 174px;
height: 670px;
float: left;
border: 3px solid #f0220b;
padding: 0 20px 0 10px;}

#sidebar-iframe {width: 174px;
height: 590px;
float: left;
margin: 15px 2px 0px 15px;}

.interior #sidebar {float: right;}

.interior #sidebar-iframe {float: left;}

#sidebar ul#bullets {list-style-type: none;
margin: 0;
padding: 0;}

#sidebar ul#bullets li a {display: block;
color: #f0220b;
font-weight: bold;
text-transform: lowercase;
font-size: 11pt;
padding: 15px 0px 15px 75px;
background-position: left center;
background-repeat: no-repeat;}

#sidebar ul#bullets li a:hover {text-decoration: underline;}

#sidebar .bullet-email {background-image: url(/images/bullet-email.gif);}

#sidebar .bullet-reading {background-image: url(/images/bullet-reading.gif);}

#sidebar ul#bullets li a.bullet-reading {/*padding: 25px 75px 25px 0;
background-position: right center;
text-align: right;
*/}

#sidebar .bullet-click {background-image: url(/images/bullet-click.gif);}

div.title {border-bottom: 1px dashed #777;
background-image: url(/images/date-bg.gif);
background-repeat: repeat-y;}

div.datebox {width: 46px;
float: left;
text-align: center;
padding-top: 2px;}

#content h5 {font-size: 23pt;
letter-spacing: -2px;
padding-top: 3px;
padding-bottom: 18px;
margin: 0;
line-height: 90%;
padding-left: 57px;}

.calPage {font-size: 14px;
font-weight: bold;
line-height: 17px;}

.calPage .day {font-size: 23px;
letter-spacing: -2px;
line-height: 17px;}

.calPage .year {letter-spacing: -2px;
font-size: 13px;
line-height: 9px;}

div.post {clear: left;
margin-top: 30px;}

#advert-3 {width: 160px;
height: 600px;
background-color: #f6dcb9;
text-align: center;
float: right;
/* margin: 15px 0 0 25px;
*/}

.interior #advert-3 {float: right;}

#advert-5 {width: 336px;
height: 280px;
background-color: #f6dcb9;
text-align: center;
float: right;
/* margin-top: 15px;
*/}

#advert-4 {width: 158px;
background-color: #f6dcb9;
text-align: center;
float: right;
margin-top: 15px;
margin-left: 15px;}

h6 {font-size: 14pt;
letter-spacing: -1px;
margin: 25px 0 8px 13px;
padding: 0;}

#sidebar ul {color: #f0220b;
font-size: 10pt;
line-height: 150%;
margin: 5px 0 0 28px;
padding: 0;}

#sidebar form {margin: 5px 0 0 14px;}

#sidebar-secondary {width: 174px;
float: right;
border: 3px solid #f0220b;
/* margin-top: 15px;
margin-right: 2px;
*/padding: 0 20px 20px 10px;
line-height: 140%;}

#sidebar-secondary-iframe {width: 210px;
height: 910px;
float: left;
margin: 15px 2px 0px 15px;}

#sidebar-secondary ul {margin: 5px 0 0 28px;
padding: 0;
font-size: 10pt;
color: #f0220b;}

#email-this-article {border: 2px solid #f0220b;
margin: 35px 0 30px 0;
padding: 15px 15px 0 15px;}

#email-this-article h6 {margin: 0 0 20px 0;}

#splash {width: 800px;
margin: 0 auto;}

#splash ul {list-style-type: none;
padding: 221px 10px 26px 10px;
margin: 30px 0 0 0;
background-image: url(/images/header-splash.jpg);
background-position: top;
background-repeat: no-repeat;
text-align: center;}

#splash ul li {display: inline;
font-size: 12px;
padding: 0 15px 0 0;}

#splash ul li a {text-decoration: none;
color: #000;}

#splash h2 {margin: 20px 30px 20px 30px;}

#splash h3 {font-size: 22px;
font-weight: normal;
margin: 0 30px 0 30px;}

#splash p {margin: 5px 30px 25px 30px;}

#splash form {text-align: center;}

#splash img {position: relative;
left: 370px;
margin: 30px 0 0 0;}

a img {border: 0;}

#footer {clear: both;}

/*  For splash page */

.splash #leftcol {width: 202px;
float: left;
padding-right: 30px;}

.splash #centercol {width: 336px;
float: left;
font-size: 15px;
padding-top: 8px;}

.splash #rightcol {width: 200px;
float: right;
padding-top: 8px;}

.splash #rightcol h3 {font-size: 13px;
margin-bottom: 0;}

.splash #rightcol p {margin: 4px 0 20px 0;}

#hotspots, #newsletter {width: 202px;
background-image: url(/images/hot-spots-bot.gif);
background-position: bottom;
font-size: 12px;
padding: 0 0 10px 0;}

#hotspots h2, #newsletter h2 {background-image: url(/images/hot-spots-top.gif);
padding: 22px 15px 0 15px;
margin: 0;}

#hotspots p, #hotspots h3, #newsletter p, #hotspots form {padding: 0 15px 0px 15px;
margin: 5px 0 5px 0;
font-size: 12px;}

#hotspots p.subtitle {font-family: "Lucida Sans Unicode", "Lucida Sans", sans-serif;
color: #b47054;
font-size: 10px;
margin-top: -1px;
margin-bottom: 17px;}

.splash h2 {font-family: "Lucida Sans Unicode", "Lucida Sans", sans-serif;
font-weight: normal;
text-transform: uppercase;
color: #b47054;
font-size: 16px;}

ul#subnav {list-style-type: none;
margin: 25px 0 20px 0;
padding: 0;
font-size: 14px;}

ul#subnav li {padding: 3px 0 3px 24px;
background-repeat: no-repeat;
background-position: left center;}

ul#subnav li.contact {background-image: url(/images/nav-contact.gif);}

ul#subnav li.about {background-image: url(/images/nav-about.gif);}

.splash div.datebox {border-bottom: 1px dashed #777;
background-image: url(/images/date-bg.gif);
background-repeat: repeat-y;
padding: 0 0 11px 0;
margin-right: 14px;}

.splash #advert-center {width: 336px;
height: 280px;}

.splash #advert-center p {text-align: center;
font-size: 10px;
font-family: "Lucida Sans", "Lucida Sans Unicode", sans-serif;
color: #f0220b;
margin: 15px 0 4px 0;}

.splash #advert-left {width: 200px;
height: 600px;}

#artsandletters {width: 202px;
background-image: url(/images/hot-spots-bot.gif);
background-position: bottom;
font-size: 12px;
padding: 0 0 10px 0;
margin-top: 40px;
position: relative;}

#artsandletters img {position: absolute;
top: -35px;
left: 45px;}

#artsandletters h4 {padding: 0 15px;
margin: 0;}

#artsandletters p {padding: 0px 15px 0px 15px;
margin: 0px 0 15px 0;
font-size: 12px;}

#artsandletters p.tagline { font-style: italic; background-image: 
               url('file:///C:/Users/kmn/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/8PDZLY71/images/hot-spots-plain-bg-top.gif'); 
               padding-left: 15px; padding-right: 15px; padding-top: 50px; 
               padding-bottom: 0px }
#artsandletters p.tagline a {font-weight: normal;}

/* This enforces some sizing for the ads.  Also, the clearing ensures that second  ad aligns properly too. */

/* width was 170px as of 06/01/2006 */

#advert-3,#advert-4 {clear: right;
float: right;
width: 160px;}

/* width was 170px as of 06/01/2006 */

#advert-3 iframe,#advert-4 iframe {width: 160px !important;}

/* This fixes the second navigation sidebar alignment */

#sidebar-secondary-iframe {margin-left: 5px;}

/* Sidebar margin tweak for IE to prevent advert wrapping */

* html #sidebar-iframe {margin-left: 14px;
margin-right: 0px;}/* This enforces some sizing for the ads.  Also, the clearing ensures that second  ad aligns properly too. */

#advert-5 {clear: right;
float: right;
width: 336px;}

#advert-5 iframe {width: 336px !important;}