/*
Theme Name: Cottingham High School
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/1.2em Verdana, Arial, Helvetica, sans-serif;
}

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


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

a:hover{
	text-decoration: underline;
}

a.more  { float: right; }


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

.bodyfP .blockFooter{
margin-top: -69px !important;
margin-top: -80px;
}

.blockHeader{
	width: 995px;
	height: 220px;
	margin: 0 auto;
	background: url(images/header-stripes-trans.png) bottom left no-repeat; /* lower stripes*/
	position: relative;
	z-index: 10;
}

.blockContent{
	width: 995px;
	margin: 0 auto;
	display: block;
	/*margin-top: -10px;*/
	margin-top: -30px;
}

#content {
	float: right; 
	width: 680px;
	padding: 30px 0 0 20px;
}
	
#sidebar {
	padding: 40px 0 0 10px;
	margin: 0 0 80px 0;
	width: 275px;
	height: 400px;
	display: block;
	background: url(images/navigation-bg-trans.png) top left no-repeat;
}

.blockContent.frontPage{
	background: url(images/home-bg.jpg) top left no-repeat;
	height: 550px;
}

.blockFooter{
	/* z-index: 20; */
	position: relative;
	width: 995px;
	margin: 0 auto;
	height: 30px;
	/* margin-top: -64px; */
	
}


#footer { 
 	height: 30px;
	/* background: #FFFFFF;
	opacity: 0.6;
	filter: alpha(opacity=60); */
	}
	
.blockFooter .content{
	margin-top: -30px;
	}

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

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

#header {
	float: left;
	padding: 30px 90px 30px 0 !important;
	padding: 20px 90px 20px 0 !important;
	background: url(images/logo.gif) bottom right no-repeat; /* ship logo*/
	width: 390px;
	}
	
#header h1{
	margin: 0;
	}
	
#header h1 a{
	text-indent: -10000px;
	display: block;
	width: 384px;
	height: 82px;
	border: none;
	outline: none;
	background: url(images/cottingham-header.gif) top left no-repeat; /*cottingham text header*/
	}
	
#header .description{
	text-indent: -10000px;
	margin: -8px 0 0 165px;
	display: block;
	width: 172px;
	height: 19px;
	background: url(images/cottingham-subheader.gif) top left no-repeat; /*cottingham sub header*/
	}
	
#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 "Trebuchet MS", Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 3px 0;
	}
	
#headerpanels p{
	margin: 0;
	padding: 0;
	font: normal normal 10px/normal arial, Helvetica, sans-serif;
	}
	
#headerpanels a{
	display: block;
	font: normal bold normal 11px/normal "Trebuchet MS", Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	margin-top: 4px;
	text-align: right;
	}

#headerpanels h1 a{
	font: normal normal 14px/normal "Trebuchet MS", Helvetica, 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
 --------------------*/		
 
.galleries{
    width: 320px;
} 

.post h2{
	font: normal bold normal 25px/100% "Trebuchet MS", Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #251d55;
}

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

ul.pages{
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0;
        font-weight: bold;
	color: #251d55;
	font-size: 11px;
}


ul.pages li { padding: 0; margin: 0; }

ul.pages li a { color: #251d55; font: normal bold normal 14px/1.3em "Trebuchet MS", Helvetica, sans-serif; }

#post-4 ul.pages {
	position: absolute;
    z-index: 100;
	left: 390px;
	top: 310px;
	list-style: inherit;
        color: white;
}
#post-4 ul.pages li a { 
	color: white; 
} 
#post-4 ul.pages li  { 
	padding-bottom: 3px; 
} 
	

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

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

/*-------------------
 * MAIN CONTENT STYLES
 --------------------*/	

/* Contact Form */	


#wpcf7-f1-p31-o1 {
	display: block;
	width: 420px;
	float: right;
	
    background:   url(images/contact-box-bottom.gif) bottom left no-repeat;
	padding: 0 0 34px 0;
	margin: 0 0 0 0;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
}

#wpcf7-f1-p31-o1 form {
	background: #3B62AE url(images/contact-box-top.gif) top left no-repeat;
padding: 10px 0 0 0; margin: 0;
	}
	
#wpcf7-f1-p31-o1 .wpcf7-response-output{
	display: none;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0 0 -30px 0;
	border: none;
	color: #FFFFFF;
	padding: 10px;
	background-color: #FD8A00;
	width: 400px;
}
	
#wpcf7-f1-p31-o1 .wpcf7-not-valid-tip {
	color: #FF0000;
        width: 200px;
        margin-left: 100px;
        border: none;
        background: transparent;
}
	
#wpcf7-f1-p31-o1  fieldset{
	border: none;
	padding: 0 20px 0px 20px;
	margin
}
	
#wpcf7-f1-p31-o1  fieldset legend{
	font: normal normal normal 22px/1em Arial, Helvetica, sans-serif;
	color: #FD8A00;
}
	
#wpcf7-f1-p31-o1  fieldset .wpcf7-form-control-wrap{
	display: block;
	margin: 0 0 10px 0;
    float: right;
}
	
#wpcf7-f1-p31-o1  fieldset label{
	width: 150px;
	float: left;
	padding: 5px 0 0 0;
}
		
#wpcf7-f1-p31-o1  fieldset br{
	clear: both;
}
	
#wpcf7-f1-p31-o1 fieldset .wpcf7-form-control-wrap input{
	border: 2px solid #FD8A00;
	width: 200px;
	height: 15px;
	float: right;
	margin: 0;
}
	
#wpcf7-f1-p31-o1 fieldset .wpcf7-form-control-wrap textarea{
	border: 2px solid #FD8A00;
	width: 202px;
        height: 60px;
}
	
.wpcf7-list-item { display: block; }

#wpcf7-f1-p31-o1 .submit {
	background:transparent url(images/nav-bg-trans.png) no-repeat scroll left top;
    border:medium none;
    display:block;
    float:right;
    height:23px;
    margin:0 0 3px;
    padding:0;
    text-decoration:none;
    width:153px;	
}
#wpcf7-f1-p31-o1 .submit input {
	padding: 2px 10px 5px 10px;
	font-size: 14px;
	color: #1A0C3F;
	border: none;
	background: transparent;
    width:153px;	
}
	
#wpcf7-f1-p31-o1 p {
    padding: 0 0 10px 0;
    margin: 0;
}    
    
/*-------------------
 * FUNCTIONAL
 --------------------*/
.fRight{ float: right; }
.fLeft{	float: left; }

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

.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 {
background-color: white; 
border: 0; 
padding: 0; 
margin: 0; 
width: 100%;
}

tr { background-color: #fbcf8e; }

td, th { padding: 4px 6px;  }

td, td a { color: #2c2962; }

th { background-color: #2c2962; color: white; text-align: left; }

.even { 
background-color: #fceacc; 
color: green; 
} 

.search .post img {float:right;} 
.search .post { clear: both; display: block; padding-top: 10px;}

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

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

/* 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: 12px;  }
.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-25 ul { list-style: square inside; margin: 0; padding: 0; }
#newspanel-25 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: 0; margin-left: 20px; }
.galleries li li { font-weight: normal; }
.galleries li li a { font: bold 12px "Trebuchet MS", Helvetica, sans-serif; color: #2c2962;  }


#meta {
	position: absolute;
	top: 390px;
	margin-left: -305px;
	line-height: 1.45em;
    width: 300px;
}


#meta.category{
    top:650px;
    margin-left: 0px;
}

.post { position: relative; }

#newspanel-45, #newspanel-56, #newspanel-50, #newspanel-53, #newspanel-61, #newspanel-267, #newspanel-269, #newspanel-153, #newspanel-2303, #newspanel-2315, #newspanel-2317, #newspanel-2319, #newspanel-2321   {position: absolute; right: 10px; top: 0; /* background-color: #fceacc; */ padding: 10px; width: 290px; }

#newspanel-45 li, #newspanel-56 li, #newspanel-50 li, #newspanel-53 li, #newspanel-61 li, #newspanel-267 li, #newspanel-269 li, #newspanel-2303 li, #newspanel-2315 li, #newspanel-2317 li, #newspanel-2319 li, #newspanel-2321 li { width: 290px; }

#post-45 h2, #post-45 p, #post-56 h2, #post-56 p, #post-50 h2, #post-50 p, #post-53 h2, #post-53 p, #post-61 h2, #post-61 p, #post-267 h2, #post-267 p, #post-269 h2, #post-269 p, #post-2303 h2, #post-2303 p, #post-2315 h2, #post-2315 p, #post-2317 h2, #post-2317 p, #post-2319 h2, #post-2319 p, #post-2321 h2, #post-2321 p  {width: 350px; }

#post-45 li p, #post-56 li p, #post-50 li p, #post-53 li p, #post-61 li p, #post-267 li p, #post-269 p, #post-2303 li p, #post-2315 li p, #post-2317 li p, #post-2319 li p, #post-2321 p {width: auto; }

#newspanel-4 {  padding-top: 10px;}

/* 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; }

#ics-calendar-custom-prev, #ics-calendar-custom-next { display: block; width: 33%; color: #009812; font-weight: bold; }
#ics-calendar-custom-next { float: right; text-align: right; }
#ics-calendar-custom-prev { float: left;  }