@charset "UTF-8";

/*
Theme Name: Primary Schools
Theme URI:
Description: Theme for Primary Schools
Author: Creative Corner
Author URI: http://www.creative-corner.co.uk/schools
Version: 1.0
*/

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

body  {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #FF99FF;
}

#container {
	width: 750px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header {
	height: 100px;
	float: right;
} 

#sidebar1 {
	width: 175px;
	float: left;
}

.badge {
}

#side1_top {
	background-image: url(images/side1_top.gif);
	background-position: 50% 0%;
	background-repeat: no-repeat;
}
#side1_stretcher {
	background-image: url(images/side1_stretcher.gif);
	background-position: 50% 0%;
	background-repeat: repeat-y;
	margin-top: -4px;
}
#side1_content {
	padding: 10px 0 0 20px;
	min-height:345px;
	height:auto !important;
	height:345px;
	background-image: url(images/side1_top.gif);
	background-repeat: no-repeat;
}
#sidebar1_bottom {
}

#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* padding keeps the content of the div away from the edges */
}
.side2_top {
	background-image: url(images/side2_top.gif);
	background-position: 50% 0%;
	background-repeat: no-repeat;
}
.side2_stretcher {
	background-image: url(images/side2_stretcher.gif);
	background-position: 50% 0%;
	background-repeat: repeat-y;
}
.side2_content {
	padding: 0 30px 0 15px;
}
.sidebar2_bottom {
}

#mainContent {
	float: right;
	width: 550px;
} 
#footer {
	margin: 0 0 0 200px;
	text-align: center;
	clear: both;
} 
#footer p {
	font-size: 95%;
	margin: 0 0 5px 0;
	color: #000099;
}
#footer .credit {
	font-size: 75%;
	margin: 0 0 10px 0;
	color: #000000;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:right;
	height:0px;
	font-size: 1px;
	line-height: 0;
}
.events-panel {
	float: right;
	margin: 0 0 20px 20px;
	background-color: #FFCCCC;
	padding: 10px 10px 10px 15px;
	width: 170px;
    -moz-border-radius: 15px 15px 15px 15px;
}

.twitter-message {
	font-style: italic;
	background-color: #FFFFCC;
	padding: 25px 3px 2px 3px;
	font-size: 100%;
	font-weight: bold;
	color: #990000;
	font-family: "Comic Sans MS", "Times New Roman", serif;
	background-image: url(/wp-content/themes/Schools%20Primary/images/post-it.jpg);
	background-repeat: no-repeat;
	text-align: center;
	border-bottom: solid #CCCCCC 1px;
}


/* masternav */

#masternav {
	width: 100px;
	text-align: center;
	padding: 0 20px 0 20px;
	font-family: "Comic Sans MS", "Times New Roman", serif;
}
#masternav ul {
	margin-bottom: 10px;
}
#masternav li {
	line-height: 120%;
	padding: 0 0 6px 0;
	font-size: 100%;
}
#masternav li li {
	line-height: 100%;
	padding: 6px 0 0 0;
	font-size: 90%;
}
#masternav ul ul {
	margin-bottom: 6px;
}

.menutitle{
	cursor:pointer;
	padding: 0;
}

.submenu{
}


#masternav a {
	color: #FF0000;
	text-decoration: none;
}
#masternav a:hover {
	color: #990000;
	text-decoration: none;
	background-color: none;
}
#masternav a:active {
	color: #FF0000;
	text-decoration: none;
	background-color: none;
}

/* styles */

p {
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	color: #000099;
	font-family: "Comic Sans MS", "Times New Roman", serif;
}

h1 {font-size:140%;}
h2 {font-size:130%;}
h3 {font-size:120%;}
h4 {font-size:110%;}
h5 {font-size:100%;}
h6 {font-size: 90%; font-weight: normal;}

a {
	color: #FF3300;
	text-decoration: none;
}
a:hover {color: #33CC00; text-decoration: none;}
a:active { color: #FFFF00; text-decoration: none; background-color: none;}

ul, ol { }

li { list-style: none; font-size: 95%; line-height: 100%; padding: 5px 0 0 0;}

blockquote { padding: 0 20px 0 20px; font-style: italic;}

#mainContent p {line-height: 160%; margin: 0 0 15px 0;}

#mainContent h1 {
	margin: 0 0 10px 0;
	display: block;
}

#mainContent h2 {
    margin: 20px 0 5px 0;
	line-height: 110%;
	display: block;
	clear: both;
}

#mainContent h4 {
	margin-bottom: 2px;
}

#mainContent h5 {
	margin-top: 0;
}

#mainContent a {
	color: #FF0000;
	text-decoration: none;
}

#mainContent a:hover {
	color: #990000;
	text-decoration: none;
}

#mainContent a:active {
	color: #FF0000;
	text-decoration: none;
	background-color: none;
}

#mainContent ul, #mainContent ol {
	padding: 5px 0 10px 15px;
	margin: 0 0 0 0;
}
#mainContent li {
	font-size: 100%;
	list-style-position: outside;
	line-height: 125%;
	list-style-image: url(images/bullet.gif);
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}
#links ul, #links ol {
	padding: 10px 20px 10px 0;
	margin: 0 0 0 0;
}
#links li {
	font-size: 100%;
	list-style-position: inside;
	line-height: 125%;
	list-style-image: url(noimage);
	width: 500px;
	display: block;
	clear: both;
}
#links img {
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
}

table {
	padding: 5px;
	margin: 5px 0 20px 0;
}

table td {
	padding: 5px;
}

.ruledtable {
	margin: 30px 0 30px 0;
	border-top: solid #003399 1px;
}
.ruledtable td {
	padding: 10px 20px 10px 0;
	border-bottom: solid #003399 1px;
}
#mainContent img {
}

#DiaryDates li {
	font-size: 90%;
	list-style-type: none;
	list-style-position: inside;
	margin: 0 0 15px 0;
	line-height: 150%;
	list-style-image: url(none);
	color: #000099;
}
#DiaryDates a {
	font-size: 120%;
	padding-left: 20px;
}
#DiaryDates  ul  {
	margin: 10px 0 25px 0;
}
input {
	border: solid #003399 1px;
	padding: 2px;
	margin: 0 0 5px 0;
}
.form_text {
	font-size: 80%;
	color: #107941;
}
.sitedesignby {
	font-size: 80%;
}


/* Wordpress classes */

.widgettitle {
	margin: 20px 0 5px 0;
	line-height: 110%;
}

.breadcrumbs {
	margin: 30px 0 10px 0;
	font-size: 100%;
}

.description {margin: 0 0 30px 0;}

.storytitle {
	font-size: 120%;
	margin: 10px 0 5px 0;
	display: block;
	color: #000099;
	clear: both;
	font-family: "Comic Sans MS", "Times New Roman", serif;
}
.rs_event_meta {
	color: #000099;
	margin-bottom: 5px;
}

.storycontent {margin: 0 0 10px 0;}

	
.excerpt {
	margin: 0 0 30px 0;
	display: block;
}
.excerpt img {
	float: left;
	margin: 5px 7px 25px 0;
}
.categories {
	font-size: 80%;
	margin-bottom: 10;
}

.meta {margin: 0 0 25px 0; visibility: hidden; font-size: 80%;}

.feedback { margin: 0 0 25px 0; visibility: hidden;}

.nocomments { margin: 0 0 25px 0; visibility: hidden;}

.post {
	margin: 0 0 10px 0;
}

.wplc_event_name {
	font-weight: bold;
	color: #FF3300;
	font-size: 120%;
}
.wplc_event_start_time {
}
.wplc_event_desc {
	font-style: italic;
	padding-bottom: 20px;
}

.wp-caption-text {
	font-style: italic;
	font-size: 80%;
	text-align: center;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }


/*	Images: 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-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 25px 12px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 12px 25px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* display and additional classes */
.clear { clear: both; }

/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
	font-family: arial,helvetica,sans-serif;
	font-size: 80%;
	line-height: 130%;
	text-align: center;
	color: #333;
	border-bottom: 2px solid #0099ff;
	padding: 0 0 5px 0;
}
.imagecaptioneasy img {
	border: 0 solid #fff;
	margin-bottom:5px;
	line-height: 150%;
}
.imagecaptioneasy span {
	text-align: center;
	padding: 0 5px 0 5px;
}
.imagecaptioneasy_top_left { margin: 0 12px 12px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 12px 12px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 12px 0; float: none; }
.imagecaptioneasy_left { margin: 6px 12px 12px 0; float: left; }
.imagecaptioneasy_right { margin: 6px 0 12px 12px; float: right; }
.imagecaptioneasy_nowrap { margin: 6px 0 12px 0; float: none; }

.delicious-link {
	font-weight: bold;
	color: #990000;
}