/*  
Theme Name:WRProvince 1.0
Theme URI:http://www.wrprovince.net
Description:Masonic Province of Yorkshire, West Riding - Web Development Site.
Version:1.1
Author:Provincial Web Team
Author URI:http://www.wrprovince.co.uk/
*/
/*Standard Screen Stylesheet*/
/*Copyright Masonic Province of Yorkshire, West Riding*/

/*Global Elements*/
/* Add font definitions to all elements (saves adding manually for each one) */
body {background-color:#151828; margin:0; padding:0 /* Makes content touch top of page in Firefox */;}
p, div, td, input, textarea, li {font-family:Arial, Helvetica, sans-serif; font-size:9pt; line-height:1.25em;}
h1, h2, h3 {font-family:Georgia, Times new Roman, Times, Serif; letter-spacing:-0.04em; font-weight:normal; color:#41417b;}
h1 {font-size:24pt;}
h2 {font-size:20pt;line-height:90%;}
h3 {font-size:16pt;line-height:90%;}
.clear {clear:both; height:0; overflow:hidden;} /* Used to clear floating elements */
.bold {font-weight:bold;}
a {color:#0000cc /* Stops visited links turning purple (optional) */;}
td {vertical-align:top;} /* Forces content to line up in table cells */
table.vspaced td{padding-bottom:2em;} /* Generates space below a table cells to space out the rows more */

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

/* Page Header Area (PYWR banner and UGLE logo */
#header {height:159px; overflow:hidden; background:#444777 url(/img/header-bg.jpg) no-repeat left top;}
#title {position:relative;}
#title h1 {display:none;} /* Not shown on screen but kept for screen readers */
#title p {margin:0; padding:0;}
#title a {text-decoration:none;}
#title a.wr {display:block; height:150px; width:600px;} /* Makes top banner a hyperlink to index.php */
#title a.ugle {display:block; height:150px; width:110px; position:absolute; top:0; right:0;}

/* Page content now contains all content to stop margin problems occuring at top (stops dark background showing between div's) */
#pagecontent {background-color:#dadbe7; background-image:url(/img/countryside-bg2.jpg); background-position:left bottom; background-repeat:no-repeat; padding-bottom:230px;}

/* Introductory field (PGM's welcome message) */
#intro {background-image:url(/img/welcome-bg.jpg); background-repeat:no-repeat; background-position:bottom; padding-bottom:30px/* Pushes bottom of image lower than PGM's name */; border-top:1px solid #41417b /* Stops margin disappearing above header causing a black area to appear */; margin-bottom:40px;}
#intro h2 {font-size:14pt; padding-left:10px /* Moves text inwards from left edge */;}
#introcontent {position:relative;}
#introcontent #introtext {width:410px; padding-left:10px /* Moves text inwards from left edge */; margin:0;}
#introcontent #introtext p {margin-top:0 /* Lines up first paragraph with top of image buttons */;}
#introcontent #introbtns {width:350px; position:absolute /* Must be positioned absolutely to stop IE6/7 making text disappear! */; top:0; right:10px;}
#introcontent #introbtns ul {margin:0; padding:0; list-style-type:none;}
#introcontent #introbtns li {float:left; margin-left:10px; margin-bottom:10px;}
#introcontent #introbtns li a {display:block; text-align:center; width:148px /* +2px border = 150px bg image width */; height:97px /* Plus 2x1px border = 99px, stops repeated background issue in IE */; position:relative; font-weight:bold; border:1px solid #41417b; background-repeat:no-repeat; background-position:center top; text-decoration:none;}
#introcontent #introbtns li a span {display:block; position:absolute; bottom:1px; left:0; width:150px;} /* Force text to bottom of hyperlink */

/* RSS Newsfeed boxes */
.newsboxcontainer {border:1px solid transparent;}
.newsbox {border:1px solid #41417b; background-color:white; width:250px; float:left; padding:0; margin-left:10px; display:inline /* Fix IE6 floated double margin bug */;}
.newsbox h2 {margin:0; background-color:#41417b; color:White; font-size:16pt; font-weight:normal; text-align:center; padding:0.5em 0 0.5em 0;}
.newspost {height:250px; overflow-y:scroll /* Removes horizontal scrollbar - not standards compliant at present, but will be in CSS3. */; padding:5px;}
.newspost p {margin-top:0.5em; margin-bottom:1em;}


/* Page footer */
#footer {height:43px; margin:0; background-image:url(/img/footer-bg.jpg); background-repeat:repeat-x; clear:none;}
#footer p {margin:0; font-family:Arial, Helvetica, sans-serif; text-align:center; padding-top:12px; color:#fff; clear:both;}

/*Post Formatting*/
#pagepost {padding:12px;}
.post h2 {color:#41417b;}
.entrytext p {}
.entrytext p img.alignright {float:right; padding:4px; background-color:#41417b; border:1px solid #ccc;}
.entrytext p img.alignleft {float:left; padding:4px; background-color:#41417b; border:1px solid #ccc;}
.entrytext ul {list-style-image:none;}
p.postmetadata {color:#41417b; font-weight:bold;}
.wp-caption {background-color:#666666; color:white; text-align:center; padding:5px;} /* Images within captions */
.alignright {float:right; margin:2px 0 2px 4px;}
.alignleft {float:left; margin:2px 4px 2px 0;}


/*navigation bar drop down list styling */
#navigation {position:relative; height:40px; padding-top:10px; background:url(/img/navi-bg.jpg) repeat-x bottom center; z-index:990;}
/* Top Level (1) */
#nav {list-style-type:none; margin:0 0 0 0 /* centre main menu */; padding:0.25em; line-height:1em;}
#nav li {width:7em; float:left; line-height:1em;}
#nav li a {color:White; display:block; width:7em /* IE6 width fix */; padding-top:0.5em; padding-bottom:0.5em; padding-left:0.5em; font-weight:bold; text-decoration:none; text-align:center;}
#nav li a:hover {background-color:#2F2F59;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}
/* Level 2 */
#nav li ul {list-style-type:none; margin:0; padding:0.25em; background-color:#5a5a70; position:absolute; width:16em; left:-999em; border:1px solid #41417b;}
#nav li ul li {width:16em;}
#nav li ul li a  {width:15.5em; text-align:left;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:auto;}
/* Level 3 */
#nav li ul li ul {list-style-type:none; margin:0; padding:0.25em; background-color:#5a5a70; margin:-2.25em 0 0 15em; width:12em; border:1px solid #41417b;}
#nav li ul li ul li {width:12em;}
#nav li ul li ul li a {width:11.5em; text-align:left;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left:auto;}
/* Level 4 */
#nav li ul li ul li ul {list-style-type:none; margin:0; padding:0.25em; background-color:#5a5a70; margin:-2.25em 0 0 12em; width:12em; border:1px solid #41417b;}
#nav li ul li ul li ul li {width:12em;}
#nav li ul li ul li ul li a {width:11.5em; text-align:left;}
/* Create arrow parent links */
#nav a.hasSubList {background-image:url(/img/rightarrow.gif); background-repeat:no-repeat; background-position:right center;}
#nav a.dud {cursor:default;} /* Stops the browser using pointer (where no content is available in destination */

/*Area page structure 2 column layout */
#pagecontent #pagecontentleft{
	clear: both;
	z-index: 50;
	float:left;
	width:600px;
	height:100%;
}
#pagecontent #pagecontentright{
	float:right;
	width:200px;
        padding-top:10px;
}
#pagecontentright .rightcolbox{ margin:5px; border-bottom:2px solid #41417b;padding:4px 0 4px 0;}

/* Sidebar */
#sidebar {margin-right:10px; padding:0;}
#sidebar h2 {background-color:#41417b; margin:1em 0 0.5em 0; padding:0.25em; font-weight:bold; font-size:12pt; color:white;}
#sidebar ul {list-style-type:none; padding:0; margin:auto 0;}
#sidebar ul li {list-style-type:none; padding:0; margin:0.25em 0 0.25em 0;}
#sidebar ul li a {display:block; padding:0.25em;}
#sidebar ul li a:hover {background-color:#d8d8e5;}


/* Floated Right-side menu (added for Charity pages by DC - 10/11/2009) */
#rightmenu {float:right; width:200px; margin:0 10px 10px 10px; border:1px solid #41417b; background-color:white;}
#rightmenu h2 {margin:0; background-color:#41417b; color:white; font-size:11pt; text-align:center; padding:0.25em;}
#rightmenu ul {margin:0; padding:0; list-style-type:none;}
#rightmenu ul li {margin:0.5em 0 0.5em 0; padding:0;}
#rightmenu ul li a {display:block; margin:0; padding:0.25em; text-decoration:none;}
#rightmenu ul li a:hover {background-color:#d8d8e5;}

/* Areas of the page hidden by default, that appear/disappear when a hyperlink is clicked, e.g. mentoring page */
div.hasHiddenContent {background-color:#eeeeee; padding:10px 5px 10px 5px; border:2px outset #aaaaaa;}
h3.toggleLink {cursor:pointer;}
h3.toggleLink a {display:block; color:#41417b; text-decoration:none; background-image:url(/img/rightarrowbutton.png); background-position:5px 3px; background-repeat:no-repeat; padding:0.5em 0.5em 0.5em 2em;}
h3.toggleLink a:hover {background-color:#cccccc;}
div.hasHiddenContent li {margin-bottom:1em;}
.hidden {/*display:hidden; Set in page*/}

/* Shop */
.shopitem {border:1px solid #41417b; padding:0; margin-top:1em; margin-bottom:1em; position:relative;}
.shopitem h2 {margin:0; background-color:#41417b; color:white; padding:0.35em;}
.thinshopitem {width:45%; float:left; margin-right:4%;}
.shopitem .shopitemdetails {padding:10px;}

/* Extra formatting (added by DC 10/02/2010 */
div.embossedArea {width:80%; margin:1em auto; border:2px outset gray; text-align:center; background:url(/wp-content/uploads/2010/02/embossedbg.jpg) repeat-y; padding:1em; position:relative}
div.embossedArea .title {display:block; font-weight:bold; text-align:center;}
/* White Rose Edition Thumbnails (added by DC 06/06/11 */
.whiteRoseThumb {float:left; height:225px; width:120px}
.whiteRoseThumb a {display:block; text-align:center}
.whiteRoseThumb span {display:block; text-align:center; font-weight:bold}