@charset "utf-8";

/*	Royal Society Publishing [roy020]
	--------------------------------------------------
	Author:			Dan Scotton (dan.scotton@designuk.com)
	Date:			06/03/08
	Description:	Structure.css
					This stylesheet contains the rules that
					layout the general structure of the
					Royal Society Publishing site.
*/


/*	CONTENTS
	---------------
	GLOBAL RESET
	LAYOUT ELEMENTS
	GRIDS
	MISCELLANEOUS
*/


/*	GLOBAL RESET
	-------------------------------------------------- */
	
	body,div,
	dl,dt,dd,ul,ol,li,
	h1,h2,h3,h4,h5,h6,
	form,fieldset,input,textarea,
	p,blockquote,
	th,td {
		margin: 0; 
		padding: 0;
	}	
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	fieldset,img { 
		border:0;
	}
	ul, ol {
		list-style: none;
	}
	caption,th {
		text-align:left;
	}
		
		
/*	LAYOUT ELEMENTS
	-------------------------------------------------- */
	
	/* CONTAINER */
	div.hw-gen-page {
		position: relative;
		margin: 0 auto;
		padding: 2.7em 10px 0; /* 27px */
		width: 960px;
 		/* changed from 800px to 159px so no extra white space for pdf view */
		min-height: 159px;
		background-color: #FFFFFF;
		z-index: 0;
		font-size:1em;
	}		
		
	/* HEADER */	
	#header {
		position: relative;
		width: 960px;
		margin-top:0px;
		height:80px;
	}		
		
	/* NAVIGATION */
	#navigation {
		/*margin: -18px 0 0;*/
	}
	
	/* INFORMATION_BAR */
	.information_bar {
		margin: 0 0 10px;
		z-index: 5;
	}
	

	
	/* CONTENT */
	#content {
		position: relative;
		width: 960px;
		min-height: 400px;
	}	
	
	/* foot */
	#foot {
		position: relative;
		clear: both;
		margin-top: 10px;
	}		


/*	GRIDS
	-------------------------------------------------- */
	
	/* BACKGROUNDS */
	.base {background: transparent url(../img/structural/temp/baseline.gif) left top repeat !important;}
	.col4 {background: transparent url(../img/structural/temp/grid4.gif) left top repeat-y !important;}
	.col5 {background: transparent url(../img/structural/temp/grid5.gif) left top repeat-y !important;}
	
	/* COLUMNS */
	.c4-1 {float: left; width: 232px;}

	.c5-1 {float: left; width: 184px !important;}
	.c5-2 {float: left; width: 530px !important;}
	.c5-3 {float: left; width: 730px !important;}
	.c5-4 {float: left; width: 766px !important;}
	.c5-5 {float: left; width: 960px !important;}
	
	.c2-1 {width: 279px !important;}
	
	/* GUTTERS */
	.g10 {
		margin-left: 10px;
	}
	.g11 {
		margin-left: 11px;
	}
	
		
/*	MISCELLANEOUS
	-------------------------------------------------- */
	
	/* CLEARFIX */
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	.clearfix {
		display:block;
	}
	* html .clearfix {
		height:1px;
	}