/*
Theme Name:     SJF
Theme URI:      
Description:    Child theme based on 'Twenty Eleven' theme used for SJF website
Author:         Sally Baker
Author URI:     http://www.sallybaker.net
Template:       twentyeleven
Version:        0.1.0
*/

@import url("../twentyeleven/style.css");

/*	Design
	DESCRIPTION: sets the background and makes sections transparents so that	they don't overlap the background image 
	----------------------------------------------------------------------*/
	
body {
	background: url(background.gif) no-repeat left top;
	width: 100%;
	height: 100%;	
	/*padding-top: 320px; */
	background-position: 30px -28px;
}
/*	DESCRIPTION: this section indents the title & subtitle so that it does not overlap the background image*/
#branding {
	border: none;
	/*background: url(logo.gif) no-repeat #f37021;*/
	background-color: transparent;/;
	margin-left: 200px;
}
#site-title, #site-description {
	margin-right: 100px;
	margin-bottom: 0.5em;
}
/*	#site-title
	DESCRIPTION: alters the font style of the blog title*/
#site-title a {
		color: #ffffff;	
}
#site-title a:hover {
	color: #8c4114;
}
/*	#site-description 
	DESCRIPTION: alters the font style of the blog subtitle*/
#site-description {
	color: black;
	font-style: italic;
	font-family:"Times New Roman", Times, serif;
	font-size: x-large;
	text-indent: 1em;
}

/*	#searchform
	DESCRIPTION: Changes the background colour of the search form*/
#searchform {
	background-color: #ffffff;
}
/*	#page
	DESCRIPTION: Changes the background colour of the main content area so that it does not overlap background image */
#page {
	background-color: transparent;
}

/*	#access - menu bar 
	DESCRIPTION: Makes the ***menu bar*** transparent, removed the box shadow and indents it so that it stands out less from the background image */
#access {
	margin-left:4.65625em;
	/*margin-right:3.65625em;
	width: 87%;*/
	background: transparent;
	box-shadow: none;
}

/* Make the footer background transparent. This was done so that the footer does not overlap orange background when page content is really short. */
#site-generator {
	background: none;
}

/* The primary area is the main content area, this needed to be lowered slightly for the blog posts.
--------------------------------------------------------------------- */
#primary {
	padding-top: 60px;
}
#secondary {
	padding-top: 120px;
}

/* Left margin reduced so that sidebar sits neatly on the edge*/

body {
	width: 1024px;
}