/*
Theme Name: P&P
Editors: Rich Lott 
Theme URI: --
Description: Basic P&P theme
Version: 1
Author: Rich Lott
Author URI: http://peopleandplanet.org
Tags: pnp

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/*	core.css {{{

Nb. MSIE6 treats child specifier as descendant 
	
	This css is particular to the peopleandplanet.org site


Colour definitions: 

define $green	 		#7ca563
define $vivid_green	    #83d057
define $dk_green		#485F39
define $red     		#a71f26
define $blue	 		#27a 
define $link	 		#fe5921 
define $link_visited 	#e69c83 
define $bg_blue 		#e9f2f8
define $bg_green 		#e0f1d5
define $menu_bg_child 	#BEDCEE
define $menu_sel_border #E6F5FF
define $bg_bluebox		#BDDAEE

/* global classes */
.greyed { color: #aaa; }

/* body and main structural divs {{{ */
body {	
	background-color: white;
	background-image:url('/format/tophl.png');
	background-repeat:repeat-x;
	background-position:0 6px ;
	font-family:sans-serif,"DejaVu Sans","Bitstream Vera Sans",Arial,Helvetica;
}
#sidebar {
    width: 123px;
    float: left;
    padding: 8px;
}
#is_ie5 #sidebar,
#is_ie6 #sidebar
{	width: 139px; }

/* browsers with no support for max-width */
#is_ie5 #content,
#is_ie6 #content
{	width:700px; }
/* This is the grey bit where the title goes */
#topbox  
{
	position: absolute;
	left:146px;
	top:0;
	right:0;
	height:66px;
	z-index:1;
}
#is_ie5 #topbox,
#is_ie6 #topbox
{	width:673px; }

#topbox h1,
#topbox p
{
	position:absolute;
	left:0;
	bottom:0;
	color:#27a /*$blue*/;
	margin:0; /* This is needed as an override */
}
#topbox h1 { 	bottom:-0.2em; }
/* This is for homepages, it's a box under the page title that is 
	designed to allow for a focus.*/
#printlogo { display:none; }

#homepage_highlight
{
	background-color:transparent;
	color:#a71f26;
}
#homepage_highlight h1 { 
	color:#a71f26 /*$red*/; 
	margin:0.5em 0 0 0; /* top left bottom right */
}
#homepage_general
{
	border-top:solid 1px #fe5921 ;
	margin-top:0.5em;
	padding-top:0.5em;
	clear:both;
}
#stdfooter {
	clear:both;
	margin-top:1em;
	font-size:0.65em /*$textSizeXSmall*/;
	color:#888;
}
#stdfooter p.boring_details {font-size:0.65em /*$textSizeXSmall*/}
/* }}} */

/* paragraphs, {{{ */
p 
{ 
	margin-top:0.4em; 
	margin-bottom: 0.8em;
	line-height:1.2em;
}
/* }}} */

/* list items {{{ */
li
{
	line-height:1.2em
}
/* }}} */

/* strong, emphasis{{{ */
strong { font-weight:bold; }
em { font-style:italic; }
/* }}} */

/* links colouring {{{*/
a 			{ color:#fe5921 /*$link*/; text-decoration:underline; }
a:visited 	{ text-decoration:none; }
a.cmd { font-size:smaller; }
a.cmd:visited 	{ color:#fe5921 /*$link*/;font-size:smaller; text-decoration:underline; }
a:hover,
label:hover		{ color:#a71f26 /*$red*/ }
/* }}} */

/* sidebar search form  {{{ */
form.sidebarsearch input
	{font-size:13px /*$textSizeInputSmall*/;font-weight:normal; }
form.sidebarsearch label
	{font-size:0.65em /*$textSizeXSmall*/;font-weight:normal; }
form.sidebarsearch input#searchtext 
{	border:solid 1px #27a /*$blue*/;padding:0 4px;margin:0;display:block;width:96px;}

/* }}} */

/* Tables {{{ */
table	{ font-size:0.8em /*$textSizeSmall*/; }
td, th 	{ border-color:#27a /*$blue*/; }
th		{ color:#27a /*$blue*/; }
th>h1:first-child,
th>h2:first-child,
th>h3:first-child,
th>h4:first-child,
td>h1:first-child,
td>h2:first-child,
td>h3:first-child,
td>h4:first-child
{ margin-top:0 } 
/* }}} */

/* Headings {{{ */
h1, h2, h3, h4 	{ 
	margin:1em 0 0.2em 0; /* top right bottom left */ 
	font-weight:bold;
}
h1 
{ 
	font-size: 1.4em /*$textSizeXLarge*/;
	color:#7ca563 /*$green*/; 
}
h2
{ 
	font-size: 1.2em /*$textSizeLarge*/;
	color:#a71f26 /*$red*/; 
}
h3 
{ 
	font-size: 1em /*$textSizeNormal*/;
	color: #27a /*$blue*/; 
}
h4 
{ 
	font-size: 1em /*$textSizeNormal*/;
	color: #a71f26 /*$red*/; 
	font-weight:medium;
}
/* }}} */

hr { clear:both;border:none;border-top:solid 1px #27a /*$blue*/;margin-top:0.5em;margin-bottom:0.5em }

div.rollover:hover { background-repeat:no-repeat; background-position:-1000px -1000px; }

select { font-family:sans-serif; } /* bug in firefox? requires this? */
optgroup { font-family:sans-serif;font-weight:normal;font-style:italic;color:#888; } /* bug in firefox? requires this? */
option { color: black; }

/* Quotes {{{ */
blockquote {
    font-style: normal;
    width: auto;
    padding-left: 2em;
	margin-left:0;
    padding-bottom: 0.5em;
	background-image: url('/format/blockquote.gif');
	background-position: top left;
	background-repeat:no-repeat;
}
blockquote p { margin-bottom:0.4em; }
p.blockquote_citation 
{
   	text-align:right; 
	margin-top:-0.4em; /* cancels 0.4 spacing after ps */
	font-style:italic;
	padding-left:2em;
}
cite {
    margin-left: 4em;
    margin-bottom: 1.5em;
	font-size:0.8em /*$textSizeSmall*/;
}


/* }}} */

/* boxes columns etc. used on peopleandplanet.org {{{ */
/* right area content 300px  {{{ */
div.right {
	float:right;
	padding:0;
	margin:0;
	margin-left:20px;
	width:300px;
	clear:right;
	font-size:0.8em;
}
/* complete hack for the world's worst browser! */
#is_ie6 div.right
{
	position:absolute;
	width:180px;
	top:100px;
	left:680px;
	padding-left:10px;
}

div.right>h1:first-child,
div.right>h2:first-child,
div.right>h3:first-child,
div.right>h4:first-child,
{ margin-top:0 } 

/* }}} */
/* Hides from IE-mac which properly treats this escape->\*/
* html div.left {height: 1%;}
/* End hide from ie-mac. ie/win will have processed the css between
 * these comments. */
/* }}} */
div.centre {border:none;margin:0;padding:0;text-align:center;}

/* highlight boxes {{{ */

div.box {
	border: 1px solid #83d057 /*$vivid_green*/;
	margin: 6px 0; 
	padding:9px; /* increasing this by 1px requires a 1px decrease on imboxes inside boxes inside rights. at 7px here, the margin can be 0. at 8, it needs -1 etc. */
	background-image:url('/format/box_bg_top.png');
	background-repeat:repeat-x;
	background-position:top;
    background-color:#e0f1d5 /*$bg_green*/;
	margin-left: 0;
}

div.right div.box
{
	padding:11px; /* because we have no left-right border */
	font-size:smaller;
}
div.right div.box div.size2 { width:auto; } /* disable this */

/* if right box starts with an image, don't put a margin at the top of the image */ 
div.right div.box div.size2:first-child,
div.right div.box div.size2:first-child div.imbox,
div.right div.box div.size2:first-child div.imbox_transparent
{ margin-top:0; }

div.box h1 {
    text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight:bold;
    color:#a71f26 /*$red*/; 
}
div.box h2 {
	margin-bottom: 5px;
    color:#a71f26 /*$red*/; 
	font-weight:bold;
}
div.box h3 {
	margin-bottom: 5px;
	font-weight:bold;
    color:#a71f26 /*$red*/; 
}
div.box > h1:first-child,
div.box > h2:first-child,
div.box > h3:first-child
{ margin-top:0; }
/* Now undo this rule for crappy Microsoft browsers */
#is_ie5 div.box h1,
#is_ie5 div.box h2,
#is_ie5 div.box h3,
#is_ie6 div.box h1,
#is_ie6 div.box h2,
#is_ie6 div.box h3
{ margin-top:1em ; }
/* }}} */

/* footnote div {{{ */
div.footnote 
{
	font-size:0.65em /*$textSizeXSmall*/;
	margin-top:1em;
	color:#666;
	border-top:dashed 1px #aaa;
}
/* }}} */

p.signedin 
{
	font-size:0.65em /*$textSizeXSmall*/;
	margin:0;
	border:none !important;
}

/* copyright span */
span.copyright,
p.copyright { font-size:0.65em /*$textSizeXSmall*/; font-style:italic } 
.unemphasise,
p.copyright,
span.copyright
{ font-size:0.65em /*$textSizeXSmall*/; color:#888;font-style:italic } 
p.copyright a,
span.copyright a
{ color:#866; } 



/* links sidebar5 IN USE {{{ 
	>Campaigns				childsel
	 Trade Justice          sibling
	 Stop Climate Chaos     sibling
	 =>Treat AIDS Now       sel
	   News                 child
	   Briefing             child
	 Go green               sibling

General stuff for list  {{{ 
*/

ul.sidebar5 {
    margin:0;
	padding:0;
	width:123px;
}
#is_ie5 ul.sidebar5,
#is_ie6 ul.sidebar5
{
	background-color:white;
}
ul.sidebar5 li {
    list-style-type: none;
	line-height:normal;
    color: #888;
	margin: 0 0 0 0; /* top right bottom left */
    padding: 0 ;
    background-color:transparent;
	font-weight:normal;
}
ul.sidebar5 a,
ul.sidebar5 a:visited 
{
	text-decoration:none;
	color:black;
}
ul.sidebar5 li a:hover { color:#27a /*$blue*/; }
ul.sidebar5 li.child a:hover { color:#080; }
ul.sidebar5 li.sel a:hover { color:#080; }
/* }}}
selected item {{{ */
ul.sidebar5 li.sel,
ul.sidebar5 li.selhome
{
	background-image:url('/format/nav_sel_li_inner.gif');
	background-position:top left;
	background-repeat:no-repeat;
    padding-left: 0;
	color:black;
	font-weight:bold;
}
ul.sidebar5 li.sel a,
ul.sidebar5 li.selhome a
{
	font-size:0.8em /*$textSizeSmall*/;
}
#is_ie5 ul.sidebar5 li.sel,
#is_ie5 ul.sidebar5 li.selhome,
#is_ie6 ul.sidebar5 li.sel,
#is_ie6 ul.sidebar5 li.selhome
{
	background-color:white;
}

ul.sidebar5 div.sel,
ul.sidebar5 div.selhome
{
	background-image:url('/format/nav_sel_div_inner.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:11px;
}
/* }}}
childsel {{{ */ 

ul.sidebar5 li.childsel,
ul.sidebar5 li.childselhome
{
	background-image:url('/format/nav_childsel_li_inner.gif');
	background-repeat:no-repeat;
	background-position:top left;
	color:black;
	font-weight:bold;
}
ul.sidebar5 li.childsel a,
ul.sidebar5 li.childselhome a
{
	font-size:0.8em /*$textSizeSmall*/;
}
#is_ie5 ul.sidebar5 li.childsel,
#is_ie5 ul.sidebar5 li.childselhome,
#is_ie6 ul.sidebar5 li.childsel,
#is_ie6 ul.sidebar5 li.childselhome
{
}
ul.sidebar5 div.childsel,
ul.sidebar5 div.childselhome
{
	background-image:url('/format/nav_childsel_div_inner.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:15px; 
}
/* }}}
special case: home {{{ */
#is_ie5 ul.sidebar5 li, 
#is_ie6 ul.sidebar5 li,
#is_ie7 ul.sidebar5 li 
{ 
	background-color:white; /* ie needs this to make it work! */
}
ul.sidebar5 li.selhome { 
	background-image:url('/format/nav_sel_li_outer.gif');
}
ul.sidebar5 li.childselhome { background-image:url('/format/nav_childsel_li_outer.gif'); }
ul.sidebar5 div.selhome { background-image:url('/format/nav_sel_div_outer.gif'); }
ul.sidebar5 div.childselhome { background-image:url('/format/nav_childsel_div_outer.gif'); }

/* }}}
block type links (across all){{{ */
ul.sidebar5 a.sel,
ul.sidebar5 a.childsel
{
	display:block;
	padding-left:0.8em;
	padding-right:0.4em;
	padding-top:0.3em;
	padding-bottom:0;
	min-height:1.3em; 
	color:black;
}
ul.sidebar5 a.sel
{
	min-height:22px;
}
#is_ie5 ul.sidebar5 a.sel,
#is_ie5 ul.sidebar5 a.childsel
{
	padding-left:0;
	padding-right:0.4em;
}
#is_ie6 ul.sidebar5 a.sel,
#is_ie6 ul.sidebar5 a.childsel
{
	padding-bottom:0.3em;
}

ul.sidebar5 a.sibling,
ul.sidebar5 a.child 
{
	display:block;
	padding-left:24px;
	padding-right:0.4em;
	padding-top:0.3em;
	padding-bottom:0.3em;
}

#is_ie5 ul.sidebar5 a.sibling,
#is_ie5 ul.sidebar5 a.child
{	padding-top:0.2em;
   	padding-bottom:0.2em; 
   	padding-left:10px; 
}
#is_ie6 ul.sidebar5 a.sibling,
#is_ie6 ul.sidebar5 a.child
{	padding-top:0.2em;
   	padding-bottom:0.2em; 
}



/* }}}
siblings {{{ */
div.childselhome ul.sidebar5 li.sibling 
{
	background-image:none;
	background-image:url('/format/nav_sibling_bg.gif');
	background-repeat:repeat-y;
}
div.childselhome ul.sidebar5 li.sibling a
{
	font-size:0.65em /*$textSizeXSmall*/;
}

/* }}} */
/* children {{{ */
ul.sidebar5 li.child 
{
	background-image:url(/format/nav_selchild_bg.gif);
	background-repeat:repeat-y;
	color:black;
}
ul.sidebar5 li.child>a 
{
	font-size:0.8em /*$textSizeSmall*/;
}
#is_ie5 ul.sidebar5 li.child,
#is_ie6 ul.sidebar5 li.child
{
}
/* }}} */
/* }}} */
/* links branchout {{{ */

div.branchout_outer {
	background-image:url('/format/nav_rel_ul.png');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#BEDCEE /*$menu_bg_child*/;
    margin:0;
	margin-top:2em;
	padding:0;
	color:black;
	font-size:0.8em /*$textSizeSmall*/;
	font-weight:bold;
}
div.branchout_outer div.branchout {
	background-image:url('/format/nav_rel_div.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0;
	padding:0.2em 8px 0.4em 8px;/* top right bottom left */
}
div.branchout p {
	margin: 0.2em 0 0 0; /* top right bottom left */
    padding: 0.2em 0; /* top,bottom left,right */
    background-color:transparent;
	font-weight:normal;
	font-size:0.8em /*$textSizeSmall*/;
	border-top:solid 1px #E6F5FF /*$menu_sel_border*/;
}
#is_ie6 div.branchout p
{	position:relative; /* without this this div goes over the padding of the containing div. */ }

div.branchout a,
div.branchout a:visited 
{
	text-decoration:none;
	color:#fe5921 /*$link*/;
}
div.branchout a:hover { color:#fe5921 /*$link*/; }

div.amazonLink p
{
	padding-left:24px;
}
div.amazonLink img
{
	margin-left: -35px;
	margin-top: -5px;
	position: absolute;
}
/* }}} */
/* sign in box {{{ */

div.signin_outer {
	background-image:url('/format/signin_top.png');
	background-repeat:no-repeat;
	background-position:top left;
	background-color: #ffd39c;
    margin:0;
	margin-top:2em;
	padding:0;
	color:black;
	font-size:0.8em /*$textSizeSmall*/;
}
div.signin_inner {
	background-image:url('/format/signin_bottom.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0;
	padding:0.2em 8px 0.4em 40px;/* top right bottom left */
}

div.signin_inner a,
div.signin_inner a:visited { color: black;text-decoration:underline; }
div.signin_inner a:hover { color: white; }


#is_ie6 div.signin_inner p
{	position:relative; /* without this this div goes over the padding of the containing div. */ }

/* }}} */


pre
{
	border-color:#27a /*$blue*/;
	background: #e9f2f8 /*$bg_blue*/;
}
/* }}} */

/* for wordpress */

a img { border:none; }

br.clear { clear:both; }
p.postmetadata 
{
	font-size:0.8em /*$textSizeSmall*/;
	padding-left:0.8em;
	padding-right:0.8em;
}
form.sidebarsearch input
	{font-size:13px /*$textSizeInputSmall*/;font-weight:normal; }
form.sidebarsearch label
	{font-size:0.65em /*$textSizeXSmall*/;font-weight:normal; }
input#s
{	border:solid 1px #27a /*$blue*/;padding:0 4px;margin:0;display:block;width:96px;}
input#searchsubmit
{display:none; }

div.branchout > ul { margin:0; padding:0 }
div.branchout > ul > li 
{ 
	list-style:none;
	margin: 0.2em 0 0 0; /* top right bottom left */
    padding: 0.2em 0; /* top,bottom left,right */
    background-color:transparent;
	font-weight:normal;
	font-size:0.8em /*$textSizeSmall*/;
	border-top:solid 1px #E6F5FF /*$menu_sel_border*/;
}

ol.commentlist
{
	padding:0;
}
.commentlist li 
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 0 3px;
	padding:5px 10px 3px;
	font-size:0.8em /*$textSizeSmall*/;
}
.alt 
{
	background-color:#F8F8F8;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
}

#commentform textarea
{
	border:solid 1px #27a;
}
.commentlist li .avatar 
{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #EEEEEE;
	float:right;
	padding:2px;
}

#comment
{
	width:100%;
}
.commentlist cite 
{
    margin-left: 0;
    margin-bottom: 0;
}
#sidebarUl
{
	padding:0;
}
#sidebarUl>li>h2
{
	font-size:1em;
}
#sidebarUl>li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#sidebarUl>li>ul
{
	padding-left:1em;
}
#sidebarUl li ul li
{
	list-style-type:square;
}

/* images */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

div.wp-caption
{
	background-color:#eee;
	background-image:url('/format/bg.grey.jpg');
	background-repeat:no-repeat;
	border:solid 1px #888;
}
div.wp-caption img { display: block; margin-left: auto; margin-right: auto; margin-top:4px;}
div.wp-caption p   
{
	font-size:0.8em /*$textSizeSmall*/;
	margin:4px;
}

div.wp-caption.alignright {float:right; margin:0 0 1em 1em}
div.wp-caption.alignleft {float:left; margin:0 1em 1em 0}
div.wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* xxxxxxxxxxxxxxx hack xxxxxxxxxxxxxxx */
#is_ie7 #sidebarUl,
#is_ie6 #sidebarUl,
#is_ie5 #sidebarUl 
{ margin:0; padding:0;  }
#is_ie7 #sidebarUl li,
#is_ie6 #sidebarUl li,
#is_ie5 #sidebarUl li 
{ margin:0; padding:0 ;}
#is_ie7 #sidebarUl li ul,
#is_ie6 #sidebarUl li ul,
#is_ie5 #sidebarUl li ul 
{ margin:0; padding:0 ;padding-left:1em;}
a.rss 
{
	background-image: url('/format/rss_feed.gif');
	background-repeat:no-repeat;
	padding-left:18px;
}


#page
{
	background-image:none;
	background-color:#878279;
	margin:0;
}
#pageContent
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	border:solid 1px #a7a299;
	position:relative;
	background-image:none;
	background-color:#d7d1c5;
}

h1#whoweare { font-size: 15pt }
#logolayer { 
	position:absolute;
	left:0;top:0; 
	width:100%;
	height:200px;
	padding:0;
	}
#content 
{
	background-image:none;
	margin-left:152px;
	padding:0;
	margin-top:0;
	max-width:none;
	position:static;
}

/* xxxxxxxxxxxxxxx hack xxxxxxxxxxxxxxx */
#is_ie7 #content,
#is_ie6 #content,
#is_ie5 #content
{
	margin-left:0;
	max-width:none;
	max-height:none;
	position:static;
	width:auto;
	height:auto
	overflow:visible;
	float:none;
}
#content .left
{
	background-color:white;
	margin:0;
	margin-right:214px;
	padding:24px;
	padding-top:1px;
	border:solid 1px #a7a299;
}
#is_ie6 #content .left,
#is_ie7 #content .left
{
	border:none;
}
.singlePost
{
	background-color:white;
	margin:0;
	margin-right:12px;
	padding:24px;
	padding-top:1px;
	border:solid 1px #a7a299;
}
/* xxxxxxxxxxxxxxx hack xxxxxxxxxxxxxxx */
#is_ie7 #content,
#is_ie6 #content, 
#is_ie5 #content
{
	/* Poor quality Microsoft browser Internet Explorer 7
	 * collapses margins and fills background up to outside of margins, instead of up to outside of padding.
	 * The only way I could find to make it successfully move the left edge of the box
	 * was to use the left border (with the same colour as the background) instead of 
	 * margin-left. 
	 * 
	 * This does, of course, mean that I can't apply a (normal) border to the thing.
	 *
	 * What a PITA. 
	 *
	 * */
	border:none;
	border-left:solid 152px #d7d1c5; 
	margin-top:2px;
	
/* supposed to reset hasLayout internal id property (didn't help me, kept for reference) max-width:none; max-height:none; position:static; width:auto; height:auto overflow:visible; float:none;*/
}

#is_ie6 #content div.left
{

}

#content .right
{
	width:200px;
}
#sidebar {
	position:absolute;
	left:0;
	top:111px;
	float:none;
	background-color:white;
	border:solid 1px #a7a299;
	border-left:none;
}
div.post h2 
{
	margin-bottom:0;
	padding-bottom:0;
}
p.postTime
{
	margin-top:0;
	color:#aaa;
	font-size:0.8em /*$textSizeSmall*/;
}

p#rssInfo 
{ 
	clear:both; 
	margin-bottom:0; 
}

#searchform p 
{
	margin:0;
	padding:0;
	font-size: 0.65em /*$textSizeXSmall*/;
	border:none;
}
a { color:#a71f26 /*$red*/ }
#content .left a,
#content .singlePost a
{ color:#fe5921 /*$link*/; text-decoration:underline; }

li.categories ul
{
	padding-left:1em;
}

div.navigation
{
	overflow:auto;
	padding-right:1em;
}
div.navigation .alignright 
{
	float:right;
}
div.navigation .alignleft 
{
	float:left;
}
div.hefe
{
	background-color:#E0F1D5;
	background-image:url('hefe_quote.png');
	background-position:top right;
	background-repeat:no-repeat;
	margin:-1px -24px 24px;
	padding:24px 100px 24px 24px ;
	border-bottom: 1px solid #83d057 /*$vivid_green*/;
}