/* css document */

/* Page properties */
body { margin:0; text-align:center; background:#eee url(img/grey_fade_800.jpg) top repeat-x; font-family:arial, sans-serif; }
img { border:0; vertical-align:text-bottom; }
h2 img {vertical-align:middle;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.page {text-align:left; margin:0 auto; max-width:1000px;}

	/* Header (site logo & tagline) */
	.head { position:relative; background:#090 url(img/title.jpg) left bottom repeat-x; color:#fff; height:100px; padding:0 2em; } 
	.head h1 { display:none; }
	.head .title { z-index:2; position:absolute; left:0; bottom:0; display:block; height:100px; width:405px; }
	.head .tagline { z-index:1; position:absolute; font-weight:bold; font-size:1em; right:0; bottom:0; padding:0 1em 0.5em 0; width:15em; text-align:right; } 

	/* Menu (site navigation, green bar nr. Header) */
	.menu {background:#060; border-bottom:0.3em solid #090;}
	.menu h2 {display:none;} 
	.menu ul {margin:0; padding:0;}
	.menu li {display:inline;} 
	.menu li a {color:#eee; font-weight:bold; text-decoration:none; height:2em; line-height:2em; padding:2em;} 
	.menu li a:hover {color:#fff; background:#0a0;}
	.menu .current {background:#080;}
		
/* Content (The white area where all the content appears) */
.content {position:relative; padding:1em; margin:0; /*min-height:20em;*/
		background:#fff url(/img/grey_fade_ddd_10.jpg) top repeat-x;
		border-bottom:1px solid #ccc;} 
h2 {margin-top:0;} /* decreases the gap between <h2> page titles and the menu */
.info {padding:0.2em; border-bottom:0.3em solid #eed; background:#ffe; font-weight:bold;}

	/* Forms */
	form div { margin:1em 0; }
	fieldset { padding:0 1em; margin:0.5em 0;}
	input, textarea{ padding:0 2px; }
	label {cursor:pointer; padding-right:0.8em; }
	textarea { width:100%; height:16em; }
	.error { border:1px solid #060; background:#efe; padding:1em; }
	.send { padding:0.5em 1em; font-weight:bold; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #aaa; border-left:1px solid #ddd; }
	.send:hover {cursor:pointer;}
	.note { font-size:small; color:gray; } 

	/* Footer */
	.foot { text-align:center; font-size:small; color:#bbb; padding:1em 0 2em; } 

/* Blurb */
.blurb {width:16em; float:left; overflow:hidden; font-size:small;} 
.blurb .box {padding:0.2em 0.5em; margin:0 0 1em;}
.blurb .box h3 {margin:0.3em 0;}
.blurb .box h4 {margin:0.4em 0;}
.blurb .box p {margin:0.3em 0;}

	/* Tools (page itro & RSS links etc.) */
	.blurb .tools {background:#ea1 url('img/calendar.png') top right no-repeat; color:#fff; font-size:medium; padding:0;}
	.blurb .tools h2 {margin:0; padding:0.4em 0.5em 0 0.7em; background:url('img/events_corner_topleft.png') top left no-repeat;}
	.blurb .tools a {font-weight:bold; color:#fee;}
	.blurb .tools a:hover {color:#fff;}
	.blurb .tools ul {list-style-type:none; margin:0; padding:0; background:url('img/events_corner_bottomleft.png') bottom left no-repeat;}
	.blurb .tools p, .blurb .tools ul { padding:0 1em 1em; }
	.blurb .tools li {margin-bottom:0.2em;}

	/* Featured events */
	.blurb .featured_events {background:#d88 url('img/star_corner_bottomright.png') right bottom no-repeat; padding:0; color:#fff; font-family:georgia,serif;}
	.blurb .featured_events h3 {margin:0; padding:0.6em 0.5em 0 32px; min-height:32px; background:url('img/star.png') left top no-repeat;
							color:#fdd; font-style:italic; font-size:1em;}
	.blurb .featured_events .item {padding:0.5em 1em;}
	.blurb .featured_events .item h4 a {color:#fff; text-decoration:underline;}
	.blurb .featured_events .item .info {background:none; border:none; color:#f8e8e8;}
	.blurb .featured_events .item .message {color:#f8d8d8;}
	.blurb .featured_events .item .message  a {color:#ff0000;}

	/* News on the home page */
	.blurb .news {background:#8d8 url(img/news.png) right top no-repeat; padding:0 0 0.5em; color:#fff; font-family:georgia,serif;}
	.blurb .news h3  {margin:0 32px 0 0; padding:0.5em 0 0 16px; min-height:16px; background:url(img/news_corner.png) left top no-repeat;
					font-style:italic; font-size:1em;} /* has a rounded corner graphic */
	.blurb .news h3 a {color:#efe;}
	.blurb .news h3 a:hover {color:#fff;}
	.blurb .news .item {margin:1em;}
	.blurb .news .item a {color:#fff; text-decoration:underline;}
	.blurb .news .item .info {background:none; border:none; color:#eafaea;}
	.blurb .news .item .message {color:#dafada;}
	.blurb .news .item .message  a {background:none; padding:0;} /* remove external link icon +padding */
	
	/* Visitors feedback */
	.blurb .quotes {background:#aaf url(img/quote_on.png) left top no-repeat; padding:0; color:#fff; margin-top:2em; font-family:georgia,serif;}
	.blurb .quotes h3 {margin:0 0 1em 40px; padding-top:0.4em; background:url(img/quote_corner_topright.png) top right no-repeat;
					color:#cce; font-style:italic; font-size:1em;}
	.blurb .quotes .name {margin:0 0.5em 0 1em; paddinl color:#ddf; font-weight:bold;}
	.blurb .quotes .message {padding:1em; background:#aaf url(img/quote_off.png) right bottom no-repeat;}

/* General content pages */
.form, .videos, .nav {margin-left:14em;} /* move to left due to blurb on right hand side of page */

	/* Feed defaults (e.g. events feed, news feed) */
	.feed {font-size:small;}
	.feed h3 {display:none;}
	.feed .item {margin:0 0 1em; padding:0.4em 0.8em 0;
		background:#fff url(img/grey_fade_ddd_30.jpg) top repeat-x; border:1px solid #eee;}
	.feed .item h4 {margin:0.1em 0; font-size:1.25em;}
	.feed .share { background:none; border:none; float:right;}
	.feed .item p {margin:0.4em 0;}

	/* External hyperlinks have a little "outside link" icon by them */
	.message a {padding-left:13px; background:url(img/ext.gif) left no-repeat;}

	/* Pages with 2 columns */
	.col1 {float:left; width:48.5%;}
	.col2 {margin-left:50%;}
	.col1 .event, .col2 .event { margin:0 0 1em; }
	
	/* Sharing tiny links (e.g. Facebook, twitter) */
	.feed .share a { background:none; margin:0; padding:0; } 
	
	/* Sharing to Facebook etc. and Printing links for items */
	/* A node is the unique page for each item (e.g. event.php?id=99) */
	.node .share {float:right; margin:0 0 1em 1em; padding:1em;
				background:#eef; border-left:1em solid #dde;}
	.node .share ul {padding:0 0.5em; margin:0.7em 0 0; list-style-type:none;}
	.node .share li {margin-bottom:0 0 0.5em;}
	.node .tools {margin:2em 0 1em;}
	.node .tools a {padding:0.5em 1em; background:#aae; color:#fff; border:2px solid #bbf; text-decoration:none;}
	.node .tools a:hover {background:#bbf; border:2px solid #ccf;}
	
	/* Archive links (small links, at bottom of events and news pages) */
	.archive {text-align:center; font-size:small;}
	
/* Events (i.e. the home page) */
.events {margin-left:17em;} /* allow space for blurb boxes, i.e. 1em more than blurb width */

	/* Week chooser */
	.week {text-align:center; font-size:1.25em;} 
	.week a {font-weight:bold;}
	
	/* Add New Event (i.e. public submissions) */
	.add .tools ul {background:none; list-style-type:square;}
	.add .tools li {margin-left:2em;}
	.add .tools a {text-decoration:underline;}
	
/* Videos */
.nav {background:#ffe; border-bottom:0.4em solid #eed; padding-bottom:0.3em;}
.nav a {padding:0 0.4em;}
.vid .tools {background:#ea1 url('img/video.png') top right no-repeat;}
.videos .item {position:relative; min-height:9em; padding-right:170px;}
.videos .item a {background:url('img/ext.gif') left center no-repeat; padding-left:12px;}
.videos .item .video {position:absolute; top:0; right:0;}
.videos .item .video a {padding-left:18px; background:url('img/down.gif') left top no-repeat;}
.videos .item .video embed {display:block; margin-bottom:2px;}

/* Links */
.links {margin-left:11em;}

	/* Links filter menu */
	.filters {float:left; width:8em; padding:1em; background:#ffc; border:1px solid #ca0;}
	.filters ul {margin:0; padding:0; list-style-type:none;}
	.filters .current {font-weight:bold;}