/*
Theme Name: Aireville
Theme URI: http://www.wordsandpics.co.uk/
Description: Default Schools Wireframe
Author: Words&Pictures
Author URI: http://www.wordsandpics.co.uk/
Tags: 

Based on W&P Schools Theme v0.1

*/

@import "menu.css";





html { background: #FFFFFF; }

body { 
	background: white; 
	margin: 0 auto; 
	position: relative; 
	padding: 10px 0; 
	font: normal normal normal 12px/135% Helvetica, Arial, sans-serif;
}

hr {
	display:block;
	clear:both;
	visibility:hidden;
	height: 0;
	width: 100%;
	margin: 0px;
	padding: 0px;
	}


a{
	/* color: #FD8A00; */
	color: #921e21;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a.more  { float: right; }

address{
    font-style:normal;
}

/*----------------
 * LAYOUT BLOCKS
 -----------------*/

.blockHeader{
	width: 955px;
	height: 155px;
	margin: 0 auto;
	background: url(images/header.gif) top left no-repeat; 
	position: relative;
	z-index: 10;
}

.blockContent{
	width: 955px;
	margin: 0 auto;
	display: block;
	padding: 0;

}

#content {
	float: right; 
	width: 760px;
	padding: 0 0 0 0;
}
	
#sidebar {	
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
	width: 190px;
	border: 1px solid white;

}


.blockFooter{
	position: relative;
	width: 955px;
	margin: 0 auto;
	height: 30px;
	background-color: #003174;	

}

	
.blockFooter .content{
	margin: 0 auto;
	width: 900px;
	text-align: center;
	}

.bg-image { 
display: block; 
width: 320px; 
height: 480px; 
margin-left: 20px;
margin-top: -10px;
background: no-repeat top right;
float: right; 
}

/*-------------------
 * HEADER
 --------------------*/

#header {
	float: right;
	padding: 0;
	width: 430px;
	}
	
#header h1{
	margin: 0;
	}
	
#header h1 a{
	text-indent: -10000px;
	display: block;
	width: 430px;
	height: 82px;
	border: none;
	outline: none;
	}
	

	
#headerpanels {
	padding: 30px 0 10px 55px;
	margin-top: 30px;
	height: 100px;
	float: right;
	width: 441px;
	background: url(images/header-panels-bg.gif) top left no-repeat; /*lines & boxes */
	}
	
#headerpanels h1{
	font: normal normal 14px/normal Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0 0 3px 0;
	}
	
#headerpanels p{
	margin: 0;
	padding: 0;
	font: normal normal 10px/normal Helvetica, Arial, sans-serif;
	}
	
#headerpanels a{
	display: block;
	font: normal bold normal 11px/normal Helvetica, Arial, sans-serif;
	color: #000;
	text-decoration: none;
	margin-top: 4px;
	text-align: right;
	}

#headerpanels h1 a{
	font: normal normal 14px/normal Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #3b61ae;
	text-align: left;
	margin-top: 0;
	}

#headerpanels #leftpanel{
	background: url(images/header-panel-1-bg.gif) top left no-repeat;
	width: 111px;
	height: 86px;
	float: left;
	margin: 6px 15px 0 0;
	padding: 10px;
	}
		
#headerpanels #centrepanel{
	background: url(images/header-panel-2-bg.gif) top left no-repeat;
	width: 111px;
	height: 93px;
	float: left;
	margin: 7px 15px 0 0;
	padding: 18px 10px 10px 10px;
	}
		
#headerpanels #rightpanel{
	background: url(images/header-panel-3-bg.gif) top left no-repeat;
	width: 119px;
	height: 93px;
	float: left;
	margin: 17px 0 0 0;
	padding: 18px 10px 10px 10px;
	}
		
		
/*-------------------
 * MAIN CONTENT STYLES
 --------------------*/		
 
 .entry.home{
 	background:url(images/aireville-on-grass.jpg);
	color: #FFFFFF;
	padding-top: 300px;
 }
 
.post h2{
	font: normal normal normal 45px/100% Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px 0 0 0;
	color: #251d55;
	display: inline;
}

	.post h2.calendar{
		font: normal normal normal 25px/100% Helvetica, Arial, sans-serif;
	}

.post ul{
	list-style-image: url(images/black-bullet.gif) left no-repeat;
}

ul.pages {
	list-style: none;
	color: #A81E21;
	font-size: 13px;
	padding: 10px 0 0 0;
}

ul.pages li ul{
	list-style-position: inside;
	list-style-type: disc;
	padding:0;
	margin: 0;
	color: #A81E21;
	font-size: 13px;
}

ul.pages li ul li {
	 padding: 2px 0 0 0;
	 margin: 0 0 0 0;
	 color: #A81E21;
}

ul.pages li a {
}

ul.pages.calendar{
	width: auto;
	float: right;
	list-style-type: none;
	padding:0;
	margin: 0;
	margin-top: 10px;
	background: #003174;
	color: #FFFFFF;
	font: normal normal normal 20px/100% Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}

ul.pages.calendar li{
	padding: 10px 0px 10px 10px;
}

ul.pages.calendar li a{
	 color: #FFFFFF;
}


#post-4 ul.pages {
	position: absolute;
	left: 450px;
	top: 380px;
	list-style: inherit;
    color: white;
	font-size: 13px;
	font-weight: bold;
}
#post-4 ul.pages li a { 
	color: white; 
} 
#post-4 ul.pages li  { 
	padding-bottom: 3px;
	color: white;
}

.listing{
	margin: 0 0 10px 0;
}
	
.listing p{
	margin: 5px 0 0 0;
	padding: 0;
	}	
		
.listing h2{
	font: normal normal normal 12px/1em Helvetica, Arial, sans-serif;
	margin: 0;
	}

.listing h2 a{
	text-decoration: underline;
	}
		
.listing a.readmore{
	color: #000000;
	font: normal bold normal 12px/1em Helvetica, Arial, sans-serif;
	text-decoration: none;
	display: block;
	float: right;
	}
	
.post.contact{
	width: 250px;
	float: left;
	font: normal normal normal 12px/1.2em Helvetica, Arial, sans-serif;
}

/*-------------------
 * SPECIFIC CONTENT STYLES
 --------------------*/

/* Home page */

.frontPage{
}

.frontPage .post{
	width:330px;
	float: left;
	clear: left;
}

.frontPage img.contRightImage{
    /*  width="397" height="498" */
	width:397px;
	height:498px;
	float: right;
	clear: right;
}

/* Contact Content and Form */

.contContact{
	margin: 20px 0 0 0;
	float: left;
	width: 300px;
	clear: left;
}

.contContact h3{
	margin: 0 0 4px 0;
}

.contContact p,
.contContact address{
	margin: 0 0 20px 0;
}


.wpcf7{
	float: right;
	display: block;
	width: 420px;
	background: #bfcbdc;
	padding: 40px;
	margin: 40px 0 77px 0;
	color: #000;
}

.wpcf7 form
{
	padding: 0; margin: 0;
}
	
.wpcf7-response-output
{
	display: none;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0 0 -30px 0;
	border: none;
	color: #FFFFFF;
	padding: 10px;
	background-color: #003174;
	width: 400px;
}
	
.wpcf7-not-valid-tip{
	color: #FF0000;
        width: 200px;
        margin-left: 100px;
        border: none;
        background: transparent;
}
	
.wpcf7 fieldset{
	border: none;
	padding: 0 20px 20px 20px;
}
	
.wpcf7 fieldset legend{
	font: normal normal normal 22px/1em Helvetica, Arial, sans-serif;
	color: #003174;
}
	
.wpcf7  fieldset .wpcf7-form-control-wrap{
	display: block;
	margin: 0;
}
	
.wpcf7 fieldset label{
	width: 170px;
	float: left;
	padding: 5px 0 0 0;
}

.wpcf7 fieldset br{
	clear: both;
}
	
.wpcf7 fieldset .wpcf7-form-control-wrap input{
	border: 2px solid #003174;
	width: 200px;
	height: 15px;
	float: right;
	margin: 0 0 10px 0;
}
	
.wpcf7 fieldset .wpcf7-form-control-wrap textarea{
	border: 2px solid #003174;
	width: 202px;
        height: 60px;
}
	
.wpcf7-list-item { display: block; }

.wpcf7 .submit{
	display: block;
	text-decoration: none;
	padding: 0;
	height: 23px;
	width: 205px;
	text-align: center;
	margin: 0 0 3px 0;
	float: right;
}

.wpcf7 .submit input{
	padding: 2px 0;
	font-size: 14px;
	width: 100%;
	background: #003174;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;	
}

/* bodyfp / homepage */
.frontPage {
	/*background: #cccccc;*/
}

.frontPage #content .post {
/*	height: 538px; */
}

/*
# ---
# HOME PAGE
# ---
*/

.frontPage #content .post .welcome { /* based on bg-image */
    /* background-color: #000099; */ /*for remote testing*/
	display: block;
	float: left;
	width: 418px;
	height: 158px;
	padding: 235px 0 0 0;
	/* margin-left: -20px; */ /* breaks things on IE 6 */
	background: no-repeat top right;
}

.frontPage #content .post h2 {
	color: #ffffff;
	padding: 0 10px;
	margin: 0;
}

.frontPage #content .post .entry p {
	color: #ffffff;
	font-size: 12px;
	padding: 0 180px 0 10px;
	margin: 0;
	float: left;
}
	.frontPage #content .post .entry p a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: underline;
	}
		.frontPage #content .post .entry p a:hover {
			color: #921e21;
		}

.quote {
	display: inline;
	color: #002066;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

	.quote p{
		display: block;
		margin: 0;
		padding-left: 20px;
	}

.frontPage .newspanel {
	display: block;
	float: right;
	width: 360px;
	margin: 0 -40px 0 0;
}
	.frontPage .newspanel h3 {
		width: 304px;
		margin: 0px 0px 0px 0px;
		padding: 3px 3px 3px 13px;
		background: #002066;
		color: #ffffff;
		font-size: 17px;
		font-weight: normal;
	}
	
	.frontPage .newspanel ul {
		width: 318px;
		margin: 0;
		border: 0;
		padding: 0;
		
	}
	
	.frontPage .newspanel li {
		position: relative;
		display: block;	
		width: 288px;
		height: 114px;
		margin: 10px 0 0 0;
		padding: 0 20px 0 0;
		border: none;
		border-left: 10px solid #002066;
		background: #afafd1;
	}
	
	.frontPage .newspanel li#panel2 {
		background: #d6d6e6;
	}
	
	.frontPage .newspanel li#panel3{
		background: #e3e4ef;
	}

		.frontPage .newspanel li h4 {
            float: right;
			width: 165px;
			background: none;
			color: #002066;
			margin: 0px;
			font-size: 14px;
			padding: 10px 20px 5px 0;
		}
		
			.frontPage .newspanel li h4 a {
				color: #002066;
			}
			
				.frontPage .newspanel li h4 a:hover {
					color: #000000;
				}
			
			.frontPage .newspanel li.alt h4 {
				padding-left: 10px;
				float: none;
			}
		
		.frontPage .newspanel li p {
			margin: 0px;
			padding: 0px 10px 5px 10px;
			font-size: 11.5px;
			line-height: 14px;
            float: right;
			width: 175px;
		}
		
			.frontPage .newspanel li p a {
				color: #000000;
				font-weight: bold;
				text-decoration: underline;
			}
			
				.frontPage .newspanel li p a:hover {
					color: #002066;
				}
			
			.frontPage .newspanel li.alt p {
				padding-left: 10px;
				float: left;
			}
		
		.frontPage .newspanel li img {
			display: block;
			clear: both;
			float: left;
			width: 91px;
			height: 114px;
			margin: 0px;
			border: none;
			padding: 0;
		}


			
			.frontPage .newspanel li.alt img {
				float: right;
			}
	
	
/*Calendar override */

.entry .ics-calendar-header div{
	padding: 0 50px;
	color: #003174;
	font: normal bold normal 20px/1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

/*-------------------
 * FUNCTIONAL
 --------------------*/
.fRight{ float: right; }
.fLeft{	float: left; }

/* Table is used for repeating lists on letters home and calendar - odd and even generated by jQuery */

table {
	background-color: white; 
	border: 0; 
	padding: 0; 
	margin: 0; 
	width: 100%;
}

tr { background-color: #A1A1C6; }
td, th { padding: 4px 6px;  }
td, td a { color: #003174; }
th { background-color: #921e21; color: #FFFFFF; text-align: left; }
.even { 
    background-color: #CECDE2; 
}
.search .post img {float:right;} 
.search .post { clear: both; display: block; padding-top: 10px;}

.tableControls select#letterFilter {
	float: right;
	width: 164px; /* Same size as letters table right-column so it looks nicer */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #cecde2;
	font-size: 13px;
}

.tableControls button {
	float: right;
	width: 164px; /* Same size as letters table right-column so it looks nicer */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #cecde2;
	font-size: 13px;
}

table.letters{
}

table.letters th a{
	color: #FFFFFF;
	cursor:pointer;
	text-decoration:underline;
}

table.letters tr td .marker{
	background-color: #002066;
	width: 10px;
	height: 10px;
	font-size: 1px;
}

table.letters th a:hover{
	text-decoration:none;
}

table.letters th.date{
	width: 100px;
}

table.letters th.yearFilter{
	width: 50px;
}

/* Newspanel class is used on lists of posts - news, showcase etc  */

.newspanel {
	float: left;
	margin: 0 0 5px 0;
}
.newspanel ul, .newspanel li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.newspanel li {
    padding: 4px 0;
    display: block;
    width: 400px;
    border-top: 4px solid white;
    min-height: 100px;
    height:auto;
 }
 
.newspanel li img { float: right;  border: none; border-left: 10px solid #ffffff; margin-top: 0;}
.newspanel .entry { margin-bottom: 8px;  }
.newspanel h4 { margin: 0; padding: 2px; font-size: 1em; background: #8ca2c0; display: block; width:395px;}
.newspanel h4 a{color: #000000;}
.newspanel p { margin: 0; padding: 4px 0 14px 0; }
.newspanel .more { padding-bottom: 4px; }

/*
 * Pagination
 */
.pages .older{
	float:left;
}
.pages .newer{
	float:right;
}

/* NOTE - A RULE WILL NEED ADDING IN FOR THESE PER PAGE ID THAT IS SET UP 
 * IN THE NEWS AND UPDATES CATEGORY  */

/*
IDs to accomodate:
45
103
269
1053
1055
1057
*/

#newspanel-45,
#newspanel-103,
#newspanel-269,
#newspanel-1053,
#newspanel-1055,
#newspanel-1057{
       position: absolute;
       right: 0;
       top: 0;
	   /* background-color: #fceacc; */
       padding: 10 0 0 10px;
	   width: 300px;
}
#newspanel-45 h4,
#newspanel-103 h4,
#newspanel-269 h4,
#newspanel-1053 h4,
#newspanel-1055 h4,
#newspanel-1057 h4{
	width: 276px;
}
#newspanel-45 li,
#newspanel-103 li,
#newspanel-269 li,
#newspanel-1053 li,
#newspanel-1055 li,
#newspanel-1057 li{
   width: 280px;
}

.post#post-45 h2, #post-45 .entry,
.post#post-103 h2, #post-103 .entry,
.post#post-269 h2, #post-269 .entry,
.post#post-1053 h2, #post-1053 .entry,
.post#post-1055 h2, #post-1055 .entry,
.post#post-1057 h2, #post-1057 .entry{
	   display: block;
       width: 440px;
	   /* background-color: #fceacc; */
}

#newspanel-45 li .entry,
#newspanel-103 li .entry,
#newspanel-269 li .entry,
#newspanel-1053 li .entry,
#newspanel-1055 li .entry,
#newspanel-1057 li .entry{
       width: auto;
}



/* TODO: this should be targeted by the post*/
#newspanel-4 {
    /*position: relative;*/
   	float: left;
	display: inline;
    padding-top: 10px;
}

/* Gallery list is an alternate to newspanel - used in showcase */

.gallerylist ul, .gallerylist li { position: relative; list-style: none; margin: 0; padding: 0; }
.gallerylist li { padding: 4px 28px; display: block; width: 160px; border-top: 10px solid white; background-color: #fceacc; 
	margin-right: 10px; float: left;
  min-height: 140px;
  height:auto !important;
  height: 140px;
 }
.gallerylist li img.thumbnail { border: none; width: 160px; }
.gallerylist .entry { margin-bottom: 8px; }
.gallerylist h4 { margin: 0; padding: 0 0 5px 0; font-size: 12pt;  }
.gallerylist p { margin: 0; padding: 4px 0 14px 0; }
.gallerylist .more { font: bold 12px "Trebuchet MS", Helvetica, sans-serif; }
.gallerylist .more a { color: #2c2962; }

/* #newspanel-16 - 16 is the ID of the audio showcase page -
 * this allows us to re-style the list of audio file posts -
 * as these don't contain images! */

#newspanel-16 ul { list-style: square inside; margin: 0; padding: 0; }
#newspanel-16 li { list-style: square inside; padding: 4px 0 4px 30px; margin: 2px 0;  
  width: auto; 
  border: none; 
  float: none;
  min-height: 2.3em;
  line-height: 2.3em;
  height: 2.3em !important;
 }

.galleries ul { list-style: none; padding: 4px 8px; margin: 10px 0 0 0; background-color: #fceacc; }
.galleries li { font-weight: bold; padding-bottom: 5px }
.galleries ul ul { list-style-type: square; padding-left: 10px; margin-left: 20px; }
.galleries li li { font-weight: normal; }
.galleries li li a { font: bold 12px "Trebuchet MS", Helvetica, sans-serif; color: #2c2962;  }


#meta {
border-top: 2px solid #c1c6dc;
margin-top: 5px;
padding-top: 3px;
	line-height: 1.45em;
	font-size: 13px;
}

#meta a { color: #2c2962;


.post { position: relative; }

/* Set home page quote */

#post-63 h2, #post-63 p { 
	color: #3b62ae; 
	font-family: arial, helvetica, sans-serif; 
	font-style: italic; 
	width: 185px;
	margin-left: -20px;
	line-height: 1.2em;
}

#post-63 h2 {
font-weight: normal;
font-size: 19px;
padding-top: 15px
}
#post-63 p {
font-size: 10px;
}
#post-63 img { margin: 2px 0; }

#post-31 { position: relative; }