/* @override http://www.10on12.com/CSS/screen.css */

/* -------------------------------------------------------------- 
  
   10on12 CSS Structural Framework
   
   * Structure Styles*
      
   Link this into the screen CSS file in the 10on12/css/lib directory.
   Keep all structural elements  over here.
   
-------------------------------------------------------------- */

/* COLOUR
orange - #C0521f
black – #1E1E1E
light gray – #D0D0D0
dark gray – #636363
middle col - #EBEBEB
width of page 880px - 
8 cols x 100px + 10px gutter
grid - 110px x 110px*/

/*import  stylesheets and hide from IE/Mac*/
@import "lib/reset.css";
@import "lib/type.css";
@import "lib/photographic.css";
/* End import/hide */

/*--------------------------------------------------------------------------------------

Main structure of the page/template – keep this here (Screen.css)

--------------------------------------------------------------------------------------*/

body {
margin:0;
padding:0;
text-align: center;
font-size: 1em;
line-height: 1.2;
	background: url(../graphics/page-bg.png) repeat-x fixed;
}
 
#page {
text-align: left;
margin: auto;
padding: 0px;
width: 880px;
background-color: white;
background-image: url (../graphics/grid_1000.gif);
background-image: url(../graphics/page-backgrounnd.gif) ;
/*switch between the grid and bg image by removing the charahcter space url_(*/
}

#banner {
height: 200px;
width: 880px;
float: left;
background-image: url(../graphics/banner-blank.gif);
}

#banner h3  {
	color: white;
	font-size: 1em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	padding: 45px 15px 0 0;
}

#main_content {
margin:0;
padding:0 0 0 10px;
float: left;
clear: both;
width: 500px;
}

#main_nav{
margin: 0;
width: 100%;
height: 100px;
display: block;
float: left;
list-style: none;
background-image: url(../graphics/chalk-line-gray.gif);
background-repeat: no-repeat;
background-position: bottom left;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

.strapline

#blog_entries {
margin:0;
padding-top: 10px;
float: left;
}

.page-numbers {
	height: auto;
	padding-top: 40px;
	padding-right: 20px;
}

.page-numbers p{
	margin-top: 20px;
}

#centre_illustration {
border: 0px solid white;
margin:0;
padding-left: 25px;
float: left;
width: 130px;
height: 500px;
}

#nutshell {
float: right;
width: 160px;
text-align: right;
padding: 0 25px 0 0;
}



/*-------------------------------------------

Footer elements including contact and search 

-------------------------------------------*/


#footer {
	padding: 10px 0 0 0;
	clear: both;
	background: url(../graphics/footer-chalk-line.gif) no-repeat 0 top;
}

#footnotes {
	background:  #D0D0D0 url(../graphics/footers-chalk-line-btm.gif) no-repeat 0 bottom;
	float: left;
	width: 100%;
}

#simple_search {
	float: left;
	width: 300px;
	padding-top: 25px;
	padding-left: 40px;
}

#bio {
	
	float: left;
width: 200px;	
text-align: left;
padding-left: 25px;
	padding-bottom: 30px;
}

#colophon {
	float: left;
	width: 240px;
	text-align: right;
	padding-right: 20px;
	display: block;
}