/** * 
 * @note		This file holds core styles for layout and overall site design.
 * @author		mraichelson
 * 
 */
@import url(navigation.css);
@media screen,projection {
	/**
	 * @section Default Values
	 */
	html {
		margin:0;
		padding:0;
		overflow:-moz-scrollbars-vertical; /** @note always show vertical scrollbar in firefox */
		overflow-x: auto;
	}
	body {
		margin:0;
		padding:0;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		background-color:#fff;
	}
		form { margin:0; padding:0; }
		h1,h2,h3,h4 { font-family:Georgia,"Times New Roman",Times,serif; font-weight:normal; color:#136aa8; }
		div.content h1 { font-size:24px; }
		h2 { font-size:24px; }
		h3.subtitle {
			color:#000;
			font-family:Arial,Helvetica,sans-serif;
			margin-top:-1em;
		}
		h5,h6 { font-weight:normal; font-size:12px; margin-bottom:8px; }
        
		div.img { width:100%; overflow:hidden; }
		span.timestamp { color:#c00; font-size:11px; }
		span.datestamp { color:#666; font-size:11px; }
		a:link,a:visited { text-decoration:none; color:#136aa8; }
		a:focus,a:hover,a:active { text-decoration:underline; }
		a img { border-style:none; outline: none;}
		:focus { -moz-outline-style: none;}
		abbr,acronym { text-decoration:none; border-style:none; }
		a:focus abbr, a:hover abbr, a:active abbr,
		a:focus acronym, a:hover acronym, a:active acronym {
			text-decoration:underline;
		}
	/**
	 * @notes replace horizontal rules with a styled DIV with background-image applied
	 * requires jQuery and some code in charlotte.js
	 */
	div.hr {
		height:26px;
		background-image:url(http://media.charlotteobserver.com/design/bg-hr.gif);
		background-repeat:repeat-x;
		background-position:bottom left;
		margin-bottom:8px;
		overflow:hidden;
	}
	div.hr_lite {
		height:26px;
		background-image:url(http://media.charlotteobserver.com/design/bg-hr-lite.gif);
		background-repeat:repeat-x;
		background-position:bottom left;
		margin-bottom:8px;
		overflow:hidden;
		clear:both;
	}
		div.hr hr { display:none; }
	/**
	 * @notes article author byline
	 */
	div.byline {
		color:#666;
		font-size:11px;
		margin-bottom:8px;
	}
	div.storybyline {
		color:#666;
		font-size:12px;
		margin-bottom:8px;
	}
	/**
	 * @workaround	adjust default top margins on items in firefox
	 */
	* { margin-top:0; }
	/**
	 * @section baseline settings for form elements
	 */
	textarea { overflow:auto; }
	form { padding:0; margin:0; }
	input { vertical-align:middle; }
	/**
	 * @section reusable classes for applying floats
	 */
	.f-left { float:left; line-height:1em; display:inline; margin-right:8px; }
	.f-right { float:right; line-height:1em; display:inline; margin-left:8px; }
	/**
	 * @section Advertising Unit Styles
	 */
	div.ads { padding:0; margin:0; line-height:0; text-align:center; }
		div.grid-ads { text-align:center; }
		div#leaderboard {
			padding: 2px 10px;
			border-bottom:1px solid #98afcb;
			background-image:url(http://media.charlotteobserver.com/design/bg-leaderboard.gif);
			background-repeat:repeat-x;
			background-color:#F9FAFB;
			line-height:0;
		}
			div#leaderboard div.ads { padding:0; margin:0; }
			div#leaderboard div.ads div { padding:0; margin:0; }
			div#leaderboard div.ads img { vertical-align:middle; }
			div#leaderboard div.ads div.f-right { padding-right:45px; padding-top:0px; }
                        div#yahoo_146x60_ipatf, div#yahoo_146x60_ipbtf {float: left;}
	/**
	 * @section	Page Header
	 */
	div#header {
		height:227px;
		position:relative;
		margin-bottom:20px;
		overflow:visible;
		z-index:2;
	}
		body.sports div#header { height:261px; }
		body.printedition div#header { height:194px; }
		/**
		 * @section Main Navigation
		 * @notes positions the main navigation at the top of the page.
		 * styles for the navigation itself are controlled in navigation.css
		 */
		div#main-nav {
			position:absolute;
			width:998px;
			margin-left:-4px;
			height:70px;
			top:124px;
			background-image:url(http://media.charlotteobserver.com/design/bg-mainnav2.gif);
			background-repeat:no-repeat;
			z-index:5;
		}
		body.printedition div#main-nav { height:37px; }
		/**
		 * @section Header Branding
		 * @notes holds the logo and section title in place in the page header.
		 */
		div#branding {
			position:absolute;
			left:0;
			top:73px;
			width:650px;
			z-index:1;
		}
			div#branding img { vertical-align:middle; }
			div#branding h1 {
				font-size:26px;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				line-height:26px;
			}
			div#branding h1 a { color:#000; margin-right:11px; }
			div#branding h1 a:hover { text-decoration:none; }
		/**
		 * @section Header Date
		 * @notes holds the current date and the optional "last updated" text at the top of the page.
		 */
		div#headerdate {
			position:absolute;
			left:0;
			top:195px;
			height:34px;
			line-height:34px;
			color:#000;
			z-index:1;
			width:300px;
		}
			body.sports div#headerdate { top:229px; }
			body.printedition div#headerdate { top:161px; }
				div#headerdate span {
					color:#666;
					margin-left:1em;
					padding-left:1em;
					border-left:1px solid #666;
				}
		/**
		 * @section User Tools bar in page header
		 * @notes also includes styles for the reader services dropdown
		 */
		div#usertools {
			z-index:7;
			position:absolute;
			left:0;
			top:15px;
			width:670px;
			height:36px;
			font-size:12px;
			line-height:28px;
		}
			div#usertools img {
				vertical-align:middle;
				margin-right:6px;
			}
			div#usertools ul {
				padding:0;
				margin:0;
			}
			div#usertools ul li {
				list-style-type:none;
				float:left;
				display:inline;
				height:36px;
				padding:0 2px;
				position:relative;
			}
			div#usertools ul li.user { padding-left:0; }
			div#usertools ul li a,
			div#usertools ul li span {
				padding-right:6px;
				border-right:1px solid #ccc;
			}
			div#usertools ul li a.mbr
			{
				padding-right:0px;
				border:none;
			}
			div#usertools ul li.last a {
				padding-right:0;
				border-right-style:none;
			}
			div#usertools ul li div.newsletters-menu {
				color:#136aa8;
				cursor:pointer;
			}
			div#usertools ul li.active div.newsletters-menu {
				border:1px solid #98afcb !important;
				border-bottom-style:none !important;
				margin-left:-7px;
				margin-top:-6px;
				padding-top:5px;
				margin-right:-1px;
				padding-left:6px;
				background-color:#fff;
				height:40px;
			}
			div#usertools ul li div.newsletters-menu a {
				padding-right:24px;
				background-image:url(http://media.charlotteobserver.com/design/readerservices-arrow.gif);
				background-repeat:no-repeat;
				background-position:100% 50%;
			}
			div#usertools ul li.active div.newsletters-menu a {
				border-color:#fff;
				background-image:url(http://media.charlotteobserver.com/design/readerservices-arrow-open.gif);
			}
			div#usertools div.newsletters-dropdown {
				display:none;
				position:absolute;
				left:-4px;
				top:100%;
				width:225px;
				background-color:#fff;
				border:1px solid #98afcb;
				border-top-style:none;
				z-index:15;
				padding-top:5px;
				line-height:22px;
			}
			div#usertools li.active div.newsletters-dropdown { display:block; padding-top:10px; }
			div#usertools div.getnewsletters-dropdown ul {
				padding:0 12px 10px;
				clear:both;
				display:block;
			}
			div#usertools div.newsletters-dropdown ul li {
				display:block !important;
				height:auto;
				padding-left:10px !important;
				float:none;
			}
			div#usertools div.newsletters-dropdown ul li a {
				padding-right:0;
				border-style:none;
			}
			div#usertools ul li div.contactus-menu {
				color:#136aa8;
				cursor:pointer;
			}
			div#usertools ul li.active div.contactus-menu {
				border:1px solid #98afcb !important;
				border-bottom-style:none !important;
				margin-left:-7px;
				margin-top:-6px;
				padding-top:5px;
				margin-right:-1px;
				padding-left:6px;
				background-color:#fff;
				height:40px;
			}
			div#usertools ul li div.contactus-menu a {
				padding-right:24px;
				background-image:url(http://media.charlotteobserver.com/design/readerservices-arrow.gif);
				background-repeat:no-repeat;
				background-position:100% 50%;
			}
			div#usertools ul li.active div.contactus-menu a {
				border-color:#fff;
				background-image:url(http://media.charlotteobserver.com/design/readerservices-arrow-open.gif);
			}
			div#usertools div.contactus-dropdown {
				display:none;
				position:absolute;
				left:-4px;
				top:100%;
				width:225px;
				background-color:#fff;
				border:1px solid #98afcb;
				border-top-style:none;
				z-index:15;
				padding-top:5px;
				line-height:22px;
			}
			div#usertools li.active div.contactus-dropdown { display:block; padding-top:10px; }
			div#usertools div.contactus-dropdown ul {
				padding:0 12px 10px;
				clear:both;
				display:block;
			}
			div#usertools div.contactus-dropdown ul li {
				display:block !important;
				height:auto;
				padding:0 !important;
				float:none;
			}
			div#usertools div.contactus-dropdown ul li a {
				padding-right:0;
				border-style:none;
			}
			div#usertools ul li div.readerservices-menu {
				color:#136aa8;
				cursor:pointer;
			}
			div#usertools ul li.active div.readerservices-menu {
				border:1px solid #98afcb !important;
				border-bottom-style:none !important;
				margin-left:-7px;
				margin-top:-6px;
				padding-top:5px;
				margin-right:-1px;
				padding-left:6px;
				background-color:#fff;
				height:40px;
			}
			div#usertools ul li div.readerservices-menu a {
				padding-right:24px;
				background-image:url(http://media.charlotteobserver.com/design/readerservices-arrow.gif);
				background-repeat:no-repeat;
				background-position:100% 50%;
			}
			div#usertools ul li.active div.readerservices-menu a {
				border-color:#fff;
				background-image:url(http://media.charlotteobserver.com/design/readerservices-arrow-open.gif);
			}
			div#usertools div.readerservices-dropdown {
				display:none;
				position:absolute;
				left:-4px;
				top:100%;
				width:225px;
				background-color:#fff;
				border:1px solid #98afcb;
				border-top-style:none;
				z-index:15;
				padding-top:5px;
				line-height:22px;
			}
			div#usertools li.active div.readerservices-dropdown { display:block; padding-top:10px; }
			div#usertools div.readerservices-dropdown ul {
				padding:0 12px 10px;
				clear:both;
				display:block;
			}
			div#usertools div.readerservices-dropdown ul li {
				display:block !important;
				height:auto;
				padding:0 !important;
				float:none;
			}
			div#usertools div.readerservices-dropdown ul li a {
				padding-right:0;
				border-style:none;
			}
			div#usertools ul li div.connected-menu {
				color:#136aa8;
				cursor:pointer;
			}
			div#usertools ul li.active div.connected-menu {
				border:1px solid #98afcb !important;
				border-bottom-style:none !important;
				margin-left:-7px;
				margin-top:-6px;
				padding-top:5px;
				margin-right:-1px;
				padding-left:6px;
				background-color:#fff;
				height:40px;
			}
			div#usertools ul li div.connected-menu a {
				padding-right:24px;
				background-image:url(http://media.charlotteobserver.com/design/readerservices-arrow.gif);
				background-repeat:no-repeat;
				background-position:100% 50%;
			}
			div#usertools ul li.active div.connected-menu a {
				border-color:#fff;
				background-image:url(http://media.charlotteobserver.com/design/readerservices-arrow-open.gif);
			}
			div#usertools div.connected-dropdown {
				display:none;
				position:absolute;
				left:-4px;
				top:100%;
				width:225px;
				background-color:#fff;
				border:1px solid #98afcb;
				border-top-style:none;
				z-index:15;
				padding-top:5px;
				line-height:22px;
			}
			div#usertools li.active div.connected-dropdown { display:block; padding-top:10px; }
			div#usertools div.connected-dropdown ul {
				padding:0 12px 10px;
				clear:both;
				display:block;
			}
			div#usertools div.connected-dropdown ul li {
				display:block !important;
				height:auto;
				padding:0 !important;
				float:none;
			}
			div#usertools div.connected-dropdown ul li a {
				padding-right:0;
				border-style:none;
			}
			div#usertools ul li div.advertise-menu {
				color:#136aa8;
				cursor:pointer;
			}
			div#usertools ul li.active div.advertise-menu {
				border:1px solid #98afcb !important;
				border-bottom-style:none !important;
				margin-left:-7px;
				margin-top:-6px;
				padding-top:5px;
				margin-right:-1px;
				padding-left:6px;
				background-color:#fff;
				height:40px;
			}
			div#usertools ul li div.advertise-menu a {
				padding-right:24px;
				background-image:url(http://media.charlotteobserver.com/design/readerservices-arrow.gif);
				background-repeat:no-repeat;
				background-position:100% 50%;
			}
			div#usertools ul li.active div.advertise-menu a {
				border-color:#fff;
				background-image:url(http://media.charlotteobserver.com/design/readerservices-arrow-open.gif);
			}
			div#usertools div.advertise-dropdown {
				display:none;
				position:absolute;
				left:-4px;
				top:100%;
				width:175px;
				background-color:#fff;
				border:1px solid #98afcb;
				border-top-style:none;
				z-index:15;
				padding-top:5px;
				line-height:22px;
			}
			div#usertools li.active div.advertise-dropdown { display:block; padding-top:10px; }
			div#usertools div.advertise-dropdown ul {
				padding:0 12px 10px;
				clear:both;
				display:block;
			}
			div#usertools div.advertise-dropdown ul li {
				display:block !important;
				height:auto;
				padding:0 !important;
				float:none;
			}
			div#usertools div.advertise-dropdown ul li a {
				padding-right:0;
				border-style:none;
			}
			div#usertools div.advertise-dropdown ul li.lastItem{
				border-bottom:1px solid #98afcb;
				margin-bottom:5px;
				padding-bottom:5px!important;
				font-weight:bold;
			}
		/**
		 * @section Header Search
		 * @notes styles for the header search field and the associated dropdown.
		 */
		div#headersearch {
			position:absolute;
			left:0;
			top:200px;
			width:100%;
			z-index:2;
			text-align:right;
			font-size:12px;
		}
			body.sports div#headersearch { top:233px; }
			body.printedition div#headersearch { top:166px; }
			div#headersearch div.searchmain { font-size:10px; line-height:1; }
			div#headersearch span.yahoo { color:#7b0099; }
			div#headersearch input { vertical-align:middle; }
			div#headersearch div.searchmain input#q {
				background-image:url(http://media.charlotteobserver.com/design/search-magnifying-glass.gif);
				background-position:2px 50%;
				background-repeat:no-repeat;
				padding:2px 2px 2px 25px;
				border:1px solid #999;
				margin-left:10px;
				width:197px;
			}
			div#headersearch div.searchmain input#searchButton {}
			div#headersearch div.searchmain div.controller {
				width:25px;
				height:20px;
				float:right;
				display:inline;
				padding-top:2px;
			}
			div#headersearch div.searchmain div.controller span { display:none; }
			div#headersearch div.searchdropdown {
				position:absolute;
				border:1px solid #98AFCB;
				border-top-style:none;
				background-color:#ECF1F4;
				width:296px;
				padding:4px 10px;
				right:0;
				top:26px;
				text-align:left;
				display:none;
			}
			div#headersearch div.searchdropdown label { padding-right:0.5em; }
		/**
		 * @section Weather and Traffic Tabs
		 * @notes styles for the tabbed weather/traffic area in the page header.
		 */
		div#weathertraffic {
			width:317px;
			height:101px;
			position:absolute;
			right:0;
			top:27px;
			z-index:3;
			background-repeat:no-repeat;
		}
			div.show-weather { background-image:url(http://media.charlotteobserver.com/design/weathertraffic-weather.gif); }
			div.show-traffic { background-image:url(http://media.charlotteobserver.com/design/weathertraffic-traffic.gif); }
			div#weathertraffic ul.tabs {
				margin-left:9px;
				border-style:none;
			}
			div#weathertraffic ul.tabs li {
				float:left;
				margin-right:1px;
				display:inline;
				width:79px;
				height:23px;
				line-height:20px;
				padding:0 5px;
				text-align:center;
				background-color:transparent;
				background-image:none;
				border-style:none;
				font-weight:normal;
			}
			div#weathertraffic ul.tabs li.ui-tabs-selected a { color:#136aa8; }
			div#weathertraffic ul.tabs li a { color:#000; text-decoration:none; text-transform:none; }
			div#weathertraffic div.tab-content {
				clear:both;
				margin-left:9px;
				padding:5px;
				height:65px;
			}
			div#tab-weather {
				padding-left:15px !important;
				padding-top:10px !important;
			}
				table#weather-table {
					width:280px;
					border-spacing:5px;
				}
				table#weather-table td {
					vertical-align:middle;
				}
				table#weather-table td.weather-temp { font-size:36px !important; width:1%; }
				table#weather-table td.weather-temp a { text-decoration:none; color:#000; }
				table#weather-table td.weather-icon { width:1%; }
				table#weather-table td.weather-text { font-size:12px; }
				table#weather-table span.divider { color:#bbb; }
			div#tab-traffic {
				padding-top:13px !important;
				font-size:12px;
				line-height:1.5em;
			}
				div#tab-traffic ul {
					padding:0;
					margin:0;
				}
				div#tab-traffic ul li {
					display:block;
					float:none;
					color:#999;
				}
				div#tab-traffic div.types {
					width:90px;
					float:left;
					display:inline;
				}
					div#tab-traffic div.types ul li {
						padding-left:12px;
						background-image:url(http://media.charlotteobserver.com/design/bullet-blue.gif);
						background-position:3px 50%;
						background-repeat:no-repeat;
					}
				div#tab-traffic div.locations {
					width:185px;
					float:right;
				}
	/**
	 * @section Social Widget
	 * @notes used for the RSS/Share/Print links at the top of the right rail
	 */
    div.story-tools-wrap {
        float: left;
        margin: 0 0 21px;
        width: 100%;
        border-bottom: 1px solid #ccc;
        min-height: 30px;
    }
    
    div.story-tools-wrap div#story_activity_count {
        float: left;
        width: auto;
    }
    
    div.story-tools-wrap div#socialwidget {
        float: right;
        width: auto;
        border-bottom: none;
        line-height: 25px;
    }
    
	div#socialwidget {
		font-size:11px;
		border-bottom:2px solid #ccc;
		margin-bottom:8px;
	}
		div#socialwidget ul {
			padding:0;
			margin:0;
		}
		div#socialwidget ul li {
			display:inline;
			float:left;
			padding:0;
			margin:0 0.5em 0 0;
			list-style-type:none;
		}
		div#socialwidget ul li a { padding-right:0.5em; border-right:1px solid #ccc; }
		div#socialwidget ul li.last {
			margin-right:0;
		}
		div#socialwidget ul li.last a { padding-right:0; border-right-style:none; }
		div#socialwidget li#social-dropdown div.ctrl a {
			background-image:url(http://media.charlotteobserver.com/design/readerservices-arrow.gif);
			background-position:100% 50%;
			background-repeat:no-repeat;
			padding-right:24px;
		}
		div#socialwidget li#social-dropdown div.ctrl a.active {
			background-image:url(http://media.charlotteobserver.com/design/readerservices-arrow-open.gif);
		}
		div#socialwidget li#social-dropdown {
			position:relative;
		}
			div#socialwidget li#social-dropdown div.ctrl {}
			div#socialwidget li#social-dropdown div.dropdown {
				position:absolute;
				top:24px;
				left:-0.5em;
				width:100%;
				height:auto;
				background-color:#fff;
				padding:10px;
				border:1px solid #ccc;
				border-bottom-width:3px;
				border-top-style:none;
				display:none;
			}
			div#socialwidget li #social-dropdown {}
			div#socialwidget li#social-dropdown div.dropdown ul li {
				display:block;
				float:none !important;
				position:static;
				padding-right:0 !important;
				margin-right:0 !important;
				margin-bottom:5px;
				line-height:1em;
				height:auto;
			}
            
    div#at15s_head {
        font-size: 11px;
    }
	/**
	 * @notes div.wrapper is used within a full-width block to restrict content to
	 * the overall width of the actual design.
	 */
	div.wrapper {
		width:990px;
		margin:0 auto;
        padding: 0 9px;
        background-color: white;
	}
	#pagebody div.wrapper{
		padding-bottom:20px;
	}
	#bg-column-bottom {
		z-index: -5;
	}
	/**
	 * @section Small Black Headers
	 * @notes creates the small bold black headers in all-caps.
	 */
	div.header {
			text-transform:uppercase;
			font-size:12px;
			color:#000;
			line-height:1.25em;
			font-weight:bold;
			margin-bottom:8px;
		}
			div.header a { color:#000 !important; }
	/**
	 * @section Non-Bulleted Lists
	 */
	ul.no-bullet {
		padding:0;
		margin:0;
	}
		ul.no-bullet li {
			padding:0;
			margin:0 0 8px;
			list-style-type:none;
		}
	div#articlebody {
		font-size:15px;
		line-height:1.5em;
	}
	
		div#articlebody p {
		padding-right:30px;
	}

	div.staticbody {
		font-size:15px;
		line-height:1.5em;
	}
	
		div.staticbody p {
		padding-right:30px;
	}

	div#pagebody, div#pagebody div.wrapper {
		background-image:url(http://media.charlotteobserver.com/design/bg-header.gif);
		background-repeat:repeat-x;
		background-position:50% 0;
	}
	#mivendor_Footer .wrapper, #mivendor_Footer div#pagebody, #mivendor_Footer div#pagebody div.wrapper, #mivendor_Footer div.wrapper div#pagebody div.wrapper div#pagebody div.wrapper{
		background:none;
	}
		body.sports div#pagebody, body.sports div#pagebody div.wrapper { background-image:url(http://media.charlotteobserver.com/design/bg-header-multi.gif); }
		body.printedition div#pagebody, body.printedition div#pagebody div.wrapper { background-image:url(http://media.charlotteobserver.com/design/bg-header-print.gif); }
	/**
	 * @section Page Footer
	 * @notes holds the Contact/Correction/Advertising/Etc. links at the bottom of the page.
	 */
	div#pagefooter {
		border-top:1px solid #98afcb;
		background-image:url(http://media.charlotteobserver.com/design/bg-pagefooter.gif);
		background-repeat:repeat-x;
        text-align: left;
	}
		div#pagefooter div.wrapper {
			background:none;
			padding:16px 0;
		}
		div#pagefooter div.cols {
			width:970px;
			margin:0 auto;
			background-image:url(http://media.charlotteobserver.com/design/bg-footer-5cols.gif);
			font-size:12px;
		}
		div#pagefooter div.cols div.col1,
		div#pagefooter div.cols div.col2,
		div#pagefooter div.cols div.col3,
		div#pagefooter div.cols div.col4,
		div#pagefooter div.cols div.col5 {
			width:183px;
			float:left;
			display:inline;
		}
		div#pagefooter div.cols div.col1 { margin-right:19px; }
		div#pagefooter div.cols div.col2 { margin-right:17px; }
		div#pagefooter div.cols div.col3 { margin-right:17px; }
		div#pagefooter div.cols div.col4 { margin-right:0; }
		div#pagefooter div.cols div.col5 { display: inline; }
		div#pagefooter ul {
			padding:0;
			margin:0;
		}
		div#pagefooter ul li {
			padding:0;
			margin:0 0 4px;
			list-style:none;
		}
	/**
	 * @section McClatchy Footer links
	 * @notes used to hold McClatchy links at the end of the page.
	 */
	div#mcclatchy {
		border-top:1px solid #98afcb;
		padding:20px 0;
        text-align: left;
        background-color:white;
	}
		div#mcclatchy div.links {}
			div#mcclatchy div.links ul {
				padding:0;
				margin:0;
			}
			div#mcclatchy div.links ul li {
				padding:0;
				margin:0;
				list-style-type:none;
				float:left;
				display:inline;
				margin-right:0.5em;
				padding-right:0.5em;
				border-right:1px solid #ccc;
			}
			div#mcclatchy div.links ul li a {
				color:#666;
			}
			div#mcclatchy div.links ul li.last {
				padding-right:0;
				margin-right:0;
				border-right-style:none;
			}
			div#mcclatchy div.links ul li.rclogo {
				padding-right:0;
				margin-right:0;
				border-right-style:none;
				float:right;
			}
			div#mcclatchy div.links img { vertical-align:middle; }
	/**
	 * @section Box
	 * @notes used to create the outlined boxes sometimes with light grey background color.
	 */
	div.box {
		border:1px solid #ccc;
		border-bottom-width:3px;
		clear:both;
		margin-bottom:8px;
	}
		div.box2 {
			background-color:#e8e8e8;
			border:1px solid #fff;
		}
		div.box div.txt {
			padding:5px 10px;
		}
		div.box div.citation {
			text-align:right;
			padding:0 10px;
			font-size:10px;
			line-height:10px;
			color:#666;
			margin-bottom:8px;
		}
			div.box div.citation a { color:#666; }
	/**
	 * @notes this div is used to hold photos, slideshows or supplemental material in the right side of an article.
	 */
	div.inset {
		width:328px;
		float:right;
		display:inline;
		margin-left:30px;
		margin-bottom:10px;
		line-height:1.5em;
	}
	/**
	 * #notes used to create a right rail list of other articles.
	 */
	div.crosspromote {
		background-color:#fff;
	}
		div.crosspromote li {
			font-family:Georgia,"Times New Roman",Times,serif;
		}
	/**
	 * @section Comments List
	 * @notes used to display list of comments for a content item at the bottom of the page.
	 */
	div.commentlist {
		border-top:2px solid #ccc;
		padding-top:8px;
		font-size:12px;
		margin-top:20px;
	}
		div.commentlist div.header {
			padding-left:5px;
		}
		div.commentlist ul {
			padding:0;
			margin:0 0 1em;
		}
		div.commentlist ul li {
			list-style-type:none;
		}
		div.commentlist div.submit { padding:0 5px; }
		div.commentlist div.txtarea { margin-bottom:1em; padding:0 5px; }
		div.commentlist div.txtarea textarea {
			width:600px;
			height:200px;
			border:1px solid #ccc;
			padding:0.5em;
			overflow:auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1em;
		}
	/**
	 * @notes structural styles for div.content managed in grids.css
	 */
	div.content {}
	/**
	 * @notes structural styles for div.rail managed in grids.css
	 */
	div.rail {}
		div.story div.block {
			border:1px solid #bbb;
			background-color:#fff;
			padding:5px;
			zoom:1;
		}	
		div.rail div.block {
			border:1px solid #bbb;
			background-color:#fff;
			padding:5px;
			zoom:1;
		}
		div.story h4, div.rail h4 {
			padding:2px 5px 5px;
			margin:0;
			color:#000;
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			font-size:11px;
			line-height:1.25em;
			font-weight:bold;
		}
		div.rail div.blog {
			font-size:11px;
			text-transform:uppercase;
			margin-bottom:4px;
		}
			div.rail div.blog a { color:#000; }
		div.rail div.title {
			font-family:Georgia,"Times New Roman",Times,serif;
		}
	/**
	 * @section Zebra Lists
	 * @notes applies alternating colors to unordered lists with the class of ZEBRA
	 * requires jQuery and code in charlotte.js
	 */
	ul.zebra, ul.zebra_box {
		padding:0;
		margin:0;
		font-family:Georgia,"Times New Roman",Times,serif;
	}
		ul.zebra li, ul.zebra_box li {
			padding:4px 5px;
			margin:0;
			list-style-type:none;
		}
		ul.zebra li.odd, ul.zebra_box li.odd { background-color:#edf3f5; }
	
	/**
	 * @section Multimedia Bar
	 * @notes styles for the multimedia content switching bar.
	 * used on the homepage and most section landing pages.
	 */
	div#multimediabar {
		width:990px;
		height:256px;
		background-image:url(http://media.charlotteobserver.com/design/mm-bar.gif);
		background-repeat:no-repeat;
		overflow:hidden;
		position:relative;
	}
		div#multimediabar a { color:#a6d3f7; }
		div#multimediabar div.mm-panels a { text-decoration:none; }
		div#multimediabar div.mm-panels a:hover { color:#fff; text-decoration:none; }
		div#multimediabar div.icon { }
		div#multimediabar div.mm-links {
			position:absolute;
			left:10px;
			top:10px;
			line-height:1em;
		}
			div#multimediabar div.mm-links div.current {
				width:199px;
				float:left;
				display:inline;
				margin-right:10px;
				color:#fff;
				text-align:center;
				font-size:11px;
			}
			div#multimediabar div.mm-links div.other {
				float:left;
				color:#0d2034;
				font-size:11px;
			}
			div#multimediabar div.mm-links div.other a { color:#0d2034; margin:0 10px; }
		div#multimediabar div.mm-pagination {
			position:absolute;
			left:10px;
			right:10px;
			top:40px;
			text-align:center;
			line-height:0;
		}
			div#multimediabar div.mm-pagination a img { width:8px; height:12px; }
			div#multimediabar div.mm-pagination a {
				margin:0 3px;
				background-image:url(http://media.charlotteobserver.com/design/mm-panel.gif);
				background-repeat:no-repeat;
				background-position:50% 50%;
			}
			div#multimediabar div.mm-pagination a.activeSlide {
				background-image:url(http://media.charlotteobserver.com/design/mm-panel-active.gif);
			}
		div#multimediabar div.mm-left {
			width:27px;
			height:27px;
			line-height:0;
			position:absolute;
			left:0;
			top:100px;
		}
		div#multimediabar div.mm-right {
			width:27px;
			height:27px;
			line-height:0;
			position:absolute;
			right:0;
			top:100px;
		}
		div#multimediabar div.mm-panels {
			position:absolute;
			left:30px;
			right:30px;
			top:60px;
			height:140px;
			width:930px;
			overflow:hidden;
		}
		div#multimediabar div.mm-panels div.mm-panel {
			height:140px;
			width:930px;
			background-image:url(http://media.charlotteobserver.com/design/mm-panels-bg.gif);
			background-repeat:repeat-y;
		}
		div#multimediabar div.mm-panels ul {
			padding:0 0 0 18px;
			margin:0;
		}
		div#multimediabar div.mm-panels ul li {
			padding:0;
			margin:0 96px 0 0;
			float:left;
			display:inline;
			width:152px;
			list-style-type:none;
			font-family:Georgia,"Times New Roman",Times,serif;
		}
		div#multimediabar div.mm-panels ul li.last { margin-right:0; }
			div#multimediabar div.mm-panels div.img {
				line-height:0;
				border:1px solid #fff;
				margin-bottom:8px;
			}
			div#multimediabar div.mm-panels div.txt {
				line-height:1.5em;
			}
		div#multimediabar div.mm-footer {
			position:absolute;
			left:20px;
			right:20px;
			top:215px;
			text-align:center;
			color:#fff;
		}
			div#multimediabar div.mm-footer a { margin:0 10px; }
	/**
	 * @section Table Setting Reset
	 * @notes removes most default styles for tables and applies appropriate ones.
	 */
	table.void {
		margin:0 0 1em;
		padding:0;
		width:100%;
		border-spacing:0;
		border-collapse:collapse;
	}
		table.void td {
			vertical-align:top;
			font-size:1em;
			padding:4px 0;
			margin:0;
			text-align:left
		}
		table.void td.pr {
			padding-right:10px;
		}
		table.void th {
			font-size:1em;
			vertical-align:top;
			font-weight:bold;
			padding:0;
			margin:0;
			text-align:left;
			text-transform:uppercase;
		}
	/**
	 * @section Zebra Tables
	 * @notes Table with alternating color rows.
	 * requires jQuery and code in charlotte.js
	 */
	table.zebra {
		margin:0 0 8px;
		padding:0;
		width:100%;
		border-spacing:0;
		border-collapse:collapse;
	}
		table.zebra td {
			vertical-align:top;
			font-size:1em;
			padding:2px 5px;
			margin:0;
			text-align:left;
		}
		table.zebra tr.odd td { background-color:#edf3f5; }
		table.zebra td.stock-name {
			width:30%;
		}
		table.zebra td.stock-value {
			width:20%;
			text-align:right;
		}
		table.zebra td.stock-movement {
			width:50%;
			text-align:right;
		}
		table.zebra div.stock-up {
			color:#360;
			padding-right:20px;
			background-position:100% 50%;
			background-image:url(http://media.charlotteobserver.com/design/stock-up.gif);
			background-repeat:no-repeat;
		}
		table.zebra div.stock-down {
			color:#c00;
			padding-right:20px;
			background-position:100% 50%;
			background-image:url(http://media.charlotteobserver.com/design/stock-down.gif);
			background-repeat:no-repeat;
		}
	#stock { margin-bottom:0; padding: 5px 0;}
	/**
	 * @section Tabbed Boxes
	 * @notes uses the jQuery UI Tabs plugin (same plugin is in use on the current charlotte.com site)
	 */
	 	#stock table.zebra {
			width: 291px;
			margin: 0 0 0 5px;
		}
		
	div.tabbed ul, div.zevent ul {
		padding:0;
		margin:0;
	}
	div.ui-tabs-hide {
		display:none;
	}
	div.ui-tabs-panel {
		clear:both;
	}
	div.tabbed ul.tabs, div.zevent ul.tabs {
		padding:0;
		margin:0;
		border-bottom:1px solid #bbb;
		height:23px;
	}
	div.tabbed ul.tabs li, div.zevent ul.tabs li {
		padding:0 9px;
		background-color:#fff;
		background-image:url(http://media.charlotteobserver.com/design/gradient-bottom-edge.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
		margin:0 1px 0 0;
		border:1px solid #bbb;
		border-bottom-style:none;
		height:22px;
		line-height:22px;
		list-style-type:none;
		float:left;
		font-size:11px;
		font-weight:bold;
	}
	div.tabbed ul.tabs li a, div.zevent ul.tabs li a { color:#666; text-transform:uppercase; }
	div.tabbed ul.tabs li.ui-tabs-selected, div.zevent ul.tabs li.ui-tabs-selected { height:23px; background-image:none; }
	div.tabbed ul.tabs li.ui-tabs-selected a, div.zevent ul.tabs li.ui-tabs-selected a { color:#000; text-decoration:none; cursor:text; }
	div#cb-tabbed ul.tabs li.ui-tabs-selected a { color:#006; }
	div.tabbody {
		background-color:#fff;
		padding:5px;
		border:1px solid #bbb;
		border-top-style:none;
	}
	div.tabbody ul li {
		display:block;
		float:none;
	}
	/**
	 * @notes adjustment for the padding in the Today's Talk tab display block.
	 */
	div#tab-todaystalk {
		padding:10px;
	}
	/**
	 * @section Icons
	 * @notes use CSS sprite-based icons to reduce the number of images that need to be downloaded
	 */
	span.icon {
		display:block;
		float:left;
		clear:left;
		width:20px;
		height:12px;
		background-repeat:no-repeat;
		background-image:url(http://media.charlotteobserver.com/design/icons-blue.gif);
	}
	span.inlineicon {
		display:block;
		float:left;
		width:20px;
		height:12px;
		background-repeat:no-repeat;
		background-image:url(http://media.charlotteobserver.com/design/icons-blue.gif);
	}
	div#multimediabar span.icon { background-image:url(http://media.charlotteobserver.com/design/icons-white.gif); }
	div.f-right span.icon,
	div.f-left span.icon {}
		span.icon-video { background-position:0 0; }
		span.icon-photo { background-position: 0 -12px; }
		span.icon-rss { background-image: url(http://media.charlotteobserver.com/design/feed-icon-12x20.png); background-position:0 0; }
		span.icon-social { background-position:0 -36px; }
		span.icon-comment { background-position:0 -48px; }
		span.icon-enlarge { background-position:0 -60px; }
		span.icon-bullet { background-position:0 -72px; }
		span.icon-down { background-position:0 -84px; }
		span.icon-up { background-position:0 -96px; }
		span.icon-pictopia { background-position:0 -108px; }
	/**
	 * @section Career Builder Rail Items
	 * @notes styles that apply to the Career Builder rail objects either 
	 * when held in a tabbed box or one after the other in the right rail.
	 */
	div.block div#cb-quicksearch {
		padding:10px 10px 20px;
		margin:-5px -5px 10px;
		background-image:url(http://media.charlotteobserver.com/design/bg-careerbuilder-blocks.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
		border-bottom:1px solid #bbb;
	}
	*+html div.block div#cb-quicksearch { margin:-5px -5px 10px; width:279px; }
	div.block div#cb-topjobs {
		padding:10px 10px 20px;
		margin:-10px -5px 10px;
		background-image:url(http://media.charlotteobserver.com/design/bg-careerbuilder-blocks.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
		border-bottom:1px solid #bbb;
	}
	*+html div.block div#cb-topjobs {
		margin:-5px -5px 10px; width:279px;
	}
	div.block div#cb-videos {
		padding:0 !important;
		margin:-10px -10px -5px;
		text-align:center;
		line-height:1px;
		font-size:1px;
		background-image:none;
	}
		div.block div#cb-videos img { border:0; padding:0; margin:0; }
	*+html div.block div#cb-videos { margin:-10px -5px -5px; width:299px; }
	div#cb-quicksearch table label {
		display:block;
		font-weight:bold;
	}
	div#cb-quicksearch table input {
		width:125px;
		padding:3px;
		border:1px solid #ccc;
		font-size:1em;
	}
	div#cb-quicksearch table select {
		width:125px;
		padding:3px;
		border:1px solid #ccc;
		font-size:1em;
	}
	div#cb-topjobs span.icon-rss{
		background-image:url(http://media.charlotteobserver.com/design/icon-rss-careerbuilder.gif);
		background-position:0 0;
	}
	div.careerbuilder {
		background-image:url(http://media.charlotteobserver.com/design/bg-careerbuilder-blocks.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
	}
		div.careerbuilder div.logo {
			margin-bottom:10px;
		}
		div.careerbuilder div.header {
			border-bottom:1px solid #006;
			color:#f60;
			padding:4px 0;
			margin:0 0 5px;
			line-height:1em;
		}
		div.careerbuilder div.header a { color:#f60 !important; }
		div.careerbuilder div.othersearches { font-size:10px; line-height:20px; }
		div.careerbuilder ul {
			margin:0;
			padding:0;
		}
		div.careerbuilder ul li {
			margin:0;
			padding:0;
			list-style-type:none;
		}
	/**
	 * @section Divided UL
	 * @notes creates a list with horizontal lines dividing the list items
	 * last list item should also have the class of LAST applied to it.
	 */
	ul.divided {
		padding:0;
		margin:0;
	}
		ul.divided li {
			line-height:1.3em;
			margin-bottom:0.25em;
			border-bottom:1px solid #ccc;
			list-style-type:none;
			padding:5px 0 !important;
		}
		ul.divided li.last {
			padding-bottom:0;
			margin-bottom:0;
			border-bottom-style:none;
		}
	/**
	 * @section Print Edition top of page box
	 */
	div#lead-printedition {
		border:1px solid #ccc;
		border-bottom-width:2px;
		padding:1px;
		margin-bottom:20px;
	}
	*+html div#lead-printedition { padding-bottom:1px; } /** @notes IE7 adjustment */
		div#lead-printedition div.divided {
			background-image:url(http://media.charlotteobserver.com/design/bg-printedition-divided.gif);
			background-repeat:repeat-y;
			margin:20px 0;
		}
		div#lead-printedition div.lead-printed-main {
			width:425px;
			float:left;
			display:inline;
			margin-left:9px;
		}
		div#lead-printedition div.lead-printed-image {
			width:152px;
			float:right;
			display:inline;
			margin-right:20px;
		}
			div#lead-printedition div.lead-printed-image img {
				padding:0;
				margin:0;
				border:1px solid #bbb;
			}
	/**
	 * @section Print Edition Sections
	 * @notes used to display a section of the paper with linked titles and page references.
	 * the last TR in the table should also have the class of LAST applied to it.
	 */
	div#sections-printedition {
		padding:8px 10px 0;
	}
		div#sections-printedition td.title { border-bottom:1px solid #ccc; }
		div#sections-printedition td.page { width:260px; border-bottom:1px solid #ccc; }
		div#sections-printedition tr.last td.title,
		div#sections-printedition tr.last td.page { border-bottom-style:none; }
	/**
	 * @section Gradient Headers
	 * @notes used in a few places on the print edition and local news sections
	 */
	.gradient-header {
		background-color:#eef4f6;
		background-image:url(http://media.charlotteobserver.com/design/bg-gradient-header.gif);
		background-position:100% 100%;
		background-repeat:repeat-y;
		color:#000;
		text-transform:uppercase;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		padding:5px 9px;
		line-height:11px;
		font-weight:bold;
	}
		.gradient-header span {
			text-transform:none;
			font-weight:normal;
		}
		.gradient-header img { vertical-align:middle; }
	/**
	 * @section Highlighted Stories
	 * @notes used for lists of stories on the home and landing pages.
	 */
	div.highlights {
		padding-top:8px;
		margin-bottom:8px;
	}
		/**
		 * @section Top Story
		 * @notes only the first story with a highlights block should be the top story
		 */
		div.highlights div.story-top {
			border-bottom:2px solid #bbb;
			margin-bottom:8px;
			padding-bottom:12px;
		}
			div.highlights div.story-top div.title {
				font-family:Georgia,"Times New Roman",Times,serif;
				font-size:24px;
				margin-bottom:8px;
			}
			div.highlights div.story-top div.img {
				float:left;
				display:inline;
				margin-right:8px;
				width:auto;
			}
				div.highlights div.story-top div.img img {
					border:1px solid #ccc;
				}
			div.highlights div.story-top div.teaser {
				line-height:1.3em;
			}
			div.highlights div.story-top div.links {
				font-size:12px;
				clear:both;
				padding:8px 0;
			}
		/**
		 * @section Top Story
		 * @notes only the first story with a highlights block should be the top story
		 */
		div.highlights div.columnist-top {
			border-bottom:2px solid #bbb;
			margin-bottom:8px;
			padding-bottom:12px;
		}
			div.highlights div.columnist-top div.title {
				font-family:Georgia,"Times New Roman",Times,serif;
				font-size:24px;
				margin-bottom:8px;
			}
			div.highlights div.columnist-top div.img {
				float:left;
				display:inline;
				margin-right:8px;
				width:auto;
			}
				div.highlights div.columnist-top div.img img {
					border:1px solid #ccc;
				}
			div.highlights div.columnist-top div.teaser {
				line-height:1.3em;
			}
			div.highlights div.columnist-top div.links {
				font-size:12px;
				clear:both;
				padding:8px 0;
			}
		/**
		 * @section Top Story, Breaking 911 Cell
		 * @notes only the first story with a highlights block should be the top story
		 */
		div.highlights div.breaking911 {
			border-bottom:2px solid #eee;
			margin-bottom:18px;
			padding-bottom:12px;
		}
			div.highlights div.breaking911 div.title {
				font-family:Georgia,"Times New Roman",Times,serif;
				font-size:18px;
				margin-bottom:8px;
			}
			div.highlights div.breaking911 div.img {
				float:left;
				display:inline;
				margin-right:8px;
				width:auto;
			}
				div.highlights div.breaking911 div.img img {
					border:1px solid #ccc;
				}
			div.highlights div.breaking911 div.teaser {
				line-height:1.3em;
			}
			div.highlights div.breaking911 div.links {
				font-size:12px;
				clear:both;
				padding:8px 0;
			}
		/**
		 * @section Story Highlight
		 * @note a block of highlighted stories may contain as many story highlights as is desired
		 * the last story highlight should also use the class of LAST
		 */
		div.highlights div.story-highlight {
			border-bottom:2px solid #eee;
			padding-bottom:12px;
			margin-bottom:8px;
		}
			div.highlights div.story-highlight div.title {
				font-size:18px;
				margin-bottom:8px;
			}
			div.highlights div.story-highlight div.teaser {
				line-height:1.3em;
				margin-bottom:8px;
			}
	div.story-highlight {
		margin-bottom:8px;
	}
		div.story-highlight div.title {
			font-family:Georgia,"Times New Roman",Times,serif;
			font-size:24px;
			margin-bottom:8px !important;
		}
		div.subtitle { color:#000; margin-bottom:8px; line-height:1.3em; font-size:1.1em; }
		div.story-highlight div.subtitle { margin-bottom:8px; }
		div.story-highlight div.teaser { margin-bottom:8px; }
		div.story-highlight div.links { clear:both; padding:8px 0;}
		div.story-highlight div.img { width:auto; }
		div.box div.story-highlight {
			padding-bottom:4px;
			margin-bottom:8px;
		}
		div.box div.story-highlight div.img { margin-bottom:8px; }
		div.box div.story-highlight div.citation {}
		div.box div.story-highlight div.title {
			font-size:24px;
			padding:0 10px;
			margin-bottom:8px;
		}
		div.box div.story-highlight div.teaser {
			padding:0 10px;
			line-height:1.25em;
		}
		div.box div.story-highlight div.links {
			font-size:12px;
			padding:0 10px;
			line-height:1.3em;
			clear:both;
		}
	/**
	 * @section Story List
	 * @notes a horizontally divided list of story titles.
	 * may include timestamps
	 * last list item should also have the class of LAST applied to it.
	 */
	div.story-list {
		font-size:13px;
		border-top:2px solid #ccc;
		padding-top:8px;
                margin: 0 0 8px 0;
	}
		div.tabbody div.story-list {
			border-top-style:none;
			padding-top:0;
		}
		div.no-top { border-top-style:none !important; padding-top:0; }
		div.story-list ul.stories {
			padding:0;
			margin:0;
		}
		div.story-list ul.stories li {
			border-bottom:1px solid #ccc;
			padding:4px 0;
			margin:0;
			list-style-type:none;
			line-height:1.25em;
			color:#ccc;
		}
		div.story-list ul.stories li a {
			font-family:Georgia,"Times New Roman",Times,serif;
		}
		div.story-list ul.stories li.last {
			border-bottom-style:none;
			padding-bottom:0;
		}
	div.headline-list {
		font-size:13px;
		border-top:2px solid #ccc;
		padding-top:8px;
		margin-bottom:20px;
	}
		div.tabbody div.headline-list {
			border-top-style:none;
			padding-top:0;
		}
		div.no-top { border-top-style:none !important; padding-top:0; }
		div.headline-list ul.stories {
			padding:0;
			margin:0;
		}
		div.headline-list ul.stories li {
			border-bottom:1px solid #ccc;
			padding:4px 0;
			margin:0;
			list-style-type:none;
			line-height:1.25em;
			color:#ccc;
		}
		div.headline-list ul.stories li a {
			font-family:Georgia,"Times New Roman",Times,serif;
		}
		div.headline-list ul.stories li.last {
			border-bottom-style:none;
			padding-bottom:0;
		}
	/**
	 * @section Story
	 * @notes an individual story listing
	 */
	div.story {
		border-bottom:2px solid #ccc;
		margin-bottom:8px;
		padding-bottom:16px;
	}
		div.tabbody div.story {
			border-bottom-style:none;
			padding-bottom:0;
			margin-bottom:0;
		}
		div.last {
			border-bottom-style:none !important;
			margin-bottom:0 !important;
			/* padding-bottom:0 !important; */
		}
		div.sectionlink {
			font-size:11px;
			line-height:1.25em;
			margin-bottom:8px;
			color:#000;
			text-transform:uppercase;
		}
		h6 a { color:#000 !important; }
		div.sectionlink a { color:#000 !important; }
		div.story div.title {
			font-family:Georgia,"Times New Roman",Times,serif;
			font-size:16px;
			line-height:1.25em;
			margin-bottom:8px;
		}
			div.tabbody div.story div.title { margin-bottom:0; }
		div.story div.teaser {
			line-height:1.25em;
		}
		div.story div.img { text-align:center; margin-bottom:8px; }
			div.story div.img img { border:1px solid #ccc; }
			div.tabbody div.story div.img { width:auto; float:left; display:inline; margin-right:8px; margin-bottom:8px; }
		div.story div.links { clear:both; padding:4px 0; line-height:1.3em; }
			div.story div.links ul {
				padding:0;
				margin:0;
			}
			div.story div.links ul li {
				float:left;
				display:inline;
				padding-right:5px;
				margin-right:5px;
				border-right:1px solid #ccc;
			}
			div.story div.links ul li.last {
				margin-right:0;
				padding-right:0;
				border-right-style:none;
			}
	/**
	 * @notes adjusting the padding of the "columnists" tab with teaser and image that appears in the right rail.
	 */
	div#tab-columnists { padding:10px; }
	/**
	 * @section "ask the experts" and "featured advertisers" sections
	 * @notes used on the home page or some other landing pages.
	 */
	div#ask-the-experts {
		margin-bottom:16px;
        background: url(/static/images/experts/experts-graphic.jpg) no-repeat 200px 8px;
	}
        
	div#featured-advertisers {
		margin-bottom:16px;
	}
		div#ask-the-experts h5,
		div#featured-advertisers h5 {
			font-weight:bold;
            height: 15px;
		}
	/**
	 * @section Market Search
	 * @notes used for the Business/Markets data display in the right rail.
	 */
	div#market-search {margin: 5px 0 0;}
	div#market-search div.delay { font-size:10px; color:#bbb; }
	div#market-search form {
		border-top:1px solid #bbb;
		border-bottom:1px solid #bbb;
		padding:8px 0;
		line-height:18px;
	}
	div#market-search input { vertical-align:middle; }
	div#market-search input.ticker {
		float:left;
		display:inline;
		margin-right:10px;
		width:110px;
		border:1px solid #bbb;
		font-size:10px;
		height:18px;
	}
	div#market-search input.go {
		float:left;
		display:inline;
		margin-right:5px;
		width:80px;
		text-align:center;
		font-size:10px;
	}
	div#market-search div.lookup {
		font-size:10px;
		float:right;
		line-height:18px;
	}
	div#market-search div.cols {
		/* background-image:url(http://media.charlotteobserver.com/design/bg-market-search-cols.gif); */
		background-repeat:repeat-y;
		margin:10px 0;
	}
	div#market-search div.col1 {
		float:left;
		width:146px;
		margin: 0 0 0 3px;
	}
	div#market-search div.col2 {
		float:right;
		width:146px;
		margin: 0 3px 0 0;
	}
	/**
	 * @section Special Coverage
	 * @notes used for large cross-column "special coverage" sections on the homepage.
	 */
	div#special-coverage { margin-bottom:20px; }
	div#special-coverage div.highlights {}
	div#special-coverage div.highlights div.story-highlight {}
	div#special-coverage div.highlights div.title { font-size:16px; margin-bottom:0; padding:0; }
	div#special-coverage div.highlights div.teaser { padding:0; margin:0; }
	div#special-coverage div.highlights div.links { padding:0; margin:0; }
	/**
	 * @section Breaking News box
	 * @notes used on home page or other landing pages as appropriate.
	 * uses a 76x76 image that is floated to the left.
	 */
	div#breaking-news {
		border:1px solid #bbb;
		border-bottom-width:2px;
		margin-bottom:8px;
		padding:1px;
		zoom:1;
	}
		div#breaking-news div.header {
			background-color:#ccc;
			color:#000;
			font-size:12px;
			padding:2px 5px;
			margin-bottom:5px;
		}
		div#breaking-news div.title {
			padding:0 5px;
			margin-bottom:5px;
			font-size:24px;
			line-height:1.25em;
		}
		div#breaking-news div.teaser { padding-right:5px; padding-left:8px;}
		div#breaking-news div.img {
			float:left;
			display:inline;
			margin-right:8px;
			margin-left:5px;
			margin-bottom:8px;
			width:auto;
		}
			div#breaking-news div.img img { line-height:0; border:1px solid #bbb; }
		div#breaking-news div.links { clear:both; font-size:12px; padding-left:8px;}
		div#breaking-news div.teaser { line-height:1.25em; }
	/**
	 * @section Business landing page header block
	 */
	div#the-market {
		border:1px solid #bbb;
		border-bottom-width:3px;
		padding:3px;
		margin-bottom:20px;
	}
		div#the-market div.header { padding:4px 5px 0; }
		div#the-market div.grid-ab {
			margin-right:0;
		}
		div#the-market div.grid-cd {
			width:314px;
		}
			div#the-market div.grid-cd div.header { padding-left:0; }
		div#the-market .display-type {
			border-top:1px solid #ccc;
			padding:4px 5px;
			margin:8px 0 4px;
		}
			div#the-market ul.display-type li {
				margin:0 0.5em 0 0;
				padding:0 0.5em 0 0;
				border-right:1px solid #ccc;
				display:inline;
				list-style-type:none;
			}
			div#the-market ul.display-type li.last {
				padding-right:0;
				margin-right:0;
				border-right-style:none;
			}
		div#the-market div.row { border-top:1px solid #ccc; padding:5px; color:#ccc; }
		div#the-market input.ticker { border:1px solid #999; height:18px; }
		div#the-market select { border:1px solid #999; height:20px; }
	/**
	 * @notes ul.inline-split can be used to make a list display as an inline
	 * list of links with vertical dividing lines between the entries.
	 * the last item should have a class of LAST applied to it.
	 */
	ul.inline-split {
		padding:0;
		margin:0;
	}
		ul.inline-split li {
			padding:0;
			margin:0;
			float:left;
			list-style-type:none;
		}
		ul.inline-split li a {
			padding-right:0.5em;
			margin-right:0.5em;
			border-right:1px solid #ccc;
		}
		ul.inline-split li.first {
			clear:left;
		}
		ul.inline-split li.last {}
		ul.inline-split li.last a {
			padding-right:0;
			margin-right:0;
			border-right-style:none;
		}
	/**
	 * @section neighborhood selection box used for local news.
	 */
	div#local-select {
		border:1px solid #bbb;
		border-bottom-width:2px;
		padding:1px;
		margin-bottom:20px;
	}
	div#local-select .gradient-header { margin-bottom:1px; }
	div#local-select ul {
		padding:0 0 0 10px;
		margin:0;
	}
	div#local-select ul li {
		width:199px;
		display:inline;
		float:left;
		padding:3px 0;
		border-bottom:1px solid #eee;
		list-style-type:none;
		margin-right:19px;
		font-size:16px;
	}
	div#local-select ul li.first {
		clear:left;
	}
	div#local-select ul li.last {
		margin-right:0px;
	}
	div#local-select ul li.bottom {
		border-bottom-style:none;
	}
	div#local-select ul li a {
		display:block;
		padding:4px 10px;
		font-family:Georgia,"Times New Roman",Times,serif;
	}
	div#local-select ul li a.active {
		background-image:url(http://media.charlotteobserver.com/design/bg-local-select-active.gif);
		background-repeat:repeat-x;
		background-color:#0B5D97;
		color:#fff;
	}
	/**
	 * @notes used to alert users to information or changes. 
	 * embeded above the main content in the content column.
	 * used for the "you have selected {x} as your neighborhood" message.
	 */
	div#alert-message {
		font-size:11px;
		color:#f00;
		margin-bottom:8px;
		text-transform:uppercase;
		padding:0 10px;
	}
	/**
	 * @section Mini Slideshow for embedding in Article pages
	 * @notes the mini slideshow goes inside div.inset to hold it in place.
	 */
	div#mini-slideshow {
		width:318px;
		/* border:1px solid #ccc;
		border-bottom-width:2px;
		background-image:url(http://media.charlotteobserver.com/design/mm-mini.gif);
		background-repeat:repeat-x;
		background-color:#0A212C;
		color:#9ed3fd; */
		position:relative;
        margin: 0 0 8px 0;
	}

		div#mini-slideshow div.name {
            padding:0; z-index:1; 
            font-weight: bold;
        }
		div#mini-slideshow div.controls {
			text-align:right;
			position:absolute;
			z-index:2;
			top:0;
			right:11px;
		}
        
        div#mini-slideshow ul#slideshow div.txt {
            margin: 0px;
        }
        
        
        
        
        
        
        
        
        
        
		div#mini-slideshow div.controls img { vertical-align:middle; outline: none;}
			div#mini-slideshow div.controls span.indicator img { width:8px; height:15px; }
			div#mini-slideshow div.controls span.indicator a {
				background-image:url(http://media.charlotteobserver.com/design/mm-panel.gif);
				background-repeat:no-repeat;
				background-position:50% 50%;
				margin:0 3px;
			}
			div#mini-slideshow div.controls span.indicator a.activeSlide {
				background-image:url(http://media.charlotteobserver.com/design/mm-panel-active.gif);
			}
		div#mini-slideshow span.icon { background-image:url(http://media.charlotteobserver.com/design/icons-blue.gif); }
		/* div#mini-slideshow a { color:#9ed3fd; } */
		div#mini-slideshow div.slides {
			padding:0 11px;
		}
		div#mini-slideshow div.slides ul {
			width:294px;
			height:0px;
			overflow:hidden;
			padding:0;
			margin:0;
		}
		div#mini-slideshow div.slides ul li {
			width:294px;
			height:0px;
			padding:0;
			margin:0;
			list-style-type:none;
		}
			div#mini-slideshow div.slides div.img { margin-bottom:8px; }
			div#mini-slideshow div.slides div.txt {}
			div#mini-slideshow div.slides div.xref {
				text-align:center;
				padding-top:45px;
			}
		div#mini-slideshow div.jumplink {
			padding:0 11px 12px;
			font-size:11px;
		}
		span#mini-slideshow-loader img{
			margin: 0 0 0 10px;
			vertical-align: middle;
		}
		.billboard {
			margin: 0pt auto;
			width:990px;
			background-color:#F9FAFB;
		}

	div#big-slideshow {
		width:646px;
		border:1px solid #ccc;
		border-bottom-width:2px;
		background-image:url(http://media.charlotteobserver.com/design/mm-mini.gif);
		background-repeat:repeat-x;
		background-color:#0A212C;
		color:#9ed3fd;
		position:relative;

		margin-left:10px;
	}
		div#big-slideshow div.name { padding:8px 11px; z-index:1; }
		div#big-slideshow div.controls {
			z-index:2;
			top:8px;
			right:11px;
			padding:0 0 14px 14px;
		}
		div#big-slideshow div.controls img { vertical-align:middle; }
			div#big-slideshow div.controls span.indicator img { width:8px; height:15px; }
			div#big-slideshow div.controls span.indicator a {
				background-image:url(http://media.charlotteobserver.com/design/mm-panel.gif);
				background-repeat:no-repeat;
				background-position:50% 50%;
				margin:0 3px;
			}
			div#big-slideshow div.controls span.indicator a.activeSlide {
				background-image:url(http://media.charlotteobserver.com/design/mm-panel-active.gif);
			}
		div#big-slideshow span.icon { background-image:url(http://media.charlotteobserver.com/design/icons-white.gif); }
		div#big-slideshow a { color:#9ed3fd; }
		div#big-slideshow div.slides {
			padding:0 11px;
		}
		div#big-slideshow div.slides ul {
			width:624px;
			/*height:650px;*/
			overflow:hidden;
			padding:0;
			margin:0;
		}
		div#big-slideshow div.slides ul li {
			width:624px;
			/*height:525px;*/
			padding:0;
			margin:0;
			list-style-type:none;
			display:none;
		}
			div#big-slideshow div.slides div.img { margin-bottom:8px; text-align: center; }
			div#big-slideshow div.slides div.txt { width:624px;}
			div#big-slideshow div.slides div.xref {
				text-align:center;
				padding-top:45px;
			}
		div#big-slideshow div.jumplink {
			padding:0 11px 12px;
			font-size:11px;
		}
		div#big-slideshow div.caption {
			padding:0 11px 12px;
			font-size:11px;
		}
		
		span#big-slideshow-loader img{
			margin: 0 0 0 10px;
			vertical-align: middle;
		}
		div#bigslide_index {
			padding:0 0 10px 10px;
		}
	/*
	 * @section Tabbed Boxes
	 * @notes uses the jQuery UI Tabs plugin (same plugin is in use on the current charlotte.com site)
	 */
	div#regtabbed ul {
		padding:0;
		margin:0;
	}
	div#regtabbed ul.tabs {
		padding:0;
		margin:0;
		border-bottom:1px solid #bbb;
		height:23px;
	}
	div#regtabbed ul.tabs li {
		padding:0 9px;
		background-color:#fff;
		background-image:url(http://media.charlotteobserver.com/design/gradient-bottom-edge.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
		margin:0 1px 0 0;
		border:1px solid #bbb;
		border-bottom-style:none;
		height:22px;
		line-height:22px;
		list-style-type:none;
		float:left;
		font-size:11px;
		font-weight:bold;
	}
	div#regtabbed ul.tabs li a { color:#666; text-transform:uppercase; }
	div#regtabbed ul.tabs li.ui-tabs-selected { height:23px; background-image:none; }
	div#regtabbed ul.tabs li.ui-tabs-selected a { color:#000; text-decoration:none; cursor:text; }
	div#vid_addcomments, div#vid_comments, div#vid_disclaim {padding:25px 25px 25px 10px;}
	
	
	/*
	 * @section Factbox
	 * @notes styles Factboxes displayed underneath mini slideshows inside the inset div
	 */
	div.inset div.factbox {
            margin: 8px 0 0 0;
            border: 1px solid #bbb;
            padding: 5px;
        }

        div.factbox h4 {
            color:#000000;
            font: bold 11px Arial,Helvetica,sans-serif;
            line-height:1.25em;
            margin:0pt;
            padding:2px 5px 5px;
            text-transform:uppercase;
            
        }
        
        div.factbox span.instructions {
            font-size: 11px;
            color: #999;
            text-transform: lowercase;
            margin: 0 0 0 5px;
            font-weight: normal;
        }
        
        div.factbox_header a {
            text-decoration: none;
        }
        
        div.factbox_header a:visited {
            color: #999;
        }
        
        div.factbox_header a:hover {
            text-decoration: underline;
        }
        
        div.factbox_header a:active {
            text-decoration: none;
        }
        
        div.factbox_content {
            margin: 8px 0 0 0;
            padding: 5px;
        }
	   
	   span.factbox_head {
		color: #000000;
		float: left;
		font: bold 11px/1.25em Arial,Helvetica,sans-serif;
		margin: 0 170px 5px 0;
		text-transform: uppercase;
		width: 290px;
	   }
	span.howto_head {
		color: #000000;
		float: left;
		font: bold 11px/1.25em Arial,Helvetica,sans-serif;
		margin: 0 170px 5px 0;
		text-transform: uppercase;
		width: 290px;
	   }

        div.box2 div.google_map div.map {
            border: 1px solid #999;
        }
        
        div#poll {
            padding: 0 0 0 5px;
        }
            
            div#poll_question {
                margin: 5px 0;
            }
        
        div#poll_radios div {
            margin: 0 0 8px 0;
            font-weight: bold;
            font-size: 11px;
        }
        
        div#poll_result {
            padding: 5px;
        }
        
        div.response {
            padding: 8px 0 0 0;
        }
        
        div.tally {
            font-weight: bold;
            display: inline;
        }
        
        div.poll_percent {
            display: inline;
            margin: 0 0 0 5px;
        }
        
        div.result {
            display: inline;
        }
        
        div#total {
            margin: 8px 0 0 0;
        }
        
        button {
            border: none;
            background: none;
            vertical-align: middle;
            padding: 0;
        }
        
        
        /*
	 * @section Google Map
	 * @notes replaces black border with grey border
	 */
        div.google_map div.map {
            border: 1px solid #ccc;
        }
        
        
        /*
	 * @section Subscribe And Earn Miles
	 * @notes tease on bottom of local stories, styles the link to be italic, brings the image even with text
	 */
        p.subscribe_miles img {
            vertical-align: middle;
            margin: 0 8px 0 0;
        }
        
        p.subscribe_miles a {
            font-style: italic;
        }
        
        
        /*
         * @ notes Calendar Widget
         */
        div#events_calendar {
        }
        
        a.ZventsEventName {
            margin: 0;
            display: block;
            font: 16px Georgia, "Times New Roman", Times, sans-serif;
        }
        
        a.ZventsImageLink {
            margin: 8px 0;
            display: block;
        }
        
        ul#date-widget {
            margin: 0 0 8px 0;
            padding: 0;
            list-style: none;
            float: left;
        }
        
            ul#date-widget li {
                display: inline;
                float: left;
                height: 36px;
                position: relative;
                font: normal 10px arial;
                text-align: center;
                margin: 0 5px 0 0;
                border: 1px solid #bbb;
                width: 45px;
            }
                ul#date-widget li.last {
                    margin: 0;
                }
                
                ul#date-widget li a {
                    text-decoration: none;
                    display: block;
                    font: bold 18px arial;
                    color: #136aa8;
                    padding: 2px 11px 0 11px;
                }
                
                ul#date-widget li a:hover {
                    color: #003f6a;
                }
        
        div.link {
            padding: 0;
        }
        
        div.day {
            width: 45px;
        }
        
        div#ZventsSearchForm {
            margin: 8px 0 0 0;
        }
        
        div#ZventsSearchForm input.text {
            border: 1px solid #bbb;
            width: 100px;
            margin: 0;
            line-height: 20px;
            vertical-align: middle;
        }
        button {
            margin: 0;
            display: inline;
            line-height: 20px;
            height: 25px;
        }
        
        /*
         * @ section Email Story Social Widget
         * @ notes Styles the form used to email a story
         */
        
        
        #toolbar {
            text-align: right;
        }
        
        #toolbar h3 {
            float:left;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 13px;
            font-weight:normal;
            line-height:normal;
            text-transform: capitalize;
        }
        
        #toolbar a {
            color:#136aa8;
            font-family:arial,helvetica,verdana,sans-serif;
            font-size:10px;
            line-height:normal;
            margin-right:0.5em;
            text-decoration:underline;
            text-transform: uppercase;
        }
            
        #toolbox {
            background-color:#fff;
            border: 1px solid #bbb;
            display: none;
            width: 635px;
            z-index: 100;
            padding: 10px;
            margin: 40px 0 8px 0;
        }
        
        #tool {
            clear: both;
            margin: 8px 0 0 0;
        }
            #tool div.attn {
                font-size: 10px;
                font-weight: bold;
                text-align: center;
            }
            
            #tool div.form_field {
                margin: 0 0 8px 0;
            }
        
            #tool label {
                display:block;
                font-size:10px;
                line-height:1.2em;
                text-transform:uppercase;
            }
            
            #tool div.form_field input.required, #tool div.form_field textarea {
                border: 1px solid #999;
                width: 100%;
            }
            
            
        /*
         * @ section Media Upload Form
         */
        form#media_upload div {
            clear: both;
            margin: 8px 0;
        }
        
        form#media_upload label {
            margin: 0 8px 0 0;
            float: left;
            width: 120px;
        }
        
        form#media_upload input.text, form#media_upload select {
            border: 1px solid #999;
            width: 200px;
        }
        
        form#media_upload input.file {
            border: 1px solid #999;
        }
    
    
        div#disclaimer-wrap {
            margin: 16px 0 0 0;
            float: left;
            width: 100%;
        }
        
        a#disclaimer-link, a#disclaimer-link:visited, a#disclaimer-link:active {
            text-decoration: none;
            margin: 0 0 16px 0;
            color: #136aa8;
        }
        
        a#disclaimer-link:hover {
            text-decoration: underline;
        }
        
        div.disclaimer-link {
            display: none;
            font-size: 12px;
            line-height: 1.3em;
            padding: 10px;
            background: #edf3f5;
            border: 1px solid #ccc;
        }
    
    
        div#yahoo-contextual-ads {
            float: left;
        }
	div#yahoo-contextual-ads-story {
	padding:0 0 0 10px;
        }
	
        div#badge-left{
            float:left; 
            padding:0; 
            width: 146px; 
            height: 60px; 
            margin:0 0 5px 0; 
            background-color: transparent;
        }
        div#badge-right {
            float:right; 
            padding:0; 
            width: 146px; 
            height: 60px; 
            margin:0 1px 5px 0; 
            background-color: transparent;
        }
	
	a.vedit {font-family:Arial,Helvetica,sans-serif; font-size:10px;}
	div#avatarImage, div.currentUser {display:inline;}
	span.menudivider {border-right:1px solid #CCCCCC; padding:0 6px;}
	img.h_avatar {border:1px solid #CCCCCC;}

}


/*div#branding h1 {*/
/*    font-size: 22px;*/
/*}*/
/**/
/*div#branding {*/
/*    width: 710px;*/
/*}*/
/**/
/*div#weathertraffic {*/
/*    width: 240px;*/
/*}*/
/**/
/*table#weather-table td.weather-text {*/
/*    font-size: 11px;*/
/*}*/
/**/
/*div#tab-traffic div.locations {*/
/*    float: left;*/
/*    margin: 0 0 0 10px;*/
/*}*/

div#headerdate {
    width: 450px;
    z-index: 2;
}

div#section_rss {
    position: absolute;
    top: 0;
    right: -10px;
    width: 280px;
    z-index: 2;
}
    div#section_rss div.feed_links {
        position: absolute;
        left: 95px;
        top: -2px;
    }
    
    div#section_rss a {
        line-height: 16px;
    }
        div#section_rss a img {
            vertical-align: middle;
        }
    
    div#section_rss span {
        border: none;
        margin: 0;
        padding: 0;
    }
    

div.show-traffic {
    background-image:url(http://media.charlotteobserver.com/design/weathertraffic-traffic-new.gif);
}

div#headersearch  {
    z-index: 1;
}



/*
 * Story level comment preference styles - for enable/disable button and confirm bubble
 -----------------------------------------------------------------------------------------------------------*/
div#guidelines-wrap,
div#disclaimer-wrap,
div#comment_toggle span.show,
div#comment_toggle span.hide,
#commentingStage {
    display: none;
}

div#story_activity_count {
    position: relative;
    height: 25px;
}

div#comment_bubble_up {
    position:absolute;
    top: 15px;
    left: 230px;
    z-index: 10;
    display: block;
    width: 220px;
    height: 130px;
    background: url(http://www.charlotteobserver.com/static/images/comments/comment-bubble-upper.png) no-repeat center center;
    color: #ffffff;
    text-align: center;
    display: none;
}

div#comment_bubble_top {
    position:absolute;
    top: 25px;
    left: 0;
    z-index: 10;
    display: block;
    width: 220px;
    height: 130px;
    background: url(http://www.charlotteobserver.com/static/images/comments/comment-bubble-up-rev.png) no-repeat center center;
    color: #ffffff;
    text-align: center;
    display: none;
}

div#comment_bubble_up p, div#comment_bubble_top p {
    margin: 42px 35px 7px;
}

div#comment_bubble_up img.cancel, div#comment_bubble_top img.cancel {
    margin: 0 3px 0 0;
}

div#comment_toggle {
    position: relative;
}

div#comment_bubble {
    position:absolute;
    top: -135px;
    left: 0;
    z-index: 10;
    display: block;
    width: 220px;
    height: 130px;
    background: url(http://www.charlotteobserver.com/static/images/comments/comment-bubble.png) no-repeat center center;
    color: #ffffff;
    text-align: center;
    display: none;
}

div#comment_bubble p {
    margin: 30px 35px 7px;
}

div#comment_bubble img, div#comment_bubble_up img, div#comment_bubble_top img {
    cursor: pointer;
}

span#comment_pref {
    color: #777;
}

div#ybuzz {
    float: left;
    margin: 0 0 0 10px;
    padding: 4px 0 0;
    width: auto;
    height: 25px;
}










/*
 * New Slideshow styles
 * -------------------------------------------------*/

div.clear {
    clear: both;
}

div#slideshowcontainer {
    border-bottom: 1px solid #ccc;
    padding: 0 0 15px;
    margin: 0 0 15px;
}

ul#slideshow {
    margin: 0;
    padding: 0px 10px;
}
    ul#slideshow li {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    ul#slideshow li, div#nav, div.imageinfo {
        display:none;
    }
    
    ul#slideshow div.image, ul#slideshow div.fullcaption, ul#slideshow div.links {
        display:block;
        padding-top:15px;
    }
    
    ul#slideshow div.image {
        text-align: center;
    }

div#nav {
    margin: 0;
    width: 656px;
    padding: 0 0 5px;
    float: left;
}

div#gallerytitle {
    width:450px;
    float:left;
    margin: 5px 0 0;
    font-weight: bold;
}

div#controls {
    float:right;
}
    span#prev2 {
        margin: 0 4px 0 0;
	color: #136AA8;
	cursor: pointer;
    }
    
    span#next2 {
        margin: 0 0 0 4px;
	color: #136AA8;
	cursor: pointer;
    }

#position {
    width:18px;
    border: 1px solid #ccc;
    padding: 2px 0;
    text-align: center;
}
    #position:focus {
        border-color: #888;
    }
    
div#galleryspill_loader, div#galleryspill_opacity {
    float: left;
}

div.spinner_loading {
    background: url(/static/images/galleries/gallery-loader.gif) no-repeat center 200px;
}

div.opacity_loading {
    -moz-opacity:.20;
    filter:alpha(opacity=20);
    opacity:.20;
}

#galleryspill {
    padding: 0;
    margin: 0;
}
    #galleryspill div {
        float: left;
        width: 150px;
        margin: 0 18px 0 0;
        height: 160px;
    }
        #galleryspill div.last {
            margin: 0;
        }
        
        #galleryspill div.clear {
            clear:both;
            float: none;
            margin: 15px 0;
            height: auto;
            width: auto;
        }
    
    div#galleryspill div.teaser {
        font: 13px georgia, serif;
        padding: 5px 0 0;
        margin: 0;
        float: none;
        height: auto;
    }
    
    div#galleryspill div.title {
        float: none;
        height: auto;
        margin: 0;
    }
    
/*
 * New Pre-processor styles - added 9-16-2009   RSA
 * -------------------------------------------------*/

.header {
   font-weight: bold;   
}

.leadout {
   font-weight: normal;
   text-transform: uppercase;
}

.leadin {
   font-weight: bold;
   text-transform: none;
}

.subhead {
   font-weight: bold;
   font-size: 1.1em;

}

.tagline_contrib {
  text-transform: uppercase;
}

.intro_bold_italic {
    font-style: italic;
    width: 290px;
    font-size: 1.2em;
    font-weight: bold;
}

.page_topic_leadin {
    font-style: italic;
    width: 290px;
    font-size: 1.2em;
    font-weight: bold;
}

.endnote_contact {
	font-size: 12px;
    font-weight: normal;
    margin-bottom: 8px;
}

.endnote_contrib {
	font-size: 12px;
    font-weight: normal;
    margin-bottom: 8px;
}
/*
 * Planet Discover Widgets - added 11-12-2009 MTK
 * -------------------------------------------------*/
#yp-adv-search label {
    display: block;
    font-weight: bold;
    margin: 0 0 2px;
}

.PD-adv-widget-text {
    margin: 0 0 5px;
}

#yp-adv-search input[type="text"] {
    border: 1px solid #bbb;
    width: 282px;
    padding: 2px;
}

#PD-category {
    float: left;
    width: 180px;
    margin: 0 5px 0 0;
}

#PD-category select {
    width: 180px;
}

#PD-distance {
    float: left;
    width: 100px;
}

#PD-distance select {
    width: 100px;
}

#PD-adv-submit {
    text-align: center;
}

.PD-summary {
    text-align: center;
    margin: 0 0 5px;
}

.PD-summary img {
    width: 250px;
}

#disqus_thread { float:left; width:100%; }

/* General styles added by Jason Haile 9/23/10
 * -------------------------------------------------*/
 
 .float_right {
	float: right;
}

.float_left {
	float: left;
}

.overflow_hidden {
	overflow: hidden;
}

.gutter_right {
	margin-right: 20px;
}

.gutter_left {
	margin-left: 20px;
}

.gutter_right_small {
	margin-right: 10px;
}

.gutter_left_small {
	margin-left: 10px;
}

.element_spacing {
	margin-bottom: 20px;
}

.element_spacing_medium {
	margin-bottom: 10px;
}

.element_spacing_small {
	margin-bottom: 5px;
}

.center_align {
	text-align: center;
}

.right_align {
	text-align: right;
}

.left_align {
	text-align: left;
}

.display_inline {
	display: inline;
}

/* Westworld Media Events */
.eawwrapper {
	width: 300px;
	border: 1px solid black;
	overflow:hidden;
	padding:0px;
	margin:0px;
	seamless: seamless;
	height:310px;
	scrolling: no; 
     background-color:white;
}

/* ------------ */


#zvents_widget h3.z-heading a{
     color: #000;
     font-weight: bold;
     font-size: 12px;
     line-height: 15px;  
}
/*dealsaver*/
/*--------------------structure--------------------*/
#dealsaver-widget{
	border:1px solid #0c3055;
	height:169px;
	background:url(/static/dealsaver/img/widget-bg.png) repeat-x top left;
	width:298px;
	margin:0 0 7px 1px;
	position:relative;
}
#ctl00_ContentPlaceMain_EmailInput{
	border:1px solid black;
	font-size: 12px;
	width: 160px;
	padding: 5px;
	float:left;
	margin:0 4px;
}

.orangedeals {
	margin:auto;
	font-size: 14px;
	padding: 4px;
	width: 110px;
	color: #fff;
	border:1px solid #0c3055;
	background: #6093c3;
	background: -moz-linear-gradient(top, #6093c3 0%, #2e5882 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6093c3), color-stop(100%,#2e5882)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6093c3', endColorstr='#2e5882',GradientType=0 ); /* ie */
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.orangedeals:hover {
	border:1px solid #ccc;
	background: #6093c3;
	background: -moz-linear-gradient(top, #2e5882 0%, #6093c3 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e5882), color-stop(100%,#6093c3)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5882', endColorstr='#6093c3',GradientType=0 ); /* ie */
}
.win{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	padding: 5px 0;
	text-align:center;
}
.deals{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #fff;
	padding: 5px 0;
	text-align:center;
}
.columndeals{
	text-align:center;
	margin:5px 0 0 0;
}
#rules{
	text-align:center;
	font-size:8px;
	margin:5px 0 0 0;
	}
#rules a{
	color:white;
	}
.official{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 10px;
}
.official:hover{
	color: #DFDAD5;
}
#highlight{
	color:#e8ea2c;
}

/* Image byline, creditline and caption styles */

.imgBylineCredit {
     float: right;
     margin: -5px 0px 10px 0px;
}

.imgCaption {
     margin-left: 0px;
     clear: both;
}