/*  
Theme Name: Loyola
Theme URI: http://loyolahall.co.uk
Description: Bespoke Theme based on Starkers by Elliot Jay Stocks
Version: 1.0
Author: Rob Marsh, SJ
Author URI: http://rmarsh.com
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, img, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/*
	dark blue   : #080A54;
	deep blue   : #0004A1;
	leaf green : #256E0B;
	sap green  : #48ED0C;
	orange       : #AD4411;

*/

body {
  padding:15px 0;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size:76%;
  line-height:1.8em;
  text-align:center;
  color:#414141;
  background:#0004A1;
}

.bullet {
  color:#256E0B;
}

a:link, a:visited {
  color:#0004A1;border-bottom:solid 3px white;font-weight:bold;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease; 
}

/*a:hover, a:active, a:focus {*/
a:hover, a:focus {
  border-bottom:solid 3px #256E0B;
  outline: none;
}

a:active{
  position:relative;
  top:1px;
}

input, textarea, select{
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-size:1em;
}

#container {
  width:840px;
  margin:0 auto;
  padding:0px 30px 0 30px;
  text-align:left;
  border-top:20px solid white;
  background:white;
  position: relative;
}

#logo {
  background: transparent url(images/loyola-hall-logo.gif) no-repeat scroll 0% 0%;
  height: 70px;
  text-indent: -3333px;
  border: 0;
  margin: 0;
  width: 202px;
  float: left;
}

#logo a {
  display: block;
  width: 202px;
  height: 70px;
}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
  border-bottom:solid 3px white;
}

#notice {
  border:1px solid gray;
  position:absolute;
  top: 0;
  left:625px;
  width:233px;
  text-align:center;
  padding: 10px 5px;
  font-size: 1.05em;
}

#notice a:link, #notice a:visited, #notice a:active{
  color:orange;
}

#banner {position:relative;margin-left:-30px;margin-right:-30px;width:900px;height:280px;clear:both;}
#slot1 {position:absolute;left:0px;}
#slot2 {position:absolute;left:150px;}
#slot3 {position:absolute;left:300px;}
#slot4 {position:absolute;left:450px;}
#slot5 {position:absolute;left:600px;}
#slot6 {position:absolute;left:750px;}

#navigation {
  height: 3em;
  margin-left:-20px;
  padding: 1em 0;
  width:860px;
  float: left;
}

#navigation ul{
  padding-top:3px;
  font-weight:bold;
  float:left;
}

ul#minor{
  padding-top:3px;
  float:right;
  margin: 25px 0 0 0;
  opacity: 0.5;
  font-size: 10px;
  line-height: 1.5;
}

#minor a{
  padding:0 5px;
}

#navigation li {
  float:left;
  list-style-type:none;
  white-space:nowrap;
}

#navigation a {
  display:block;
  padding:0 0.5em;
  color:#0004A1;
  border-bottom:solid 3px white;
}

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

#navigation a:hover, #navigation a:focus, #navigation .current_page_item a, #navigation .current_page_ancestor a {border-bottom:solid 3px #256E0B;}

.breadcrumbs {
  padding: 8px 12px;
  margin-bottom: 24px;
}

.breadcrumbs .current_crumb{
  border-bottom:solid 3px #256E0B;
}

.resultkind{
  display: inline-block;
  width: 60px;
  color: #256E0B;
  font-weight: bold;
}

.testimonial {
  font-family:Times New Roman, Times, serif;
  font-size:1.5em;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  color:#256E0B;
  padding:0.5em;
}

#taster {
  float:left;
  width:260px;
  padding-right:10px;
  overflow: hidden;
}

#news {
  float:left;
  width:279px;
  padding: 0 10px;
  border-left:dotted 1px #256E0B;
  border-right:dotted 1px #256E0B;
  overflow: hidden;
  min-height:535px;
  height:auto !important;
  height:535px;
}

#news h3, h3 a {
  font-size: 110%;
  color: #0004A1;
  font-weight: bold;
  margin-bottom: 4px;
  text-shadow: 0 1px 1px rgba(0,0,0,.7);
}

#news h2 {
  background: transparent url(images/feed.png) no-repeat scroll 100% 30%;
}

.newstime {
  font-size: 90%;
  color: #256E0B;
  font-style: italic;
  font-weight: bold;
}

.frontnewstime {
  font-size: 95%;
  color: #256E0B;
  font-style: italic;
  margin-top: -6px;
}

#actions {
  float:right;
  width:258px;
  padding-left:10px;
  overflow: hidden;
}

#actions form {
  height:100%;
  width:240px;
  padding:0 15px 10px 0;
  margin-left: 15px;
}

#s {
  height:1.5em;
  width:162px;
  padding:3px 5px;
  border:1px solid #608925;
  color: #0004A1;
  vertical-align:middle;
  font-weight: bold;
  border-radius: 5px;  
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
}

#searchsubmit {
  height:26px;
  width:auto;
  padding:0 1px 3px 1px;
  border:1px solid #608925;
  letter-spacing:1px;
  text-align:center;
  vertical-align:middle;
  color: #0004A1;
  font-weight: bold;
  background: #9cc23e;
  border-radius: 5px;  
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
  cursor: pointer;
}

#searchsubmit:hover, #searchsubmit:focus{
  background: #90b339;
}


.content {
  float: right;
  width: 570px;
}

.content p {
  margin-right: 130px;
}

.content h3 {
  font-size:1.2em;
  color: #0004A1;
  font-weight: bold;
  margin-bottom: 4px;
  text-shadow: 0 1px 1px rgba(0,0,0,.7);
  margin-right: 130px;
}

.content h4+h3 {
  margin-top: 18px;
}

.content h4 {
  font-size: 90%;
  color: #256E0B;
  font-style: italic;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(255,255,255,1);
  margin-right: 130px;
}

.morenews {
  margin-top: 20px;
  clear: both;
  float: right;
  width: 570px;
}

.morenews span {
  float: right;
  margin-right: 130px;
}

.titles {
  clear:both;
  float: left;
  width: 250px;
}

.titles h3 {
  font-size:1.2em;
  color: #0004A1;
  font-weight: bold;
  margin-bottom: 4px;
  text-shadow: 0 1px 1px rgba(0,0,0,.7);
  xmargin-right: 130px;
}

.titles img {
  margin-top: 20px;
  margin-bottom: 40px;
}

.box {
  padding-top:20px;
  text-align:center;
  margin-bottom: 24px;
}

#footer {
  clear:both;
  padding:25px 0 20px 0;
  text-align:center;
  font-size:0.8em;
}

#footer p {
  padding: 0;
}

hr.post {
  clear:both;
  background: transparent url(images/thinstrip.jpg) no-repeat scroll 0% 0%; 
  height: 4px;
  border: none;
  margin: 0 -30px 20px -30px;
}

.strip-top {
  margin: 0 -30px 20px -30px;
}

.strip-bottom {
  margin: 0 -30px 0 -30px;
}

#footer strong {font-weight:normal;}

/* paragraphs, lists, etc
--------------------------------------------------*/
h2 {
  font-size: 2em;
  color:#256E0B;
  padding-bottom:0.5em;
  text-shadow: 0 1px 1px rgba(255,255,255,1);
}

h2 a{
  color:#256E0B;
}

p {
  margin:0;
  padding:0 0 1em 0;
}

ul {
  margin:0 0 0 1.4em;
  padding:0 0 18px 0;
}

ul ul {padding:0;}

blockquote {
  margin:0;
  padding:0 18px;
  font-style:italic;
}

pre {
  overflow:auto;
  margin:0 0 18px 0;
  padding:4px;
}

pre, code, kbr {font-family:Courier, Monaco, monospace;}

pre {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

code, kbr {padding:0 2px;}

abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
}


/* images
--------------------------------------------------*/
.content img.alignleft {
  float:left;
  margin:0 12px 0 0;
}

.content img.alignright {
  float:right;
  margin:0 0 0 12px;
}

.content img.aligncenter {
  display: block;
  margin:0 auto;
}

#events{
  margin:2em 0;
}

.event{
  border-bottom: 1px solid black;
  margin-bottom: 1em;
  margin-right: 130px;
}

.event h3 {
  font-size:1.2em;
  color:#256E0B;
  margin-right: 0;
}

.event h4 {
  font-size:1.2em;
  color:#0004A1;
  margin-right: 0;
}

.event h4 span {
  font-weight:normal;
  color:black;
}

.event p {
  margin-right: 0;
}


#contactform label{
  display:block;
  font-weight: bold;
}

#contactform span{
  color: red;
  font-weight: bold;
}

/* this class hides an anti-spam field*/
#contactform .subscribe {
  display: none;
}

#actions h3 {
  padding: 8px 15px;
}

a.actionbutton, a.actionbutton:visited {  
  display:block;  
  background: url(./images/button-bg.png) repeat-x;  
  width: 240px;  
  padding:25px 0;  
  text-align:center;  
  border:1px solid #608925;  
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);  
  font-weight:bold;  
  font-size: 150%;
  border-radius: 5px;  
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
  color:#0004A1;
  text-decoration: none;  
  opacity:.85;  
}  
   
a.actionbutton:hover, a.actionbutton:focus {  
  border-color:#49671d;  
  background:#90b339 url(./images/button-bg.png) 0 -150px repeat-x;
}  
   
a.actionbutton:active {  
  background-position:  0 -200px;  
  padding:26px 0 24px;  
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);  
}

img.front {
  margin-left: 15px;  
  padding-top: 10px;
}

.panel {
  border:1px solid gray;
  -moz-border-radius: 9px;
  -khtml-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  -khtml-box-shadow: 0 0 10px rgba(50, 50, 50, 0.8);
  -webkit-box-shadow: 0 0 10px rgba(50, 50, 50, 0.8);
  -moz-box-shadow: 0 0 10px rgba(50, 50, 50, 0.8);
  box-shadow: 0 0 10px rgba(50, 50, 50, 0.5);
}

.panel ul {
  padding-left:0;
  margin-left:0;
}

.progdisplay {
  font-size:1em;
  line-height:1.8;
  text-align:center;
}

p.progdisplay {
  padding: 5px;
  margin-bottom: 10px;
}
.progdisplay a{
  white-space:nowrap;
  margin-left: 0.3em;
  margin-right: 0.3em;
}

.sticky {
}

td.az-1{
  width: 120px;
  height: 120px;
  text-align: center;
  vertical-align: center;
}
td.az-2{
  width: 300px;
  vertical-align: center;
}

.search-excerpt {
  background: #abed94;
}

table.history{
  width: 450px;
}

.history td{
  width: 225px;
  padding: 10px;
  vertical-align: center;
}

.history td.one{
  border-right: 3px solid #256E0B;
}

dfn, abbr, acronym {
  cursor: help;
  border-bottom: 3px dotted #256E0B;
}