/*
Theme Name: Lancaster Learning
Theme URI: http://www.lancasterlearning.co.nz
Description: The 2010 default theme for Lancaster Learning
Author: David Organ
Version: 1.0 
*/

body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; font-size: 12px;}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;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

* {
margin: 0px;
}

html {
margin: 0;
padding: 0;
background: #58bbd5; /* bg blue */
font-family: Arial, sans-serif;
color: #282858; /* dark blue */
}

body {
background: url(images/bg.jpg) no-repeat top;
}

body {
height: 100%;
}

h1 {
margin: 0px;
padding: 0px 0px 10px 0px;
color: #4dd5ff; /* bright blue */

font-size: 18px;
font-weight: bold;
}

h2, h2 a {
margin: 0px;
padding: 5px 0px 10px 0px;
color: #4dd5ff; /* bright blue */
font-family: Arial;
font-size: 16px;
font-weight: bold;
}

h2 a:hover {
text-decoration: underline;
} 

h3 {
margin: 0px;
padding: 5px 0px 10px 0px;
color: #4dd5ff; /* bright blue */
font-family: Arial;
font-size: 14px;
}

h4 {
margin: 0px;
padding: 2px 0px 2px 0px;
color: #4dd5ff; /* bright blue */
font-family: Arial;
font-size: 14px;
}

p {
padding: 6px 0px;
line-height: 18px;
font-size: 14px;
font-family: Arial;
color: #282858; /* dark blue */
}

strong {
font-weight: bold;
}

a {
text-decoration:  none;
color: #282858; /* dark blue */
}

.blue {
text-decoration:  none;
color: #4dd5ff; /* bright blue */
}

#container {
width: 880px;
margin: 0px auto;
}

#header {
width: 880px;
height: 250px;
margin: 0px;
padding: 0px;
}

#logo {
float: left;
width: 360px;
height: 250px;
}

#logo img.logo-img {
margin: 40px 0px 0px 0px;
}

#menu {
float: left;
width: 520px;
height: 250px;
}

#menu a {
float: left;
display: block;
padding: 0px;
margin: 0px;
font-size: 16px;
height: 16px;
}

#menu a:hover {
color: #fe0000; /* red */
}

.current_page_item a {
color: #fe0000; /* red */
}

#menu li.page-item-10 a{
width: 100px;
height: 30px;
margin: 0px 0px 0px 210px;
text-align: center;
}


#menu li.page-item-8 a {
width: 100px;
height: 30px;
margin: -10px 0px 0px 110px;
text-align: center;
}

#menu li.page-item-15 a {
width: 100px;
height: 30px;
margin: 0px 0px 0px 100px;
text-align: center;
}

#menu li.page-item-2 a {
width: 100px;
height: 30px;
margin: -3px 0px 0px 20px;
text-align: center;
}

#menu li.page-item-14 a {
width: 120px;
height: 30px;
margin: -15px 0px 0px 70px;
text-align: center;
}

#menu li.page-item-12 a {
width: 100px;
height: 30px;
margin: 0px 0px 0px 88px;
text-align: center;
}

#menu .row-one {
clear: both;
height: 30px;
padding: 0px;
margin: 100px 0px 0px 0px;
}

#menu .row-two {
clear: both;
height: 30px;
margin: 20px 0px 0px 0px;
}

#menu .row-three {
clear: both;
height: 30px;
margin: 50px 0px 0px 0px;
}

#content {
width: 880px;
padding: 0px 0px 20px 0px;
margin: 0px;
background: #fff;
}

#left-col {
float: left;
width: 570px;
padding: 0px 10px 20px 20px;
}

#left-col-error{
float: left;
width: 570px;
padding: 0px 10px 20px 20px;
border: 0px solid #ff0000;
background-color: #fff;
}

#banner {
clear: both;
width: 570px;
height: 250px;
margin: 10px 0px 20px 0px;
}

#banner img {
width: 570px;
height: 250px;
margin: 0px;
padding: 0px;
}

#left-col a:hover {
text-decoration: underline;
}

#left-col ul {
padding: 6px 0px;
}

#left-col ul li {
margin-left: 15px;
line-height: 18px;
font-size: 14px;
list-style: disc;
}

#left-col .post-entry {
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #282858; /* dark blue */
}

a.more-link {
color: #4dd5ff; /* bright blue */
}


a.more-link:hover {
text-decoration: underline;
}

#right-col {
float: right;
width: 270px;
padding: 0px 0px 0px 10px;
}

.parent {
width: 270px;
min-height: 360px;
}

#quoterotator {
padding: 0px 20px 10px 0px;
line-height: 18px;
}

#quoterotator p{
padding: 0px 0px 0px 0px;
line-height: 18px;
font-family: comic sans, verdana, arial;
font-style: italic;
}



#quoteauthor {
display: block;
clear: both;
padding: 0px;
margin: 0px;
font-size: 14px;
font-weight: bold;
}

.news {
position: relative;
width: 290px;
height: 275px;
margin: 0px 0px 20px -20px;
background: url(images/news-bg.jpg) no-repeat;
z-index: 999;
}

.news-block {
position: relative;
width: 245px;
height: 110px;
padding: 40px 0px 0px 0px;
margin: 0px auto;
}

.entry-excerpt {
clear: both;
height: 15px;
padding-bottom: 10px;
}

.entry-excerpt h3 {
height: 15px;
padding: 0px;
margin: 0px;
font-size: 14px;
font-weight: bold;
}

.entry-excerpt h3 a:hover {
text-decoration: underline;
}

a.more-link {
display: block;
clear: both;
padding: 5px 0px;
}

.clear {
clear: both;
}

#footer {
width: 816px;
height: 16px;
padding: 10px;
margin: 0px auto;
border: 2px solid #282858; /* dark blue */
background: #fcf915; /* yellow */
}

#footer ul {
width: 660px;
padding: 0px;
}

#footer ul li {
float: left;
padding: 2px 10px 0px 0px;
}

#footer ul li a:hover {
text-decoration: underline;
}

p.credits {
float: right;
padding: 0px;
font-size: 12px;
}

p.credits a {

}

p.credits a:hover {
text-decoration: underline;
}


/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

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

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */