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, sub, sup, tt, var,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body{ margin: 0; padding: 0; font:62.5% 'Helvetica', Arial, Verdana Sans-Serif; background:#fff url(images/bg.gif) no-repeat center 0;}
.sub-nav{background:#fff url(images/sub-bg.gif) no-repeat center 0;}
.no-sub-nav #sub-nav{display: none;}

#wrapper{margin: 0 auto; width: 960px;}

#logo {background: url(images/logo.png); width: 332px; height: 154px; float: left; }


/*------ Weather ------*/
#weather{float: right; margin-top: 15px;}
#weather h2{background: url(images/weather-h2.gif); width: 84px; height: 16px;}	
#weather div {float: left; font-size: 1.3em; margin-right: 20px; width: 70px;}

#weather div h3{text-transform: uppercase; color: #808080; margin: 10px 0 5px 0;}
	#weather div .today, #weather div .temp{font-weight: bold; color: #434343;}
	#weather div .temp{width: 40px; margin: 0 auto;}
	#weather div .temp span {margin: -35px 0 0 35px; display: block; width: 40px;}

/*------ Navigation ------*/
#nav{clear: both; height: 36px;}
#nav li{float: left;}
#nav li a{ height: 35px; margin: 1px 1px 0 1px;}
	#nav li a:hover{border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 1px 0 0 0;}
	#nav .here {border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 1px 0 0 0;}

/*--- Drop Down ---*/
#nav li .drop-nav{display: none; position: absolute; border: 1px solid #666; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px;  -webkit-border-bottom-right-radius: 6px; width: 175px;}
	#nav li .drop-nav li{float: none; border-bottom: 1px solid #666;}
	#nav li .drop-nav .last{border: none;}
		#nav li .drop-nav .last a{-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px;  -webkit-border-bottom-right-radius: 6px;}	
		#nav li .drop-nav li a{color: #acacac; background: #010101; border: none; font-size: 1.4em; padding: 7px; margin: 0; text-decoration: none; display: block; height: auto; -webkit-transition: background .3s linear;}
		#nav li .drop-nav li a:hover{background: #4a4a4a;}

#nav li:hover .drop-nav{display: block; position: absolute; z-index: 100;}
/*--- End Drop Down ---*/


#nav li a.home{background: url(images/nav-home.png) no-repeat center 10px; width: 75px;}
	#nav li a.home:hover, #nav li a.home.here{background: #dcdcdc url(images/nav-home.png) no-repeat center 10px;}

#nav li a.schedule{background: url(images/nav-schedule.png) no-repeat center 10px; width: 110px;}
	#nav li a.schedule:hover, #nav li a.schedule.here{background: #dcdcdc url(images/nav-schedule.png) no-repeat center 10px;}

#nav li a.about{background: url(images/nav-about.png) no-repeat center 10px; width: 70px;}
	#nav li a.about:hover, #nav li a.about.here{background: #dcdcdc url(images/nav-about.png) no-repeat center 10px;}

#nav li a.contests{background: url(images/nav-contests.png) no-repeat center 10px; width: 110px;}
	#nav li a.contests:hover, #nav li a.contests.here{background: #dcdcdc url(images/nav-contests.png) no-repeat center 10px;}

#nav li a.calendar{background: url(images/nav-cal.png) no-repeat center 10px; width: 115px;}
	#nav li a.calendar:hover, #nav li a.calendar.here{background: #dcdcdc url(images/nav-cal.png) no-repeat center 10px;}

#nav li a.participate{background: url(images/nav-participate.png) no-repeat center 10px; width: 130px;}
	#nav li a.participate:hover, #nav li a.participate.here{background: #dcdcdc url(images/nav-participate.png) no-repeat center 10px;}

#nav li a.movies{background: url(images/nav-movies.png) no-repeat center 10px; width: 90px;}
	#nav li a.movies:hover, #nav li a.movies.here{background: #dcdcdc url(images/nav-movies.png) no-repeat center 10px;}

#nav li a.blog{background: url(images/nav-blog.png) no-repeat center 10px; width: 60px;}
	#nav li a.blog:hover, #nav li a.blog.here{background: #dcdcdc url(images/nav-blog.png) no-repeat center 10px;}

#nav li a.games{background: url(images/nav-games.png) no-repeat center 10px; width: 80px;}
	#nav li a.games:hover, #nav li a.games.here{background: #dcdcdc url(images/nav-games.png) no-repeat center 10px;}

#nav li a.contact{background: url(images/nav-contact.png) no-repeat center 10px; width: 100px;}
	#nav li a.contact:hover, #nav li a.contact.here{background: #dcdcdc url(images/nav-contact.png) no-repeat center 10px;}

#sub-nav{border-left: 1px solid #666; border-right: 1px solid #666; height: 35px; margin-top: 1px; background: #4a4a4a;}
#sub-nav li {float: left;}
	#sub-nav li a{background: #010101; font-size: 1.4em; border-right: 1px solid #666; text-decoration: none; color: #acacac; height: 16px; display: block; padding: 10px 15px 9px 15px; -webkit-transition: background .3s linear;}
	#sub-nav li a:hover{background: #4a4a4a;}
	
#left-col{width: 630px; float: left;}
#right-col{width: 310px; float: right;}

#sidebar li {
	margin-bottom: 5px;
}

.leaderboard, #connect{float: left; margin-top: 15px; height: 90px;}
.leaderboard { border: 1px solid #acd19a; margin-bottom: 15px;}

#connect{padding-left: 7px;}
#connect h3{background: url(images/connect-header.gif); width: 84px; height: 16px; margin-top: 15px;}
#connect ul{ margin-top: 7px;}
#connect ul li{float: left; margin: 0 4px;}
#connect ul li a{width: 34px; height: 33px;}
#connect ul li a:hoever{width: 34px; height: 33px;}

.nd{background: url(images/connect-nd.gif); -webkit-transition: opacity .2s linear; opacity: 1; }
.fb{background: url(images/connect-fb.gif); -webkit-transition: opacity .2s linear; opacity: 1; }
.tw{background: url(images/connect-tw.gif); -webkit-transition: opacity .2s linear; opacity: 1; }
	.nd:hover, .fb:hover, .tw:hover{opacity: .5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}

.features{position: relative; z-index: 0;}

#whatson-blog{background: #82b966 url(images/features-bg-top.gif) no-repeat; width: 612px; padding: 15px 10px 0 10px; margin-top: 10px;}
	#whatson-blog-bot{background: url(images/features-bg-bot.gif) no-repeat; width: 632px; height: 11px; margin-left: -10px;}

	#whatson{width: 295px; float: left;}
	#whatson h3{clear: both; min-height: 20px;}
		.now-title span{background: url(images/now-title.png); width: 32px; height: 13px; float: left; margin: 0 0 15px 22px; }
			.now-title strong, .next-title strong{font-weight: bold; float: left; font-size: 1.4em; margin: -2px 10px 0 10px;}
			.next-title{margin-bottom: 10px;}
			.next-title strong{width: 220px;}
		.next-title span{background: url(images/next-title.png); width: 55px; height: 13px; float: left;}
	
	#whatson-schedule{margin-top: 15px; clear: both;}

	
#blog{width: 305px; float: left; color: #fff;}
	#blog h2{font-size: 1.5em; font-weight: bold; clear: both;}
	#blog .date{font-size: 1em; display: block;}
	#blog .entry{font-size: 1.15em; line-height: 1.3em; color: #fff; border: none; width: 300px; padding: 0;}
	.read-more{font-size: 1em; color: #fff; float: right;}
	.read-more:hover{text-decoration: none;}

#whatson .title, #blog .title{height: 17px; margin-bottom: 10px;}
#whatson .title{background: url(images/whats-on-title.png); width: 93px;}
#blog .title{background: url(images/the-blog-title.png); width: 133px;}

#whatson-schedule{width: 280px; height: 190px; overflow: scroll; position: absolute; z-index: 0;}
.ws-1{background: url(images/ws-1.png) no-repeat; width: 7px; height: 7px; position: absolute; z-index: 100;}
.ws-2{background: url(images/ws-2.png) no-repeat; width: 7px; height: 7px; position: absolute; z-index: 100; margin-left: 246px;}
.ws-3{background: url(images/ws-3.png) no-repeat; width: 7px; height: 7px; position: absolute; z-index: 100; top: 857px !important; }
.ws-4{background: url(images/ws-4.png) no-repeat; width: 7px; height: 7px; position: absolute; z-index: 100; top: 857px !important; margin-left: 246px !important;}


	#whatson-schedule ul {font-size: 1.2em; height: 304px; width: 253px; background: #fff; margin-top: -15px; }
	#whatson-schedule ul li{padding: 4px;}
		#whatson-schedule ul li.odd{background: #ccc;}
	#whatson-schedule ul li span{font-weight: bold; color: #333; margin-right: 10px; width: 50px; text-align: right; display: block; float: left;}
	
	
/*------ Sub Page Styles ------*/
.entry{border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; width: 601px; padding: 0 15px; color: #717171;}
	.entry-bot{background: url(images/page-bot.gif) no-repeat center bottom; margin-left: -16px; margin-top: 10px; width: 633px; height: 11px;}
	.entry h2{background: url(images/page-header-bg.gif); width: 587px; height: 34px; margin-left: -16px; font-size: 3em; font-weight: bold; color: #fff; padding: 7px 23px; margin-bottom: 12px;}
	.entry h3{font-weight: bold; font-size: 1.6em;}
	.entry p{font-size: 1.2em; line-height: 2.2em; padding-bottom: 10px;}
	.entry img{border: 1px solid #c2dc8d;}

.alignright{float: right; margin: 10px 0 7px 10px; }
.alignleft{float: left; margin: 10px 10px 7px 0; }
.wp-caption-text{font-size: 1em !important;}


/*------ Schedule Page Styles ------*/
#schedule-nav{height: 55px; margin-bottom: 15px; margin-top: 15px;}
#schedule-nav li{float: left; margin-right: 85px;}
.last{margin-right: 0 !important;}
#schedule-nav li a{height: 29px; -webkit-transition: opacity .2s linear; opacity: 1;}
#schedule-nav li a:hover, #schedule-nav .pick-day button:hover{opacity: .5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}



#schedule-nav li a.prev-day{background: url(images/prev-day.gif); width: 171px;}

#schedule-nav .pick-day{width: 148px;}
#schedule-nav .pick-day button{background: url(images/pick-day.gif); width: 148px; border: none; height: 29px; -webkit-transition: opacity .2s linear; opacity: 1; cursor: pointer;}
	#schedule-nav .pick-day input{display: block; border: 1px solid #ccc; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding: 4px; font-size: 1.2em; width: 140px; color: #999;}
#schedule-nav li a.next-day{background: url(images/next-day.gif); width: 141px;}

.schedule-date{font-size: .7em; font-weight: normal; padding-left: 10px;}
#schedule-table{width: 631px; margin-left: -15px;}

#schedule-table td{padding: 10px; vertical-align: middle;}
#schedule-table tr.odd{background: #d2e5ab;}

#schedule-table .time{width: 90px;}
	#schedule-table .time span{background: #158008; color: #fff; font-weight: bold; padding: 5px; font-size: 1.4em;}

#schedule-table .show h3{font-size: 1.3em; font-weight: bold;}

.remind-expand{width: 245px;}
.remind-btn{background: url(images/remind-btn.png); width: 71px; height: 18px; float: left; margin-right: 7px;}
	.remind-btn:hover{background-position: 0 bottom;}

.show-hide-btn{background: url(images/show-hide.png); height: 17px; width: 16px; float: left;}


#schedule-table p{padding-bottom: 0 !important;}


/*------ Footer ------*/
#footer{background: #1e7d0e url(images/footer-bg.gif) repeat-x; padding: 0 25px 50px 25px; clear: both; border-top: 5px solid #84b715; margin-top: 30px; padding-top: 25px; height: 100%;}
#footer ul, #footer p{width: 960px; margin: 0 auto; }	
	#footer ul li{float: left; margin: 0 5px 0 10px;}
	#footer ul li a{color: #fff; text-decoration: none; font-size: 1.4em;}
	#footer ul li a:hover{text-decoration: underline;}
#footer p{clear: both; padding: 15px 0 0 15px; font-size: 1.2em; color: #fff;}
		
/*--------- Common Styles --------*/
.hide{ display: block; text-indent: -9999px;}
.clear{clear: both;}

.navigation {
	clear: both;
	font-size: 10px;
	height: 15px;
}

.navigation a:link, .navigation a:active, .navigation a:visited {
	color: #158008;
	text-decoration:underline;
}
.navigation a:hover {
	text-decoration: none;
}

small {
	color: #158008;
	font-size: 10px;
	font-style:italic;
	font-family: arial;
}

p a:link, p a:visited, p a:active {
	color: #158008;
	text-decoration:underline;
}

p a:hover {
	text-decoration: none;
}