/*
** assets/longparish.css
**
** Default style sheet for www.longparish.org.uk
** Can be overriden by sitesection-specific stylesheets.
**
*/

/*
** suppress "use CSS" message for CSS-compliant browsers
** and provide a better mnemonic for it
*/
.nocss, .hide, .hidden { display: none; }

/*
** for stuff we don't want to print (see the @media print section)
*/
.donotprint { }

body   { padding: 0;
	 margin: 0;
	 font-family: tahoma,verdana,arial,helvetica,georgia,sans-serif; }
	 
img    { margin: 0.2em 0.5em; }
img.naked { margin: 0px; }

a img  { border: none; }

/* floaters */
.left  { float: left; }
.right { float: right; }
.clear { clear: both; }

/* text stuff */
.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.small { font-size: 80%; }
.large { font-size: 120%; }
.huge { font-size: 140%; }
.bold  { font-weight: bold; }
.italic { font-style: italic; }
.caption { font-style: italic; font-size: 80%; }
.alert { font-style: italic; color: #900; }

/*
** pictures with captions
*/
div.picture {
    border: solid thin silver;
    padding: 0.4em 0.6em;
    background-color: white;
    font-size: 60%;
    font-style: italic;
    margin: 0.1em 2em;
    text-align: center;
}
div.picture p {
    /*text-align: left;*/
    padding: 0 0.5em;
}
div.picture img {
    margin: 0
}

/*
** tables
*/
table { empty-cells: show; }
table, th, td { background-color: transparent; border: thin solid silver; border-collapse: collapse; }
table .tdgrey { background-color: #ddd; }

/* we still have some horrid lay-it-out-with-tables pages */
table.structural, table.structural th, table.structural td { border: none; }

/* mostly we want padding */
th, td { padding: 0.2em 0.3em; }
table.nopadding th, table.nopadding td { padding: 0; }

/* we have the extra IE markup - kill it here */
#pagemenu table, #pagemenu th, #pagemenu td { border: none; }

/* a table of contents box - see, for example, /recipes/sludge/index.php */

div#toc {
    float: right;
    font-size: 70%;
    padding: 0.2em 0.3em;
    border: thin solid silver;
}

div#toc h2 {
    margin-top: 0;
}

div#toc a {
    text-decoration: none;
    border: none;
    color: #666;
}

div#toc a:hover {
    color: blue;
    text-decoration: underline;
}


/*
** header material - a logo, a contact/search area ("admin") and the site menu
*/

/* the header */

#header {
	position: absolute;
	height: 5em; width: 100%;
	top: 0; left: 0;
	margin: 0;
	color: #e2dfa8;
	background-color: #4f7d60; }
	
#header h1 { padding-left: 4.5em; }

/* the logo */

div#logo {
	position: absolute;
	top: 0; left: 0;
	width: 140px; height: 107px;
	margin: 0; padding: 0;
	border: none;
	background: url(../images/grindstone.gif) center center transparent no-repeat; }

/* the search stuff */
#admin {
	margin: 0;
	position: absolute;
	top: 0; right: 0;
	font-size: 80%;
	padding: 0 1em;
        background: #ebf9ff url(../images/adminlb.gif) bottom left no-repeat; }
#admin * {
	margin: 0;
	padding: 0; }
	
/* just for non-CSS browsers: */	
#admin h1 { display: none; }
#admin a, #admin a:visited { text-decoration: none; }
#admin li {
	list-style-type: none;
	position: relative;
	display: block;
	float: left;
	height: 30px; 
        padding-right: 1em; }
	
#admin form.search {
	padding-top: 2px; }
	
#admin a.google {
	display: block;
	text-indent: -300em;
	background: url(http://www.google.co.uk/intl/en/logos/Logo_25wht.gif) transparent 0 0 no-repeat;
	width: 75px; height: 32px; }

/*
** provide a jump to the menus from the top
** for non-CSS browsers
*/
.navighelper { display: none; }

/*
** site menu is a definition list
** so people who don't use CSS at
** least see some structure
**
** The code for the menus was adapted from code that
** is copyright (c) Stu Nicholls and can be found at
** www.cssplay.co.uk
*/
#menubar {
	position: absolute;
	top: 3.5em; right: 0; /* top is overriden in longparish-ie.css */
	color: white;
	padding-right: 2em; }
	
/* the header is there to help non-CSS users: */	
#menubar h1 { display: none; }

/*
** Code from cssplay - see www.cssplay.co.uk/menus/drop_definition2.html
** Original values commented out, so I can see what I've tweaked. Specifically,
** I've reduced the top band, which was a bit clunky for our header. I've
** also changed sizes to ems where possible and necessary for accessibility.
*/
#sitemenu {list-style-type:none; margin:0 0 /*100px*/0 0; padding:0;}
#sitemenu li {list-style-type:none; float:left; padding:0; margin:0 1px 0 0; position:relative; width:/*150px*/6em; height:3em; z-index:100;}
#sitemenu li dl {position:absolute; top:0; left:0;padding-bottom:5px;}
#sitemenu li a, #sitemenu li a:visited {text-decoration:none;}
#sitemenu li dd {display:none;}
#sitemenu li a:hover {border:0;}
#sitemenu li:hover dd, #sitemenu li a:hover dd {display:block;}				/* a:hover is for pre-7 IE  */
#sitemenu li:hover dl, #sitemenu li a:hover dl {padding-bottom:10px;}			/* which gets the otherwise-hidden */			
#sitemenu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}	/* <a> and <table>  */	
#sitemenu dl {width: /*150px*/6em; margin: 0; padding: 0; background: #c9ba65;}
#sitemenu dt {margin:0; padding: 5px 5px 5px /*20px*/1.4em; font-size: /*1.1em*/0.7em; color: #fff; border-bottom:1px solid #fff; border-top:1px solid #fff;}

#sitemenu .home {background: #827b6b; border-top:3px solid #dca;}
#sitemenu .parishcouncil {background: #646e4c; border-top:3px solid #bb9;}
#sitemenu .communityassoc {background: #a4a88d; border-top:3px solid #eec;}
#sitemenu .clubs {background: #d2d29c; border-top:3px solid #f8f8b8;}
#sitemenu .services {background: #c9cead; border-top:3px solid #f8f8b8;}

#sitemenu .home dt {background: #b2ab9b;}
#sitemenu .parishcouncil dt {background: #949e7c;}
#sitemenu .communityassoc dt {background: #d4d8bd;}
#sitemenu .clubs dt {background: #f8f8b8;}
#sitemenu .services dt {background: #e2dfa8;}

#sitemenu .home dt a:hover, #sitemenu .home dt:hover {background:#949e7c; color:#eee;}
#sitemenu .parishcouncil dt a:hover, #sitemenu .parishcouncil dt:hover {background:#d4d8bd; color:#346;}
#sitemenu .communityassoc dt a:hover, #sitemenu .communityassoc dt:hover {background:#e2dfa8; color:#654;}
#sitemenu .clubs dt a:hover, #sitemenu .clubs dt:hover {background:#b2ab9b; color:#ff8;}
#sitemenu .services dt a:hover, #sitemenu .services dt:hover {background:#f8f8b8; color:#654;}

#sitemenu dd {margin:0; padding:0; color: #fff; font-size: /*1em*/0.6em; text-align:left;}
#sitemenu .home dd {border-bottom:1px solid #aaa;}
#sitemenu .parishcouncil dd {border-bottom:1px solid #e8e8e8;}
#sitemenu .communityassoc dd {border-bottom:1px solid #eee;}
#sitemenu .clubs dd {border-bottom:1px solid #999;}
#sitemenu .services dd {border-bottom:1px solid #e9e9a9;}
#sitemenu dd.last {border-bottom:1px solid #fff;}

#sitemenu dt a, #sitemenu dt a:visited {display:block; color:#444;}

#sitemenu dd a, #sitemenu dd a:visited {/*color:#fff;*/ text-decoration:none; display:block; padding:4px 5px 4px 20px; width:/*125px*/7em;}

#sitemenu .home dd a {background:#949e7c; color:#eee;}
#sitemenu .parishcouncil dd a {background:#d4d8bd; color:#346;}
#sitemenu .communityassoc dd a {background:#e2dfa8; color:#654;}
#sitemenu .clubs dd a {background:#b2ab9b; color:#ff8;}
#sitemenu .services dd a {background:#f8f8b8; color:#444;}

#sitemenu .home dd a:hover {background: #b2ab9b; color:#345;}
#sitemenu .parishcouncil dd a:hover {background: #949e7c; color:/*#543*/#fff;}
#sitemenu .communityassoc dd a:hover {background: #d4d8bd; color:#123;}
#sitemenu .clubs dd a:hover {background: #f8f8b8; color:#444;}
#sitemenu .services dd a:hover {background: #e2dfa8; color:#654;}
/* end of cssplay-based code */
/*
** page contents, followed by an informational footer
*/
#contents {
	position: absolute;
	top: 6em; left: 0;
	padding-left: 15em;
	padding-right: 1em; }
	
#footer {
	border-top: thin silver solid;
	padding-top: 0.5em;
	margin-top: 0.5em;
	font-size: 60%; 
	clear: both; }
	
#footer div.top {
	position: relative;
	text-align: right;
	top: -1em; }

#contents p { margin-top: 0; }
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6 {
        color: #4F7D60;        
        margin-bottom: 0.1em; }
#contents h1, #contents h2, #contents h3 {
        margin-top: 1.5em; }
#contents h4, #contents h5, #contents h6 {
        margin-top: 0.5em; }
#contents h1, #contents h2, #contents h3/*, #contents h4, #contents h5, #contents h6*/ {
        border-bottom: solid silver thin; }

#contents tr { vertical-align: top; }        
#contents table h1, #contents table h2, #contents table h3, #contents table h4, #contents table h5, #contents table h6 {
        margin: 0;
        border: none; }

#contents a {
        text-decoration: none;
        border-bottom: thin solid blue; }
#contents a:link:visited {
        color: #4F7D60;
        border-bottom: thin solid #4F7D60; }
#contents a:hover {
	color: white; background-color: black;
	border-bottom: black solid thin; }
	
/* but get rid of the border, etc if we don't want them (eg for image links) */
#contents *.plainlinks a,
#contents *.plainlinks a:visited,
#contents *.plainlinks a:hover {
        border-bottom: none;
        background-color: transparent; }

/* #navigation -> #leftmenu; leave the #navigations in
   during transition */
/*
** the left bar contains the navigation and legal divs
*/
#leftbar {
	position: absolute;
	top: 8em; left: 0;
	font-size: 80%;
	margin: 1em;
	color:#444;
	width: 16em; }
	
#navigation,	/* ToDo: kill when done */
#leftmenu {
	position: relative;
	top: 0; left: 0; }

/*
** no main header in the menu unless we do not
** have CSS to put it where it is obvious
*/
#navigation h1,	/* ToDo: kill when done */
#leftmenu h1 { display: none; }
#navigation h2,	/* ToDo: kill when done */
#leftmenu h2 { text-align: center; }

/*
** the div#pagemanu stuff - we'll push it down the left
*/

/* the user shouldn't ever see this! */
#pagemenu div.warning {
	font-size: 120%;
	font-weight: bold;
	color: red; }

/*
** default pagemenu displays everything that's there,
** but let's hope we never just see "the default" (the
** colours get horribly messed up)
*/
#pagemenu {
	padding: 0.3em 1em;
	margin: 0;
	width: 14em;
	border-top: white solid 1px;
	border-bottom: white solid 1px; }
	
#pagemenu h1, #pagemenu h2 {
	display: block;
	font-variant: small-caps;
	font-weight: bold;
	text-align: center; }
	
#pagemenu h1 {
	letter-spacing: 0.25em;
	font-size: 120%;
	margin-top: 0.5em; }

#pagemenu h2 {
	letter-spacing: 0.10em;
	font-size: 80%; }

#pagemenu li {
    display: block;
	position: relative;
	list-style-type: none;
	margin: 0;
	left: -2em;
	border-bottom: 1px solid #bbb;
	margin-bottom: 2px;
	padding-bottom: 2px; }

#pagemenu table {
	/*border-collapse:collapse;
	padding:0;
	margin:-1px;*/
	font-size:1em; }

#pagemenu a { text-decoration: none; }

#pagemenu dl a, #pagemenu dl a:visited/*, #pagemenu dl a:hover*/ {
	text-decoration: none; }

#pagemenu dl {
	display: block;
	margin: 0; padding: 0;
	font-size: 95%; }

#pagemenu dl a { display: block; }

#pagemenu dd { display: none; }

	
/*kill :hover 'smarts' #pagemenu li:hover dd, #pagemenu li a:hover dd,*/
/*
** "self" has disappeared with the advent of SSI to get the menus from
** normal(ish) html files
** aargh. to sort this out, we need to expose every
** body.sitesection div.section #pagemenu dl.section dd
** This is, horribly, an n-squared problem so is in the sitesection.css files
** which will, at least, cut out the body.sitesection matching
** Keep it in while we have files of both sorts knocking around
*/
#pagemenu li dl.self dd { display: block; }

/*DGwasHere */
#pagemenu dl, #pagemenu dd { margin:0; padding:0; text-indent:0; }
#pagemenu dd a { padding-left: 1.3em; }
#pagemenu dd a { background: transparent url(../images/arrow.png) 3px 3px no-repeat; } /* override to gif in IE */

/*
** colours for the main menu, with top and tail bars	
** body text links and rollover colours
*/

/* home pages */
body.home #pagemenu			{
					background-color:#b2ab9b;
					border-top:8px solid #dca;
					border-bottom: 15px solid #827b6b;
					}
body.home #pagemenu ul			{ background-color: #949e7c; }
body.home #pagemenu ul a 		{ color:#eee; border-right: thick #949e7c solid; }
body.home #pagemenu dl a:hover 		{ background-color: #b2ab9b; color: #345; border-right: thick #eee solid; }

/*body.home #contents a			{ color: #b2ab9b; }
body.home #contents a:visited		{ color: #949e7c; }
body.home #contents a:hover		{ color: #345; background-color:#b2ab9b; }

/* parish council */
body.parishcouncil #pagemenu 		{
					background-color:#949e7c;
					border-top:8px solid #bb9;
					border-bottom: 15px solid #646e4c;
					}
body.parishcouncil #pagemenu ul		{ background-color:#d4d8bd; }
body.parishcouncil #pagemenu ul a 	{ color:#346; border-right: thick #d4d8bd solid; }
body.parishcouncil #pagemenu dl a:hover { color:/*#543*/#fff; background-color:#949e7c; border-right: thick solid #646e4c; }

/*body.parishcouncil #contents a 		{ color: #949e7c; }
body.parishcouncil #contents a:visited 	{ color: #d4d8bd; }
body.parishcouncil #contents a:hover 	{ color: #fff; background-color:#949e7c; }

/*body.parishcouncil #contents a 		{ color: #346; }
body.parishcouncil #contents a:visited 	{ color: #999; }
body.parishcouncil #contents a:hover 	{ color: #fff; background-color:#949e7c; }

/*body.parishcouncil #contents a 		{ color: #346; border-bottom: thin solid #346; text-decoration: none;}
body.parishcouncil #contents a:visited 	{ color: #999; border-bottom: thin solid #999; }
body.parishcouncil #contents a:hover 	{ color: #fff; background-color:#949e7c; border-bottom: thin solid #949e7c; }

/* community association */	
body.communityassoc #pagemenu 	{
					background-color: #d4d8bd;
					border-top:8px solid #eec;
					border-bottom: 15px solid #a4a88d;
					}
body.communityassoc #pagemenu ul 	{ background-color:#e2dfa8; }
body.communityassoc #pagemenu ul a 	{ color:#654; border-right: thick solid #e2dfa8; }
body.communityassoc #pagemenu dl a:hover { color:#123; background-color: #d4d8bd; border-right: thick solid #a4a88d; }
body.communityassoc #contents		{ font-family: "Comic Sans MS","comic sans",comic,cursive }
/*body.communityassoc #contents a		{ color: #654/*#949e7c* /; background-color: #e2dfa8; }
body.communityassoc #contents a:visited { color: #777/*#e2dfa8* /; }
body.communityassoc #contents a:hover	{ color: #123; background-color:#d4d8bd; }

/* services */
body.services #pagemenu 		{
					background-color: #e2dfa8;
					border-top:8px solid #f8f8b8;
					border-bottom: 15px solid #c9cead;
					}
body.services #pagemenu ul 		{ background-color:#f8f8b8; }
body.services #pagemenu ul a 		{ color:#654; border-right: thick solid #f8f8b8; }
body.services #pagemenu dl a:hover 	{ background-color: #e2dfa8; color: #534; border-right: thick solid #c9cead; }
/*body.services #contents a 		{ color: #534/*#e2dfa8* /; background: #f8f8b8; }
body.services #contents a:visited	{ color: #b2ab9b; }
body.services #contents a:hover 	{ color: #534; background-color:#e2dfa8; }

/* clubs */
body.clubs #pagemenu 		        {
					background-color: #f8f8b8;
					border-top:8px solid #d2d29c;
					border-bottom: 15px solid #a29f68;
					}
body.clubs #pagemenu ul 		{ background-color:#b2ab9b; }
body.clubs #pagemenu ul a 		{ color:#ff8; border-right: thick solid #b2ab9b; }
body.clubs #pagemenu dl a:hover 	{ background-color: #e2dfa8; color: #534; border-right: thick solid #a29f68; }
/*body.clubs #contents a 		{ color: #534/*#e2dfa8* /; background: #f8f8b8; }
body.clubs #contents a:visited	{ color: #b2ab9b; }
body.clubs #contents a:hover 	{ color: #534; background-color:#e2dfa8; }

/*
** copyright and so on
*/
/* #legal -> #blurb - kill #legal when done */
#legal,		/* ToDo: kill when done */
#blurb {
	position: relative;
	top: 0; left: 0;
	width: 13em;
	font-size: 80%;
	margin-top: 1em;
	padding: 0 3em 3em 2em;
	color: #333; }


#legal dl,	/* ToDo: kill when done */
#blurb dl {
	display: block;
	font-size: 80%;
	margin: 1em 0.3em 0 0.3em;
	left: 0;
	padding: 0.2em; }

#legal h2,	/* ToDo: kill when done */
#blurb h2 { display: none; }

#legal dt,	/* ToDo: kill when done */
#blurb dt {
	display: block;
	padding: 0; }

#legal a,	/* ToDo: kill when done */
#blurb a {
	color: silver;
	text-decoration: none; }

#legal a:hover,	/* ToDo: kill when done */
#blurb a:hover {
	color: #7d4253;
	text-decoration: underline; }

/*
 * calendars (see, for example, /l2sotm/resultscalendar.php)
 */
table.calendar {
        float: left;
        color: silver;
}
table.calendar th {
        color: black;
}
table.calendar, table.calendar th, table.calendar tr, table.calendar td {
        border: thin solid silver;
        border-collapse: collapse;
        margin: 0.3em 0.4em;
        text-align: center;
}
#contents table.calendar a {
        text-decoration: none;
        color: black;
        border: none;
        padding: 0.2em 0.3em;
}
#contents table.calendar a:hover {
        color: white;
        background-color: black;
        border: none;
}

/*
** make sure we don't get offset images in Lightbox
*/
#album img { border:none; margin:0; }
#album a { border:none; }
#album a:visited { border:none; }
#lightbox img { border:none; margin:0; padding:0; }

/*
 * tidy up for printing
 */
@media print {
	#navighelper,
	#header,
	#admin,
	#menubar,#leftbar,
	#logo { display: none; }
	.donotprint { display: none; }
	
        /* repeat ths at the top of each page (if in a thead) */
        thead { display: table-header-group; }

	#contents {
	        position: relative;
        	top: 0; left: 0;
        	padding: 0;
        	margin: 0;
        	font-family: Georgia, "Times New Roman", Times, times, serif; }

	a { text-decoration: none; color: black; }
	h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
	.newpage { page-break-before: always; }
	}