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

	Screen.css
	www.yourwebsite.com
	
	Last Modified : 	
	Created by : 		
	Contact: 			info@email.com
	
	Copyright 2007 - 2008
	Based on Blueprint 1.6.1
	
	
/* Colour Palette
--------------------------------------------------------------

Light Grey - #f8f8f8

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

/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}

/* Grid
-------------------------------------------------------------- */
.container{width:950px;margin:0 auto;}.column{float:left;margin-right:10px;}.last{margin-right:0;}

.span-1{width:30px;}.span-2{width:70px;}.span-3{width:110px;}.span-4{width:150px;}.span-5{width:190px;}.span-6{width:230px;}.span-7{width:270px;}.span-8{width:310px;}.span-9{width:350px;}.span-10{width:390px;}.span-11{width:430px;}.span-12{width:470px;}.span-13{width:510px;}.span-14{width:550px;}.span-15{width:590px;}.span-16{width:630px;}.span-17{width:670px;}.span-18{width:710px;}.span-19{width:750px;}.span-20{width:790px;}.span-21{width:830px;}.span-22{width:870px;}.span-23{width:910px;}.span-24{width:950px;margin:0;}

.append-1{padding-right:40px;}.append-2{padding-right:80px;}.append-3{padding-right:120px;}.append-4{padding-right:160px;}.append-5{padding-right:200px;}.append-6{padding-right:240px;}.append-7{padding-right:280px;}.append-8{padding-right:320px;}.append-9{padding-right:360px;}.append-10{padding-right:400px;}.append-11{padding-right:440px;}.append-12{padding-right:480px;}.append-13{padding-right:520px;}.append-14{padding-right:560px;}.append-15{padding-right:600px;}.append-16{padding-right:640px;}.append-17{padding-right:680px;}.append-18{padding-right:720px;}.append-19{padding-right:760px;}.append-20{padding-right:800px;}.append-21{padding-right:840px;}.append-22{padding-right:880px;}.append-23{padding-right:920px;}

.prepend-1{padding-left:40px;}.prepend-2{padding-left:80px;}.prepend-3{padding-left:120px;}.prepend-4{padding-left:160px;}.prepend-5{padding-left:200px;}.prepend-6{padding-left:240px;}.prepend-7{padding-left:280px;}.prepend-8{padding-left:320px;}.prepend-9{padding-left:360px;}.prepend-10{padding-left:400px;}.prepend-11{padding-left:440px;}.prepend-12{padding-left:480px;}.prepend-13{padding-left:520px;}.prepend-14{padding-left:560px;}.prepend-15{padding-left:600px;}.prepend-16{padding-left:640px;}.prepend-17{padding-left:680px;}.prepend-18{padding-left:720px;}.prepend-19{padding-left:760px;}.prepend-20{padding-left:800px;}.prepend-21{padding-left:840px;}.prepend-22{padding-left:880px;}.prepend-23{padding-left:920px;}

.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
.colborder{padding-right:24px;margin-right:25px;border-right:1px solid #eee;}

.pull-1{margin-left:-40px;}.pull-2{margin-left:-80px;}.pull-3{margin-left:-120px;}.pull-4{margin-left:-160px;}.pull-5{margin-left:-200px;}.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-5{float:left;}
.push-1{margin-right:-40px;}.push-2{margin-right:-80px;}.push-3{margin-right:-120px;}.push-4{margin-right:-160px;}.push-5{margin-right:-200px;}.push-0,.push-1,.push-2,.push-3,.push-4,.push-5{float:right;margin-left:18px;margin-bottom:1.5em;}
.lift-1{margin-top:-1.5em;margin-bottom:1.5em;}.lift-2{margin-top:-3em;margin-bottom:3em;}.lift-3{margin-top:-4.5em;margin-bottom:4.5em;}.lift-4{margin-top:-6em;margin-bottom:6em;}.lift-5{margin-top:-7.5em;margin-bottom:7.5em;}
.drop-1{margin-bottom:-1.5em;margin-top:1.5em;}.drop-2{margin-bottom:-3em;margin-top:3em;}.drop-3{margin-bottom:-4.5em;margin-top:4.5em;}.drop-4{margin-bottom:-6em;margin-top:6em;}.drop-5{margin-bottom:-7.5em;margin-top:7.5em;}
.box{margin-bottom:1.5em;background:#f8f8f8;padding:1.5em;}
hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;border:none;margin:0 0 1.4em;}
hr.space{background:#fff;color:#fff;}
.clear,.container{display:block;}
.clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clear,* html .container{height:1%;}

#content, #sidebar {
  float: left;
  margin: 0 0px;
  padding: 0;
}


#sidebar   { width: 260px; overflow:hidden; }
#content p, #content ul { width: 400px; }
#content   { width: 470px; overflow:hidden;}

.append-gutter,#sidebar { padding-right:20px; }

.prepend-gutter, #sidebar { padding-left:20px; }

/* Page
-------------------------------------------------------------- */

body { 
  text-align: center; /* IE Fix */
  margin:0px 0px 0px;
}

/* A container should group all your columns. */
.container {
  text-align: left;
  position: relative;
  padding: 0;
  margin: 0 auto;   /* Centers layout */
  width: 770px;     /* Total width */
}

.container img { margin: 0 0 1.5em 0; -ms-interpolation-mode: bicubic; }

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

body {
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  line-height: 1.75; /* Unitless for proper inheritance */
}

/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */


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

h1,h2,h3,h4,h5,h6 { 
  font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
/* 	color:#2F7882; */
  color:#4F8993;
  clear:both; 
}

h1, h3 {
  background: url(../img/heading2.png) repeat-x bottom;
  padding-bottom:7px;
  margin-bottom:13px;
  font-weight:bold;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.5em; margin-bottom: 13px;}
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em 0; text-align:left; }
p.last      { margin-bottom:0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { margin: 0 0 1.5em 1.5em; }
#sidebar ul {
	margin-left: 0px;
	list-style-type: none;
/* 	color:#2F7882; */
/*   color:#4F8993; */
}
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

a           { 
/* 	color:#2F7882; */
  color:#4F8993;
  text-decoration: underline; 
  outline: none; 
 }
a:hover     { color: #fff; }

blockquote  { margin: 1em 0 1em 1em; color: #2F7882; font-style: italic; }
strong      { font-weight: bold; color:#2F7882; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #B2CCFF; 
  color: #B2CCFF;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 0.1em;
  margin: 0 0 1.4em 0;
  border: none; 
}
* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */


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

table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      { font-weight:bold; }


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

label     { font-weight: bold; display: block; }
div.text input { width:255px; }
textarea  { height: 50px; width: 255px; }


/* Some default classes
-------------------------------------------------------------- */

p.small, #footer   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large   { font-size: 1.2em; color:#2F7882;}
p.xlarge   { font-size: 1.5em; color:#2F7882;}
p.white { color:#fff;}
p.quiet   { color: #666; }
.hide     { display: none; }


/* Layout
-------------------------------------------------------------- */
#header {
	position: relative;
	z-index: 1000;
	height:200px;
	margin-top:21px;
}

#logo { 
	float:left; 
	display: inline;
	margin-right:40px; 
	margin-bottom:0px!important;
	clear: none !important;
	position: relative;
	z-index: 900;
	}

#slogan { 
	float:left;
	display: inline;
	margin:40px 100px 0px 0px;
	position: relative;
	z-index: 900;
	clear: none;
	}

#nav { 
	float:left;
	clear: none;
	height: auto;
	margin:10px 0px 0px 0px;
	font-size:14px;
	}

#nav ul { list-style-type: none; margin-left: 0px; }

#nav li { 
	display:inline; 
	list-style: none; 
	padding-right:25px; 
	text-transform: capitalize;
}

#nav a {
	text-decoration: none;
	color:#999;
	padding: 3px 2px;
}

#nav a { border-bottom:4px solid #fff; }
#nav a.home-link:hover { border-color:#FFB41F; }
#nav a.about-link:hover { border-color:#6BC424; }
#nav a.publish-link:hover { border-color:#FF4129; }
#nav a.school-link:hover { border-color:#D22F90; }
#nav a.news-link:hover { border-color:#D22F90; }
#nav a.contact-link:hover { border-color:#49C29D; }


#banner {
	background-repeat: repeat-x;
	height:351px;
	margin-top:-112px;
	background-position: 0 bottom;
}

#banner img.banner {
	float: left;
	position: absolute;
	left:20px;
	margin-bottom: 0px!important;
}

body #banner { display:none;}
body#home #banner { background-image: url(../img/banners/banner-orange.png); margin-bottom: 0px; display: block;}
body#about #banner { background-image: url(../img/banners/banner-green.png); margin-bottom: 0px;display: block;}
body#publishers #banner { background-image: url(../img/banners/banner-red.png); margin-bottom: 0px;display: block;}
body#schools #banner { background-image: url(../img/banners/banner-purple.png); margin-bottom: 0px;display: block;}

#banner a.readmore {
	z-index: 1000;
}

#main {
/* 	background: #51ABBA url(../img/main-bg-thin2.jpg) repeat-x; */
	background: #94C9D1 url(../img/main-bg-thin2.jpg) repeat-x;
	padding:28px 0px;
	position: relative;
	z-index: 500;
	min-height: 700px;
}


body#home #main,
body#publishers #main,
body#about #main,
body#schools #main {  margin-top:0px; min-height: 500px; }

#main h1 { margin-right:20px;}

#content { 
	background: url(../img/dividingline.png) no-repeat top right;
	padding-bottom:50px; 
	clear:left;
}

#footer {
	margin-top:27px;
	color:#333;
}


div.widget {
	margin-bottom: 3em;
}

.paging * {
	display:inline;
}

.paging {
	margin-bottom:1.5em;
}
/* Page-Specific - based on the <body> class
-------------------------------------------------------------- */
.post img { max-width: 400px; height:auto;}
.post img.alignleft { margin: 0px 1.5em 1.5em 0px;}
.post img.alignright { margin: 0px 0px 1.5em  1.5em;}

.post h1,
.post h3 { margin-right:20px;}

.post .entry {
	display: block;
	clear:both;
	width:400px;
}

.post .posted {
	display: block;
	clear: both;
	margin-bottom: 5em;
}

.cake-sql-log {
	width:950px;
	margin:0px auto;
}

img.smallpic {
	padding:2px; background:#fff; float:left; margin-right:8px; margin-bottom: 50px;
}