/*

	default.citypaper.css
	# Main style sheet for regular web server.
	# Main style sheet for restaurant web server.

	last modified:  8/8/2006 1:22PM

*/


html {margin: 0; padding: 0;}

body	 {
	background-color: #fff;
	color: #000;
	margin: 0 0 5px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


/* back to the top */
a.bttt:link, a.bttt:hover, a.bttt:active, a.bttt:visited {
	margin: 1.5em 0 1.5em 20px;
	display: block;
	font-size: 65%;
	font-family: Arial, Helvetica, sans-serif;
	}

a:link, a:hover, a:active, a:visited {
	color: #600;							/* secure CP is #900 */
	text-decoration: underline;
	}

img {border: 0;}

table {margin: 0;}
td {vertical-align: top; padding: 0;}

em	{font-style: italic;}
strong {font-weight: bold;}

img#cpLogoTopLeft {
	display: block;
	margin: 50px auto;
}

img#cpLogoBigTop {margin: 0 0 10px 0;}  /* rate card, etc */

img#sectionLogo {margin: 35px 0 20px 0;}



/* ------- Leaderboard ad ------------- */
div#topAdvert	{margin: 0 auto 20px auto; width: 728px;}

div#topAdvert iframe {border: solid 1px #eee;}

div.advertCaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #999;
	margin-top: 0.5em;
	text-align: left;
}
/* ------- Leaderboard ad ------------- */


/* ------- default main table ----------*/

table#main {
	margin-left: auto;
	margin-right: auto;
}

td#leftColumn {
	width: 150px;
	border-right: #600 solid 4px;
	text-align: center;
}

td#leftColumn p {text-align: left; font-size: 75%; color: #333;}

td#mainColumn {
	width: 470px;
	text-align: left;
}

td#mainColumn p, td#mainColumn ol, td#mainColumn ul {text-align: left; font-size: 85%;}

td#rightColumn {width: 175px; text-align: right; padding-top: 140px;}

/* --- END default main table ----------*/



iframe#leftHouseAds {width: 125px; height: 500px;}

h2#earlyDeadlineHeader {
	width: 389px;
	background-color: blue;
	color: #fff;
	margin: 15px 0 0 0;
	font-size: 75%;
	padding: 2px 2px 1px 11px;
	}
div#earlyDeadlineNotice {
	width: 400px;
	background-color: #eee;
	text-align: left;
	margin: 0 0 1em 0;
	border: 1px solid blue;
	font-size: 75%;
	font-family: Arial;
	}
div#earlyDeadlineNotice p {margin: .7em 1.0em;}








/*-- default & secure are identical thru here. ---------------------------------*/





/* NEW & EXPERIMENTAL------------------------------------------*/

p.note {font: 80% Arial,Helvetica,sans-serif; font-weight: 800;} /* used class 7/26/2005 12:22PM */
p.disclaimer {color: #999; font: 75% Arial, Helvetica, sans-serif;}
div.footNote {color: #666; font: 75% Arial, Helvetica, sans-serif; font-style: italic; }
div.date {color: #666;  font: 65% Arial, Helvetica, sans-serif;}	/*	etc pages, 5/23/2005 5:18PM 	*/
.r {color: #f00;}

/* -- 7/29/2005 -- <a href="#" onClick="window.close()" id="closeWin">close window</a> -- */
a#closeWin {display: block; font-size: 65%; margin: 20px 0; width: 600px; text-align: center;}

address {display: block; font-style: italic; font-family: "Times New Roman", Times, serif; text-align: center; margin: 1em;}

iframe#curWeek {width: 400px;}
iframe#curWeek {margin-left: 30px;}

/* ID conflicts with div#footer below. Renaming--where I see it--to iframe#footerWrapper. 04/11/06 */
iframe#footer, iframe#footerWrapper {width: 650px; height: 260px;}



/* -- bottom -------------------------------------------------*/

div#footer, p#copyright {width: 650px}

div#footer	{
	margin-top: 0em;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	color: #000;
	}


img#cpLogoBottom {margin: 1.5em 0;}

ul.siteNav {padding: 0; margin: 0.5em; list-style-type: none;}
ul.siteNav li {display: inline; padding: 0 0.4em; border-right: 1px solid #000;}
ul.siteNav li.rht {border-right-width: 0;}

p#copyright {width: 650px; text-align: center; font-family: "Times New Roman", Times, serif;
			font-size: 85%; margin-top: 4.0em; margin-left: auto; margin-right: auto;}

/* -- bottom -------------------------------------------------*/


/* -- 9/29/2004 copied from home page ------------------------*/
.new, .updated {font: 10px Arial, Helvetica, sans-serif; font-weight: 400; color: #f00; margin-right: 0.5em; background-color: yellow;}
.updated { color: #000; margin-left: 0.5em; display:inline;} 	/* none | inline */





/*--------------right ad container --------------------------------------*/
	div#adContainer {width: 315px; position: absolute; left: 675px; top: 160px; padding-top: 0;}
/*--------------ad container --------------------------------------*/
/*--------------right ad column --------------------------------------*/
	div#adColumn {width: 165px; float: left; border: solid 0px purple; text-align: left; margin-top: 0;}
	div#adColumn div.advertCaption {margin-left: 0; margin-top: 0;}
	div#adColumn iframe {margin-bottom: 25px;}
	iframe.leaderboard {width: 728px; height: 90px;}
	iframe.button, iframe#button1 {width: 120px; height: 90px;}
	iframe#button1, iframe#button2, iframe#button3, iframe#button4, iframe#button5 {width: 120px; height: 90px; margin-bottom: 25px; margin-top: 0;}
	iframe#button4, iframe#button5 {/*display: none;*/ }
	iframe#skyscraper {width: 160px; height: 600px;}
	iframe#rectangle {width: 300px; height: 250px;}
/*--------------right ad column --------------------------------------*/

/*------- Story Rectangle Ad------------*/
div#storyRectangle {
	width: 300px;
	/* are these needed still?
	float: right;
	clear: right;
	display: inline;
	margin: 10px 10px 5px 10px;
*/
}
/*------- Story Rectangle Ad------------*/

/*--------------google column --------------------------------------*/
	div#Google {width: 125px; float: right; margin-top: 14px;}
/*--------------google column --------------------------------------*/

	div#GoogleRect {width: 300px; margin: 25px 0;}	/* Google Rectangle	*/


/*------------Picture Box for Restaurants---------------------------*/
/* PictureBox has been replaced by PhotoBox & IllBox 3/16/2006 4:49PM */
div.PhotoBox, div.IllBox {
	width: 250px;
	float: right;
	clear: right;
	margin: 0px 10px 5px 10px;
	font-size: .7em;
}
div.PhotoBox {background-color: #f5f5f5;}
div.PhotoBox img, div.IllBox img {display: block; margin: .5em auto; width: 230px; /* border: 1px solid #333; */}
div.PhotoBox div.PictureCaption, div.IllBox div.PictureCaption {width: 230px; margin: 0 auto .2em auto; color: #666;}
div.PhotoBox .PictureCredit, div.IllBox .PictureCredit {width: 230px; margin: 0 auto .2em auto; color: #666}
.PictureCredit {display: block; }
/*------------Picture Box for Restaurants---------------------------*/