/*
Theme Name: St Raphaels
Theme URI: http://www.mglworld.com/
Description: St Raphaels Primary School
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}




/* =Structure
-------------------------------------------------------------- */

#wrap {
	background: url(images/mainBg.gif) repeat-y scroll center 0 transparent;
}

#dropMenu {
	height:24px;
}

#main {
	background: url(images/mainBg.gif) repeat-y scroll 0 0 transparent;
    margin-left: 15px;
    margin-right: 15px;
    width: 930px;
}

#content {
	background: url(images/contentTop.gif) no-repeat scroll 0 0px transparent;
	float: right;
    margin: 0;
    padding-right: 19px;
    width: 650px;
}

.blogpost {
	background: url(images/contentTop.gif) no-repeat scroll 0 0px transparent;
	padding:10px 20px 0;
}

#sidebar {
	background: none no-repeat scroll 0 0 transparent;
    float: left;
    padding-right: 0px;
    width: 227px;
	z-index:999;
}

#footer {
	clear: both;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Century Gothic,sans-serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
input[type=submit] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
    background: url(images/bg.gif) repeat-x scroll center 0 #0066cc;
}

#wrap {
	width:960px;
	margin-right: auto;
	margin-left: auto;
}

/* =Header
-------------------------------------------------------------- */


#header {
	background: url("images/header.jpg") no-repeat scroll 0 bottom #0066CC;
    height: 360px;
    margin: 0 auto;
    padding: 0;
    width: 960px;
position:relative;
}

#stylechange {height:16px;
margin-left:0px;

padding:6px;
position:absolute;
top:0;
width:80px;
z-index:999;
background: transparent url(images/btn/bg.png) no-repeat top;}

#stylechange img {float:right;}

/* =Menu
-------------------------------------------------------------- */

.menu {
	background: url("images/redBar.gif") no-repeat scroll 0 bottom transparent;
    border-right: 0 solid #000000 !important;
    float: left;
	padding: 6px 9px 12px;
    font-family: Century Gothic,sans-serif;
    height: 20px !important;
    position: relative;
    top: 14px;
    width: 945px !important;
    z-index: 100;
}
.menu ul li {
	height:24px;
	text-align: center;
}
.menu ul li ul li {
	-moz-box-shadow: 0px 3px 3px black;
	-webkit-box-shadow: 0px 3px 3px black;
	box-shadow: 0px 3px 3px black;
	height:32px;
	text-align: center;
}
.menu ul li ul li ul li {
	-moz-box-shadow: 0px 3px 3px black;
	-webkit-box-shadow: 0px 3px 3px black;
	box-shadow: 0px 3px 3px black;
	height:32px;
	text-align: center;
}
.menu a, .menu a:visited {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent !important;
    border-color: #000000;
    border-style: solid;
    border-width: 0px 0 0px 0px !important;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 24px !important;
    line-height: 29px;
    padding-left: 10px;
    text-decoration: none;
}

.menu .menu_item ul li a {
    color: #fff !important;
	background-color: #d73a3a !important;

}
.menu .menu_item ul li ul li a {
    color: #fff !important;
	background-color: #d73a3a !important;

}
.menu .menu_item ul li ul li ul li a {
    color: #fff !important;
	background-color: #d73a3a !important;

}

.menu .current_page a {
    color: #fff !important;
	background-color: transparent !important;
}
.menu .current_parent a {
    color: #fff !important;
	background-color: transparent !important;
}
.menu ul li a {
	font-size: 14px !important;
	line-height:24px !important;
	font	
}
.menu ul li ul li a {
	font-size: 14px !important;
	line-height:24px !important;
}
.menu ul li ul li ul li a {
	font-size: 14px !important;
	line-height:24px !important;
}
.menu ul ul {
    border-top: 0px solid #000000 !important;
    height: 0;
    left: 0;
    position: absolute;
    top: 28px !important;
    visibility: hidden;
    width: 149px;
}


.menu a:hover, .menu ul ul a:hover{color:#fff !important; background:#fff !important;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff !important; background:#fff !important;}

.menu_item_link {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.menu ul li ul li a:hover {
    color: #fff !important;
	background-color: #be3028 !important;
}
.menu ul li ul li ul li a:hover {
    color: #fff !important;
	background-color: #be3028 !important;
}

.menu_left ul {
	padding:0 !important;
}

.menu_left li {
	height:50px;
}

.menu_left ul li a {
    font: 16px/18px Century Gothic,sans-serif !important;
    height: 41px;
    padding: 9px 49px 0 6px !important;
    text-align: center;
    width: 200px !important;
}

.menu_left ul li a:hover {
	color:#f2f2f2 !important;
}

.menu_left ul li ul li a {
	text-align:left;
}

.menu_left ul li ul li ul li a {
	text-align:left;
}

.menu_left ul li ul li a:hover {
	text-align:left;
	color:#fff !important;
}

.menu_left ul li ul li ul li a:hover {
	text-align:left;
	color:#fff !important;
}

.menu_left a {
	background: none no-repeat scroll 0 0px transparent !important;
    color: #fff !important;
    display: block;
    font: 15px/22px Century Gothic,sans-serif;
    height: 28px;
    padding: 16px 0 0;
    text-decoration: none;
}

.menu_left a:hover {
	color:#e18434 !important;
	background-image: none no-repeat scroll 0 0px transparent !important;
}

.menu_left ul li ul li a {
	background: none no-repeat scroll 0 0 #6eace9 !important;
	font: 13px/16px Century Gothic,sans-serif !important;
    height: 25px;
    padding: 7px 10px 0 10px !important;
	border-color: #a7d1fa #6290bf #24598f !important;
}
.menu_left ul li ul li ul li a {
	background: none no-repeat scroll 0 0 #6eace9 !important;
	border-color: #a7d1fa #6290bf #24598f !important;
	font: 13px/16px Century Gothic,sans-serif !important;
    height: 25px;
    padding: 7px 10px 0 10px !important;
}

.menu_left {
	background:url("images/sidebarBg.gif") repeat-y scroll 0 0px transparent !important;
	width:258px !important; 
	position:relative;
} /*.menu_left {height:132px; width:132px; position:relative;}*/

.menu_left {
	z-index:999;
}

.menu_left ul {
	z-index:901;
}

.menu_left ul li {
	z-index:902;
}

.menu_left ul li ul {
	z-index:903;
}

.menu_left ul li ul li {
	z-index:904;
}

.menu_left ul li ul li ul {
	z-index:905;
}

.menu_left ul li ul li ul li {
	z-index:906;
}

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

#content,
#content input,
#content textarea {
	color: #8c8c8c;
	font-size: 13px;
	line-height: 19px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	padding-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #000;
	line-height: 1.5em;
	padding: 0 0 20px 0;
}
#content table {
	/*border: 1px solid #e7e7e7;*/
	margin: 0 -1px 0 0;
	text-align: left;
	width: 100%;
	padding-bottom:24px;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	/*border-top: 1px solid #e7e7e7;*/
	/*padding: 6px 24px;*/
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	padding: 0 0 48px 0;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	padding: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
	padding-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	padding: 24px 24px 48px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	padding: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	padding: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	padding: 42px 20px 24px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}

/* =Right Sidebar
-------------------------------------------------------------- */

ul.catlist {
	background: url("images/sidebarBgPost.gif") repeat-y scroll 0 0 transparent !important;
	padding:0 !important;
}
.catlist li {
	list-style: none outside none;
	height: 50px;
	
}

.catlist li a {
	font: 16px/18px Century Gothic,sans-serif !important;
    height: 39px;
    padding: 9px 6px 0 6px !important;
    text-align: center;
	background: url("images/blogbut.gif") no-repeat scroll 0 0 transparent !important;
	color: #fff !important;
	font-weight:bold;
	display:block;
	text-decoration:none;
}

.catlist li a:hover {
	color:#009960 !important;
}
/* =Blocks Template
-------------------------------------------------------------- */

.boxContainer {
	width:310px;
	height:180px;
	padding:0 15px 15px 0;
	float:left;
}

.elementsContainer {
	-moz-box-shadow: 1px 2px 2px #ccc;
	-webkit-box-shadow: 1px 2px 2px #ccc;
	box-shadow: 1px 2px 2px #ccc;
	border: 1px solid #cdcccc;
	width:278px;
	height:148px;
	padding:15px;
}

.summaryContainer {
	width:155px;
	height:148px;
	float:left;
}

.pageImg {
	float:right;
}

h2.excerptTitle {

}

.boxExcerpt {

}


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

#footer {
	background: none no-repeat scroll 0 0 #0066cc;
}
#fText {
	background: url("images/footer.gif") no-repeat scroll 0 0 #0066CC;
    height: 40px;
    margin: 0 auto;
    padding: 24px 0 0;
    width: 960px;
}


ul.footerlist {
	padding:35px 0 0 0;
	width:500px;
}

ul.footerlist li {
	float:left;
	font-size: 12px;
	line-height: 14px;
 	list-style: none outside none;
	font-family: Century Gothic,sans-serif;
	padding:0 20px 0 0;
}

#fText a {
	color:#fff;
	text-decoration: none;
	font-weight:bold;
}

p.bgtext {
	color:#fff;
	float:right;
	padding:0 20px 0 0;
}

p.validator {
	padding:0;
	float:right;
}


/* Sticky Footer Solution */

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

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
/*
html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 100px;}*/  /* must be same height as the footer */

/*#footer {position: relative;
	margin-top: -100px; *//* negative value of footer height */
	/* height: 100px; 
	clear:both;} */

/*Opera Fix*/
/*
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
*/


/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/

/* Ticker */

.ticker-div {
    color: #0066CC;
    font-family: Century Gothic,sans-serif;
    font-size: 21px;
    font-weight: lighter;
    height: 24px !important;
    left: 207px !important;
    margin: 0 !important;
    padding-top: 10px !important;
    position: relative !important;
    top: 304px !important;
    width: 739px !important;
    z-index: 999 !important;
}

#eportBut {
background: url(images/eport.gif) repeat-x scroll 0 bottom transparent;
width:204px;
height:135px;
}

#eportBut a {
height:100%;
width:100%;
display:block
}

.clear {
	clear:both;
}

.comments {
	padding: 10px 20px 0;
}

#content .blogpost a {color:#666; text-decoration: none; font-weight:bold;}
#content .blogpost a:hover {color:#0066cc;}

#content .blogpost h1,
#content .blogpost h2,
#content .blogpost h3,
#content .blogpost h4,
#content .blogpost h5 {
	color:#52822e;
	font-weight:bold;
}

* html #content {
	width: 650px;
}

* html #sidebar {
}

/* wp cycle */
#cycle-container {
    height: 127px;
    left: 45px;
    position: absolute;
    top: 136px;
    width: 170px;
}

#rotator {
    height: 127px !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 170px !important;
	z-index:90;
}

#cycle-cover {
	width:170px;
	height:127px;
	position:absolute;
	z-index:100;
}
/* wp cycle1 */
#cycle-container1 {
	width:170px;
	height:127px;
	position:absolute;
    top: 136px;
    left: 242px;
}

#rotator1 {
    height: 127px !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 170px !important;
	z-index:90;
}

#cycle-cover1 {
	width:170px;
	height:127px;
	position:absolute;
	z-index:100;
}
/* wp cycle2 */
#cycle-container2 {
    height: 177px;
    left: 584px;
    position: absolute;
    top: 74px;
    width: 116px;
}

#rotator2 {
    height: 177px !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 116px !important;
	z-index:90;
}

#cycle-cover2 {
	width:116px;
	height:177px;
	position:absolute;
	z-index:100;
}
/* wp cycle3 */
#cycle-container3 {
    height: 132px;
    left: 738px;
    position: absolute;
    top: 91px;
    width: 177px;
}

#rotator3 {
    height: 132px !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 177px !important;
	z-index:90;
}

#cycle-cover3 {
	width:177px;
	height:132px;
	position:absolute;
	z-index:100;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

#commentsContainer {display:none}

.twitter-timeline {margin-top:20px!important}

.news-ticker {
    font-size: 20px;
    color: #0066CC;
    height: 32px !important;
    left: 220px !important;
    line-height: 23px;
    margin-top: 0 !important;
    padding-top: 11px !important;
    position: absolute !important;
    top: 302px !important;
    width: 710px !important;
    z-index: 999999999!important;
}