/*

Theme Name: Abelards

Theme URI: http://www.serenestudios.co.uk

Description: Abelards School

Version: 1.0..Author: Dan

Author URI: http://www.serenestudios.co.uk

*/





/**************************

 *JOSHUA'S ADDITIONS

 *atkinsj@hotmail.com 

 *www.atkinsj.co.uk 

 *************************/



hr {

height: 7px;

width: 100%;

background: #16539e none repeat scroll 0% 0%;

}



.hr_sub {

height: 7px;

width: 35%;

margin: 0 0 0 0;

}



.img_caption_border {

padding: 5px;

border: 1px solid #E7E7E7;

}



.img_caption {

width: 225px;

font-size: 11px;

text-align: center;

}





#left-column,

#right-column

{

background-color: #00906B;

}



.logo {

background: #fff;

}



.main_page_title a:link,

.main_page_title a:visited,

.main_page_title a:hover {

color: black;

text-decoration: none;

}



/*************************

 *END JOSHUA'S ADDITIONS

 ************************/  







.leftmenu,

.leftmenu ul {

	padding: 0;

	margin: 0;

	list-style: none;

}



.leftmenu a {

line-height:22px;

}



.leftmenu {

font-size: 0.9em;

}







#dropdownMenu a {

	display: block;

	width: 10em;

}



#dropdownMenu li {

	float: left;

	width: 10em;

	height:40px;

	border-bottom:3px solid #E0E0E0;

}





#dropdownMenu li ul {

	position: absolute;

	width: 10em;

	left: -999em;

        z-index: 1;

}



#dropdownMenu li:hover ul {

	left: auto;

}



#dropdownMenu li:hover ul, #dropdownMenu li.sfhover ul {

	left: auto;

}



#dropdownMenu li ul ul {

	margin: -3em 0 0 10em;

}



#dropdownMenu, #dropdownMenu ul {

	padding: 0;

	margin: 0;

	list-style: none; 

	line-height: 1.3;

	background:#FFF;

  border:1px solid #e7e7e7 ;

  padding-left:20px;

}







#dropdownMenu li:hover ul ul, #dropdownMenu li.sfhover ul ul {

	left: -999em;

}



#dropdownMenu li:hover ul, #dropdownMenu li li:hover ul, #dropdownMenu li.sfhover ul, #dropdownMenu li li.sfhover ul {

	left: auto;

}





/*******************************************************************************

 *

 * HACKS : General

 * These are rules specifically targeted to resolve bugs/quirks that some

 * browser exhibit

 */

* html ul.rMenu

{

display: inline-block;

/* this is for IE/Mac. it forces IE/Mac to expand the element's dimensions to contain its floating child elements without aclearing element. */

/* \*/ 

display: block;

/* override above rule for every other browser using IE/Mac backslash hack */

position: relative;

/* IE 5.0/Mac needs this or it may clip the dropdown menus */

/* \*/ 

position: static;

/* reset position attribute for IE/Win as it causes z-index problems */

}



* html ul.rMenu ul

{

float: left;

/* IE/Mac 5.0 needs this and IE/Win 6 and earlier don't show any problems with applying this 

rule. */

}



ul.rMenu ul

{

background-color: #fff;

/* IE/Win (includeing 7) needs this on an object

that has Layout so that it doesn't "look through"

the menu and let any object (text) below the 

menu to gain focus, causing the menu to disappear

application of this rule does not cause any

rendering problems with other browsers as

the background color his covered by the

menu itself. */

z-index: 999;

}





* html ul.rMenu-ver li,

* html ul.rMenu-hor li ul.rMenu-ver li

{

  /* the second selector in this rule is there

  because of problems IE/Mac has with 

 inheritance and what rules should take

 precedence. and to serve as a reminder on

 how to work around the issue if it's 

 encountered again down the road. */

width: 100%;

float: left;

clear: left;



/* IE6 (and earlier?) stick space below any LI

 in :hover state with a sub-menu. floating

 the LIs seems to work around this issue. But

 note that this also triggers hasLayout

 because we need a width of 100% on floats

 But has Layout on LIs breaks the menu in IE7

 So we really need to be careful not to let

 floats get into anything other than IE6

 and earlier. IE Mac seems to need this

 too for some other reason. */

}





ul.rMenu-ver li a

{

min-width: 0;

/* trigger hasLayout for IE7 on anchor elements

 without hasLayout on anchors they would not

 expand the full width of the menu this rule may not trigger

 hasLayour in later versions of IE and if you find this system

 broken in new versions of IE, this is probably the source. */

}



* html ul.rMenu-ver li a

{

height: auto;/* triggers hasLayout for IE/Mac */

/* \*/ height: 100%;/* trigger hasLayout for IE6 and earlier. does not work for IE7 */

}

* html ul.rMenu-h

{

/* hide from IE Mac \*/

padding-left: 2px;

/* IE6 and earlier double the negative margins

on the LI elements of horizontal menus this

is because the LIs float but the parent

isn't floating. this can be fixed by floating

rMenu-hor but I'd rather not float it so I just

double up the padding used to compensate. */

}



* html ul.rMenu-hor li

{

width: 6em;/* IE Mac doesn't do auto widths so specify a width for the sake of IE/Mac. Salt to taste. *//* \*/

width: auto;/* now undo previous rule for non Macs by using the IE Mac backslash comment hack */

}



* html div.rMenu-center

{

width: 100%;/* IE/Mac needs this to force the div to 100% width *//* \*/

width: auto;/* undo previous rule for non Macs */

}

/*******************************************************************************

 * HACKS : Suckerfish

 * IE6 and earlier do not support the :hover pseudoclass and so javascript is

 * used to add the "sfhover" class of any LI element that the mouse is currently

 * over. This method is called suckerfish and you can read up on it

 *  at:http://www.htmldog.com/articles/suckerfish/dropdowns/

 * NOTE: this allows for support of dropdown menus up to 3 levels deep. if you

 * want to support greather menu depth you need to alter these selectors read

 *  the above mentioned website for more info on how to do that*/

 

 * html ul.rMenu li.sfhover

{

z-index: 999;

}



* html ul.rMenu li.sfhover ul ul,

* html ul.rMenu li.sfhover ul ul ul

{

display: none;/* IE/Suckerfish alternative for browsers that don't support :hover state on LI elements */

}



* html ul.rMenu li.sfhover ul,

* html ul.rMenu li li.sfhover ul,

* html ul.rMenu li li li.sfhover ul

{

display: block;/* ^ ditto ^ */

}

/*******************************************************************************

* HACKS : Clearfix

*Clearfix provides a means to for an element to contain all it's floated

*children even if it's not normally tall enough to do so. For more information

*on clearfix please see:

* http://www.positioniseverything.net/easyclearing.html

*/

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}



.clearfix

{

min-width: 0;

/* trigger hasLayout for IE7 */

display: inline-block;/* \*/

display: block;/* Hide from IE Mac */

}



* html .clearfix

{

/* \*/  height: 1%;./* Hide from IE Mac */

}



/******************************************************************************/

/*******************************************************************************

*  visual_consistencies.css : 2005.09.07 : Ruthsarian Layouts

*  -----------------------------------------------------------------------------

*  Font sizes on heading elements and the margin/padding applied to these

*  same elements will vary from browser to browser. This is an attempt to pull

*  the font sizes and spacing together for a consistent look across all

*  browsers.

*  

*  There are other rules included in this stylesheet (with comments on each)

*  to handle other visual consistency issues. You do not need to use this

*  stylesheet, nor do you need to follow it exactly. You can make changes

*  anywhere you want to make things look the way you want to. Nothing here

*  _should_ break a layout if modified.

*******************************************************************************/



ul, ol, dl, p, h1, h2, h3, h4, h5, h6, td, th

{

/* pixels are used here, rather than ems, because I want a consistent

* margin on the different headings. if I use ems, 1em for an h1 element

* is much larger than 1em on an h6 element. I don't want this

*/

margin-top: 10px;

margin-bottom: 10px;

padding-top: 0;

padding-bottom: 0;

font-weight:normal;

line-height:1.7;

vertical-align:top;

}



ul ul, ul ol, ol ul, ol ol

{

/* kill margins on sub-lists*/

.margin-top: 0;

margin-bottom: 0;

}



h1

{

font-size: 240%;

text-align: center;

}



#middle-column h1 {

text-align:left !important;

}

h2

{

font-size: 180%;

}

h3

{

font-size: 140%;

}

h4

{

font-size: 125%;

}

h5

{

font-size: 70%;

}

h6

{

font-size: 50%;

}

a, a:link, a:visited, a:active

{

text-decoration: underline;

color:#0066CC;

}

a:hover

{

/* because I like the visual feedback a user gets when they

* mouse over a link and see the underline of the link. 

* disappear

*/



text-decoration: none;

}

code, pre

{

/* Make sure we're all using the same monospaced font for CODE

* and PRE elements

*/

font-family: "Courier New", Courier, monospace;

}

.label

{

/* It's all about the visual feedback. In this case, label 

* elements are usually clickable which then set focus on

* their target. I want to show that to the user in a manner

* they are used to and understand

*/

cursor: pointer;

}

table

{

/* Some browsers won't carry the font size down into the

* browser like they're suppose to

*/

border:0;

/*

.font-size: 80%;/*100%;*/

}

td, th

{

/* I never like or use the default vertical centering "feature"

* provided by tables.

*/

vertical-align: top;

padding:0.5em;

}



body

{

/* I've seen several comments that setting the base font size to 100.1%

* fixes some browser bugs. Which bugs? I don't know. I believe it's

* to fix some rounding-error bugs that some browsers (Mozilla) are

* prone to. It doesn't hurt anything, so I keep it here

*/

font-size: 100.1%;

line-height: 1.5;

font-family: 'Comic Sans MS',cursive;

}



/******************************************************************************/

@import "rmenu.css";



.clear-columns

{

clear: both;

}



#mastouter-column-container

{

border-left: solid 12em #fff;

/*.border-right: solid 12em #fff;*/

}



#mastinner-column-container {

width: 100%;

}

#mastsource-order-container {

float: left;

width: 100%;

margin-right: -1px;

}



#mastleft-column {

float: left;

}

#mastmiddle-column {

float: right;

width: 100%;

margin-left: -1px;

margin-top: 2em;

height: 8em;

}

#mastright-column {

float: right;

}



#outer-column-container {

border-left: solid 12em;

border-right: solid 12em;

}



#inner-column-container {

width: 100%;

}



#source-order-container {

float: left;

width: 100%;

margin-right: -1px;

}



#left-column {

float: left;

}



#middle-column 

{

float: right;

width: 100%;

margin-left: -1px;

}



#middle-column p {

text-align: justify;

}



#right-column {

float: right;

}



body {

padding: 0;

margin: 25px 0 0;

}



#page-container {

border: none;

min-width: 600px;

margin: 0;

background: #fff;

}



#navvy {

border-bottom: none;

}



#mastinner-column-container {

border: none;

border-width: 0;

margin: 0 -1px;

}



#mastmiddle-column div.rMenu-center {

border-bottom: none;

}

#inner-column-container {

border: none;

border-width: 0;

margin: 0 -1px;

}



#middle-column div.rMenu-center {

border-bottom: none;

}



#footer {

border-top: none;

padding-bottom: 1px;

}



#footer p {

text-align: center;

}



#left-column ul.rMenu-wide {

text-align: center;

}



#left-column h4.lefty, p.lefty {

text-align: center;

}



#right-column h4.righty, p.righty {

text-align: center;

}



#gutter {

border-top: none;

height: 25px;

}



#inner-column-container img {

padding: 5px;

}



.inside {

margin: 10px;

}



clear-columns {

padding-bottom: 1px;

margin-bottom: -1px;

}





* html #page-container {

height: 0.1%;

position: relative;

}



* html #mastmiddle-column, 

* html #mastleft-column, 

* html #mastright-column,

* html #mastsource-order-container {

overflow: visible;

position: relative;

}



* html #middle-column,

* html #left-column,

* html #right-column,

* html #source-order-container {

overflow: visible;

position: relative;

}



* html #mastmiddle-column {

margin-right: 0;

}



* html #middle-column {

margin-right: 0;

}



* html #mastmiddle-column .inside {

margin-right: : 10px;

}



* html #middle-column .inside {

margin-right: : 10px;

}



* html #mastmiddle-column, 

* html #mastleft-column,

* html #mastright-column, 

* html #mastsource-order-container,

* html #mastouter-column-container, 

* html #mastinner-column-container, 

* html #footer {

height: auto;

}



* html #mastmiddle-column .inside, 

* html #mastleft-column .inside, 

* html #mastright-column .inside, 

* html #mastsource-order-container .inside, 

* html #mastouter-column-container .inside, 

* html #mastinner-column-container .inside, 

* html #footer .inside {

margin-top: 0;

margin-bottom: 0;

margin: 10px;

}



* html .inside {

margin: 10px;

}



* html #mastinner-column-container {

display: block;

}



* html #inner-column-container {

display: block;

}

* html #mastsource-order-container {

margin-right: -1px;

}



* html #source-order-container {

margin-right: -1px;

}



#page-container {

font: 80% Georgia, "Times New Roman", Times, serif;

}



#navvy {

color: #000;

background: #fcfcfc;

}



#page-container, #inner-column-container, #masthead, #footer {

border-color: #99a;

color: #000;

}

#footer {

font: 80% Georgia, "Times New Roman", Times, serif;

}



#inner-column-container {

color: #000;

/*font-family: Georgia, "Times New Roman", Times, serif;*/

font-family: Comic Sans MS,cursive;

background: #fcfcfc;

line-height: 1.5;

}

#left-column h3, #right-column h3 {

margin-bottom: 0;

color: #000;

}



p.fontsize-set {

text-align: center;

}



p.fontsize-set input {

margin: 0 2px;

}



#left-column img {

border: solid 2px #fff;

}



#left-column a:hover img {

border: solid 2px #ccc;

}



#right-column img {

border: solid 2px #fff;

}



#right-column a:hover img {

border: solid 2px #ccc;

}



#middle-column img {

border: solid 2px #fcfcfc;

}



#middle-column a:hover img {

border: solid 2px #ccc;

}



#footer img {

border: none;

}



#middle-column a:hover {

color:#006699;

text-decoration: underline;

}



#footer a:hover {

color: #006699 text-decoration: none;

}



ul.rMenu li {

background:#F5F5F5;

}



ul.rMenu li:hover,

ul.rMenu li.sfhover {

background: #F5F5F5;

}



ul.rMenu li a,

#middle-column div.rMenu-center {

border-color: #ccc;

}



ul.rMenu li a:hover {

color: #fff;

background: #ccc;

}



ul.rMenu li.sfhover a:active,

ul.rMenu li:hover a:active {

color: #fff;

background: #c00;

}



div.rMenu-center ul.rMenu li {

background:#F5F5F5;

}



table img {

border: solid 2px #fcfcfc;

}



table a:hover img {

border: solid 2px #ccc;

}



#mastleft-column,

#mastright-column {

margin-left: -12em;

width: 12em;

margin-right: 1px;

height: 10em;

}





#left-column {

margin-left: -12em;

width: 12em;

margin-right: 1px;

}

#right-column {

margin-left: 1px;

width: 12em;

margin-right: -12em;

}



body, #gutter {

color: #000;

background: #90FEE3 url(images/flags5.gif) repeat-x 0 0;

}



#mastouter-column-container,

#mastinner-column-container,

#mastsource-order-container,

#mastleft-column,

#mastmiddle-column,

#mastright-column,

#outer-column-container,

#footer {

color: #000;

background: #00906B;

}



#outer-column-container,

#page-container {

border-left-color: #fff;

border-right-color: #fff;

}



#middle-column a,

#footer a {

color:#0066CC;

text-decoration: none;

}



.interestbox, .postmetadata, .navigation {

padding:0.5em;

margin-top:0.5em;

border:1px solid #e7e7e7 ;

display:block;

background:#FFF;

}



.navigation {

line-height:22px;

height:22px;

display: none;

}



.alignright {

float:right;

/*height:20px;*/

}



.alignleft {

float:left;

/*height:20px;*/

clear:both;

}



.entry img {

/*float:right;*/

margin:1em;

clear:right;

}



.homeimg img {

margin:1em auto;

text-align:center;

float:none !important;

clear:none !important;

}

.homeimg {

margin:1em auto;

text-align:center;

}





/* SLIMBOX */

.galllinkimg {

border:4px solid #fff;

margin:1em;

float:left;

}



#lbOverlay {

position: absolute;

left: 0;

width: 100%;

background-color: #000;

cursor: pointer;

}

#lbCenter,

#lbBottomContainer {

position: absolute;

left: 50%;

overflow: hidden;

background-color: #fff;

}



.lbLoading {

background: #fff url(images/loading.gif) no-repeat center;

}



#lbImage {

position: absolute;

left: 0;

top: 0;

border: 10px solid #fff;

background-repeat: no-repeat;

}



#lbPrevLink,

#lbNextLink {

display: block;

position: absolute;

top: 0;

width: 50%;

outline: none;

}



#lbPrevLink {

left: 0;

}



#lbPrevLink:hover {

background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;

}



#lbNextLink {

right: 0;

}



#lbNextLink:hover {

background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;

}



#lbBottom {

font-size: 10px;

color: #666;

line-height: 1.4em;

text-align: left;

border: 10px solid #fff;

border-top-style: none;

}



#lbCloseLink {

display: block;

float: right;

width: 66px;

height: 22px;

background: transparent url(images/closelabel.gif) no-repeat center;

margin: 5px 0;

}



#lbCaption,

#lbNumber {

margin-right: 71px;

}



#lbCaption {

font-weight: bold;

}