/*

Theme Name: St Annes Denton Theme

Theme URI: http://www.st-annes-denton.tameside.sch.uk/

Version: 1.0.1

Author: http://www.mglworld.com

*/





/* Overal setup */



* { margin:0; padding:0; }

body { background-image:url(images/bg.jpg); background-repeat: repeat-x ; background-color: #fa3232; color:#000; font:12px/14px Verdana; }

a   { color:#000;text-decoration:none;outline:0; font-weight: bold; }

a:hover { color:#c40404; }

a img { border: none; }

p { line-height:1.25em; padding:0.5em 0; margin:0;}

h1  { font-size:30px; } 

h2  { font-size:18px; padding-bottom:10px; font-weight: bold; color:#ec1b35;} 

h3  { font:bold 14px Verdana;color:#000;text-transform:capitalize; }

h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; }

h4  { font-size:14px; }

code { font: 11px  "Courier New"; color:#666; padding:5px;padding:5px 0;display:block;border-left:1px solid #903000; }

blockquote { color:#ddd; padding:5px;font: 12px Verdana;line-height:1.4em; }

.clear { clear: both; }



/* header */

#wrapper-push {display: block; margin: 0 auto; height: 40px;}



#header { background: url(images/header.jpg) no-repeat 0 bottom transparent;width:970px;margin:0 auto; height:325px; position:relative; }

#main-wrapper { background: transparent none repeat-y;display:block; margin:0 auto;width:970px;text-align:left; }

#main-content {background: url(images/bggrad.gif) repeat-y; display:block;width:970px;text-align:left; padding:0; margin:0;}



#content { width: 690px; padding: 15px 0 0; float: right;text-align: left; background:url(images/content_top.jpg) no-repeat scroll -1px 0 transparent;}

html>body #content {width: 710px;float:right;text-align: left; padding: 25px 0 0; background:url(images/content_top.jpg) no-repeat scroll -1px 0 transparent;}



/* sidebar related */

#sidebar  {background: url("images/buttonG.gif") no-repeat scroll 7px 0 transparent;
    color: #46c85a;
    float: left;
    margin: 0 0 0 0px;
    padding: 0 0 50px 0px;
    width: 260px;
	z-index:9999;
}
.menu_left {
    background: url("images/buttonBG.gif") no-repeat scroll 0px 0 transparent;
}

.menu_left ul li a {
    padding: 11px 15px 11px 25px !important;
    width: 216px;
}

.menu_left ul li ul li a {
	background:none no-repeat scroll 0 0 #fa3232; color:#fff;
	padding: 5px 5px 10px 5px !important;
    width: 220px !important;
	height:18px !important;
} 
.menu_left ul li ul li a:hover {background:none no-repeat scroll 0 0 #fa3232; color:#fff;} 
.menu_left ul li ul li:hover > a {background:none no-repeat scroll 0 0 #fa3232; color:#fff;}

.menu_left ul li ul li ul li a {
	background:none no-repeat scroll 0 0 #fa3232; color:#fff;
	padding: 5px 5px 10px 5px !important;
    width: 220px !important;
	height:18px !important;
	}
.menu_left ul li ul li ul li a:hover {background:none no-repeat scroll 0 0 #fa3232; color:#fff;} 
.menu_left ul li ul li ul li:hover > a {background:none no-repeat scroll 0 0 #fa3232; color:#fff;}


#sidebar a   {color: #FFFFFF;
    display: block;
    font-size: 10pt !important;
    padding: 11px 2px 10px 0;
}

a#eportLink {padding:0; padding-top:10px;}
 
#sidebar a:hover { color:#333333; }

#sidebar ul { list-style:none;margin:0; padding:0; color: #000; }

/*#sidebar ul li{ 

	background:transparent url(images/button.gif) no-repeat scroll 0 0; 

	color:#FFFFFF; 

	height:55px; 

	padding:0px 0px 0; 

	width:170px;

	text-align:center;

	display: block;

}*/



#sidebar ul.catlist { list-style:none;margin:0; border-top:medium; border-color:#CC0000; padding-top:10px; padding-bottom:6px; width: 220px;}


li.cat-item a {color:#fff !important;padding:12px 0 5px !important;}
li.cat-item a:hover {color:#333333 !important;}

#sidebar ul li.page_item{

display:block;

margin:0;

text-align:center;

font-family:"Verdana";

font-size:14px;

font-weight:normal;

background:transparent url(images/buttonBG.gif) no-repeat scroll 0 0;

width:220px;

height:47px;

}

html>body #sidebar ul li.page_item{

display:block;

margin:0;

text-align:center;

font-family:"Verdana";

font-size:14px;

font-weight:normal;

background:transparent url(images/buttonBG.gif) no-repeat scroll 0 0;

width:220px;

height:47px;

}

#sidebar ul li.cat-item{

display:block;

margin:0;

text-align:center;

font-family:"Helvetica";

font-size:14px;

font-weight:bold;

background:transparent url(images/button2.jpg) no-repeat scroll 0 0;

width:220px;

height:42px;

}

html>body #sidebar ul li.cat-item{

display:block;

margin:0;

text-align:center;

font-family:"Helvetica";

font-size:14px;

font-weight:bold;

background:transparent url(images/button2.jpg) no-repeat scroll 0 0;

width:220px;

height:42px;

}


.menu_left ul {
	z-index:9100;
}

.menu_left ul ul {
	z-index:9200;
}

.menu_left ul ul ul {
	z-index:9300;
}





/* form */

#commentform {

	padding: 1em 0;

}



#author, #email,#url,#comment {

	font:1em arial,helvetica,verdana,sans-serif;

	padding: 5px 0;

	padding:2px;

}



.comment-warning strong {

	color: #999;

	font-weight: bold;

}



/* footer */

#footer {

	background: url("images/footer.gif") no-repeat scroll 0 0 transparent;
	color:#FA3232;

	font-size:9px;

	line-height:1.4em;

	padding:0;

	margin:0 auto;

	height:51px;

	clear:both;

	width:970px;

	text-align:right;

}



#footerlink {

	color:#555;

	font-size:9px;

	line-height:1.4em;

	padding:0;

	margin:0 auto;

	clear:both;

	width:970px;

	padding-top: 94px;

}



h3#respond {

padding-top: 15px;

}



h3#comments {

padding-top: 15px;

padding-bottom: 15px;

}



textarea#comment {width: 660px;}



ul.footerlist {margin:0 auto; padding: 35px 0 0 5px; width:380px; float: left;}

li.bgtext {color: #ffffff; font-size: 12px; display: inline;}

a.bgtext {color: #ffffff;padding-right: 25px;font-weight: bold;}

a:hover.bgtext {color: #3399ff;}

p.bgtext {color:#ffffff;

float:right;

font-size:12px;

width:185px;padding-top:13px;padding:34px 0 0 5px;}



p.validator {float: right;padding: 36px 20px 0 0;}



/* Navigation */



ul#nav {

/*height:25px;*/

border:0 solid #CCCCCC;


width:95%;

}



ul#nav li {

list-style:none;

float:left; 

border-right:1px solid #ccc;

line-height:25px;

padding:0 10px;

font-weight:bold;

font-size:14px;

height:25px;

display:inline-block; /* This is required to fix the shifting menu item in firefox */

}



* html ul#nav li {

list-style:none;

float:left; 

border-right:1px solid #ccc;

line-height:25px;

padding:0 10px;

font-weight:bold;

font-size:14px;

height:25px;

 display:inline-table; /* This is required to fix the shifting menu item in IE */

}



.post {

clear:both;

}





/* - THIS IS USED AS A CHEAP TRICK TO REMOVE CERTAIN PAGES FROM THE MAIN NAV - LOOK TO FIX! - */



.page_item.page-item-4 {display: none !important;}

.page_item.page-item-6 {display: none !important;}

.page_item.page-item-7 {display: none !important;}



/* - AND HERE ENDS THE CHEAP TRICK, I FEEL WRONG! - */



#stylechange {
	background: url("images/btn/bg.png") no-repeat scroll 0 0 transparent;
	    height: 26px;
	    margin-left: 867px;
		    margin-top: 0px;
	    padding: 5px;
	    position: absolute;
	    top: 0;
	    width: 80px;
	    z-index: 9999;}

#stylechange img {float:right;}



#stamps {margin: 0 auto;width:253px; padding-top: 5px;}



.post {padding-bottom:1.5em;padding-left:25px;

padding-right:25px;}



/* - TICKER STYLES - */



#latestnews {

background:transparent url(images/notices.gif) no-repeat scroll 0 0;

height:20px;

padding:10px 20px 8px 101px;

position:relative;

width:575px;

margin:11px 0 0 40px;}



.ticker-div {
    background: url("images/notices.gif") no-repeat scroll 0 0 transparent;
    float: left;
    font-size: 18px;
	color:#666666;
    height: 30px !important;
    left: 0 !important;
    line-height: 18px;
    margin: 0;
    padding: 0px 0 0 261px;
    position: relative;
    top: 289px !important;
    width: 693px !important;
}




/* SEARCH BOX */



.search-wrapper {height: 50px; width: 215px; background: transparent url(images/saerch.gif);height:34px; padding:28px 0 0 71px; width:144px;}

.search-wrapper input.textfield {border: none;height:18px; width:110px;}

.search-wrapper input.button {border: 0; background: transparent url(images/page_find.gif); height:16px; width:16px; cursor: pointer;}



/* BANNER */



#bannerobject {padding-left: 10px;}



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

	}
	
.cRight {clear:right;}
.cLeft {clear:left;}

/* End Images */

/* #Banner { position:absolute; z-index:1;} */


.nopad {
	padding:0 !important;
}

* html #contentFooter {
    background: url("images/contentFooter.gif") no-repeat scroll 0 bottom transparent;
    height: 9px;
    width: 690px;
}

/* Z-index fixes */

* html #sidebar {z-index:9999;}
* html #sidebar .menu_left {z-index:9001;}
* html #sidebar .menu_left ul {z-index:9002;}
* html #sidebar .menu_left ul li {z-index:9003;}
* html #sidebar .menu_left ul li ul {z-index:9004;}
* html #sidebar .menu_left ul li ul li {z-index:9005;}
* html #sidebar .menu_left ul li ul li ul {z-index:9006;}
* html #sidebar .menu_left ul li ul li ul li {z-index:9007;}

* html .menu_left ul li ul li a { height: 13px !important; padding-top:7px !important; padding-bottom:7px !important;}
* html .menu_left ul li ul li ul li a { height: 13px !important; padding-top:7px !important; padding-bottom:7px !important;}
* html .menu_left ul li ul li { height: 27px !important;}
* html .menu_left ul li ul li ul li { height: 27px !important;}

#css_ddmenu-3 {padding-bottom:6px;}

#content ul {
padding: 5px 0 5px 25px;
}

#content ul li {
line-height: 1.4em;
}