/* remove all defaults on elements to avoid unexpected padding/margins */
body, div, h1, h2, h3, h4, h5, h6, p, form, ul {
	margin:0;
	padding:0;
	border:0;	
}



body {
	/* specify px here to get closer to same size on different browsers */
	font: 14px/1.5em  Helvetica, Verdana, sans-serif;
}



h1, h2, h3, h4, h5, h6 {
	margin:0.8em 0em 0.2em 0em;
	font-weight:300;
	/* to fake a thinner weight in Safari add text shadow*/
}


/* Load the bembo font */

@font-face {
  font-family: "Bembo";
  src: url(../../images/fonts/Bembo.ttf) format("truetype");
}



h1, h2 {
	font: 1.85em/1.2em "Bembo", Garamond, "Times New Roman", serif;
}



/* we'll need a javascript detect in here to check if bembo not loaded, set below: to x, if not leave it alone - only available in webkit for now anyway */

h2 {
	font-size:1.6em;
	line-height:1.2em;
	margin-top:-0.1em;

	-webkit-box-reflect: below -0.55em -webkit-gradient(linear, left top, left bottom, 
        from(transparent), color-stop(0.7, rgba(255,255,255,0.1)), to(rgba(255,255,255,0.3)));
}



ul, ol {
	margin:0em 0em 0.3em 0em;
	padding-left:1.3em;
	font-size:90%;
}


/* the next two instructions should be mutually exclusive 
- either give paragraphs a space between, or indent */

/*
p {
	margin:0em 0em 0.6em 0em;
}
*/
p + p {
	text-indent:1em;
	margin-bottom:0.2em;
}

.attribution + p {
	text-indent:0;
}

blockquote {
	border-left:3px solid #ABA195;
	color:#ABA195;
	margin-left:20%;
}

.attribution {
	text-transform:uppercase;
	font-size:0.8em;
	color:#ABA195;
	padding-left:3.7em;
	line-height:1em;
	margin-top:-0.5em;
	margin-bottom:1em;
	border-left:3px solid #ABA195;
}

.main_column_content blockquote p {
	margin-left:3em;
}



/* make sure superscript doesn't mess up leading - HTML broken by design... */
sup {
	font-size:0.7em;
	line-height:1em;
	padding-left:0.2em;
}

/* remove ugly dotted border from links added by Firefox */
a {	
	outline: none;
	border:none;
	text-decoration:none;
}

/* Firefox */
a img {
	outline: none;
	border:none;
}

pre, code {
	display:block;
	font:12px/1.6em "Bitstream Vera Sans Mono", "Monaco", monospace;

}

pre {
	margin-left:-4em;	
}

code {
	border-left:3px solid #ABA195;
	color:#444;
	padding-left:4em;
	margin:1em 0em;
	
	margin-left:20%;
}


/* letterspace long numbers */
.long_number {
	letter-spacing:1px;
}


.introduction {
	font-size:1.3em;
	line-height:1.5em;
	color:#ABA195;
}

.main_column_content .introduction p {
	text-align:left;
}


/* Tables */

table { 
	border-collapse: collapse;/* remove cellpadding etc */
	border:0;
}

table tr:first-child, th {
	font-style:italic;
}


td, th {
	margin:0em;
	padding:0.5em;
	border:1px solid #ccc;
}



/* Invariant colours */
body {
	color:#222;
	background-color:#555;
}

h4, h5 {
	color:#666;
	font-size:1.1em;
}

h5 {
	font-size:1em;	
}



.right_column, .footer {
	background:#D6D0CA;		/* right column background colour */
}


.main_column, .footnote {
	background:#F2F0EE;		/* main column background colour */

}

.header {
	color:#D6D0CA; /* Header text colour */
	background-color:#fff;
}

.right_column_content, .company_details {
	color:#666; /* bullets and company details colour */
}

.footnotes, .footnote {
	color:#ABA195; /* Footnotes colour  */
}




/* Header */

.header {
	height:30px;
	font-size:14px;
}

.header .right_block {
	height:30px;

}

.search_form div {
	height:100%;
	padding:0.23em 1em 0em 1em;
}

.search_form  input {
	height:1.4em;
	border:1px solid #ccc;
	width:100%;
}



.breadcrumbs {
	list-style:none;
	position:absolute;
	top:16px;/* in px for Firefox */
	line-height:20px;
	z-index:2;
	font-size:0.9em;

}




/* Footer */

.foot_identifier {
	padding:0 0% 0% 2%;
	float:left;
	margin-right:2%;
}

.footer h1 {
	margin-top:0.35em;
}

.logo  {
	text-align:center;
	padding:2.5em 0em;
}

.foot_identifier p {
	text-align:justify;
	text-indent:0;
	margin-bottom:0;
}

.company_details {
	text-transform:uppercase;
	font-size:0.7em;
}


.foot_menu {
	width:54%;
	font-size:0.95em;
	float:left;
	list-style:none;
	padding:0;
}

.foot_menu ul {
	padding:0;
	margin:0;
}

.foot_menu li {
	float:left;
	margin-left:6%;
}

.foot_menu .first {
		margin-left:0%;
}

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

.foot_menu li li {
	display:block;
	float:none;
	margin:0;
}



/* Right col */

.search_results {
	opacity:0.9;
	background-color:#fff;
}


.credits {
	font-size:80%;
	line-height:1.6em;
	margin-top:3em;
}

.credits p {
	text-indent:0;
		line-height:1.6em;
		margin-bottom:0.3em;
}


/* Page Content */

.main_column_content .fragment, .main_column_content .introduction {
	margin-top:1em;
}

.main_column_content p {
	max-width:40em;
	text-align:justify;
}

.main_content_column object, .main_content_column embed,.main_content_column .film {
	padding-left:20%;
}

.main_column_content p,.main_column_content table,.main_content_column .film, .main_column_content pre,.main_column_content h2, .main_column_content h3,.main_column_content h4, .main_column_content h5 {
	margin-left:20%;
}

.fragment {
	clear:right;
}
/*
just for log entries?
*/

.log .fragment_image_preview, .log_fragment .fragment_image_preview {
	float:right;
	margin:0 0 0.5em 1em;
}

.fragment_image {
	margin-left:20%;	
}

.fragment_image_preview { 
	margin-left:20%;
	border:1px solid #999;
}


.main_column_content  ol,.main_column_content ul {
	padding-left:20%;	
	margin-top:1em;
}

.main_column_content  li {
	margin-left:1.3em;
}

.main_column_content table {
	margin-top:1em;
}

.main_column_content table td {
	border:1px solid #ccc;
}

.main_column_content .footnotes  {
	width:18%;
	float:left;
	position:relative;
	top:0.4em;
}

.main_column_content .introduction .footnotes {
	top:0.6em;
}

.main_column_content .footnote {
	font-size:80%;
	line-height:1.4em;
	text-indent:0;
	margin-left:0;
	text-align:left;
	margin-bottom:1em;
}

.main_column_content .introduction .footnote {
	font-size:12px;
}

.footnote sup {
	vertical-align:baseline;
}


.main_column_content {
	min-height:45em;
}

.main_column_content ul,
.main_column_content ol{
	font-size:0.9em;
	margin-top:0.3em;
}

.main_column_content ul li ul, .main_column_content ol li ol, blockquote ol{
	padding-left:1%;
}

.main_column_content ul ul ul {
	font-size:96%;
}


.introduction_image {
	float:left;
	margin-right:0.5em;
}

.introduction_image img {
	width:112px;
}


.date {
	text-transform:uppercase;
	font-size:0.8em;
	margin-left:20%;
}

.noborder {
	border:none;
}





.featured {
	border-top:1px solid #ccc;
	margin-bottom:2em;
	border-bottom:1px solid #ccc;
	background-color:rgba(255,255,255,0.2);
}

.home_feature {
	min-height:160px;
	clear:both;
	margin-top:0;
}

.home_feature p, .home_feature h3 {
	text-align:left;
	text-indent:0;
}


.home_feature .fragment_image_preview{
	float:left;
	margin:3px 1em 2em 0em;
}

.featured_head {
	position:relative;
	top:-14px;
	font-size:0.8em;
	border:1px solid #ccc;
	width:14em;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
}

.site_url {
	font-size:0.85em;
	line-height:1.4em;
	margin-top:-0.3em;
}







#page_missing #google_search  {
	width:30em;
}


.main_column_content ul li h5 {
	margin-left:0;
}