/*
Theme Name: Making Space	
Theme URI: http://www.makingspace.org/
Description: Making Space Wordpress Theme
Version: 1.0
Author: Simon Taggart
Remarks: navigation styling is in separate files
*/

/* MAIN STRUCTURE */
HTML	{
	font-size: 100%;
}
HTML, BODY	{
	height: 100%;
	margin: 0;
	padding: 0;
}
BODY	{
	background: #fff url(images/bg.body.jpg) repeat-y left;
	color: #333;
	font: 62.5% Arial, Helvetica, sans-serif;
}

/* CONTENT TAGS */
UL, OL, LI, DL, DD, DT, P, H1, H2, H3, H4, H5, H6, IMG, BLOCKQUOTE, FORM, FIELDSET	{
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0 none;
}

IMG { 
	display:block;
}

/********************************************************************************
Layout
*********************************************************************************/

#outer-wrapper {
	background:url(images/bg.top.left.jpg) no-repeat top left;
	width:100%;
}

#site-wrapper {
	margin:0 auto;
	width:868px;
}

#header {
	background:url(images/bg.header.png) no-repeat;
	_background-image:url(images/bg.header.gif);
	margin:0 0 12px;
	min-height:1px;
	_zoom:1;
}
#header:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */

#logo {
	float:left;
	padding:13px 0 0 24px;
}

#strapline {
	float:right;
	padding:21px 24px 0 0;
}

#nav {
	clear:both;
	text-align:right;
	padding:7px 26px 24px;
	width:auto;
	min-height:1px;
	_zoom:1;
}
#nav:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */

#content-wrapper { 
	background:url(images/bg.content.middle.jpg) repeat-y;
	margin:0 0 12px
}

#content {
	background:url(images/bg.content.top.jpg) no-repeat top;
}

#content-sleeve { 
	background:url(images/bg.content.bottom.jpg) no-repeat bottom;
	min-height:1px;
	_zoom:1;
}
#content-sleeve:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */

#main-content { 
	width:540px;
	float:left;
	padding:24px 0 32px 24px;
}

#secondary-content {
	width:260px;
	float:right;
	padding:24px 24px 32px 0;
}

#footer {
	background:url(images/bg.footer.top.jpg) no-repeat top;
	margin:0 0 10px
}

#footer-sleeve {
	background:url(images/bg.footer.bottom.jpg) no-repeat bottom;
	min-height:1px;
	_zoom:1;
	padding:16px 24px 22px;
}
#footer-sleeve:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */

/********************************************************************************
Styles
*********************************************************************************/
H1, H2, H3, H4 { font-weight:normal; }

H1 { 
	color:#8c004c;
	font-size:2.4em;
	line-height:28px;
	margin:0 0 19px;
}

H2 {
	color:#70cee2;
	font-size:2em;
	line-height:28px;
	margin:0 0 13px;
}

H3 {
	color:#70cee2;
	font-size:1.6em;
	line-height:20px
}

H4 {
	color:#8c004c;
	font-size:1.6em;
	line-height:20px;
}

P {
	font-size:1.4em;
	line-height:20px;
	margin:0 0 10px
}

UL, OL {
	padding:10px 0 10px 0
}

LI {
	font-size:1.4em;
	line-height:20px;
	padding:0 0 10px 24px;
	background:url(images/bg.listitem.gif) no-repeat 7px 6px;
}

OL {
	padding-left:24px
	
}

OL LI {
	list-style:decimal;
	background:none;
	padding:0 0 10px
}

A { 
	color:#8c004c;
	text-decoration:none;
}
	A:hover {
		text-decoration:underline;
	}

ADDRESS {
	font-style:normal
}

.alignleft {
	float:left;
	margin:0 15px 5px 0
}
.alignright {
	float:right;
	margin:0 0 5px 15px
}

/* Secondary content Styles */
.sidebar-title {
	text-indent:-9999px;
}
#twitter_div { 
	padding:10px 0 0;
}
	#twitter_div .sidebar-title {
		background:url(images/title.latesttweets.gif) no-repeat right;
		height:60px
	}
	#twitter_div UL {
		padding:17px 0;
	}
	#twitter_div LI {
		font-size:1.2em;
		line-height:17px;
		background:url(images/divider.tweet.gif) no-repeat bottom;
		padding:15px 7px 35px;
	}

#flickr_badge_wrapper {
	padding:7px 0 0;
}
	#flickr_badge_wrapper .sidebar-title {
		background:url(images/title.flickr.gif) no-repeat left;
		height:60px;
		margin:0 0 19px;
	}
	
.flickr_badge_image {
	float:left;
	margin:0 17px 12px 0;
}

#flickr_badge_image3, #flickr_badge_image6, #flickr_badge_image9 {
	margin-right:0;
}

#flickr_badge_image10 { 
	display:none
}	
	
/* Footer styles */
#footer H2 {
	font-size:1.4em;
	line-height:18px;
	margin:0;
	color:#8c004c;
}

#footer ADDRESS {
	float:left
}

#footer P {
	font-size:1.2em;
	line-height:14px;
	margin:0;
}

#footer A {
	text-decoration:underline;
}
	#footer A:hover {
		text-decoration:none;
	}

	#footer #copyright { 
		float:right;
		margin:-16px 0 0;
	}