@media print {
	.notPrint {
		display: none;
	}

	.ad {
		display: none;
	}

	#entireLayout {
		width: auto !important;
	}

	div#blackwhiteread {
		padding-left: 0 !important;
		padding-top: 0 !important;
	}

	.column2Wide {
		width: auto !important;
	}
}

* {
	border: none;
	margin: 0;
	padding: 0;
}

img {
	display: block;
}

img.inline {
	display: inline;
}

body {
	background-color: #e4e4e4;
}

input, textarea, select {
	border: 1px solid #bbbbbb;
}

.clear {
	clear: both;
}

/* I think this is deprecated; s/b .clear; check XHTMLFooter */

#spacerSection {
	clear: both;
}

.errorMsg {
	color: red;
}

.noticeMsg {
	color: green;
}

/* Error messages above the form fields */
div.formError {
    color: red;
}

span.fieldWithErrors input,
span.fieldWithErrors textarea,
span.fieldWithErrors select {
	border-color: red;
	border-width: medium;
}

a:link {
	color: inherit;
	text-decoration: none;
}

a:visited {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: inherit;
	text-decoration: none;
}

/* Start of the document tree */

#entireLayout {
	margin: auto;
/*	width: 955px;*/
	width: 960px;
/* extra pixel is to fix IE6 bug where the browser miscalculates the text width 
   under certain conditions, causing one of our columns to be too wide, and
   causing the layout to "split" vertically */
/*	width: 961px;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
}

/* header area */

div#headerSection {
	margin-top: 10px;
}

/* masthead area */

div#masthead {
	float: left;
	text-align: left;
        width: 955px;
}
	
/* end of header area */

/* body area */

div#bodySection {
	clear: left;
	text-align: left;
	width: 100%;
	position: relative;
	font-size: 0.9em;
	margin-top: 0.5em;
}

.sidebar {
	background-color:#eeeeee;
	font-style:italic;
	padding:1.0em;
}

.column {
	float: left;
	width: 235px;
	margin-right: 5px;
}

#navColumn .bordered {
	background-color: #f8f8f8 !important;
}

.column2Wide {
	float: left;
	width: 475px;
	margin-right: 5px;
}

div#bodySection .bordered {
	margin-top: 5px;
	padding: 2px;
	border: 1px solid #eeeeee;
	background-color: white;
}

div#bodySection .followsHeader {
	margin-top: 0 !important;
	border-top: none !important;
}

div#bodySection .padded {
	padding: 2px;
}

div#bodySection div.sectionHead {
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: white;
	background-color: #666666;
	padding-bottom: 0.3em;
}

div#bodySection div.sectionHead a {
	color: white;
	text-decoration: none;
}

div#bodySection div.insideHead {
	height: auto;
	padding-bottom: 0.3em;
}

div#bodySection div.insideHead a {
	color: white;
	text-decoration: none;
}

div#bodySection div.insideHead a:hover {
	text-decoration: underline;
}

div#bodySection div#frontLink {
	background-color: #cc0000 !important;
	padding-bottom: 0.3em;
}

div#bodySection div#frontLink a {
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
	color: white !important;
	margin-top: 2px !important;
}

div#bodySection div#frontLink a.intLink {
	background-image: url(/images/white_link_arrow_top_pad.gif);
	font-weight: bold;
	font-size: 1.0em
}

div#bodySection div.redBottom {
	border-bottom: none;
}

div#bodySection div.redBottom p {
	padding-left: 8px;
	padding-top: 4px;
}

div#bodySection span.navText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #777777;
	text-decoration: none;
	display: block;
	padding-left: 5px !important;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	zoom: 1;
}

span.navSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
	display: block;
	padding-left: 5px !important;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	zoom: 1;
}

div#bodySection img.intLink {
	padding-left: 2px;
	padding-right: 2px;
	margin: auto;
}

div#bodySection a.intLink, div#bodySection span.intLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #777777;
	text-decoration: none;
	background-image: url(/images/red_link_arrow_top_pad.gif);
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	padding-left: 5px !important;
	padding-right: 20px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	zoom: 1;
}

/* Search box */

div#bodySection span.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #777777;
	text-decoration: none;
	display: block;
	padding-left: 5px !important;
	padding-right: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div#bodySection span.search form {
	display: inline;
	margin-left: 1.0em;
}

div#bodySection span.search .left {
	float: left;
}

div#bodySection span.search .left a {
	text-decoration: none;
	color: #777777;
}

div#bodySection span.search .right {
	display: inline !important;
	float: right;
}

div#bodySection span.search .right input {
	display: inline;
	margin-right: 7px;
	border: none;
}

/* End of search box */

/* Subscribe box */

div#bodySection span.subscribe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #777777;
	text-decoration: none;
	display: block;
	padding-left: 5px !important;
	padding-right: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div#bodySection span.subscribe form {
	display: inline;
}

div#bodySection span.subscribe .left {
	float: left;
}

div#bodySection span.subscribe .right {
	display: inline !important;
	float: right;
}

div#bodySection span.subscribe .right input {
	display: inline;
	margin-right: 7px;
	border: none;
}

/* End of subscribe box */

div#bodySection div.insideBody a.intLink {
	padding-left: 0;
	padding-right: 0;
}

div.storyTools {
	float:right;
	background-color:#FFFFFF;
	border: 1px solid #cccccc;
	width: 170px;
	position: relative;
	right: -3px !important;
	padding: 3px;
	margin: 5px 0 5px 5px;
}

div#bodySection a.tool {
	background-position: top right;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight:normal;
	color: #999999;
	text-align:right;
	text-decoration: none;
	background-image: url(/images/red_link_arrow_top_pad.gif);
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	padding-right:28px;
	line-height:1.5;
}

div#bodySection a.toolPrint {
	background-image: url(/images/printer_top_pad.gif);
}

div#bodySection a.toolEmail {
	background-image: url(/images/email_top_pad.gif);
}

div#bodySection a.toolPhotoReprint {
	background-image: url(/images/camera.gif);
}

div#bodySection a.toolComments {
	background-image: url(/images/pencil.gif);
}

div#bodySection a.toolDigest {
	background-image: url(/images/digest.gif);
}

div#bodySection .endOfSection {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-bottom: 0.5em !important;
}

div#bodySection .topOfColumn {
	margin-top: 0 !important;
}

div.bordered p, div.bordered div.formRow {
	margin-bottom: 0.5em;
}

div.story {
}

div.story .photoCredit, div#merchDir .photoCredit {
	padding-left: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #999999;
}

div.textPortion {
	padding: 0;
	zoom: 1;
}

div.textPortion h1, div.textPortion h2, div.textPortion h3, div.textPortion p, div.textPortion pre, div.textPortion li, div.textPortion div.formRow {
	margin-left: 5px;
	margin-right: 5px;
}

div.textPortion a:link, div.textPortion a:visited, div.textPortion a:active {
	color: inherit;
	text-decoration: underline;
}

div.textPortion div.headline {
	margin-left: 5px;
	margin-right: 5px;
}

div.story div.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #666666;
	line-height: 0.95;
	margin-top: 0.2em;
}

div.story div.headline a {
	color: #666666;
	text-decoration: none;
}

div.story div.dateAndByline, div.story span.responses {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}


div.story div.dateline, div.story div.byline {
	display: inline;
}

div.story p .linkPointer {
	display: inline;
	margin-left: 0.25em;
}

div.story p .stop {
	display: inline;
	margin-left: 2px;
}

div.fullStory p {
	margin-top: 0.75em;
}

div.fullStory div.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-decoration: none;
}

div.fullStory h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0.6em;
	margin-bottom: 0.3em;
}

div.fullStory h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 0.75em;
	margin-bottom: 0;
}

div.fullStory h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 0.75em;
	margin-bottom: 0.3em;
}

div.textPortion ul {
	list-style-position: outside;
	margin: 0.25em 0.25em 0.25em 1.25em;
}

div.textPortion ol {
	list-style-position: outside;
	margin: 0.25em 0.25em 0.25em 1.50em;
}

div.fullStory a:link, div.fullStory a:visited {
	text-decoration: underline;
}

div.insideBody h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.3em;
}

div.insideBody h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 0.3em;
}

div.insideBody h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 0.75em;
	margin-bottom: 0.3em;
}

/* Handle inline photos in full stories (inside page) */

div.column2Wide div.inline {
	position: relative;
}

div.column2Wide div.inline.left, div.column2Wide div.inline.right {
	width: 235px;
}

div.column2Wide div.inline img {
	padding: 2px;
	border: 1px solid #bbbbbb;
}

div.column2Wide div.inline p, div.story p.photoCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
	margin-top: 0.2em;
}

div.story p.photoCaption {
	padding-left: 7px;
}

div.column2Wide div.right {
	float: right;
	margin: 5px 0 5px 5px;
	right: -3px;
}

div.column2Wide div.left {
	float: left;
	margin: 5px 5px 5px 0;
	left: -3px;
}

div.column2Wide div.wide {
	left: -3px;
	margin-right: -6px;
}

div.column2Wide div.centeredBlock, div.column2Wide div.centeredBlock img {
        display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Center the video player */
div.story div#videoPlayer {
	text-align: center;
}

/* End of inline photos */

/* Ads */

.ad {
	background-image: url(/images/advertisement.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
}

.ad img {
	margin-top: 11px;
	margin-left: auto;
	margin-right: auto;
}

#previewNotice {
	color: white;
	background-color: red;
	padding: 1.0em;
	margin-bottom: 1.0em;
}

#footerSection {
	font-size: 0.75em;
	border-top: 1px solid #cccccc;
	margin-bottom: 5px;
	padding-top: 1.0em;
	text-align: center;
}

#footerSection a {
	text-decoration: underline;
	color: #777777;
}

/* Paged navigation sections */

div.paged {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: black;
	background-color:#CCCCCC;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
	zoom: 1;
}

div.paged.top {
	border-bottom: 1px solid #bbbbbb;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
}

div.paged.bottom {
	border-top: 1px solid #bbbbbb;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

div.paged img {
	display: inline;
	margin: 0 5px 0 5px;
}

div.paged span.left {
	float: left;
}

div.paged span.right {
	float: right;
	text-align: right;
}

/* Pagination */
div.paginationLine {
	margin: 5px;
}

div.pagination {
	margin: 5px 5px 5px 0;
        display:inline;
}

div.pagination img {
        display:inline;
}

div.pagination .prev_page img {
	margin-right: 5px;
	margin-left: 0px;
}

div.pagination .next_page img {
	margin-right: 0px;
	margin-left: 5px;
}

div.pagination span.current {
	font-weight: bold;
}

div.pagination span.disabled {
	color: gray;
}

div.pagination a, div.pagination span {
        margin-right: 0.1em;
}

/* End of paged navigation sections */

/* Calendar formatting */

.calendarDay {
	clear: both;
	margin-top: 1.0em;
}

.calendarDay p {
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
}

.calendarDay .calendarItem {
	margin-left: 1.0em;
	margin-right: 1.0em;
}

.calendarDay .calendarItem p {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
}

.calendarDay .calendarItem .moreInfo, div#merchDir a.moreInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: red;
	margin-left: 1.0em;
	font-size: 0.9em;
	text-decoration: none;
}

.calendarDay .calendarItem .moreInfo img, div#merchDir .moreInfo img {
	display: inline;
	margin-right: 0.5em;
}

.calendarDay .calendarItem img.paidListing {
	display: inline;
	margin-left: 0.5em;
	vertical-align: -0.25em;
}

.calendarDay .calendarItem .details {
	margin-left: 1.0em;
	margin-right: 1.0em;

}

.calendarDay .calendarItem .details p {
	font-weight: normal;
}

.calendarDay .calendarItem .details p.time {
	color: red;
}

.calendarDay .calendarItem .details p.postedIn {
	color: red;
}

.calendarDay .calendarItem .details .expandedInfo, div#merchDir .expandedInfo {
	display: none;
	background-color: #eeeeee;
	padding: 0.5em;
}

/* End calendar formatting */

/* Story excerpts for archive and search pages */

div.column2Wide div.excerpt {
	border-top: 1px solid #bbbbbb;
	padding-top: 0;
	font-size: 0.9em;
	zoom: 1;
}

div.column2Wide div.excerpt.topOfColumn {
	border-top: none;
}

div.column2Wide div.excerpt div.inline img {
	border-right: 1px solid #bbbbbb;
	border-bottom: none;
	border-top: none;
	border-left: none;
}

/* End of story excerpts for archive and search pages */

span.searchTerms {
	background-color: red;
}

/* Weather */

div#frontWeather {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
}

div.weatherHalfDay h1 {
	width: 50px;
	float: left;
	font-weight: bold;
	font-size: 0.8em;
	text-align: right;
	margin-right: 0.5em;
}

div.weatherHalfDay p {
	width: 70px;
	float: left;
	font-size: 0.8em;
	margin-left: 0.5em;
}

div.weatherHalfDay img {
	width: 55px;
	float: left;
	display: block;
	margin-top: 0 !important;
}

.weatherHalfDay {
	clear: left;
	margin: 5px 10px;
}

/* Forms in middle double-wide column */

div.formRow {
	clear:both;
	padding-top:0.5em;
}

div.formRow .checkbox {
	float:left;
	margin-top:0.15em;
}

div.formRow .checkboxLabel {
	float: left;
	width:400px;
	margin-left:0.8em;
}

/* optionRow is one of a set of options */
div.formRow div.optionRow {
	clear:both;
	padding-top:0px;
}

/* a sub-option in a checkboxLabel block (indented) */
div.formRow .checkboxLabel div.optionRow .checkboxLabel {
	width:350px;
}

form.new_purchase div.formRow label {
        display: block;
        float: left;
        width: 11em;
}
form.new_purchase div.formRow input {
        width: 18em;
}
form.new_purchase div.formRow input#credit_card_year,
form.new_purchase div.formRow input#credit_card_month {
        width: 3em;
        text-align: center;
}
form.new_purchase div.formRow input#credit_card_verification_value {
        width: 3em;
}

.formButton {
	margin-top:1.0em;
}

/* Short stories */

div.textPortion div.shortsHeadline {
	margin-left: 5px;
	margin-right: 5px;
}

div.story div.shortsHeadline, div#blog div.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight:bold;
	color: #666666;
	line-height: 0.95;
	margin-top: 0.2em;
}

div.story div.shortsHeadline a {
	color: #666666;
	text-decoration: none;
}

div.story div.commentSection {
	font-size: 0.8em;
	background-color:#f0f0f0;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

p.commentHeader {
/*	font-style: italic; */
	color: #999999;
}

p.commentHeader .headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	color: #666666;
}

div#blog p.excerpt {
	font-style:italic;
	margin-top:0.5em;
}

div.story .screenname {
	color: #FF0000;
}

div#blog h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ff0000;
	line-height: 0.95;
	margin-top: 1.0em;
	margin-bottom:1.0em;
}

div#blog h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight:bold;
	color: #666666;
	line-height: 0.95;
	margin-top: 0.2em;
}

div#blog h2 a {
	color: #666666;
	text-decoration: none;
}

hr {
	border: 1px inset #cccccc;
}

/* Merchant directory */

div#merchDir h1 {
	color:red;
}

div#merchDir p.smallText {
	font-size:0.7em;
	color:#666666;
}

div#merchCatList, div#merchSubcatList {
	margin-top:1.0em;
	margin-bottom:1.0em;
}

div#merchCatList ul ul li {
	display:inline
}

div#merchCatList ul a {
	color:#333333;
	font-weight:bold;
}

div#merchCatList ul ul a {
	color:#666666;
	font-weight:normal;
}

div#merchCatList ul ul {
	font-size: 75%;
}

div#merchCatList ul li, div#merchSubcatList ul li {
	text-decoration:none;
	list-style-type:none;
}

div#merchSubcatList ul a {
	color:#333333;
	font-weight:normal;
}


div#merchDir div#merchList ul {
	margin-top:1.0em;
	margin-left:0.25em;
}

div#merchDir div#merchList li {
	margin-bottom:1.0em;
	list-style-type:none;
	padding:0.5em;
}

div#merchDir div#merchList li span.companyName {
	font-weight:bold;
}

div#merchDir div#merchList li span.companyName a {
	color:inherit;
}

div#merchDir div#merchList div#advertisers {
	background-color:#eeeeee;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-top:3px solid #999999;
	border-bottom:3px solid #999999;
}

div#merchDir div#merchList li.green {
	border:3px solid #637018;
	background-color:#889922;
	color:white;
}

div#merchDir div#merchList li.blue {
	border:3px solid #325772;
	background-color:#447599;
	color:white;
}

div#merchDir div#merchList li.red {
	border:3px solid #a81c1c;
	background-color:#dd3333;
	color:white;
}

div#merchDir div#merchList li div.toTheRight {
	float:right;
	text-align:right;
}

div#merchDir .searchTip {
        margin-left: 5px;
        margin-right: 5px;
}
