/* ===================
		Reset CSS
   =================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	font-size: 100%;
	line-height: 1.25em;
	background: #2c2c2d url(images/bg.gif);
	color: #2c2c2d;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

:focus {
	outline: dotted thin;
}

/* remember to highlight inserts somehow! */
ins { text-decoration: underline; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #e50;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: #f93;
	text-decoration: none;
}


/* ========================
		Generic styles
   ======================== */

div#body h2 {
	font-size: 1.25em;
	line-height: 1em;
	margin-bottom: 0.5em;
}
div#body h3, div#body dt {
	font-size: 1.125em;
	line-height: 1.111em;
	margin-bottom: 0.5556em;
}
div#body h4 {
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: 0.625em;
}
div#body h5, div#body h6, div#body p, div#body li, div#body dd, div#body label {
	font-size: 0.875em;
	line-height: 1.429em;
	margin-bottom: 0.7143em;
}
div#body ul { list-style: disc; }
div#body ol { list-style: decimal; }
div#body li { margin-left: 1.5em; }
div#body li p, div#body li li {
	font-size: 1em;
}
div#body p.last-child {
	margin-bottom: 0;
}
div#body small {
	font-size: 80%;
}

hr {
	height: 1px;
	line-height: 1px;
	border: 0;
	margin: 20px 0;
	background: #999;
	clear: both !important;
}

div.article, div.section, div.hit {
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #999;
	width: 100%;
}
div.norule {
	padding-bottom: 0;
	border-bottom: 0;
}

/* The almighty bordered list */
ul.border {
	width: 100%; list-style: none !important;
}
ul.border li {	
	width: 100%;
	margin-left: 0 !important;
	padding-bottom: 10px;
	border-bottom: dotted 1px #999;
	margin-bottom: 10px;
}
ul.border li.last-child {
	border-bottom: 0;
	padding-bottom: 0;
}



/* A variant, for single line elements only */
ul.categories {
	list-style: none;
	width: 100%;
	margin-bottom: 20px;
}
ul.categories li {
	margin-left: 0 !important;
	font-size: 1em;
	line-height: 1.429em !important;
	border-bottom: solid 1px #666;
	margin-bottom: 0 !important;
	width: 100%;
	list-style: none;
}
ul.categories li.last-child { border-bottom: 0; }
ul.categories li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
}

/* Thumbnails */
div.thumb {
	float: left;
	margin-right: 20px;
}
div.thumb a img {
	border: solid 1px #e50;
}
div.thumb a:hover img {
	border-color: #f93;
}

/* Padder, for "boxed" sections */
div.padder { padding: 20px; margin-bottom: 20px; }

/* Hide print stuff */
.print {
	display: none !important;
}

/* Media icons */
a.flashVideo, a.audio, a.image, a.youtube, a.pdf {
	display: block;
	padding-left: 24px;
	background-position: 0 2px;
	background-repeat: no-repeat;
}
a.flashVideo, a.youtube { background-image: url(images/video.gif); }
a.audio { background-image: url(images/audio.gif); }
a.image { background-image: url(images/photo.gif); }
a.pdf { background-image: url(images/pdf.gif); }


/* =======================
		Layout styles
   ======================= */

div#frame {
	margin: 0 auto;
	width: 1016px;
	background: url(images/frame_bg.gif) repeat-y;
	}
	div#body, div#footer {
		margin: 0 21px 0 15px;
}
	
div#header {
	padding: 0 21px 0 15px;
	height: 320px;
	background: url(images/header.gif) no-repeat;
	}
	div#header-positioner {
		position: relative;
	}
	div#preheader, div#leaderboard, h1#logo, div#bestbets, div#nav, form#search {
		position: absolute;
	}
	div#preheader {
		left: 0; top: 0;
		height: 40px;
		color: #fff;
		width: 100%;
		text-align: right;
		}
		div#preheader a {
			color: #fc9;
		}
		div#preheader a:hover {
			color: #fff;
		}
		div#preheader ul.utility li {
			line-height: 40px;
		}
		ul.utility li {
			font-size: 12px;
			display: inline;
			padding-right: 5px;
		}
		ul.utility li:after {
			padding-left: 8px;
			content: "|";
		}
		ul.utility li.last-child:after {
			padding-left: 0;
			content: "";
	}
	div#button {
		float: right;
		background: #b3b5b8 url(images/ad_skyscraper_label.gif) center top no-repeat;
		margin: 0 0 20px 0;
		padding: 12px 1px 1px 1px;
		}
		div#button img {
			display: block;
			margin:auto;
			width: 125px;
	}
	div#leaderboard {
		left: 122px; top: 60px;
		background: #b3b5b8 url(images/ad_leaderboard_label.gif) left center no-repeat;
		padding: 1px 1px 1px 12px;
		}
		div#leaderboard img {
			display: block;
	}
	h1#logo {
		left: 20px; top: 170px;
		width: 200px;
		text-align: center;
		}
		h1#logo img {
			display: block;
			margin: 0 auto;
		}
		h1#logo img.first-child {
			margin-bottom: 15px;
		}
		h1#logo a span {
			display: none;
		}
	div#bestbets {
		left: 260px; top: 190px;
		width: 700px; height: 68px;
		color: #fff;
		font-size: 90%;
		overflow: hidden;
		}
		div#bestbets h3 {
			font-size: 12px;
			line-height: 1.1em;
		}
		div#bestbets p, div#bestbets h4 {
			font-size: 11px;
			line-height: 1.143em;
			margin-bottom: 0;
		}
		div#bestbets p.date {
			margin-bottom: 0.571em;
		}
		div#bestbets a {
			color: #fe3;
		}
		div#bestbets a:hover {
			color: #fff;
		}
		div#bestbets-head {
			float: left;
			width: 150px;
		}			
		div#bestbets h2 {
			height: 28px;
			background: url(images/bestbets.gif) top left no-repeat;
			margin-bottom: 4px;
		}
		div#bestbets h2 span {
			display: none;
		}
		div#bestbets div.vevent {
			float: left;
			margin-left: 20px;
			width: 160px;
	}
	div#nav {
		left: 0px; top: 280px;
		width: 100%; height: 40px;
		}
		div#nav li {
			float: left;
			display: inline;
		}
		div#nav a {
			display: block;
			height: 40px;
			width: 120px;
		}
		div#nav a:hover {
			background-position: bottom left;
		}
		div#nav span {
			display: none;
		}
		div#nav .features a {
			background-image: url(images/nav_features.gif);
		}
		div#nav .reviews a {
			background-image: url(images/nav_reviews.gif);
		}
		div#nav .blog a {
			background-image: url(images/nav_blog.gif);
		}
		div#nav .events a {
			background-image: url(images/nav_events.gif);
		}
		div#nav .dining a {
			background-image: url(images/nav_dining.gif);
		}
		div#nav .multimedia a {
			background-image: url(images/nav_multimedia.gif);
	}
	form#search {
		display: block;
		left: 720px; top: 280px;
		width: 260px; height: 40px;
	}
	form#search fieldset {
		padding: 8px 12px;
}

div#body {
	margin: 0 21px 0 15px;
	padding: 20px 0;
	overflow: hidden;
	background: url(images/sidebar_single.gif) repeat-y;
	width: 980px;
}
div#skyscraper {
	float: right;
	margin: 0 0 20px 0;
	background: #505153 url(images/ad_skyscraper_label.gif) center 1px no-repeat;
	padding: 12px 1px 1px 1px;
	display: inline;
	width: 120px;
}
div#skyscraper img {
	display: block;
}
div#sidebar {
	float: left;
	margin-left: 20px;
	width: 200px;
	color: #f6f6f7;
	padding-bottom: 20px;
	overflow: hidden;
	margin-right: 40px;
	display: inline;
	}
	div#sidebar a {
		color: #eb0;
	}
	div#sidebar a:hover {
		color: #ff9;
}
div#main {
	overflow: hidden;
	width: 520px;
}
		
div#footer {
	clear: both;
	background: #ddd;
	font-size: 0.786em; /* 11px default */
	overflow: hidden;
	padding-bottom: 20px;
	}
	div#footer div.row {
		overflow: hidden;
		padding-top: 20px;
		width: 100%;
	}
	div#footer div.feeds, div#footer div.review, div#footer div.ipod,
	div#footer p.copyright, div#footer ul.utility {
		float: left;
		margin-left: 20px;
		display: inline;
	}
	div#footer div.feeds, div#footer div.review {
		width: 220px;
	}
	div#footer div.ipod, div#footer p.copyright, div#footer ul.utility {
		width: 460px;
	}
	div#footer p.copyright {
		clear: both;
	}
	div#footer ul.utility {
		text-align: right;
	}
	
	div#footer h2 {
		font-size: 1.273em; /* 14px from 11px */
		margin-bottom: 0.571em;
}

/* Search results */
div.search-nav {
	padding: 10px;
	font-weight: bold;
	background: #e3e4e5;
	margin-bottom: 20px;
}
div.search-nav a {
	margin-right: 5px;
}
div.search-nav a.last-child {
	margin-right: 0;
}

form#advanced { margin-bottom: 20px; }
form#advanced label {
	display: block;
	font-size: 80%;
	color: #ccc;
	margin-bottom: 5px;
	line-height: 1em;
}
form#advanced input[type=text] {
	width: 100%;
}
form#advanced div {
	padding-bottom: 10px;
	border-bottom: dotted 1px #999;
	margin-bottom: 10px;
}
form#advanced div.last-child {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
}

/* Maps and such */
#map {
	border: solid 1px #666;
	margin-bottom: 20px;
	float: left;
}
div.markers img {
	position: absolute;
}

/* Pagination */
div.pagination {
	margin-bottom: 20px;
	background: #d4d4d4;
	text-align: center;
	overflow: hidden;
	width: 100%;
	}
	div.pagination .previous, div.pagination .next {
		font-weight: bold;
		font-size: 14px;
		display: inline;
		padding: 5px;
	}
	div.pagination .previous {
		float: left; 
	}
	div.pagination .next {
		float: right;
	}
	div.pagination a.previous:before {
		content: "\00AB\0020";
	}
	div.pagination a.next:after {
		content: "\0020\00BB";
}