/* Zero out everything */

	/*** No list-markers by default - 
	 *** must redefine bullets w/ bg graphics
	 ***/
	ul {
		list-style: none;
	}

	/*** Avoid browser default inconsistent heading, 
	 *** font-sizes and pre/code
	 ***/
	body, h1, h2, h3, h4, h5, h6, pre, code, td {
		font-size: 1em;
	}

	/*** Remove inconsistent (among browsers) - 
	 *** default padding or margin 
	 ***/
	ul, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset,
		input, label, div, dd, dt, dl, table, tr, td, img, hr {
		margin: 0px;
		padding: 0px;
	}

	/*** Prevent blue linked image borders
	 ***/
	a img,:link img,:visited img, fieldset {
		border: none;
	}

	html {
		height: 100%;
	}

/* Body */
	body {
		background: url('/images/bg_body.png') repeat-x #545664;
		color: #111;
		font-family: arial;
		font-size: 13px;
		height: 100%;
	}

/* Frame */
	#frame {
		min-height: 800px;
		margin: 0px auto;
		width: 960px;
	}

/* Header */
	#header-main {
		background: url('/images/bg_header.png') repeat-x;
		height: 105px;
		position: relative;
		width: 960px;
	}

	#header-main .logo {
		left: 8px;
		position: absolute;
		top: 12px;
		z-index: 1;
	}

	#header-main .topnav {
		position: absolute;
		right: 0px;
		top: 80px;
	}

	#header-main .topnav ul li {
		float: left;
	}

	#header-main .topnav ul li a {
		color: #fff;
		font-size: 16px;
		padding: 5px;
		text-decoration: none;
	}

	#header-main .topnav ul li a:hover {
		background: url('/images/bg_nav_button.png');
	}

	#header-home {
		background: #fff;
		height: 345px;
		position: relative;
		width: 960px;
	}

	#header-home .featured {
		height: 320px;
		left: -15px;
		position: absolute;
		top: 10px;
		width: 960px;
	}

	#header-home .right {
		background: url('/images/bg_tweet.png') no-repeat;
		height: 320px;
		right: -15px;
		position: absolute;
		top: 10px;
		width: 232px;
	}

	#header-home .shadow-left {
		background: url('/images/shadow_left.png') no-repeat;
		bottom: 0px;
		height: 15px;
		left: -14px;
		position: absolute;
		width: 14px;
	}

	#header-home .shadow-right {
		background: url('/images/shadow_right.png') no-repeat;
		bottom: 0px;
		height: 15px;
		position: absolute;
		right: -14px;
		width: 14px;
	}

	#header-sub {
		background: #fff;
		border-bottom: 10px solid #eee;
		height: 110px;
		padding: 10px;
		width: 940px;
	}

	#header-sub .box {
		color: #333;
		float: left;
		font-size: 10px;
		height: 100px;
		width: 188px;
	}

	#header-sub .box a {
		color: #333;
		text-decoration: none;
	}

	#header-sub .box h2 {
		font-size: 14px;
		padding: 0px;
	}

	#header-sub .box h2 a {
		color: #000;
	}

	#header-sub .box .bottom {
		padding: 5px;
	}

	#header-sub .box1 .top {
		background: #f9899b;
		height: 10px;
	}

	#header-sub .box2 .top {
		background: #8dcde6;
		height: 10px;
	}

	#header-sub .box3 .top {
		background: #efd697;
		height: 10px;
	}

	#header-sub .box4 .top {
		background: #f38666;
		height: 10px;
	}

	#header-sub .box5 .top {
		background: #6b7392;
		height: 10px;
	}

	#header-sub .box1 .bottom {
		height: 90px;
	}

	#header-sub .box2 .bottom {
		height: 90px;
	}

	#header-sub .box3 .bottom {
		height: 90px;
	}

	#header-sub .box4 .bottom {
		height: 90px;
	}

	#header-sub .box5 .bottom {
		height: 90px;
	}

	#header-sub .box1 .bottom:hover {
		background: #f9899b;
	}

	#header-sub .box2 .bottom:hover {
		background: #8dcde6;
	}

	#header-sub .box3 .bottom:hover {
		background: #efd697;
	}

	#header-sub .box4 .bottom:hover {
		background: #f38666;
	}

	#header-sub .box5 .bottom:hover {
		background: #6b7392;
	}

/* Content */
	#content {
		background: #fff;
		line-height: 21px;
		margin: 0px auto;
		min-height: 500px;
		padding: 10px;
		position: relative;
		width: 940px;
	}

	#content a {
		color: #000;
	}

	#content h1 {
		font-size: 20px;
	}

	#content h2 {
		font-size: 16px;
	}

	#content p {
		padding-bottom: 10px;
		color: #444;
	}

	#content li {
		color: #444;
	}

	#content .blog-index {
		float: left;
		width: 600px;
	}

	#content .blog-index .title {
	}

	#content .blog-index .title h2 {
		font-size: 20px;
		padding: 10px 0px 0px 0px;
	}

	#content .blog-index .title h2 a {
		color: #333;
		text-decoration: none;
	}

	#content .blog-index .title h2 a:hover {
		text-decoration: underline;
	}

	#content .blog-index .date {
		font-size: 10px;
		font-weight: bold;
	}

	#content .blog-index .synopsis {
	}

	#content .blog-index .synopsis-bottom {
		border-bottom: 1px solid #c0c3d9;
		font-weight: bold;
		padding: 0px 5px 15px 0px;
	}

	#content .blog-index .synopsis-bottom a {
		color: #444;
		text-decoration: none;
	}

	#content .blog-index .synopsis-bottom a:hover {
		text-decoration: underline;
	}

	#content .blog-view {
		float: left;
		width: 600px;
	}

	#content .blog-view h3 {
		padding-bottom: 20px;
	}

	#content .blog-view .title {
	}

	#content .blog-view .title h2 {
		font-size: 24px;
		padding: 0px;
	}

	#content .blog-view .title h2 a {
		text-decoration: none;
	}

	#content .blog-view .title h2 a:hover {
		color: #666;
	}

	#content .blog-view .date {
		float: left;
		font-size: 10px;
		font-weight: bold;;
	}

	#content .blog-view .byline {
		float: left;
		font-size: 10px;
		font-style: italic;
		padding-left: 5px;
	}

	#content .blog-view .synopsis {
		clear: both;
		font-weight: bold;
		padding-top: 10px;
	}

	#content .blog-view .blog {
		padding-top: 10px;
	}

	#content .blog-view .blog a:hover {
		color: #666;
	}

	#content .blog-view img {
		border: 1px solid #adb1ce;
		margin: 5px;
	}

	#content .today-view {
		float: left;
		width: 600px;
	}

	#content .today-view .container {
		clear: both;
		padding-top: 20px;
	}

	#content .today-view .today {
		background: #bef;
		float: left;
		margin-right: 10px;
		padding: 5px;
		width: 152px;
	}

	#content .today-view .today img {
		display: block;
	}

	#content .today-view .today .condition {
		display: block;
		font-weight: bold;
	}

	#content .today-view .today .label {
		display: block;
		float: left;
		padding: 2px 5px;
		text-align: right;
		width: 50px;
	}

	#content .today-view .today .data {
		display: block;
		float: left;
		font-weight: bold;
		padding: 2px 5px;
		width: 80px;
	}

	#content .today-view .forecast {
		float: left;
	}

	#content .today-view .forecast .box {
		background: #eee;
		float: left;
		margin-right: 10px;
		padding: 5px;
		width: 126px;
	}

	#content .today-view .forecast .box:last-child, #content .today-view .forecast .last-child {
		margin-right: 0px;
	}

	#content .today-view .forecast img {
		display: block;
	}

	#content .today-view .forecast .box .condition {
		display: block;
		font-weight: bold;
	}

	#content .today-view .forecast .box .label {
		display: block;
		float: left;
		padding: 2px 5px;
		text-align: right;
		width: 40px;
	}

	#content .today-view .forecast .box .data {
		display: block;
		float: left;
		font-weight: bold;
		padding: 2px 5px;
		width: 60px;
	}

	#content .today-view .park-hours {
		background: #bef;
		float: left;
		padding: 5px;
	}

	#content .today-view .park-hours .label {
		display: block;
		float: left;
		padding: 2px 5px;
		text-align: right;
		width: 125px;
	}

	#content .today-view .park-hours .data {
		display: block;
		float: left;
		font-weight: bold;
		padding: 2px 5px;
		width: 149px;
	}

	#content .today-view .ap {
		background: #bef;
		float: left;
		padding: 5px;
		width: 590px;
	}

	#content .today-view .ap .label {
		display: block;
		float: left;
		width: 140px;
	}

	#content .today-view .ap .data {
		display: block;
		float: left;
		font-weight: bold;
		width: 140px;
	}

	#content .today-view .ap .data .valid {
		color: #0a0;
	}

	#content .today-view .ap .data .blocked {
		color: #a00;
	}

	#content .youtube-carousel {
		float: right;
		line-height: 15px;
		width: 310px;
	}

	#content .youtube-carousel .video {
		height: 80px;
		position: relative;
	}

	#content .youtube-carousel .video .thumbnail {
		left: 0px;
		position: absolute;
		top: -5px;
	}

	#content .youtube-carousel .video .thumbnail img {
		clip: rect(11px, 120px, 79px, 0px);
		position: absolute;
	}

	#content .youtube-carousel .video .title {
		left: 125px;
		position: absolute;
		top: 5px;
		width: 170px;
	}

	#content .youtube-carousel .video .title a {
		color: #000;
		text-decoration: none;
	}

	#clear {
		clear: both;
	}

/* Featured */
	#featured {
		background: #444;
		height: 320px;
		padding-right: 250px;
		position: relative;
		width: 740px;
	}

	#featured ul.ui-tabs-nav {
		background: url('/images/bg_right.png');
		left: 740px;
		list-style: none;
		position: absolute;
		top: 0px;
		width: 250px;
	}

	#featured ul.ui-tabs-nav li {
		border-bottom: 1px solid #fff;
	}

	#featured ul.ui-tabs-nav li.no-border {
		border-bottom: 0px;
		height: 64px;
	}

	#featured ul.ui-tabs-nav li span {
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
		padding-right: 10px;
	}

	#featured .ui-tabs-panel {
		background: #444;
		height: 320px;
		overflow: hidden;
		position: relative;
		width: 738px;
	}  

	#featured .ui-tabs-hide {
		display: none;
	}

	#featured li.ui-tabs-nav-item a {
		color: #fff;
		display: block;
		height: 63px;
		line-height: 20px;
		outline: none;
		text-decoration: none;
	}

	#featured li.ui-tabs-nav-item a:hover {
		background: #777;
	}

	#featured li.ui-tabs-selected {
	}

	#featured ul.ui-tabs-nav li.ui-tabs-selected a {
		background: #444;
	}

	#featured ul.ui-tabs-nav li img {
		float: left;
		height: 48px;
		margin: 5px 5px;
		padding: 2px;
		width: 64px;
	}

	#featured .ui-tabs-panel .info {
		background: url('/images/bg_featured_info.png');
		height: 65px;
		left: 0px;
		position: absolute;
		top: 255px;
		width: 738px;
	}

	#featured .info h2 {
		font-size: 18px;
		overflow: hidden;
		padding: 5px;
	}

	#featured .info p {
		margin: 0 5px;  
		color: #eee;  
	}

	#featured .info a {
		color: #fff;
		text-decoration: none;
	}

	#featured .info a:hover {
		text-decoration: underline;
	}

/* Footer */
	#footer {
		height: 50px;
		text-align: center;
		width: 966px;
	}

/* Admin */
	#admin-menu {
		height: 20px;
		padding: 10px 0px;
	}

	#admin-menu li {
		float: left;
		padding-right: 5px;
	}

	#admin-menu a {
	}

	.group {
		float: left;
		width: 300px;
	}

	.group .header {
		border: 1px solid #fff;
		font-weight: bold;
		padding: 5px;
	}

	.group .items {
	}

	.group .items li {
		border: 1px solid #fff;
		padding: 5px;
	}

	.group .items a {
	}

/* Misc */
	h2 {
		padding-bottom: 10px;
	}

	.form-elements {
	}

	.form-elements input, .form-elements select {
		background: #dfd;
		margin: 4px 0px 8px 0px;
		width: 300px;
	}

	.form-elements .button {
		width: auto;
		background: #ffd250;
		font-size: 11px;
		padding: 3px 5px 1px 5px;
		font-weight: bold;
	}

	.form-elements textarea {
		background: #dfd;
		color: #000;
		height: 150px;
		width: 400px;
	}

	.form-elements .required {
		color: #f00;
	}


