/*-----------------------------------------------------------------------------
Sacred Heart School Master Stylesheet

version:   1.0
author:    steven daniels
website:   www.jellymedia.com

Colour Refs:

Grey Background: #f2f2f2
Red Header: #930715
Footer Red: #bf122d

-----------------------------------------------------------------------------*/

/* =Resets and Page Setup
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul, ol, iframe	{
  padding: 25px 45px 0px 0px;
}
									
/* Remove styles from links */
ul,li, ol {
  list-style-type: none;
}

a {
  outline: none;
}

/* Remove border around linked images */
img 					{ border: 0; }
a img					{ vertical-align: middle; }

html 					{ overflow-y: scroll; }
html, body, #pagewrap	{ height: 100%; }
body > #pagewrap 		{ height: auto; min-height: 100%;}

body { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #333333; 
	background: url(/images/headerbg.jpg) repeat-x center top; 
	background-color :#f2f2f2; 
	text-align:center; 
}

/* Giving this an ID allows changes to the CSS based on individual page requirements */
  						
body#home 							{ }
/* body#gallery-page img               { border: none; float: left; margin: 0px 25px 25px 0px; } */
#flickrgallery						{ margin-top: 30px; }
body#latestnewsblog #sidebar        { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 30px 0px 30px 25px; margin-bottom: 50px; }

body#latestnewsblog #sidebar ul     { margin: 0; padding: 0; }

body#contact-page #sidebar        { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 10px 0px 30px 25px; }

/* margin 0 auto centres content. remove for left aligned page. */

#pagewrap 				{ width: 900px; margin: 0 auto; text-align:left; }
#content 				{ width: 900px; padding-bottom: 251px;  }

/* padding bottom must be the same height as the footer. */

/* Toolbox */
.clear 					{ clear: both; }
.floatleft 				{ float: left; }
.floatright 			{ float: right; }
.white					{ color: #fff; margin-bottom: 0px; margin-top: 10px; } 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* =Typography
-----------------------------------------------------------------------------*/

h1.home { font-family:Georgia, "Times New Roman", Times, serif; 
	color: #930715; 
	font-weight: normal; 
	font-size: 40px; 
	letter-spacing: -1px;}
	
h1 { font-family:Georgia, "Times New Roman", Times, serif; 
	color: #930715;
	font-weight: normal; 
	font-size: 30px; }

h2 { font-family:Georgia, "Times New Roman", Times, serif; 
	color: #930715;
	font-weight: normal; 
	font-size: 30px; }

h3 { font-family:Georgia, "Times New Roman", Times, serif; 
	color: #930715; 
	font-weight: normal; 
	font-size: 30px; }

h4 { font-family:Georgia, "Times New Roman", Times, serif; 
	color: #930715; 
	font-weight: normal; 
	font-size: 20px; }

.formheader
	{color: #999; font-size: 15px;}

h5 { font-family: Arial, Helvetica, sans-serif; 
	color: #930715; 
	font-size: 18px; 
	line-height: 10px; 
	font-weight: bold; }

h6 { }

p  { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;}

.blogsummary  { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	line-height: 17px; 
	font-weight: bold; 
	margin-top: 20px;
}

#subject { margin-bottom: 25px; }

/* =Headings
-----------------------------------------------------------------------------*/

#home #header 	{ height: 207px; }
#header 		{ height: 237px; }


/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited 	{ color: #930715; text-decoration: none;  }
a:hover, a:active	{ color: #bf122d; text-decoration: underline;  }


/* =Branding
-----------------------------------------------------------------------------*/

/* text indent moves the link off the page, width and height define the clickable area */

#logolink  { 
	position: absolute;
	height: 59px; 
	width: 219px; 
	margin-top: 70px;
	background:url(/images/logo.png) no-repeat; 
	text-indent: -9999px; 
	cursor: pointer; 
}

/* =Main Nav
-----------------------------------------------------------------------------*/

#nav {
	text-align:center;
	height: 39px;
	width: 555px; 
    margin: 129px 0px 0px 0px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold;
	background: url(/images/menu_bg.jpg) center top no-repeat;
    float: right;
}

ul#nav li {
	display:inline; 
}

ul#nav a  {
	display: block;
	float: left;
	font-size: 14px;
	padding-left: 2.2em;
	margin-right: 0.1em;
    margin-top: 0.3em;
	width: auto;
}

#nav a:link, #nav a:visited {
	color: #fff; text-decoration: none;
}

#nav a:hover {
	color: #fff; text-decoration: underline;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/

#subnav {
	text-align:left;
	width: 200px; 
	font-family: Arial, Helvetica, sans-serif; 
        font-weight:500;
        font-weight: bold;
        padding-bottom: 20px;
        padding-right: 0px;
}

ul#subnav a  {
	font-size: 13px;
        margin-left: 25px;
        line-height: 23px;

        
}

#subnav a:link, #subnav a:visited {
	color: #fff; text-decoration: none;
}

#subnav a:hover {
	color: #fff; text-decoration: underline;
}

/* =Footer Nav
-----------------------------------------------------------------------------*/

#footernav {
	text-align:center;
	width: 550px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
}

ul#footernav li {
	display: inline;
}

ul#footernav a  {
	display: block;
	float: left;
	font-size: 11px;
	margin-left: 0.1em;
	margin-right: 1em;
	width: auto;
}

#footernav a:link, #footernav a:visited {
	color: #fff; text-decoration: none;
}

#footernav a:hover {
	color: #fff; text-decoration: underline;
}

/* =Homepage Content
-----------------------------------------------------------------------------*/

#attraction { 
	height: 322px; 
	width: 898px; 
	background: url(/images/attractionimg.jpg) no-repeat center top; 
}

#intro {
	clear: both;
	background: none;
	height: 295px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}

#intro li {
	margin-left: 10px; margin-top: 11px;
}

#welcome 		{ height: 748px; width: 263px; float: left; background:url(/images/welcome.jpg) center top no-repeat; }
#welcome p      { color: #fff;  padding: 12px 32px 0px 25px; }
#welcome h1     { color: #fff; padding: 314px 25px 0px 25px; }
#mission		{  }

#newsimg        { height: 148px; width: 80px; float: left; margin: 25px 0px 10px 30px; padding-top: 75px; background:url(/images/icon_news.jpg) top left no-repeat;  }
#newsimg img    { padding: 0px; margin: 0px; border: none; }
#news 			{ float: right; height: 228px; width: 460px; margin-top: 25px; margin-bottom: 25px }
#news p 		{ padding-top: 8px; }
#news h1 		{ margin-bottom: 16px;}

#gallery 		{ height: 401px; width: 285px; float: left; background:url(/images/box.jpg) center top no-repeat; margin-left: 28px; }
#gallery h3, #gallery p    { color: #fff; padding-left: 30px; }

#gallery a 		{ color: #fff;  }
#gallery p {
padding-top:15px;
}

#findus 		{ height: 401px; width: 285px; float: right; background: url(/images/box.jpg) center top no-repeat; }
#findus h3, #findus p      { color: #fff; padding-left: 30px; }
#findus p      	{ padding-top: 15px; }
#findus a 		{ color: #fff; }

#home #maincontent 	{ width: 630px; float: left; height: 728px; }
#googlemaphome 		{ margin-left: 30px; padding-top: 10px; height:245px;}
iframe              { padding:0px; margin:0px;}

/* =Main Content
-----------------------------------------------------------------------------*/

#sidebar	 		{ width: 200px; float: left; margin-top: 50px; background: #7f0c1e; }
#maincontent 		{ width: 595px; float: right; margin-top: 20px; margin-bottom: 50px; }
#latestnewsblog #maincontent ul		{ font-size: 12px;  }
#latestnewsblog #maincontent li		{ list-style-type: disc; padding-bottom: 10px; list-style-position:outside; }
#reception #maincontent ul		{ font-size: 12px;  }
#reception #maincontent li		{ list-style-type: disc; padding-bottom: 10px; list-style-position:outside; }
#meals #maincontent ul		{ font-size: 12px;  }
#meals #maincontent li		{ list-style-type: disc; padding-bottom: 10px; list-style-position:outside; }
#maincontent img 	{ margin-top: 25px; border: 0.7em solid #e0e0e0; }  /* = ie needs image borders to be the border property. Padding doesn't work in ie properly.---*/
blockquote 			{ font-weight: bold; border-left: 5px solid #e0e0e0; margin: 30px 0px 8px 40px; padding: 0px 110px 0px 15px; }
.uniform 			{ font-size: 12px; line-height: 28px;  }
.uniform ul 		{ list-style-position: inside; }
.uniform li 		{ padding-left: 23px; background:url(/images/tick.gif) no-repeat 0 50%; list-style-position:outside; }

#sitemapmain li            { list-style-type: disc; }
.sitemapsub li          { margin-left:40px; list-style-type: none; }
.sitemapsub               { padding-bottom: 20px; }

/* =Teacher Page Styles

-----------------------------------------------------------------------------*/

.teacher 			{ width: 125px; text-align: center; float: left; margin-right: 20px; margin-bottom: 20px;}
.teacher p			{ width: 125px; text-align: center; float: left; margin: 0; padding: 0; }
.teacher img    	{ margin-bottom: 20px; }
#headteachers		{ width: 600px;}
#teachers, #admin, #assistants, #support	{ clear: both; width: 600px; }

/* =Uniform Page Styles

-----------------------------------------------------------------------------*/

.uniformimages 	 	{ width: 595px; height: 300px; }
.mainimg 		 	{ float: left; width: 200px; }
.smallimages 	 	{ float: right; width: 325px; height: 250px; }
.smallimages img 	{ margin-right: 8px; margin-bottom: -18px;}

.uniformlist		{ width: 465px; }
.boyslist			{ float: left; }
.girlslist			{ float: left; margin-left: 55px; }

/* =Gallery
-----------------------------------------------------------------------------*/

#maincontent .gallery-image {
  float: left;
  margin-right: 25px;
}

#maincontent .gallery-image img {
  border: none;
  height: 110px;
}

#flickrfeed { 
padding-left: 30px; 
height:245px; 
margin-top:10px; 
padding-top:2px;
}

/* ** */
#flickrfeed img {  
margin-top:3px; !important;
margin-right:15px;
}

.flickr-homepage-img img

{ }

#flickrfeed .flickr-homepage-img {
  padding: 0px;
  margin: 0px;
}

.flickr-homepage-img a {
  float: left;
  margin: 0px;
  padding: 0px;
}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	clear: both;
	position: relative;
	margin-top: -251px;
    height: 251px;
	background: url(/images/footer.jpg) repeat-x center bottom;
}


#footer p 		{ font-size: 11px; color: #bf122d; padding-top: 15px; }
#footer h4 		{ margin-top: 10px; }

#footer h5 		{ 
	padding-left: 24px; 
	line-height:normal; 
	padding-bottom:2px;
	height:21px;
	padding:0px;
	margin:0px;
	padding-bottom:8px;
	padding-left:20px;
}

#tel { 
background:url(/images/icon_phone.jpg) no-repeat; 
height:21px; 
background-position: 0 50%;
padding-top:12px!important ; 
}

#fax { 
background:url(/images/icon_fax.jpg) no-repeat; 
height:21px; 
background-position: 0 50%; 
}

#contact p              { padding-top: 16px; }

#foot 			{ width: 900px; margin: 0 auto; text-align:left; }

#latestnews     { height: 199px; width: 280px; float: left; }
#contact 		{ height: 199px; width: 340px; float: left; margin-left:25px; }
#form 			{ height: 199px; width: 240px; float: left; }
#quickcontact   { padding-top: 15px }

#sitemap 		{ clear: both; height: 44px; width: 500px; float: left; }
#copyright p	{ height: 30px; width: 324px; float: right; margin: 14px 0 0 0; }

#copyright p 	{ color: #fff; text-align:right; padding-top: 7px;}
#copyright a:link, #copyright a:visited { color: #fff; text-decoration: none; }

#copyright a:hover { color: #fff; text-decoration: underline; }

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

.entryfield { border: 1px solid #aba8a8; font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px; }
.entryfieldfooter { border: 1px solid #aba8a8; font-family:Arial, Helvetica, sans-serif; font-size: 11px; width: 200px; height: 53px; padding: 2px; }
.submit { background:url(/images/sendbutton.jpg) top center no-repeat; height:25px; width: 59px; border: none; cursor: pointer; margin-top: 15px; }
.formheader { margin-bottom: 6px; padding-top: 15px; }

#contactform { padding-top: 0px; }

#formerrors { height: 133px; width: 322px; background:url(/images/errorbox.jpg) no-repeat top center; margin-top: 25px; font-size:12px; color:#fff; }
#formerrors p { padding: 8px 0px 0px 15px }

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}

#hor-zebra
{
	font-size: 12px;
	margin: 45px;
	width: 530px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
}
#hor-zebra td
{
	padding: 8px;
	color: #666;
}
#hor-zebra .odd
{
	background: #e0e0e0; 
}


/* =JQuery Slider
-----------------------------------------------------------------------------*/

h4.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(/images/h4_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-weight: normal;
	float: left;
}
h4.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h4.trigger a:hover { color: #ccc; }
h4.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
}

.block img {float: left; margin: 0px 25px 20px 0px; }

/* =Wordpress
-----------------------------------------------------------------------------*/
 
#comment 		{ width:420px; } 
#sidebar h2 	{ color: #fff; }
#sidebar h4 	{ color: #fff; }
#sidebarlist li 	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;}

#sidebar ul a 	{ color: #fff;}
#sidebar p a 	{ color: #fff; text-decoration: underline;}
#sidebar p 		{ padding-right: 20px; padding-top: 5px;}
#archives 		{ padding-top: 10px; padding-bottom: 20px; }
#categories		{ padding-top: 20px; padding-bottom: 20px; }
#s 				{ border: 1px solid #aba8a8; font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px; margin-bottom: 10px; }
#searchsubmit 	{ background:url(/images/sendbuttonredbg.jpg) top center no-repeat; height:29px; width: 59px; border: none; cursor: pointer; }
#searchform   	{ padding-top: 0px; padding-bottom: 15px; line-height: 23px; }

.block p 		{ padding-right: 0px;}