@charset "utf-8";
/* CSS Document */


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,
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-family: inherit;
	vertical-align:baseline;
}



/* pushes the page to the full capacity of the viewing area */
html {height:100%;}

body {
	background-color:#000;	
	height:100%; 
	margin:0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;	
}

#container{
	text-align:right;
	max-width:100%;
	margin:0;
	overflow:hidden;
	height:100%;
	background-color:#000;
}

/*
#containerLeft {
	position:fixed;
	z-index:1; 
	right:0px; 
	width:60%;
	height:60%;
	background-position:top right;
	background-color:#000;
	background-repeat:no-repeat;
	left:-550px; 
	text-align:left;
	border:1px solid red;		
}
*/

#content {
	float:right; 
	text-align:left;
	z-index:1; 
	width:400px;
	min-height:100%;
	padding:30px 50px 0 50px;
	background-color:#000;	
}

#content-inner{
	padding:0 0 0px 0;	
}

/*
.home #containerLeft {background-image: url(../images/backgrounds/bg_belltop.jpg)}
.stay #containerLeft {background-image: url(../images/backgrounds/bg_rainbow.jpg)}
.eat-and-drink #containerLeft {background-image: url(../images/backgrounds/bg_mines.jpg)}
.local-produce #containerLeft {background-image: url(../images/backgrounds/bg_autumn.jpg)}
.culture #containerLeft {background-image: url(../images/backgrounds/bg_fireworks.jpg)}
.to-do #containerLeft {background-image: url(../images/backgrounds/bg_northdale.jpg)}
.events #containerLeft {background-image: url(../images/backgrounds/bg_scarecrows.jpg)}
.history #containerLeft {background-image: url(../images/backgrounds/bg_church.jpg)}
*/

#loader img{
        position:fixed;
        top:0;
        right:550px; 
        /* Preserve aspet ratio */
        min-width:80%;
		min-height:100%;
}

#loader {
         background: url(../images/spinner.gif) center center;
}

/* prepares the background image to full capacity of the viewing area */
/* #bg {position:fixed; top:0; left:0; width:100%; height:100%;}*/


#header{
	/* background-image:url(../images/bg_lightgrey.png);*/
	font-family:Arial,Helvetica,sans-serif;
	left:0px;
	overflow:hidden;
	padding:0;
	position:fixed;
	right:520px;
	text-align:left;
	top:0;
	z-index:2;
	background-position:top right;
	height:100%;	
	padding-top:35px;
	padding-left:26px;
}


#header img.logo{
	color:#fff;
	font-weight:normal;
	padding-left:0px;
	display:block;
	margin-bottom:30px;
	width:219px;
	height:20px;
}

#header #topnav{
	background-repeat:no-repeat;
	overflow:hidden;
	padding-left:0px;
}

#header #topnav ul{

	padding:0px 0;	
}


#header #topnav li{
	color:#333;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:20px;		
	display:block;
	margin-right:6px;
}

#header #topnav li span.divider {
	padding:0 10px;	
}

#header #topnav li a{
	text-decoration:none;
	color:#fff;	
	padding:3px 7px;
	padding:8px;	
	margin-bottom:20px;						
}


#header #topnav li a:hover{
	background-color:#fff;
	/*background-image:url(../images/bg_white.png);*/
	color:#333;
}


/* active page states */

.home #header #topnav li.home a,
.stay #header #topnav li.stay a,
.eat-and-drink #header #topnav li.eat-and-drink a,
.local-produce #header #topnav li.local-produce a,
.culture #header #topnav li.culture a,
.to-do #header #topnav li.to-do a,
.events #header #topnav li.events a,
.history #header #topnav li.history a{
	color:#333;
	background-color:#fff;	
}


/* bg colours of nav for each page */


.home #header #topnav li a,
.home #content,
.home #footer p{
	background-color:#052032;
}

.stay #header #topnav li a,
.stay #content,
.stay #footer p{
	background-color:#332616;	
}

.local-produce #header #topnav li a,
.local-produce #content,
.local-produce #footer p{
	background-color:#1C2F40;	
}


.eat-and-drink #header #topnavli  a,
.eat-and-drink #content,
.eat-and-drink #footer p{
	background-color:#282822;	
}


.culture #header #topnav li a,
.culture #content,
.culture #footer p{
	background-color:#132128;
}

.events #header #topnav li a,
.events #content,
.events #footer p{
	background-color:#2F2B44;
}

.to-do #header #topnav li a,
.to-do #content,
.to-do #footer p{
	background-color:#363A45;
}

.history #header #topnav li a,
.history #content,
.history #footer p{
	background-color:#323432;
}


/*
.to-do #header #topnav li a,
.eat-and-drink #header #topnav li a,
.stay #header #topnav li a{
	background-image:url(../images/bg_midgrey.png);					
}

.home #header #topnav li a,
.events #header #topnav li a{
	background-image:url(../images/bg_lightgrey.png);					
}
*/

#header #topnav li a{
	background-color:#333;
	color:#fff;	
}

#header #topnav li a:hover{
	background-color:#9BC4CD;
	color:#fff;	
}

/* main content on right hand side*/

#content {
	position:absolute;
	float:right; 
	z-index:3; 
	right:0px; 
	width:490px;
	min-height:100%;
	padding:15px 30px 50px;
}


h1{
	font-size:2.6em;
	color:#fff;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0px 10px 0px;
	letter-spacing: -1px; 
	margin-left:-3px;
}

h1 span.rosedale{
	color:#9BC4CD;
}

p.intro{
	color:#999;
	font-weight:normal;
	line-height:1.5em;
	padding-bottom:15px;
	border-bottom:1px dashed #ccc;	
	font-size:1.3em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

ul.subnav{
	padding-top:10px;
	font-size:1.2em;
}

ul.subnav li{
	display:inline;	
}

ul.subnav li span.divider {
	padding:0 2px 0 5px;	
	font-size:0.9em;	
}

ul.subnav a{
	color:#9BC4CD;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	background-color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

ul.subnav a:hover{
	color:#fff;
	background-color:#666;
}


/* individual posts in main content */

.post{ 
	width: 100%; 
	color:#fff;
	font-size: 1.2em; 
	border-bottom:1px dashed #ccc;
	padding:0px 0;
	overflow:hidden;
	min-height:173px;
}

.post img.thumb{
	float:right;	
	width:125px;
	height:125px;	
	margin-top:25px;
}

.post .text{
	float:left;	
	width:340px;	
	font-size:0.65em;	
	padding:15px 0 25px;	
}



.post .text h2{
	color:#fff;
	margin:0;
	padding:0;
	font-size:1.6em;
	font-weight:normal;
}

.post .text p.distance{
	margin:0;
	padding:3px 0 8px 0;
	color:#ccc;
}

.post .text a.maplink{
	color:#8BAEB5;
}

.post .text a.maplink:hover{
	color:#fff;
}


.post .text p.description{
	color:#fff;
	margin:0;
	padding:0;
	padding:0 0 8px 0;
	line-height:1.5em;
}
			
.post a{
	color:#8BAEB5;
	font-weight:bold;	
}

.intro a{
	color:#8BAEB5;
}

.post .text p.links a{
	color:#8BAEB5;
	font-weight:bold;
	font-size:1.2em;
}

.intro a:hover,
.post .text p.links a:hover{ 
	color: #ccc; 
}	

.longText{
	float:left;	
	width:auto;	
	font-size:0.9em;	
	color:#fff;
	line-height:1.5em;
}

.home p.intro{
	margin-bottom:20px;
}


.longText h2{
	color:#999;
	font-weight:normal;
	line-height:1.5em;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;	
	font-size:1.5em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:12px;
}

p.highlight{
	font-size:1.5em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
	font-weight:normal;
	line-height:1.3em;	
	border-top:1px dashed #ccc;		
	padding-top:12px;	
	margin-top:12px;
}

.longText p{
	padding-bottom:12px;
}

.longText a{
	color:#8BAEB5;
	font-weight:bold;
}

a:hover{
		color:#9FBBC1;
}

/* general */

/* footer */

#footer{
	position:fixed;

	bottom:20px;
	left:20px;
	color:#fff;	
	font-size:0.85em;
	z-index:4;
	text-align:left;
	line-height:1.5em;
	padding:5px 8px;
}


#footer a{
	color:#8BAEB5;
	text-decoration:none;
}

#footer a:hover{
	color:#9FBBC1;
}

#footer p{
	padding:5px;
	display:inline;
}

#footer p strong{
	color:#fff;
	padding-right:3px;
	font-weight:bold;
}

#footer div.fbLike{
	margin-bottom:10px;
	color:#fff;
}

#sitename{
	display:none;
}


#containerNav,
#footer{
	display:none;
	visibility:hidden;
}