/************************************************

CONTEXT:		Boilerplate Template
SITE:		  	Moorfields School
FILE:		  	content.css
DESCRIPTION:  	File Defines Basic Content Styling

1. Global Styles (affects all pages)
2. Reusable Styles (Appears in more than one page type)
3. Specific Styles (Appears in just one page type)

************************************************/

/* @group 1. Global Styles (affects all pages) */

	/* @group QuickFix Styles */
		.hide		{display: none;}
		.clearB		{clear: both;}
		.clearL		{clear: left;}
		.clearR		{clear: right;}
		.clearN		{clear: none;}
		.floatL		{float: left;}
		.floatR		{float: right;}
		.floatN		{float:none;}
		.alignL		{text-align: left;}	
		.alignC		{text-align: center;}
		.alignR		{text-align: right;}	
		.caseUC     {text-transform: uppercase;}
		.caseLC    	{text-transform: lowercase;}
		.clear		{clear:both; font-size:1px; height:1px; line-height:1px; margin:0; padding:0; width:100%;}
	/* @end */

	/* @group Headings */
		h1						{ color:#365f1c; font-size: 167%; font-weight: normal; margin-bottom: 10px; font-family: Georgia, Times New Roman, Times, serif;}
		h1 small				 {font-size: 77%;} 
		h2 , h3, h4, h5, h6		{ font-weight: normal; margin: 0; padding: 0; color: #1D3D0B; font-family: Georgia, Times New Roman, Times, serif;}
		h2		 				{ font-size: 167%; padding: 0 0 .4em 0; margin: 1em 0 .4em 0; clear: both; }
		h3		 				{ font-size: 130%; font-weight: normal; padding: 1em 0 0 0; margin: 0; clear: both; margin-bottom: 10px; }
		#tertiary h3			{ padding: 1em 0 1em 0; border-bottom: 1px solid #E2D6AB;}
		h4						{ font-size: 100%; font-weight: normal; padding: 0; margin: 0 0 1em 0; }
		h4, h5, h6				{ padding: 0 8px 0 0; }
		h5, h6					{ font-size: 85%; }
		
	/* @end */

	/* @group Typography */
	
		p 			{ color:#302513; padding: 0; margin: 1em 0 20px 0; font-size:90%; line-height: 1.8em;}
		p.main		{ font-size:90%; margin: 1em 0 30px 0;}
		p.small		{ font-size:75%; }
		strong 		{ font-weight: bold; }
		small 		{ font-size:85%; }
		li			{ font-size:90%; }
		#primary ul.list  {margin-left: 5px;} 
		#primary ul.list li  {background: url(../img/bg_content/bullet_pencil.png) no-repeat 0 0; padding: 2px 0 2px 25px; }
		hr			{ border: 0; border-bottom: 1px solid #E2D6AB; margin: 30px 0;}
	
		/* @group Quotes */

		blockquote 				{ margin: 10px 0;padding: 0 50px; }
		blockquote p 			{ font-style: italic; color: #1D3D0B; font-size: 110%; font-family: Georgia, Times New Roman, Times, serif;}
		blockquote cite 		{ text-align: right; font-weight: bold; display: block; margin: 0 8px; color: #1D3D0B; font-size: 80%; }
		
		/* @end */

	/* @end */

	/* @group Images */
		div.image { border: 1px solid #8DB77B; float: left; margin: 0 20px 10px 0; }
		div.image img { display:block; padding: 1px;}
		div.image p { padding: 0 0 .4em 4px; margin: 0; font-style: italic;}
		
		div.image.right { float: right; margin: 0 0 20px 20px; }
		
		
		
	/* @end */	

	/* @group Tables */
	
div.tblClass			{ width: 640px; background: url(../img/bg_content/img-bg-sprite-table-01.png) 0 -13px no-repeat; margin-bottom: 1em; }

div.tblClass .foot		{ height: 12px; width: 640px; background: url(../img/bg_content/img-bg-sprite-table-01.png) 0 0 no-repeat; }

table 				{ text-align:left;  width: 643px; }
thead				{ width: 640px;  }
caption				{ display: none; }

tr					{ padding: 0 20px 0 0; background: url(../img/bg_content/img-bg-sprite-table-01.png) -642px 0 no-repeat;}
th					{ font-size: 100%;color: #1D3D0B; font-weight: normal; font-family: Georgia, Times New Roman, Times, serif; text-align: center; padding: .8em 0 .8em 0; border-right: 1px solid #FFF; }
td 					{ font-size: 90%; padding: 10px 0 10px 10px; border-bottom: 1px solid #DFF5D6; border-right: 1px solid #DFF5D6; }

th.col-01			{ padding-left: 20px; text-align: left; }
td.col-01			{ padding-left: 20px; text-align: left; font-weight: bold; }
td.col-last			{ border-right: 0; }
tr.head 			{ background: none; }
	
tr.odd 				{  }
tr.even 			{ background: url(../img/bg_content/img-bg-sprite-table-01.png) -1287px 0 no-repeat; }

	/* @end */

	/* @group Lists */

	/* @end */

	/* @group Miscellaneous */
	
	
	/* @end */

/* @end Global Styles */

/* @group 2. Reusable Styles (Appears in more than one page type) */

	/* Containers */
div.row { width: 100%; clear: both; margin: 0 0 2em 0; overflow: hidden; }
div.col { width: 47%; float: left; padding-right: 3%;}

	/* vcard */
	
div#template div.vcard					{ margin: 30px 0 20px 0; }
div#template div.vcard div.adr			{ margin: 0 0 1em 0; }
div#template div.vcard div.adr span 	{ display: block; margin-bottom: .2em; padding-left: 10px; }

div#template div.vcard ul.numbers		{ margin-bottom: 1em; }

div#template div.vcard .label			{ display: block; width: 35px; float: left; clear: left; color: #1D3D0B; }

div#template div.vcard .hide			{ display: none!important; }

	/* gallery */
div#gallery 			{ width: 460px; float: left; margin: 30px 20px 0 0;}
div#gallery img			{ width: 458px; margin: 0; padding: 0;}
div#gallery div.download 	{ display: none; }
div#gallery a 	{ border: 1px solid #CEDFB9; width: 460px; padding: 2px 0 0 2px; display: block;}

div#gallery div.caption 	{ margin: 20px 0; }
div#gallery div.image-title 	{ font-family: Georgia, Times New Roman, Times, serif; font-zise: 105%; color: #1D3D0B; font-weight: bold; margin-bottom: 10px; }

div#thumbs				{ width: 180px!important; float: right; margin: 30px 0 30px 0; }
div#thumbs div			{ float: left; width: 180px;}
div#thumbs ul 			{ width: 180px; }
div#thumbs ul li 		{ float: left; width: 77px; margin: 0 10px 10px 0; }
div#thumbs ul li img	{ width: 73px;}
div#thumbs ul li a 		{ border: 1px solid #CEDFB9; width: 75px; padding: 1px 0 0 1px; display: block; }

div#thumbs div.pagination				{ margin: 10px 0; }

div#thumbs div.pagination a,
div#thumbs div.pagination span.current { font-size: 85%; padding: .2em .6em .3em .7em; display: block; float: left; margin-right: 5px; margin-bottom: 10px; }

div#thumbs div.pagination span.current { border: 1px solid #C6110F; color: #FFF; background: #B21711; }
div#thumbs div.pagination a { border: 1px solid #FCE4E4; background: url(../img/common/buttons/img-bg-btn-02.png) 0 0 repeat-y; }




	/* Header Elements */
h1#logo					{ margin: 25px 0 30px 38px; padding: 0;  float: left;}
h1#logo a				{ background: url(../img/bg_content/img-bg-ir-txt-sprite-02.png) 0 3px no-repeat; display: block; width: 325px; height: 60px; font-size: 0; text-indent: -99999em; border: 0; }

div#header div.contact	{ background: url(../img/bg_content/img-bg-ir-txt-sprite-02.png) 0 75px repeat; display: block; width: 380px; height: 75px; font-size: 0; text-indent: -99999em; float: right; margin: 23px 30px 0 0; }

div#messages 			{ background: url(../img/bg_layout/img-bg-messages-01.png) 0 0 repeat-y; float: left; width: 966px; padding: 8px 0; }
div#messages h3 		{ color: #F8E040; font-weight: normal; margin: 0 0 0 30px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }
div#messages h3 a 		{ color: #FFEE7F; font-weight: normal; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; text-decoration: underline; border:none;}
div#messages h3 a:hover {color: #fff; border:none;} 


	/* Partners Panel */
div.partners 			{ background: url(../img/bg_content/img-bg-partners-sprite-01.png) 0 -73px no-repeat; float: left; margin-top: 55px; margin-left: 15px; height: 73px; padding: 0 15px;}
div.partners div.foot 	{ float: right; width: 15px; background: url(../img/bg_content/img-bg-partners-sprite-01.png) right -146px no-repeat; height: 73px; }

div.partners ul 		{ background: url(../img/bg_content/img-bg-partners-sprite-01.png) 0 0 repeat-x; height: 65px; margin-right: 15px; padding-top: 8px;}
div.partners ul li 		{ background: url(../img/bg_content/img-bg-partner-logos-sprite-01.jpg) 0 0 no-repeat; width: 60px; height: 58px; float: left; display: block; font-size: 0; text-indent: -99999em; margin-right: 10px; }

div.partners ul li.arts 	{ background-position: -99px 0; }
div.partners ul li.iaps 	{ background-position: -58px 0; width: 40px; margin-right: 0;}
div.partners ul li a		 {display:block; border:none; text-decoration:none; width: 60px; height: 58px;} 

	/* Ghyll Royd Badge */
	
	
div.ghyll-royd		{ background: url(../img/bg_layout/img-bg-partner-panel-01.png) 0 0 no-repeat; overflow: hidden; width: 154px; height: 138px; float: right; padding: 13px; margin-right: 20px; }
div.ghyll-royd a 	{ background: url(../img/bg_content/img-bg-ghyll-royd.jpg) 0 0 no-repeat; display: block; width: 154px; height: 132px; font-size: 0; text-indent: -99999em; border: 0; }


/* List Styles */
/* majority of content styled as generic, unordered lists */
/* list classes are numbered, generic, to allow reuse or reordering */

ul.list 		{  }
ul.list li 		{ background: url(../img/bg_content/img-bg-sprite-list-bullets.png) 5px -86px  no-repeat; padding-left: 20px; margin-bottom: 10px; margin-top: 10px; line-height: 1.8em; }
ul.links li 	{ background-position: -89px 8px; padding-left: 20px; margin-bottom: 20px;  }

	/* Class Style-01: #FOO */
ul.style-01 {  }

	/* Class Style-02: #FOO */
ul.style-02 {  }

	/* Class Style-03: #FOO */
ul.style-03 {  }

	/* Class Style-08:  #FOO */
ul.style-04 {  }


/* heading replacements */
/* all headings require an initial class of 'sprite-01' to set the correct css sprite and size attributes */
.sprite-01 { background: url(../img/bg_content/img-bg-ir-txt-sprite-01.png) 0 18px no-repeat; height: 55px; display: block; font-size: 0; text-indent: -99999em; }

/* then each heading can be loaded by simple pixel offsets */
/* numerical values are for good, reusable semantics */
.ir-txt-01 { background-position: 0  18px;  }
.ir-txt-02 { background-position: 0 -37px;  } /* #foo */
.ir-txt-03 { background-position: 0 -92px;  } /* #Contact Us */
.ir-txt-04 { background-position: 0 -147px; } /* #foo */
.ir-txt-05 { background-position: 0 -202px; } /* #foo */
.ir-txt-06 { background-position: 0 -257px; } /* #foo */
	
/* @end */

/* @group 3. Specific Styles (Appears in just one page type) */



/* @end */