/* General CSS for discoverphilly.com */

body {
	background: #444 url("../images/shadowed-bg.jpg") repeat-y top center;
	margin: 0;
	padding: 0;
}

#container {
	position: relative;
	margin: auto;
	text-align: center;
	width: 800px;
	height: 100%;
	font: 12px Arial, Helvetica, sans-serif;
	z-index: 0;
}

#header {
	background: #b0c6cd url("../images/phillylogo.jpg") no-repeat top right;
	position: relative;
	width: 800px;
	height: 171px;
	z-index: 0;
}

#title {
	background: transparent url("../images/logo.gif") no-repeat bottom left;
	width: 800px;
	height: 171px;
	position: relative;
	bottom: -16px;
	left: 5px;
	z-index: 1;
}

.hide {
	display: none;
}

#topnav {
	background: #000;
	color: #fff;
	position: relative;
	margin: auto;
	width: 800px;
	height: 25px;
	font-weight: bold;
	padding: 5px 0px 1px 0px;
	text-align: center;
	z-index: 3;
}

#topnav a:link {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#topnav a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#topnav a:hover {
	color: #ccc;
}

#nav, #nav ul { 
	padding: 0; 
	margin: 0;
	list-style: none;
	min-height: 1%; 
} 
	
#nav a { 
	display: block; 
	width: 110px;
	padding-bottom: 10px;
}

#nav li { 
	float: left; 
}

#nav li ul { 
	position: absolute; 
	width: 110px;
	min-height: 1%; 
	left: -999em;
} 

#nav li ul a:link {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	background: #8fadb7;
	margin-top: -1px;
	border: 1px solid #888;
	padding: 3px; 
}

#nav li:hover ul, #nav li ul li:hover ul { 
	left: auto;
}

#nav li ul a:visited {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	background: #8fadb7;
	margin-top: -1px;
	border: 1px solid #888;
	padding: 3px; 
}

#nav li ul a:hover {
	background-color: #ccc;
	color: #000;
}

#nav li ul ul {
	margin: -42px 0 0 117px;
	min-height: 1%;
	z-index: 10;
}

#nav li:hover ul ul {
	left: -999em;
	z-index: 10;
}

#leftnav {
	font-weight: bold;
	text-align: left;
	width: 158px;
	position: absolute;
	top: 200px;
	left: 0px;
	padding: 10px 10px 10px 10px;
	color: #000;
	clear: left;
	z-index: 1;
}

#leftnav a {
	color: #000;
	line-height: 30px;
	margin-left: 0px;
	text-align: center;
	text-decoration: none;
	display: block;
}

#leftnav a:hover {
	text-decoration: underline;
}

.underline {
	text-decoration: underline;
	display: block;
}

#content {
	background: transparent;
	clear: both;
	position: absolute;
	top: 200px;
	left: 180px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	z-index: 1;
}

#content h1 {
	color: #066;
	font-size: 16px;
}

#content h2 {
	color: #066;
	font-size: 14px;
}

#content h3 {
	color: #f63;
	font-size: 12px;
	border-bottom: 1px solid #999;
	margin: 5px 20px 0px 100px;
}

#content h4 {
	color: #f63;
	display: inline;
	font-weight: bold;
	font-size: 12px;
}

#content h5 {
	color: #f63;
	font-size: 12px;
	margin: 25px 0 15px 0;
	padding: 0px;
}

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

#content img {
	float: right;
	margin: 10px 30px 10px 10px;
	clear: right;
}

#content .news {
	float: left;
	margin: 0;
	padding: 10px 10px 5px 10px;
}

.bl {background: url("../images/bl.gif") 0 100% no-repeat}
.br {background: url("../images/br.gif") 100% 100% no-repeat}
.tl {background: url("../images/tl.gif") 0 0 no-repeat}
.tr {background: url("../images/tr.gif") 100% 0 no-repeat; padding:10px}
.t {background: url("../images/dot.gif") 0 0 repeat-x; }
.b {background: url("../images/dot.gif") 0 100% repeat-x}
.l {background: url("../images/dot.gif") 0 0 repeat-y}
.r {background: url("../images/dot.gif") 100% 0 repeat-y}

#content a {
	color: #8fadb7;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#content a:visited {
	color: #8fadb7;
}

#content a:hover {
	text-decoration: underline;
}

#shows {
	position: absolute;
	left: 370px;
	top: 10px;
	padding-left: 10px;
	width: 300px;
	border-left: 1px solid #ccc;
}

#fscroller {
	background-color: #b0c6cd; 
	border: 1px solid black;
	width: 500px;
	height: 50px;
}

#fscrolltext {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: center;	
}

.bold {
	font-weight: bold;
}

/* Date Picker*/

a.date-picker {
	width: 16px;
	height: 16px;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url("../images/cal.gif") no-repeat; 
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder, div.date-picker-holder * {
	margin: 0;
	padding: 0;
}
div.date-picker-holder {
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: -16px; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar div.link-close {
	float: right;
}
div.popup-calendar div.link-prev {
	float: left;
}
div.popup-calendar h3 {
	font-size: 1.3em;
	margin: 2px 0 5px 3px;
}
div.popup-calendar div.link-next {
	float: right;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #fff;
}
div.popup-calendar table {
	margin: 0;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
}
div.popup-calendar table th.weekend, div.popup-calendar table td.weekend {
	background: #f6f6f6;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #333;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333; 
	color: #fff;
}