/* COLOUR INDEX
-------------------------------------------------------
#9a86b6 - purple
#b1b1b1 - grey
#00a893 - teal
#473b0f - brown
#f9ac52 - orange
*/

/* BODY
-------------------------------------------------------*/
body {
   text-align: center;
   background: #FFF;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #555;
}

/* @group TYPOGRAPHY and BASIC ELEMENTS
-------------------------------------------------------*/
/* headings */
h1, h2, h3, h4, h5, h6 {
   font-weight: bold;
   padding-bottom: 10px;
}

h1 {
   color: #473b0f;
   font-size: 24px;
   text-align: right;
}

h2 {
   font-size: 18px;
}

h3 {
   font-size: 14px;
   line-height: 1.2;
}

h4 {
   font-size: 13px;
}

h5 {
   font-size: 12px;
}

h6 {
   font-size: 12px;
   font-style: italic;
}

/* paragraphs etc. */
p {
   line-height: 1.5;
   padding-bottom: 10px;
}

   #sidebar p {
      line-height: 1.2;
   }

	p.left {
	   text-align: left;
	}
	
	p.right {
	   text-align: right;
	}
	
	p.center {
	   text-align: center;
	} 
	
	p.back {
	   line-height: 18px;
	}
	
	   p.back a {
	      background: url(../images/btn-back.gif) no-repeat top left;
	      padding: 3px 0 3px 21px;
	   }

big {
   font-size: 125%;
}

small {
   font-size: 75%;
}

strong {
   font-weight: bold;
}

em {
   font-style: italic;
}

blockquote {
   padding: 0 20px 10px;
}

/* lists - usually have to put #content in front */
#content ul {
   line-height: 1.5;
   list-style: square outside;
   margin-left: 36px;
   padding-bottom: 15px;
}

#content li ul {
   padding-bottom: 0;
}

#content ol {
   line-height: 1.5;
   list-style: decimal outside;
   margin-left: 36px;
   padding-bottom: 15px;
}

#content li ol {
   padding-bottom: 0;
}

/* links */
a, a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a.park-radio {
   text-indent: -9999px;
   display: block;
   width: 155px;
   height: 105px;
   position: absolute;
   top: 0;
   right: 0;
}

/* images */
img.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

img.center {
	margin: 10px auto;
	display: block;
}

/* horizontal rule */
hr {
  border-color: #bab7b7;
  border-style: dotted;
  border-width: 2px 0 0;
  clear: both;
  margin: 10px 0 20px;
  height: 0;
}

/* tables */
table.schedule {
   
}

table.widgets {
	border: none;
	width: 100%;
}

.widgets td {
	text-align: center;
	width: 50%;
}

table {
	border-collapse: collapse;
	margin-bottom:15px;
}

th {font-weight:bold;}

th, td, caption {padding:4px 2px;}

th, td {
	border: 1px solid #eee;
}

.widgets th, .widgets td {
	border: none;
}

tr {
   
}

th {
   
}

.schedule td {
   text-align: center;
}

/* forms */
form {
   
}

fieldset {
   
}

legend {
   
}

input {
   
}

textarea {
   
}

.error {
   
}
/* @end */

/* @group SECTION COLOURS
-------------------------------------------------------*/
/* Home - Teal (#00a893) and Orange (#f9ac52) */
#home h2 {
   color: #473b0f;
   font-size: 20px;
   text-transform: lowercase;
}

   #home h2 span {font-size: 30px;}
   
   #home #sidebar h2 {
      color: #f9ac52;
      font-size: 20px;
   }
   
   #home #sidebar h2 a, #home #sidebar h2 a:visited {
   	color: #f9ac52;
   }

#home h3 {
   color: #00a893;
   font-size: 18px;
}

   #home #sidebar h3 {
      color: #FFF;
      font-size: 16px;
   }

#home a {color: #00a893;}
   
   #home #main {color: #000;}
   
/* Purple (#9a86b6) */
.purple h2 {
   color: #9a86b6;
   text-transform: uppercase;
}

   .purple #sidebar h2 {
      color: #fff;
      font-size: 18px;
      text-transform: none;
   }

.purple a {color: #9a86b6;}

.purple #col-2 {
   background: #8883aa url(../images/bg-internal-sidebar-purple.gif) no-repeat top left;
}

.purple #footer {
   background: url(../images/bg-internal-footer-purple.gif) no-repeat top left;
}

/* Teal (#00a893) */
.teal h2 {
   color: #00a893;
   text-transform: uppercase;
}

   .teal #sidebar h2 {
      color: #fff;
      font-size: 18px;
      text-transform: none;
   }

.teal a {color: #00a893;}

.teal #col-2 {
   background: #0f8a7b url(../images/bg-internal-sidebar-teal.gif) no-repeat top left;
}

.teal #footer {
   background: url(../images/bg-internal-footer-teal.gif) no-repeat top left;
}

/* Orange (#f79727)*/
.orange h2 {
   color: #f79727;
   text-transform: uppercase;
}

   .orange #sidebar h2 {
      color: #fff;
      font-size: 18px;
      text-transform: none;
   }

.orange a {color: #f79727;}

.orange #col-2 {
   background: #c08033 url(../images/bg-internal-sidebar-orange.gif) no-repeat top left;
}

.orange #footer {
   background: url(../images/bg-internal-footer-orange.gif) no-repeat top left;
}

/* Green (#a7cc4b)*/
.green h2 {
   color: #a7cc4b;
   text-transform: uppercase;
}

   .green #sidebar h2 {
      color: #fff;
      font-size: 18px;
      text-transform: none;
   }

.green a {color: #a7cc4b;}

.green #col-2 {
   background: #8eb14e url(../images/bg-internal-sidebar-green.gif) no-repeat top left;
}

.green #footer {
   background: url(../images/bg-internal-footer-green.gif) no-repeat top left;
}
/* @end */

/* CONTAINER
-------------------------------------------------------*/
#container {
   /*background: #fff;*/
   position: relative;
   text-align: left;
}

/* HEADER
-------------------------------------------------------*/
#header {
   background: url(../images/bg-internal-header.gif) no-repeat top left;
   height: 112px;
}

#home #header {
   background: url(../images/bg-home-header.gif) no-repeat top left;
}

/* BRANDING
-------------------------------------------------------*/
#branding {
	height: 113px;
}

/* requires w, h,  */
#branding a {
   display: block;
   width: 136px;
   height: 125px;
   position: absolute;
   top: 5px;
   left: 30px;
   z-index: 999;
}

/* MAIN NAVIGATION
-------------------------------------------------------*/
#mainnav {
  height: 113px;
}

#mainnav ul {
   
}

#mainnav li {
   float: left;
   padding: 35px 20px 0 0;
   text-align: center;
}

#mainnav li a {
   color: #473b0f;
   font-size: 20px;
   font-weight: bold;
}

#mainnav li a:hover {
   color: #f9ac52;
   text-decoration: none;
}

#mainnav li a span {
   font-size: 30px;
}

/* @group SEARCH and TOPNAV
-------------------------------------------------------*/
#search {
   color: #fff;
   height: 113px;
   font-size: 9px;
   text-transform: uppercase;
}

#search form label {
   font-weight: normal;
}

#search input.btn {
   vertical-align: middle;
}

#topnav {
   padding: 30px 0 0;
}

#topnav a {
   
}

#topnav a:hover {
   color: #fff;
   text-decoration: none;
}
/* @end */

/* @group CONTENT
-------------------------------------------------------*/
#content {
   background: url(../images/bg-internal-content.gif) repeat-y top left;
}

   #home #content {
      background: url(../images/bg-home-content.gif) repeat-y top left;
   }

#topbar {
   background: url(../images/bg-topbar.jpg) no-repeat top left;
   float: left;
   height: 19px;
   width: 710px;
}

.map {
   width: 510px;
   height: 310px;
   margin-bottom: 10px;
}
/* @end */

/* @group Col-1
------------------------------------------------------ */
/* BANNER
-------------------------------------------------------*/
#banner {
	height: 290px;
	position: relative;
	width: 710px;
}

	#home #banner {
		height: 371px;
		position: relative;
		width: 630px;
	}

#banner span {
	background: url(../images/bg-internal-banner.png) no-repeat top left;
	height: 290px;
	position: absolute;
	width: 710px;
}

	#home #banner span {
		background: url(../images/bg-home-banner.png) no-repeat top left;
		height: 371px;
		position: absolute;
		width: 630px;
	}

/* SUBNAV
-------------------------------------------------------*/
#subnav {
	background: url(../images/bg-subnav.gif) no-repeat top left;
	padding: 40px 0 100px;
}

#subnav h2 {
	color: #000;
	font-size: 12px;
	padding-bottom: 5px;
	text-transform: none;
}

#subnav h2 a {
	color: #000;
}

#subnav ul {
	margin: 0;
	padding: 0 0 5px 15px;
}

/*#subnav li {
	padding-left: 10px;
	text-indent: -10px;
}*/

#subnav li a {
	color: #000;
}

#subnav hr {
	border-color: #fff;
	margin: 0 0 5px;
}

ul.hide-menu {
	display: none;
}

/* MAIN
-------------------------------------------------------*/
#home #main {
	background: url(../images/bg-home-main.jpg) no-repeat top left;
	padding-top: 20px;
}

.entry-date {
	color: #ddd;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.meta {
	clear: both;
}

.meta img {
	vertical-align: middle;
}

.podcast-player {
	margin-bottom: 15px;
	height: 20px;
	width: 250px;
}

.comment-date {
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
	padding: 0;
	text-align: center;
}

.info-window {
	width: 300px;
}

#map-area {
	background: url('../images/bg-home-map.jpg') no-repeat 0 0;
	height:88px;
	padding-top:20px;
}

/* highlight-1, highlight-2, highlight-3
-------------------------------------------------------*/
#highlight-1, #highlight-2, #highlight-3 {
	background: url(../images/bg-col-gradient.gif) repeat-x top left;
	padding-top: 10px;
}

/* @end */

/* @group Col-2
-------------------------------------------------------*/
/* Col-2 */
#col-2 {
	background: url(../images/bg-home-col-1.gif) repeat-y left top;
}

/* SIDEBAR
-------------------------------------------------------*/
#sidebar {
   color: #000;
   padding-top: 30px;
}

   #home #sidebar {
      background: url(../images/bg-home-sidebar.gif) repeat-y top left;
      height: 458px;
      padding-top: 15px;
   }

#sidebar a {
   color: #fff;
}

#sidebar hr {
   border-color: #fff;
}

#radio {
   background: url(../images/bg-internal-radio.gif) no-repeat top left;
   height: 127px;
   padding-top: 50px;
   position: relative;
}

#home #radio {
   background: url(../images/bg-home-radio.gif) no-repeat top left;
   height: 117px;
   padding-top: 40px;
   position: relative;
}
/* @end */

/* @group FOOTER
-------------------------------------------------------*/
#footer {
   font-size: 10px;
   padding-top: 42px;
   padding-bottom: 30px;
}

   #home #footer {
      padding-top: 50px;
      background: url('../images/bg-home-footer.jpg') no-repeat 0 0;      
   }

#footer a {color: #555;}

.footernav {
   text-align: right;
}

.footernav a {
   padding: 3px 0 3px 19px;
   margin-left: 10px;
}

.footernav a.twitter { background: url(../images/twitter_16.png) no-repeat top left; }
.footernav a.facebook { background: url(../images/facebook_16.png) no-repeat top left; }
.footernav a.posterous { background: url(../images/posterous_16.png) no-repeat top left; }
.footernav a.youtube { background: url(../images/youtube_16.png) no-repeat top left; }
.footernav a.flickr { background: url(../images/flickr_16.png) no-repeat top left; }
.footernav a.rss { background: url(../images/rss_16.png) no-repeat top left; }
/* @end */

/* @group Padding and Margins */
.padding-10 {
   padding: 0 10px;
}

.padding-20 {
   padding: 0 20px;
}
/* @end */