/*
Theme Name: Lalbert Primary School
Theme URI: http://www.lalbertps.vic.edu.au
Description: This theme is for the Lalbert Primary School.
Version: 1.0
Author: Holly Alexander
Author URI: http://www.lalbertps.vic.edu.au
*/

p
{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

ul
{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-align: left;
}

h1
{
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   font-weight: normal;
}

h2
{
   font-size: 15px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   font-weight: normal;
}

span.title
{
   font-size: 19px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   margin-left: 80px;
}

span.older_posts a:link
{
   position: absolute;
   left: 0px;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FEBF00;
   text-transform: uppercase;
   text-decoration: none;
   padding: 11px 18px 11px 18px;
   border: 3px solid #FFF;
   background-color: #020568;
}

span.older_posts a:visited
{
   position: absolute;
   left: 0px;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FEBF00;
   text-transform: uppercase;
   text-decoration: none;
   padding: 11px 18px 11px 18px;
   border: 3px solid #FFF;
   background-color: #020568;
}

span.older_posts a:hover
{
   position: absolute;
   left: 0px;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-transform: uppercase;
   text-decoration: underline;
   padding: 11px 18px 11px 18px;
   border: 3px solid #FFF;
   background-color: #020568;
}

span.newer_posts a:link
{
   position: absolute;
   right: 0px;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FEBF00;
   text-transform: uppercase;
   text-decoration: none;
   padding: 11px 18px 11px 18px;
   border: 3px solid #FFF;
   background-color: #020568;
}

span.newer_posts a:visited
{
   position: absolute;
   right: 0px;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FEBF00;
   text-transform: uppercase;
   text-decoration: none;
   padding: 11px 18px 11px 18px;
   border: 3px solid #FFF;
   background-color: #020568;
}

span.newer_posts a:hover
{
   position: absolute;
   right: 0px;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-transform: uppercase;
   text-decoration: underline;
   padding: 11px 18px 11px 18px;
   border: 3px solid #FFF;
   background-color: #020568;
}

div#pagination
{
   float: left;
   width: 586px;
   height: 43px;
   position: relative;
   left: 20px;
}

div#post_info ul a
{
   text-decoration: none;
   color: #FEBF00;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}

div#post_info a:visited
{
   text-decoration: none;
   color: #FEBF00;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}

div#post_info a:hover
{
   text-decoration: underline;
   color: #FFFFFF;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}

div#post_info ul
{
   list-style: none;
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #FFFFFF;
   overflow: hidden;
   position: relative;
   left: -22px;
}

div#post_info ul li.date
{
   float: left;
}

div#post_info ul li.category
{
   float: left;
   margin-left: 12px;
}

div#post_info
{
   background-color: #020568;
   height: 30px;
   width: 580px;
   line-height: 1.8em;
}

a.read_more:link
{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FEBF00;
   text-transform: uppercase;
   text-decoration: none;
}

a.read_more:visited
{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FEBF00;
   text-transform: uppercase;
   text-decoration: none;
}

a.read_more:hover
{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-transform: uppercase;
   text-decoration: underline;
}

div#post_content
{
   width: 580px;
   padding: 10px 0px 3px 0px;
}

div#post_text
{
   width: 545px;
   text-align: left;
   position: relative;
   left: 18px;
}

div.archive_title
{
   float: left;
   width: 580px;
   height: 43px;
   position: relative;
   left: 20px;
   border: 3px solid #FFF;
   background-color: #020568;
   margin-bottom: 10px;
   line-height: 2.6em;
}

div.archive_title span
{
   font-size: 15px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-transform: uppercase;
   position: absolute;
   left: 18px;
}

span.post_title
{
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-transform: uppercase;
   position: absolute;
   left: 18px;
}

a.post_title:link
{
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FEBF00;
   text-transform: uppercase;
   text-decoration: none;
   position: absolute;
   left: 18px;
}

a.post_title:visited
{
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FEBF00;
   text-transform: uppercase;
   text-decoration: none;
   position: absolute;
   left: 18px;
}

a.post_title:hover
{
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-transform: uppercase;
   text-decoration: underline;
   position: absolute;
   left: 18px;
}

div#post_heading
{
   background-color: #020568;
   height: 30px;
   width: 580px;
   line-height: 1.8em;
}

div#post
{
   width: 580px;
   background-color: #0C00A1;
   border: 3px solid #FFF;
   margin-bottom: 10px;
   position: relative;
   left: 20px;
   float: left;
}

ul.blog_list
{
   list-style-type: square;
   color: #0C00A1;
   padding-right: 20px;
}

ul.blog_list a
{
   font-weight: bold;
   text-decoration: none;
   color: #FFFFFF;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}

ul.blog_list a:visited
{
   font-weight: bold;
   text-decoration: none;
   color: #FFFFFF;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}

ul.blog_list a:hover
{
   font-weight: bold;
   text-decoration: underline;
   color: #FFFFFF;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}

div#form_wrapper
{
   height: 50px;
   width: 260px;
}

input.textbox
{
   width: 170px;
   height: 25px;
   line-height: 25px;
   float: left;
   border: 1px solid #CCC;
   background: #FFFFFF;
   color: #333;
   font-family: Arial, Helvetica, sans-serif;
   padding: 2px 7px 2px 7px;
   position: relative;
   left: 19px;
   top: 9px;
}

input.search_button
{
   width: 30px;
   height: 30px;
   float: left;
   position: relative;
   left: 24px;
   top: 9px;
   text-indent: -1500px;
   border: none;
   background: url(images/search_icon.gif) no-repeat left top;
   cursor: pointer;
   overflow: hidden;
   font-size: 0px;
   line-height: 0px;
}

span.sidebar_title
{
   font-size: 19px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   line-height: 1.6em;
}

div.blog_title
{
   width: 260px;
   height: 30px;
   background-color: #FEBF00;
   text-align: center;
}

div#sidebar
{
   width: 260px;
   background-color: #E69801;
   border: 3px solid #FFF;
   position: relative;
   right: 20px;
   float: right;
}

html, body
{
   height: 100%;
   margin: 0px;
   padding: 0px;
}

body
{
   background-color: #FFFFFF;
   background-image: url("images/sky.jpg");
   background-repeat: repeat-x;
   background-attachment: fixed;
}

div#container
{
   width: 979px;
   margin: 0px auto;
   height: auto !important; /* Real browsers. */
   height: 100%; /* IE6. */
   min-height: 100%; /* Real browsers. */
   background-image: url("images/main_bg.gif");
   position: relative;
   border-right: 10px solid #A09F9F;
   border-left: 10px solid #A09F9F;
}

div#wrapper
{
   width: 927px;
   margin: 0px auto;
}

div#header_content
{
   width: 927px;
   height: 234px;
   text-align: left;
   z-index: 200;
   position: relative;
   background-color: #FFFFFF;
}

div#header
{
   width: 927px;
   height: 194px;
   /*background-image: url("images/header.gif");
   background-repeat: no-repeat;
   background-position: center center;*/
}

img#header_img
{
   width: 927px;
   height: 194px;
}

ul#nav_bar
{
   list-style: none;
   height: 34px;
   width: 927px;
   position: relative;
   top: 3px;
   margin: 0px;
   padding: 0;
}

ul#nav_bar li
{
   float: left;
   position: relative;
}

ul#nav_bar li ul#about_us_drop
{
   position: absolute;
}

ul#nav_bar li ul
{
   visibility: hidden;
   position: absolute;
   height: 0;
   top: 34px;
   left: 0;
   width: 168px;
   list-style: none;
}

ul#nav_bar ul li
{
   width: 100%;
}

ul#nav_bar table
{
   position: absolute;
   top: 0;
   left: 0;
   border-collapse: collapse;
}

ul#nav_bar li ul a#message
{
   width: 168px;
   height: 34px;
   background: url("images/message.gif") no-repeat 0 0;
   display: block;
   border-left: 3px solid #FFF;
   border-right: 3px solid #FFF;
   border-top: 3px solid #FFF;
}

ul#nav_bar li ul a#values
{
   width: 168px;
   height: 34px;
   background: url("images/values.gif") no-repeat 0 0;
   display: block;
   border-left: 3px solid #FFF;
   border-right: 3px solid #FFF;
}

ul#nav_bar li ul a#staff
{
   width: 168px;
   height: 34px;
   background: url("images/staff.gif") no-repeat 0 0;
   display: block;
   border-left: 3px solid #FFF;
   border-right: 3px solid #FFF;
}

ul#nav_bar li ul a#history
{
   width: 168px;
   height: 34px;
   background: url("images/history.gif") no-repeat 0 0;
   display: block;
   border-left: 3px solid #FFF;
   border-right: 3px solid #FFF;
   border-bottom: 3px solid #FFF;
}

ul#nav_bar li ul a#message:hover
{
   background-position: 0 -34px;
}

ul#nav_bar li ul a#values:hover
{
   background-position: 0 -34px;
}

ul#nav_bar li ul a#staff:hover
{
   background-position: 0 -34px;
}

ul#nav_bar li ul a#history:hover
{
   background-position: 0 -34px;
}

ul#nav_bar li:hover ul, ul#nav_bar a:hover ul
{
   visibility: visible;
}

ul#nav_bar li:hover a
{
   background-position: 0 -34px;
}

a#home
{
   width: 62px;
   height: 34px;
   background: url("images/home.gif") no-repeat 0 0;
   display: block;
   float: left;
}

a#home:hover
{
   background-position: 0 -34px;
}

a#about_us
{
   width: 85px;
   height: 34px;
   background: url("images/about_us.gif") no-repeat 0 0;
   display: block;
   float: left;
}

a#about_us:hover
{
   background-position: 0 -34px;
}

a#publications
{
   width: 112px;
   height: 34px;
   background: url("images/publications.gif") no-repeat 0 0;
   display: block;
   float: left;
}

a#publications:hover
{
   background-position: 0 -34px;
}

a#photo_gallery
{
   width: 126px;
   height: 34px;
   background: url("images/photo_gallery.gif") no-repeat 0 0;
   display: block;
   float: left;
}

a#photo_gallery:hover
{
   background-position: 0 -34px;
}

a#contact_us
{
   width: 101px;
   height: 34px;
   background: url("images/contact_us.gif") no-repeat 0 0;
   display: block;
   float: left;
}

a#contact_us:hover
{
   background-position: 0 -34px;
}

a#deecd
{
   width: 99px;
   height: 34px;
   background: url("images/deecd_link.gif") no-repeat 0 0;
   display: block;
   float: left;
}

a#deecd:hover
{
   background-position: 0 -34px;
}

a#ultranet
{
   width: 86px;
   height: 34px;
   background: url("images/ultranet.gif") no-repeat 0 0;
   display: block;
   float: left;
}

a#ultranet:hover
{
   background-position: 0 -34px;
}

a#student_blog
{
   width: 116px;
   height: 34px;
   background: url("images/student_blog.gif") no-repeat 0 0;
   display: block;
   float: left;
}

a#student_blog:hover
{
   background-position: 0 -34px;
}

a#events_calendar
{
   width: 140px;
   height: 34px;
   background: url("images/events_calendar.gif") no-repeat 0 0;
   display: block;
   float: left;
}

a#events_calendar:hover
{
   background-position: 0 -34px;
}

div#boxes
{
   width: 927px;
   height: 96px;
   background-color: #FFFFFF;
   z-index: 1;
   position: relative;
}

div#first_blue_box
{
   background-color: #0C00A1;
   width: 307px;
   float: left;
   height: 93px;
   position: relative;
}

div#second_blue_box
{
   background-color: #0C00A1;
   width: 307px;
   float: left;
   height: 93px;
   position: relative;
   left: 6px;
}

div#first_blue_box_top
{
   background-color: #020568;
   height: 30px;
   width: 307px;
   background-image: url("images/updates.gif");
   background-repeat: no-repeat;
   background-position: center center;
}

div#second_blue_box_top
{
   background-color: #020568;
   height: 30px;
   width: 307px;
   background-image: url("images/students.gif");
   background-repeat: no-repeat;
   background-position: center center;
}

div.blue_box_bottom
{
   background-color: #0C00A1;
   height: 22px;
   width: 307px;
   position: absolute;
   bottom: 0px;
}

p.promotion_text
{
   font-size: 11px;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: left;
}

a#publications_small
{
   width: 100px;
   height: 22px;
   border: 0px;
   background: url("images/publications_small.gif") no-repeat 0 0;
   display: block;
   position: absolute;
   left: 207px;
}

a#publications_small:hover
{
   background-position: 0 -22px;
}

div#yellow_box
{
   background-color: #E69801;
   width: 307px;
   float: left;
   left: 3px;
   height: 93px;
   position: relative;
}

div#yellow_box_top
{
   background-color: #FEBF00;
   height: 30px;
   width: 307px;
   background-image: url("images/enrolment.gif");
   background-repeat: no-repeat;
   background-position: center center;
}

div#yellow_box_bottom
{
   background-color: #E69801;
   height: 22px;
   width: 307px;
   position: absolute;
   bottom: 0px;
}

div.box_middle
{
   width: 250px;
   margin: 10px auto 0 auto;
   text-align: left;
   height: 30px;
}

a#contact_us_small
{
   width: 100px;
   height: 22px;
   border: 0px;
   background: url("images/contact_us_small.gif") no-repeat 0 0;
   display: block;
   position: absolute;
   left: 207px;
   bottom: 0px;
}

a#contact_us_small:hover
{
   background-position: 0 -22px;
}

a#photo_gallery_small
{
   width: 100px;
   height: 22px;
   border: 0px;
   background: url("images/photo_gallery_small.gif") no-repeat 0 0;
   display: block;
   position: absolute;
   left: 207px;
}

a#photo_gallery_small:hover
{
   background-position: 0 -22px;
}

div.clear
{
   clear: both;
}

div#content_top
{
   background-color: #FFFFFF;
   width: 927px;
   height: 33px;
   z-index: 1;
   position: relative;
}

div#content_top_box
{
   background-color: #020568;
   width: 927px;
   height: 30px;
   text-align: left;
}

span.title
{
   font-size: 19px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   margin-left: 80px;
   position: relative;
   top: 3px;
}

div#content_middle
{
   width: 927px;
   background-color: #0C00A1;
   padding: 1em 0em 4em 0em; /* Bottom padding for footer. */
   z-index: 1;
   position: relative;
}

div#text
{
   width: 760px;
   text-align: left;
   position: relative;
   left: 80px;
}

div#footer
{
   height: 40px;
   width: 927px;
   background-color: #020568;
   position: absolute;
   bottom: 0px;
   z-index: 1;
   border-top: 3px solid #FFFFFF;
}

p#footer_text
{
   font-size: 8px;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   margin-left: 80px;
   margin-top: 10px;
}

p#footer_text a:link
{
   font-size: 8px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FEBF00;
}

p#footer_text a:visited
{
   font-size: 8px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FEBF00;
}

p#footer_text a:hover
{
   font-size: 8px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

span.bold
{
   font-weight: bold;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

p#error_heading
{
   font-size: 25px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
}

p#error
{
   font-size: 18px;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

span.white_text
{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

a:link
{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FEBF00;
}

a:visited
{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FEBF00;
}

a:hover
{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}