/********** Sets all elements' padding and margins to zero, then resets specified elements **********/

* {padding: 0px; margin: 0px;}
ul {padding-left: 1em; margin-left: 0px;}
ol {padding-left: 2em; margin-left: 0px;}
p, blockquote, form, label, ul, ol, dl, fieldset, address {margin-bottom: 1em;}

.clear_both {clear: both;}
.clear_left {clear: left;}
.clear_right {clear: right;}

.right {float: right;}
.left {float: left;}
.center {text-align: center;}

.left_border {border-left: 1px dashed #ccc;}
.right_border {border-right: 1px dashed #ccc;}
.bottom_border {border-bottom: 1px dashed #ccc;}

img {border: 0px;}

ul {margin-bottom: 0px; padding-left: 16px; list-style: disc url(../images/new_idea/bullet_stories.gif) outside;}
ul li {margin-bottom: 6px;}
ul ul {list-style: none; list-style-image: none; padding-left: 0px;}

/********** Fonts **********/

#main_well, #right_rail {font-size: 1.1em; line-height: 1.2em; background-color: #fff;}

#rail_ad {text-align: center; margin-bottom: 16px; padding: 0px 8px;}
#rail_ad h5 {font-size: .8em; color: #999; font-weight: normal;}
#full_story_ad h5 {font-size: .8em; color: #999; font-weight: normal;}

h1, h2, h3, h4, h5 {line-height: 1.1em; margin-bottom: .4em;}
h1 {line-height: 1.0em;}

#main_well h1 {font-size: 2.2em;}
#main_well h2 {font-size: 1.8em;}
#main_well h3 {font-size: 1.4em;}
* html h4 {font-size: 1em;}
h5 {}

.img_header {font-family: Arial, Verdana, Geneva, sans-serif; text-transform: uppercase; font-size: 1.4em; font-weight: bold; color: #999; margin-bottom: 6px; padding-bottom: 2px; border-bottom: 1px solid #ccc; display: block;}

a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

.more {padding-left: 10px; margin-left: 6px; line-height: .2em;}
#sub_story_list_right .more, #sub_story_list_left .more, #main_story_list .more {float: right; line-height: 1.4em; font-weight: bold;}
#featured_story_horizontal .more {line-height: 1.4em; font-weight: bold;}

.byline {font-weight: bold;}
.credit, .photocredit {font-size: .8em; line-height: 1.1em;}
.bold {font-weight: bold;}

/********** Page structure elements **********/

body {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 80%;}
#outerpage {margin: 8px auto; text-align: left; width: 950px;}
* html #outerpage {width: 950px;}
#page {background-repeat: repeat; margin: 0px -16px 0px -12px; padding: 0px 16px 0px 12px; font-size: .85em;}
* html #page {margin: 0px -17px 0px 0px; width: 950px;}
#page_story {background: url(../images/new_idea/bg_content_2.gif) #fff repeat; margin: 0px -16px 0px -12px; padding: 0px 16px 0px 12px; font-size: .85em;}
* html #page_story {margin: 0px -17px 0px 0px; width: 950px;}


/********** Top Tabs **********/

#top_tabs {width: 950px; margin-top: 20px; text-transform: uppercase; font-size: 12px; line-height: 16px;}
* html #top_tabs {line-height: 16px; margin: 0px; padding-left: 0px; float: left; width: 950px;}
#top_tabs ul {padding: 0px; margin: 0px; position:relative; z-index:1000;}
#top_tabs li {margin: 0px; display: inline; list-style: none;}
#top_tabs a {text-decoration: none;}

#news_tab, #news_tab_off {padding: 2px 41px 2px 35px; float: left;}
#photos_tab, #photos_tab_on {padding: 2px 60px 2px 35px; float: left;}
#header_info_tab {padding: 0px 15px 0px 10px; float: left;}

/* #classifieds_tab {padding: 2px 8px 2px 13px;float: right;} */
#place_ad_tab {padding: 2px 8px 2px 13px;float: right;}
#place_ad_tab a {color: #990000;}
#classifieds_tab {padding: 2px 1px 2px 13px;float: right;}
#cars_tab {padding: 2px 29px 2px 29px; float: right;}
#homes_tab {padding: 2px 25px 2px 23px; float: right;}
#jobs_tab {padding: 2px 28px 2px 29px; float: right;}
#shopping_tab {padding: 2px 20px 2px 20px; float: right;}
#shopping_tab a {color: #000;}

/********** Banner **********/

#banner {width: 950px; background-repeat: no-repeat; margin: 0px -17px 0px -12px; padding: 0px 17px 0px 12px; clear: both;}
* html #banner {margin: 0px; padding-right: 14px; clear: none;}
#banner #banner2 {margin: 0px; padding: 8px 12px 0px 12px; position: relative;}
#dpa_logo {float: left; margin: 5px 0px; position:relative;}
* html #dpa_logo {margin-top: 15px;}
#banner_right {position:absolute; top:10px;right:0px;width:510px; float:none; margin:0px;}
* html #banner_right {right:15px;}
#banner #banner_right #banner_bits2 {float:right; margin-top:-25px;}

#header_info {letter-spacing: .1em;}


#banner #banner_right #banner_bits {position: relative; top: 2px; padding-right: 10px;}

* html #banner_bits {padding-right: 0px;}
#weather {float: right; margin: 0px 4px 0px 0px; padding-right: 4px; clear: right; position: relative; z-index:999;}
* html #weather {margin: 0px 4px 0px 0px;}
#header_info {clear: left; text-transform: uppercase; font-size: .8em; color: #000000; margin: 0px 0px 0px 0px; font-weight: bolder;}
* html #header_info {margin-bottom: 0px;}
#header_info a:link, #header_info a:visited {color: #00f; text-decoration: none; font-weight: bold;}
#header_info a:hover, #header_info a:active {color: #f00; text-decoration: none;}

#banner_right #type_size {margin-top: 9px; text-align: left; width: 125px;}
#banner_bits {float: right;}


/********** Nav bar and drop-down menus **********/

#site_nav {background: url(../images/new_idea/bg_content_blue.gif) no-repeat;  background-color: #00f; padding: 0px; margin: 0px; width: 950px; list-style: none; text-transform: uppercase; font-size: 10px; line-height: 18px; clear: both;}
* html #site_nav {margin-right: 0px;}

#site_nav ul {padding: 0px; margin: 0px; list-style: none; position: relative; z-index: 1000000;} /* 2nd-level nav list */
#site_nav li ul {position: absolute; width: 11em; left: -999em;} /* 2nd-level nav list */
#site_nav .wide_nav {width: 15em;}
#site_nav .wide_nav2 {width: 20em;}
#site_nav a {white-space: nowrap; display: block; color: #fff;}
#site_nav a:link, #site_nav a:visited {text-decoration: none;}
#site_nav a:hover, #site_nav a:active {text-decoration: underline;}
#site_nav li {white-space: nowrap; float: left; margin-bottom: 0px;}
#site_nav li ul li {margin: 0px; padding: 0px 12px; width: 100%;} /* 2nd-level nav item */

/********** Promo and Leaderboard ad **********/

#header_ad #promo {padding: 10px 7px 10px 13px; width: 180px; height: 90px;}
#header_ad #leaderboard {padding: 10px 13px 10px 7px; width: 728px; text-align: center;}
#header_ad #promo, #header_ad #promo a, #header_ad #promo img, #header_ad #promo object, #header_ad #promo embed, #header_ad #leaderboard, #header_ad #leaderboard a, #header_ad #leaderboard img, #header_ad #leaderboard object, #header_ad #leaderboard embed {margin: 0px auto; display: inline;}
#leaderboard { position: absolute; }
#promo { float: left; }

/********** Main content well **********/

#main_well {float: left; padding: 12px 12px 0px; border-right: 1px dashed #ccc;}
#main_well {width: 609px;}
#usaweekend_main_well {float: left; width: 950px;}

/********** Top content block **********/

#featured_story_horizontal {float: left; padding-right: 10px;}
#full_story_ad {float: left; padding-right: 10px;}

#featured_story_horizontal .credit, #featured_story_horizontal .photocredit {margin-bottom: 4px; text-align: right;}

#featured_story_horizontal .caption {padding-bottom: 6px;}

/***/

#main_story_list {float: right; width: 258px;}
#main_story_content {float: right; width: 428px;}
#usaweekend_content {float: left; width: 609px;}

.top_story {padding-left: 10px;}
#main_well .top_story h1 {font-size: 2.1em; margin-bottom: 0px;}
#main_well .top_story h2 {font-size: 1.6em; margin-bottom: 0px;}
#main_well .featured_story_horizontal h1 {font-size: 2.1em;}
#main_well .featured_story_horizontal h2 {font-size: 1.6em;}
.top_story ul {margin-top: -1em; padding-left: 16px; list-style: disc url(../images/new_idea/bullet_top_story.gif) outside;}
.top_story ul li {font-weight: bold;}

.stories {padding: 10px;}
#featured_story_horizontal .stories {padding-left: 0px; padding-top: 0px;}
#searchtool .stories {padding-left: 0px;}
#sub_story_list_left .stories {padding-left: 0px;}
#sub_story_list_right .stories {padding-right: 0px;}
.stories .label {text-transform: none;}
.stories ul, #main_story_list ul {margin-bottom: 0px; padding-left: 16px; list-style: disc url(../images/new_idea/bullet_stories.gif) outside;}
#main_well ul {margin-bottom: 10px;}
.top_story ul {margin-top: 8px;}
.stories ul li, #main_story_list ul li {margin-bottom: 6px;}
.stories ul ul, #main_story_list ul ul {list-style: none; list-style-image: none; padding-left: 0px;}

/********** bottom **********/

#body_ad, #body_include {width: 300px;}
#body_ad {text-align: center;}
#body_include {height: 250px;}
* html #body_ad, * html #body_include {margin-left: 6px;}
#body_ad h5, #body_include h5 {font-size: .9em; color: #999; font-weight: normal;}


#sub_story_list_right {float: right; width: 296px;}
#sub_story_list_left {float: left; width: 284px;}

/*******************************************************************************************/

/********** Section indexes **********/
#section_head h2 {font-family: Verdana, Geneva, sans-serif; text-transform: uppercase; font-size: 1.5em; font-weight: normal; border-bottom: 1px solid #ccc; padding-bottom: 2px; margin-bottom: 2px; color: #999999;}
#section_nav {list-style: none; padding: 0px; margin-left: -2px; margin-bottom: 10px; font-weight: bold;}
#section_nav li {display: inline; border-right: 1px solid #ccc; padding: 0px 3px 0px 2px;}

#section_nav li a:link, #section_nav li a:visited, #section_nav li a:active  {color: #0000FF;}
#section_nav li a:hover {color: #FF0000;}

#section_nav .last {border-right: 0px;}

.related {font-weight: bold; list-style-image: url(../images/new_idea/bullet_related.gif); margin-left: 1px;}
.related_item {margin-left: 16px;}
.li_header {font-weight: bold; list-style: none; margin: 16px 0px 0px -12px;}
.li_header a {color: #666;}

/*******************************************************************************************/

/********** Right rail **********/

#right_rail_story {float: right; width: 160px; margin-top: 10px; padding: 0px 12px;}
#right_rail {float: right; width: 316px; margin: 0px 0px 0px 0px; padding: 0px;}

#rail_ad, #rail_ad2, #rail_ad3 {text-align: center; margin-bottom: 16px; padding: 0px 8px;}
#rail_ad h5, #rail_ad2 h5, #rail_ad3 h5 {font-size: .8em; color: #999; font-weight: normal;}

#right_rail_skinny {float: right; width: 176px; margin: 10px 0px 0px 0px; padding: 0px;}

/********** Footer **********/

#site_footer {clear: both; background-image: url(../images/new_idea/bg_footer.gif); background-color: #E5E5E5; background-repeat: no-repeat; margin: 0px -16px 0px -12px; padding: 20px 16px 30px 12px; text-align: center; font-size: .9em; line-height: 1.1em;}
* html #site_footer {margin: 0px -35px 0px 0px; width: 950px;}

/*******************************************************************************************/

.storylink, a.storylink:active, a.storylink:visited {/*subscribe today*/
font-size: 12px;
font-weight: bold;
line-height: 20px;
color: #990000;
}

/*******************************************************************************************/

div.heading {
	font-size: x-large;
	font-weight: bold;
}

div.smallheading {
	font-size: medium;
	text-decoration: underline;
	font-weight: bold;
}

