/* 


copyright + credits {
	joshuaink.com: bus full of hippies edition;
	email: john@joshuaink.com;
	many-thanks: denis radenkovic for the flowers illustration:  http://38one.com/ and graham bancroft for the
	updates made for the Creative Commons release of these templates;
} 

*/



/*
===== CONTENTS =====

	last-updated: 20 Nov 2006;

	1: universal reset 
	2: accessibility features
	3: html and body
	4: typography
		: the side bar
		: linkypoos
		: general params
		: acronyms, abbreviations and del styles
		: tables
		: main content headings
		: lists
	5: layout
	6: main navigation
	7: images and gravatars
	8: comments
	9: forms
	10: Bloglines and Rojo

====================
*/

/*
===== 1: universal reset =====
*/

* {
/* set the fonts to a uniform size, including form fields as well as all headings etc. */
	font-size:100%;
	margin:0;
	padding:0;
}



/*
===== 3: html and body =====
*/

html {
	min-width:720px;
	}

body {
	font:90%/150% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#666;
/* align ie5 center screen */
	text-align:center;
/* Using the !important method over all else because although there _is_ JavaScript to force IE to support PNG transparency
it causes the links 'above' the background image to become unusable */
	background:#FFF url(images/body_back.jpg) 50% 0 no-repeat !important;
	background:#FFF url(images/ie_back.jpg) 50% 0 no-repeat;
	}

/*
===== 4: typography =====
*/

/* the side bar */

#sub-content {
	font-size:93%;
	line-height:130%;
	min-height:300px;
	}


/* linkypoos */

a,
#foot:hover a {
	color:#60761B;
	text-decoration:underline;
	}

#foot a {
	color:#aaa;
	  text-decoration:none;
	}

#sub-content a {
	color:#8CAE26;
	 text-decoration:none;
	}

#sub-content a.noback,
#main-content a.noback
{
	color:#59600E;
	text-decoration:none;
	background:transparent;
	}

#sub-content a.noback:hover,
main-content a.noback:hover
{
	color:#59600E;
	text-decoration:none;
	background:transparent;
	}

a:hover,
#sub-content a:hover,
#foot a:hover {
	color:#284A26;
	background:#E0F3B1;
	}


/* general params */

h2
 {
	font-size:125%; color:#59600E;
	font-weight:bold;
	margin:0 0 20px 0;
}

p {
	margin:0.9em 0;
	}

.special
{
	text-indent:30px;
	margin:10px auto 0 auto;
	text-align:center;
	font-weight:bold;
	font-size:105%;
}
.small {
	margin:0;
	padding:0;
	color:#333;
	}

.light
	{
	margin:0;
	padding:0;
	color:#999;
	}

/* acronyms and abbreviations styles */


#foot {
	font-size:75%;
	color:#aaa;
	}

#foot:hover {
	color:#333;
	}



/* main content headings */

#main-content h2 {
	font-size:125%
	}


/* lists, oh my, where would we be without joyous lists */

.sub-list li {
	margin:0.3em 0;
	padding-left:12px;
	background:transparent url(images/bullet.gif) 0 5px no-repeat;
	}

/*
===== 5: layout =====
*/

/* Specifically for the home page excerpts and search results*/



#wrap {
	width:770px;
	margin:12px auto 0 auto;
/* recover from ie5 work around on the body*/
	text-align:left;
	position:relative;
	}


/* #header 'home' link image replacement */


#main-content {
	width:454px;
	float:left;
	min-height:430px;
	background:transparent url(images/main_content.png) 0 0 no-repeat !important;
	background:transparent;
	}

#main-content-copy {
	width:395px;
	margin:75px 0 20px 32px;
	}

#sub-content {
/* width creates a natural margin between the two floated divs _essential_ else the mighty ie6 peek-a-boo bug will strike! */
	width:310px;
	float:right;
	background:transparent url(images/sub_content.png) 0 0 no-repeat !important;
	background:transparent;
	}

#sub-content-copy {
	width:247px;
	margin:75px 0 20px 25px;
	}

#foot {
	clear:both;
	margin:0px 0 5px 0;
	padding-top:0px;
	}