/*
Theme Name: Aimhigher Sussex
Theme URI: http://aimhighersussex.org/
Description: The theme for the Aimhigher Sussex website.
Version: 1.0
Author: Pete Mason and Kris Alexander
Author URI: http://indigo66.co.uk/

	Aimhigher Sussex

*/

html {
	font-size: 0.9em; font-family: Arial, Helvetica, sans-serif;
}
body {
	margin:0; padding:0;
	background-color:#c8eaf4; background-image:url('images/template/aimhigher-header.jpg');
	background-repeat:repeat-x; background-position:0px -50px;
}



#wrapper {
	width:950px;
	margin:0 auto;
	position:relative;
}


/* -----------------------------------------
 General Styles 
----------------------------------------- */
.smaller {
	font-size:0.85em;
}
.larger {
	font-size:1.2em;
}
a {
	color:#f15a24;
}
div.clear {
	clear:both;
}
.debug {
	border: solid 1px red;
}
h1 {
	margin:0;
}
h2, h3, h4 {
	color:#0ab;
	padding:0;
	margin:0;
}
	h2 {
		font-size:1.6em;
	}
	h2 + p, h3 + p, h4 + p {
		margin-top:5px;
	}
p + ul {
	margin-top:-10px;
}
img {
	border:0;
}

/* -----------------------------------------
 Headers Styles 
----------------------------------------- */
#header {
	width:100%; height:155px;
	margin:0; padding:0;
	position:relative;
}
	#searchform {
		margin:70px 0 0;
		width:350px;
		float:right;
		text-align:right;
	}
	#fontsizechange {
		display:inline;
		font-weight:bold;
	}
		#fontsizechange a {
			color: black;
			text-decoration:none;
			margin-right:5px;
		}
	#logo {
		display:block;
		top:10px; left:0; position:absolute;
		margin:0; padding:0;
	}
		#logo, #logo img {
			width:376px; height:83px;
			border:none;
		}
	

/* -----------------------------------------
 Main Menu Styles 
----------------------------------------- */
#mainmenuwrapper {
	padding:0;margin:0;
	position:relative;
}
	#mainmenuwrapper .sep {
		top:0;position:absolute;
		width:10px;height:34px;
		background-image:url('images/template/mm-separator.png');background-repeat:no-repeat;
	}
	#mainmenuwrapper .sep1 {
		left:113px;
	}
	#mainmenuwrapper .sep2 {
		left:259px;
	}
	#mainmenuwrapper .sep3 {
		left:563px;
	}
	#mainmenuwrapper .sep4 {
		left:770px;
	}
	
#mainmenu {
	list-style:none;
	padding:0;margin:0 0 10px;
	height:34px;
}
	#mainmenu li {
		font-size:2.2em;
		text-transform:uppercase; text-align:justify;
		float:left;
	}
	#mainmenu span {
		display:none;
	}
	
	#mainmenu a {
		text-decoration:none;
		color:#280650;
		height:34px;
		display:block;
	}
		#mainmenu a:hover {
			color:#f15a24;
		}
		
	#mmhome { width:118px; background-image:url('images/template/mmhome.png'); }
	#mmhome a:hover { background-image:url('images/template/mmhome0.png'); }
	#mmhome a.current { background-image:url('images/template/mmhome1.png'); }
	#mmabout { width:146px; background-image:url('images/template/mmabout.png'); }
	#mmabout a:hover { background-image:url('images/template/mmabout0.png'); }
	#mmabout a.current { background-image:url('images/template/mmabout1.png'); }
	#mmpractitioners { width:301px; background-image:url('images/template/mmpractitioners.png'); }
	#mmpractitioners a:hover { background-image:url('images/template/mmpractitioners0.png'); }
	#mmpractitioners a.current { background-image:url('images/template/mmpractitioners1.png'); }
	#mmstudents { width:209px; background-image:url('images/template/mmstudents.png'); }
	#mmstudents a:hover { background-image:url('images/template/mmstudents0.png'); }
	#mmstudents a.current { background-image:url('images/template/mmstudents1.png'); }
	#mmcontact { width:176px; background-image:url('images/template/mmcontact.png'); }
	#mmcontact a:hover { background-image:url('images/template/mmcontact0.png'); }
	#mmcontact a.current { background-image:url('images/template/mmcontact1.png'); }

/* -----------------------------------------
 Footer Styles 
----------------------------------------- */
#footer {
	font-size:0.9em;
	color:#280650;
	clear:both;
	padding:30px 0;
	text-align:center;
}
	#footer a {
		color:#280650;
		text-decoration:none; /* text-transform:uppercase; */
	}
		#footer a:hover {
			text-decoration:underline;
		}


/* -----------------------------------------
 Content Styles 
----------------------------------------- */
#content {
	margin:10px 0 0 250px; padding:15px 15px 26px;
	width:670px;
	background-color:#fff;
	clear:both;
	background-image:url('images/template/content-1.png');
	position:relative;
	z-index:1;
}
	#contentfooter {
		width:100%; height:25px;
		clear:both;
		background-image:url('images/template/content-2.png');
		bottom:0; left:0; position:absolute;
		z-index:10;
	}
	#content h1 {
		width:90%;
	}

#content img.firstimage {
	/* border: solid 1px black; */
	display:block;
	margin-top:15px;
}
img.right {
	float:right;
	margin:10px 0 10px 10px;padding:0;
}
img.left {
	float:right;
	margin:10px 10px 10px 0;padding:0;
}

#pageboxes {
	margin:10px 0 0 250px; padding:10px 0 0;
	clear:both;
}
	div.box {
		width:340px; height:240px;
		float:left;
		margin:0 0 0 19px; padding:0 0 10px 0;
		position:relative;
		background-image:url('images/templat/box-1.png');
	}
		#pageboxes div.first {
			margin:0;
		}
		div.box div.img {
			height:120px;
			background-position:center center;
		}
		div.box div.txt {
			height:50px;
			background-color:white;
			margin:0; padding:0px 10px 10px;
			position:relative;
		}
		div.box a.link {
			top:0; left:0; position:absolute;
			display:block;
			margin:0;padding:0;
			width:100%; height:240px;
			z-index:50;
		}
			div.box a.link span {
				display:none;
			}
		div.box span.caption {
			color:black;
			text-decoration:none;
			font-size:1.4em;
			bottom:5px; position:absolute;
			margin:0; padding:0 30px 0 0;
			line-height:25px;
			background-image:url('images/arrow_orange.png'); background-repeat:no-repeat; background-position:bottom right;
		}
			.sIFR-hasFlash div.box span.caption {  /* For the sIFR script */
				/* display:none; */
				visibility:hidden;
				letter-spacing:-2px;
				z-index:45;
				background-image:url('images/arrow_orange.png'); background-repeat:no-repeat; background-position:bottom right;
			}	
		div.box span:hover {
			/* color:#f15a24; */
		}
		div.boxfooter {
			width:100%; height:14px;
			background-image:url('images/templat/box-2.png');
			bottom:0; left:0; position:absolute;
			z-index:10;
		}
		div.box div.topframe {
			top:0; left:0; position:absolute;
			width:100%; height:180px;
			z-index:40;
			background-image:url('images/templat/box-trans-1.png');
		}

/* -----------------------------------------
 Content list Styles 
----------------------------------------- */
div.list {
	float:left; clear:both;
}
	div.list img {
		border:0;
	}

	a.listitem {
		display:block;
		width:200px;
		float:left;
		text-decoration:none;
		color:black;
		margin:10px 10px 0 10px;padding:0;
	}
		a.listitem div.description {
			font-size:0.9em;
			padding:5px;
		}
	
		a.listitem div.image {
			width:200px;height:120px;
			background-repeat:no-repeat;
		}
		a.listitem div.title {
			font-weight:bold;
			padding:2px 20px;
			color:black;
			background-image:url('images/template/list-item-header.png');background-repeat:no-repeat;
		}
	
	a.listitemsmall {
		width:290px;
	}
		a.listitemsmall div.image, a.listitemsmall img {
			width:100px;height:60px;
			float:left;margin-right:3px;
		}
		a.listitemsmall div.title {
			background:none;
			padding:2px;
		}
	
	a.listitemtiny {
		width:215px;
		font-size:0.8em;
	}
		a.listitemtiny div.image, a.listitemtiny img {
			width:100px;height:60px;
			float:left;margin-right:3px;margin-bottom:10px;
		}
		a.listitemtiny div.title {
			background:none;
			padding:2px;
		}


/* -----------------------------------------
 Events form
----------------------------------------- */
.eventsform {
	padding:10px 0 0;
	display:inline;
}
	.eventsform input.submit {
		padding:4px;
	}
	.eventsform label {
		display:block;
		margin:0 0 7px;
	}
	.eventsform fieldset {
		border:solid #280650 1px;
		padding:5px;
	}
	.eventsform legend {
		color:#0ab;
		font-size:1.6em;font-weight:bold;
		padding:0 5px 10px;
	}
	
	.eventsform h2 {
		padding-bottom:10px;
	}

	.eventsform div.filterfields {
		width:435px;
		margin-left:190px;padding:5px 5px 5px 20px;
	}


/* -----------------------------------------
 Category listings
----------------------------------------- */
#listings {
	clear:both;
}
	#listings div.listing {
		padding:0;margin:10px 0;
/*		float:left; width:280px; */
	}
	div.listing h3.linktitle {
		padding-bottom:2px;
		font-size:1.1em;
		display:inline;
	}
	div.listing div.desc {
		display:none;
	}
	
img.listingthumbnail {
	float:right;
	
}	
	
#tabs {
	text-align:center;
	padding:10px;
}
	#tabs a {
		padding:3px;
	}
	#tabs a.activetab {
		color:black;
		font-weight:bold;
		text-decoration:none;
	}


/* -----------------------------------------
 Gallery Styles 
----------------------------------------- */

div.gallery {
	text-align:center;
	margin:0 auto;
}
	div.gallery .thumbnail {
		width:115px;height:110px;
		display:block;float:left;
		margin:0 5px 0 0;padding:0;
		background-position:center center;
	}


/* -----------------------------------------
 Sidebar Styles 
----------------------------------------- */

#sidebar {
	top:190px; left:0px; position:absolute;
	width:220px;
	margin:10px 0 0;padding:0;
}
	#submenu {
		margin:0 0 15px;padding:10px;
		background-image:url('images/template/submenu-1.png');
		position:relative;
		font-size:0.9em;
	}
		#submenufooter {
			width:100%; height:10px;
			background-image:url('images/template/submenu-2.png');
			bottom:0; left:0; position:absolute;
			z-index:10;
		}
		#submenu ul {
			list-style-type:none;
			margin:0;padding:0;
		}
		#submenu li{
			list-style-type:none;
			padding:5px 0 5px 25px;
		}
			#submenu li li, #submenu li li li, #submenu li li li li {
				padding:3px 0 3px 25px;
			}
			#submenu li.current_page_item {
				background-image:url('images/template/sm-selected.png');background-repeat:no-repeat;
				background-position:1px -1px;
			}
				#submenu li li.current_page_item {
					margin-left:-25px;padding-left:50px;
				}
				#submenu li li li.current_page_item {
					margin-left:-50px;padding-left:75px;
				}
			#submenu li.subheading {
				list-style-type:none;
				padding:4px 0;
			}
		#submenu a, #submenu li.current_page_item li a {
			text-decoration:none;
			color:#333; font-weight:normal;
		}
			#submenu li.current_page_item a {
				color:black;font-weight:bold;
			}
		#submenu a:hover {
			text-decoration:none;
		}

		/* hide non-relevant menu items with CSS */
		#submenu  ul ul,
		#submenu .current_page_item ul ul,
		#submenu .current_page_ancestor ul ul,
		#submenu .current_page_ancestor .current_page_item ul ul,
		#submenu .current_page_ancestor .current_page_ancestor ul ul {
			display: none;
			}

		#submenu .current_page_item ul,
		#submenu .current_page_ancestor ul,
		#submenu .current_page_ancestor .current_page_item ul,
		#submenu .current_page_ancestor .current_page_ancestor ul,
		#submenu .current_page_ancestor .current_page_ancestor .current_page_item ul,
		#submenu .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
			display: block;
			}




/* -----------------------------------------
 Homepage Styles 
----------------------------------------- */
#homecontent { /* 950 pixels wide */
	margin:10px 0 0; padding:20px 20px 10px;
	width:910px;
	clear:both;
	background-image:url('images/template/homepage-content-1.png');
	position:relative;
	z-index:1;
}
	#homecontentfooter {
		width:100%; height:16px;
		clear:both;
		background-image:url('images/template/homepage-content-2.png');
		bottom:0; left:0; position:absolute;
		z-index:10;
	}
		.sIFR-hasFlash #homecontent h1 {  /* For the sIFR script */
			padding:0;
			width:440px;
		}






/* -----------------------------------------
 Scroller Styles 
----------------------------------------- */
#homescroller {
	width:430px; height:260px;
	margin-left:15px;
	float:right;
	position:relative;
}
	#scrolleroverlay {
		width:430px; height:9px;
		top:0px; left:0px; position:absolute;
		z-index:1;
		background-image:url('images/template/scroller-top-grey.png');
	}
	#scrollerfooter {
		width:430px; height:39px;
		bottom:0px; left:0px; position:absolute;
		margin:0;
		background-image:url('images/template/scroller-bottom.png');
	}
	div.scrollable {
		position:relative;
		overflow:hidden;
		width:430px; height:230px;
		margin-left:0px;
	}
		div.scrollable div.items { 
		    width:20000em; 
		    position:absolute; 
		}
			div.scrollable div.items div { 
			    float:left;
				width:430px; height:230px;
				position:relative;
			}
			div.scrollable div.items div.img { 
			    float:left;
				background-position:top center; background-repeat:no-repeat;
			}
			div.scrollable div.items a.link { 
				top:0; left:0; position:absolute;
				z-index:20;
				width:100%; height:230px;
				display:block;
			}
				div.scrollable div.items a.link span {
					display:none;
				}
			div.scrollable div.items div.txt { 
				height:36px;
				margin:175px 0 0; padding:5px 5px 5px;
				font-size:0.9em;
				background-color:#280650;
				/* background-image:url('images/template/scroller-text-background.png'); */
			}
				div.scrollable h3, div.scrollable p {
					margin:0; padding:1px 0;
					color:#fff;
				}	
				

/*
	Home boxes

*/
#homeboxes {
	margin:0; padding:0 0 0 1px;
	clear:both;
}
	div.homebox {
		width:220px; height:180px;
		float:left;
		margin:0 0 0 23px; padding:0 0 10px 0;
		position:relative;
		/* background-image:url('images/templat/homepage-box-1.png'); */
	}
	#pageboxes div.homebox {
		margin:0 0 0 20px;
	}

		#homeboxes div.first, #pageboxes div.first {
			margin:0;
		}
		div.homebox div.img {
			height:120px;
			background-position:center top;
		}
		div.homebox div.txt {
			height:50px;
			background-color:#ffffff;
			margin:0; padding:0px 10px 10px;
			position:relative;
		}
		div.homebox a.link {
			top:0; left:0; position:absolute;
			display:block;
			margin:0;padding:0;
			width:220px; height:190px;
			z-index:50;
		}
			div.homebox a.link span {
				display:none;
			}
		div.homebox span.caption {
			color:black;
			text-decoration:none;
			font-size:1.4em;
			bottom:5px; position:absolute;
			margin:0; padding:0 30px 0 0;
			line-height:25px;
			background-image:url('images/arrow_orange.png'); background-repeat:no-repeat; background-position:bottom right;
		}
			.sIFR-hasFlash div.homebox span.caption {  /* For the sIFR script */
				/* display:none; */
				visibility:hidden;
				letter-spacing:-2px;
				z-index:45;
				background-image:url('images/arrow_orange.png'); background-repeat:no-repeat; background-position:bottom right;
			}	
		div.homebox span:hover {
			/* color:#f15a24; */
		}
		div.homeboxfooter {
			width:100%; height:21px;
			background-image:url('images/template/homepage-box-trans-2.png');
			bottom:5px; left:0; position:absolute;
			z-index:50;
		}
		div.homebox div.topframe {
			top:0; left:0; position:absolute;
			width:100%; height:180px;
			z-index:40;
			background-image:url('images/template/homepage-box-trans-1.png');
		}



#crumbtrail {
	margin-bottom:10px;
	font-size:0.9em;
}


/* -----------------------------------------
 sIFR Styles 
----------------------------------------- */

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	left:0; top:0; position: absolute;
	width:0; height:0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}







.debug {
	border:solid red 1px !important;
}