/*!
Theme Name: Bluecoat
Description: Design by Chris Harris - boldaspect.com. Development by Jason Crosse - antanova.com. Custom theme for Blackheath Bluecoat C of E school, to be further customised for other schools. 
Author: Chris Harris & Jason Crosse
Author URI: http://antanova.com/

*/
/*!
 * (c) J Crosse 
 * antanova.com for Bold Aspect 2009
 */
* html * {zoom:1;}
body {font-size:100%; line-height:1.25; font-family:Arial, Helvetica, sans-serif; background-color:#F0F1F2;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,blockquote,img {margin:0; padding:0; border:0; font-weight:normal;}
q:before, q:after {content:"";}
/*li {-moz-float-edge:content-box;}*/
.container {margin:0 auto; width:990px; background-color:#fff;}

.c {clear:both;}

.headband  {background:url(images/logo-bg.png) 0 bottom repeat-x #004A83;}
.nav       {background:url(images/nav-bg.gif) 0 100% repeat-x #E1E2E4;}
/* .homeimage {background-color:#8E1A33; min-height:460px; _height:460px; width:990px;}*/
.topimage  {background-color:#0093C7;    min-height:225px; _height:225px; width:990px;}
.content   {background-color:#ffffff;}

/* content classes from editor */
.alignleft   {float:left;  margin:0 10px 2px 0;}
.alignright  {float:right; margin:0 0 2px 10px;}
img.centered {display:block; margin-left:auto; margin-right:auto;}

.clear  {clear:both;}
.center {text-align: center;}
.aligncenter,
div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}

.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px;	 margin: 10px;
			-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

/* MAIN NAV */
.nav ul {}
.nav li {float:left; display:inline; font-size:62.5%; width:84px; padding:0.5em 8px 0.25em 7px; text-align:center;}
.nav a  {display:block; text-decoration:none; color:#00234D; min-height:2.5em; _height:2.5em;}
.nav li.current_page_item,
.nav li.current_page_ancestor {background:url(images/nav-active.gif) 50% 0 no-repeat;}
.navds  {width:990px; height:12px; background:url(images/nav-ds.png) 0 0 repeat-x;}

/* HEADER */
.headband       {padding:20px; line-height:1;}
.headband h1    {}

/* SIDEBAR */
#sidebar        {width:250px; float:left; display:inline;}
#sidebar ul     {padding:0 25px 25px;}
#sidebar ul ul  {padding:0;}

#sidebar h2,
#sidebar li     {border-bottom:1px solid #fff;}
#sidebar li     {display:block; list-style:none; background-color:#E2ECF5;}

#sidebar li li, #sidebar h2, #sidebar p {font-size:68.75%;}

#sidebar li li li {font-size:100%; text-indent:1em;}

#sidebar a,
#sidebar h2      {padding-top:0.5em; padding-bottom:0.75em; min-height:2.5em; _height:2.5em; color:#2A6898;}
#sidebar h2      {font-weight:bold; padding-left:20px; padding-right:15px; padding-top:45px;}
#sidebar a       {display:block;  margin-left:20px; margin-right:15px;text-decoration:none;}
#sidebar a:hover {text-decoration:underline;}

#sidebar .current_page_item a {cursor:default; color:#9D9B60;}
#sidebar .current_page_item a:hover {text-decoration:none;}


/* HOME PAGE */
#sidebarhome      {width:250px; float:left; display:inline;}
#sidebarhome ul   {width:247px; margin-top:50px;}
#sidebarhome li   {display:block; list-style:none; margin:0 25px 10px 25px; font-size:68.75%;}
#sidebarhome a    {display:block; padding:1.4546em 10px 1.4546em; background:url(images/home-li-bg.png) 50% 0 repeat-x; text-align:center; color:#ffffff; text-decoration:none;}
#sidebarhome a:hover {background-position:50% -74px;}

/* mission statement/latest news */
#sidebarhome li.widget {margin:0 25px 0 25px; font-size:100%; color:#0093C7; background-color:none;}
#sidebarhome li.widget h2, #sidebar .mission li.widget h2 {font-size:87.5%; font-weight:bold; line-height:1.5714; margin:0 0 0.5714em 0; padding:0; background-color:none;}
#sidebarhome li.widget p,  #sidebar .mission li.widget p  {font-size:87.5%; font-style:normal; line-height:1.5714;}

#sidebar .mission    {margin-top:50px;}
#sidebar .mission li {background-color:transparent;}
#sidebar .mission    {}
#sidebar .mission h2, #sidebar .mission a {min-height:0; _height:auto;}
#sidebar .mission h2, #sidebar .mission p {color:#0093C7;}

/* LOGIN FORM */
.loginform     {width:330px; padding:70px 0; margin:0 auto;}
.loginform p   {color:#666666;}
.loginform p,
.loginform label {font-size:75%;}
.loginform label {display:inline-block; width:7em;}
.loginform .ibox {width:200px;}
.loginform label,
.formbox p       {color:#ffffff;}
.formbox p input {vertical-align:baseline;}
.formbox         {background:url(images/login-bg.gif) 0 100% repeat-x #A2A4A7; padding:10px; margin:10px 0;}



/* TOP OF PAGE */
.topimage        {float:left; display:inline;}
.topimage h1     {background-color:#0093C7; font-size:187.5%; color:#ffffff; margin-top:95px; min-height:2.5em; _height:2.5em; width:300px; padding-left:50px; line-height:1;}


/* PAGE CONTENT */
.pagebody       {width:640px; margin:50px; float:left; display:inline; background:#fff;}
.pagebody li    {display:list-item; margin-left:1.5em;}

/* colours */

.pagebody h1               {color:#216196;}

.pagebody h2, .pagebody h3 {color:#216196;}

.pagebody p, .pagebody ul, .pagebody ol, .pagebody blockquote,
.pagebody h4, .pagebody h5,
.pagebody h6               {color:#57585B;}


/* sizes */

.pagebody h1               {font-size:125%;   line-height:1.25;   margin-bottom:1em;}
.pagebody h2               {font-size:100%;   line-height:1.25;   margin-bottom:1.25em;}
.pagebody h3               {font-size:87.5%;  line-height:1.4286; margin-bottom:1.4286em;}

.pagebody p, .pagebody ul, .pagebody ol, .pagebody blockquote,
.pagebody h4, .pagebody h5,
.pagebody h6               {font-size:75%;    line-height:1.667;  margin-bottom:1.667em;}

/* FOOTER */
.footer {background-color:#ffffff; font-size:75%; color:#999999; padding:1em 50px;}
.footer a {color:#888888;}
.footer a:hover {text-decoration:none;}



/* 
 * sIFR STYLES 
 */
 
 
@media screen {
  .sIFR-flash {visibility: visible !important; margin: 0; padding: 0; }
  .sIFR-replaced, .sIFR-ignore {visibility: visible !important; }
  .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
  .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
}

@media print {
  .sIFR-flash {display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
  .sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important;}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .topimage .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}