/* Adapted from Judith Charlton by Chris Jennings for Fahamu/pambazuka */
/* April 2008 */

* {outline:none;}

body {
margin:0px 20px 20px 20px;
background:#fff;
color:#333333;
font-family: Tahoma, Verdana,"Trebuchet MS", Arial,sans-serif;
font-size: 90%;
}

img, a img {
border: 0;
}

/* lists in the main body */

#content ul {
padding-bottom: 2px;
margin: 0 4px 4px 4px;
line-height: 1.3em;
}

#content ul li {
font-size: .9em;
margin: 3px 12px 3px 20px;
}

/* links */

a:link { 
background-color: transparent;
text-decoration: none;
color: #cc3300;
border-bottom: 0px solid #e4dada;
}

a:visited {
background-color: transparent;
text-decoration: none;
color: #cc3300;
border-bottom: 0px solid #e4dada;
}

a:hover {
text-decoration: none;
color: #990000;
text-decoration: none;
border-bottom: 0px solid #e4dada;
}

a:active {
background-color: transparent;
text-decoration: none;
color: #990033;
border-bottom: 0px solid #e4dada;
}


p {
font-size: .9em;
line-height: 1.4em;
margin: 0 0 0.6em 0;
}

h1, h2, h3 {
letter-spacing: 0.04em;
}

h1 {
font-size: 1.2em;
/* border-top: 6px solid #fcc;  */
padding-top: 4px;
padding-bottom: 4px;
color: #993333;
}

h2 {
padding-top: 2px;
padding-bottom: 1px;
font-size: 1em;
margin-bottom: 2px;
color: #993333;
}

h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { 
background: transparent url("http://www.fahamu.org/images/takeoff.gif") no-repeat center right;
margin: 0px 8px 1px 0px;
padding: 0 12px 2px 0; 
text-decoration: none;
border-bottom: 0;
color: #993333;
font-weight: bold;
}

h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { 
background: transparent url("http://www.fahamu.org/images/takeoff.gif") no-repeat center right;
margin: 0px 8px 1px 0px;
padding: 0 12px 2px 0; 
text-decoration: none;
border-bottom: 0;
color: #C54C00;
font-weight: bold;
}


h3 {
font-size: .85em;
color: #993333;
padding-bottom: 3px;
padding-top: 3px;
font-weight:bold;
/* border-bottom: 1px solid silver; */
}

h4 {
font-size: .8em;
color: #993333;
padding-bottom: 3px;
font-weight:bold;
}

h5 {
font-size: .8em;
color: #993333;
padding-bottom: 3px;
font-weight:normal;
}

#wrapper {
width: 770px;
margin: 0px auto;
}

#masthead {
width: auto;
height: 60px;
margin: 12px 0 38px 119px;
padding: 0;
background: transparent url(http://www.fahamu.org/images/topbar.gif) repeat-x;
border-right: 1px solid white;
}

#masthead img {
border-bottom: 0px solid #f99;
display: block;
float: left;
padding:0;
margin: 0;
}

/* top navigation bar */

#topnav {
width: 770px;
height: 54px;
margin: 0px auto 0px auto;
}

#topnav_left {
width: 120px;
height: 54px;
float: left;
}


#topnav_main {
width: 643px;
height: 54px;
float: left;
margin-left: 7px;
border-top: solid 1px #f99;
}

#topnav_main ul {
padding-top: 1px;
float: right;	
}

#topnav_main ul li 	{
/* list-style-type: none; */
display: inline; 
padding-left: 10px;
background: #fff;
color: #FBCE92;		
font-size: 0.9em;
text-transform: uppercase;
}

#topnav_main a 	{
color: #FBCE92;
text-decoration: none;
}

#topnav_main a:hover {
color: #cc6666;
}

input {
color: #FBCE92;
padding: 2px 3px;
margin: 3px;
font-size: 11px;
}

#checkout input {
color: #000;
}

/* container for everything below masthead except footer */

#content_container {
width: 770px;
margin: 0px auto 0px auto;
border-right: 1px solid #FBCE92;
float: left;
}

/* container for main and sidebar*/
#content {
}

/* left column */

#leftnav {
font-size: .8em;
width: 113px;
float: left;
padding: 0 5px 0 0;
margin: 0;

}

/* Left navigation */

#leftnav ul {
margin: 0 0 18px 0;
padding: 0px;
line-height: 1.5em;
/* border-top: 6px solid #fcc;  */
}

#leftnav ul li 	{
list-style-type: none;
display: block; 
margin-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
background: #fff;
line-height: 2.1em;
border-bottom: 1px dotted #FBCE92;
/* color: #993333; */
text-indent: 3px;
}

#leftnav ul li a {
border: 0;
}

#leftnav ul li ul {
margin: 0;
padding: 0;
font-weight: normal;
background: white;
padding-left: 12px;
/* border: 1px solid green; */
font-size: 1em;
}

#leftnav ul li ul li {
list-style-type: none;
display: block; 
margin: 0;
padding-bottom: 0px;
padding-top: 0;
padding-left: 0;
background: white;
border-bottom: 0px solid #FBCE92;
text-transform: none;
line-height: 2.1em;
text-indent: 0;
}


/*
body.home li#home a, body.archives li#archives a, body.C9 li#C9 a, body.C5 li#C5 a, body.C15 li#C15 a, body.C12 li#C15 a, body.C13 li#C15 a, body.C10 li#C9 a, body.C11 li#C9 a, body.C14 li#C9 a, body.C6 li#C6 a, body.C7 li#C6 a, body.C8 li#C6 a {
font-weight: bold;
color: #633535;
background: #ECDEBB;
}
*/

body.home li#home, body.advocacy li#advocacy, body.courses li#courses, body.publications li#publications, body.about li#about, body.pambazuka li#pambazuka, body.aumonitor li#aumonitor, body.awards li#awards, body.partners li#partners, body.funders li#funders, body.donate li#donate, body.links li#links, body.srlan li#srlan {
/* font-weight: bold; */
text-transform:uppercase;
/* text-indent: 3px; */
color: #633535;
background: #F6EFDE;
border-left: 0px solid #F6EFDE;
}

/* right column */

#sidebar {
width: 205px;
float: right;
padding: 0 4px 0 4px;
font-size: .9em;
/* border-top: 3px dotted #FBCE92; */
}

body.home #sidebar, body#category #sidebar {
border-top: 0px dotted #FBCE92;
}


a.image { 
background-color: transparent;
text-decoration: none;
color: #993333;
border-bottom: 0px dotted #b62c2c;
}

#calendarbox {
width: 191px;
padding: 6px;
border: 1px solid #FBCE92;

}

#calendarbox h3 {
margin-bottom: 6px;
}


.calendar {
width:190px;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 24px;
}

/*
.calendar ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
*/

.calendar ul li {
display: block;
float: left;
text-align: center;
font-size: 0.9em;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #fcc;
}

.last {
border-right: none !important;
}

.bottom {
border-bottom: none !important;
}

.calendar ul li a {
width: 60px;
height: 24px;
padding: 7px 1px 1px 1px;
margin: 0 0 0px 0;
display: block;
text-align: center;
float: left;
}

.calendar ul li a:hover
{
background: #FBCE92;
color: #993333;

}


.rightbox {
width: 191px;
/* border-top: 3px dotted #FBCE92; */
/* border-bottom: 3px dotted #FBCE92; */
margin: 0 auto 22px auto;
padding: 6px;
}

.rightbox p {
color:#933;
font-size: 0.9em;
}

.rightbox ul, .quotebox ul {
font-size: 0.9em;
line-height: 1.3em;
}

.rightbox ul li, .quotebox ul li {
margin-bottom: 4px;
}

.rightbox ul li a, .quotebox ul li a {
border-bottom: 0;
}

#sidebar .rightbox img, #sidebar .quotebox img {
margin: 0 auto;
display: block;
}

.rightbox h3, .quotebox h3 {
font-weight: bold;
font-size: 1em;
}

.quotebox {
width: 184px;
border-top: 4px dotted #ff9966;
border-bottom: 4px dotted #ff9966;
margin: 0 auto 22px auto;
padding: 6px 0 3px 0;
}

.quotebox p {
color:#ff6633;
font-size: 1em;
}


/* middle column for main content */

#main {
width: 424px;
padding-bottom: 8px;
border-left: 1px solid #FBCE92;
border-right: 1px solid #FBCE92;
padding-left: 6px;
padding-right: 6px;
float: left;
margin-bottom: 12px;
}

#mainart {
width: 650px;
padding-bottom: 8px;
border-left: 1px solid #FBCE92;
/* border-right: 1px solid #FBCE92; */
padding-left: 0px;
padding-right: 0px;
float: left;
margin-bottom: 12px;
text-align: center;

}

#mainart img {
border: 1px solid silver;
padding: 0px;
margin: 6px auto;
}

#mainshop {
width: 650px;
padding-bottom: 8px;
border-left: 1px solid #FBCE92;
/* border-right: 1px solid #FBCE92; */
padding-left: 0px;
padding-right: 0px;
float: left;
margin-bottom: 12px;
text-align: center;

}
/* left hand column within middle column */

#left_blog
{
width:205px;
border-right: 1px solid #FBCE92;
padding-right: 6px;
float: left;
margin-bottom: 10px;

}




/* right hand column within middle column */

#right_blog
{
width:205px;
padding-left: 6px;
float: left;
margin-bottom: 10px;

}

/* two column area at bottom of home page */

#twocols
{
width:424px;
margin-top: 10px;
padding-top: 10px;
border-top: 6px solid #ffcccc;
clear: both;
}


/*footer*/


#footer {
margin: 10px 212px 0 120px;
padding: 2px 4px;
clear: both;
background: #FF9E71;
}

#footer_left {
width: 127px;
height: 19px;
float: left;
}

#footer p {
color: #fff;
font-size: .8em;
margin-bottom: 0;
margin-left: 3px;
letter-spacing: 0.04em
}



#footer_main {
width: 643px;
height: 19px;
float: left;
background: #fff;
border-bottom:8px solid #ff6666;
}

#footer_main p {
color: #fff;
font-size:1em;
text-transform: uppercase;
margin-bottom: 0;
margin-left: 3px;
font-weight: bold;
letter-spacing: 0.04em

}

--------------------------
/*from old style sheet*/

.date {
font-size: 100%;
background: transparent;
color: #303;
}

.title {
font-size: 1em;
font-weight: bold;
background: transparent; 
padding-top: 4px;
padding-bottom: 0px;
color: #993333;
}


.blog {
border-top: 6px solid #fcc;
padding-top: 4px;
}

.entry {
border-bottom: 1px solid #fcc;
margin: 0 0 4px 0;
padding-bottom: 4px;
}

.entry strong {
font-weight: bold;
}

.entry strong.homepage {
color: #C84E00;
font-weight: normal;
font-size: 1.1em;
}

.entry img {
float: left;
margin: 6px 8px 0px 0;
}

/* all this stuff here does is to make sure the float clears if there is not much content */
.entry:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .entry {height: 1%;}
/* End hide from IE-mac */

.posted {
margin-bottom: 10px;
font-size: .8em;
background: transparent;
color: #666;
clear:left;
}

.sidetitle {
margin: 10px 0;
font-size: 115%;
letter-spacing: 0.09em;
font-weight: normal;
background: transparent;
color: #c30;
border-bottom: 1px dotted #fc9;
}

.paginate {
font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:			12px;
font-weight: 		normal;
letter-spacing:	.1em;
padding:			10px 6px 10px 4px;
margin:			0;
background-color:	transparent;
}

.paginate a {
border-bottom: 0;
}

.pagecount {
font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:			10px;
color:				#666;
font-weight:		normal;
background-color: transparent;
}

.input {
border:        1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         1em;
padding: 2px 0;
margin:3px 0;
width: 75%;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         1em;
margin-top:        3px;
margin-bottom:     3px;
width: 96%;
}


.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #a6695c;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         .9em;
font-weight:       normal;
border: 1px solid gray;
padding: 2px 0;
margin: 0 0 0 4px;
text-transform:    uppercase;
color: white;
}

.members_only {
border: 1px dotted blue;
font-size: .9em;
padding: 4px;
}

fieldset {
border: 1px solid silver;
padding: 6px;
margin: 4px 20px 20px 0;
}

legend {
font-family:Arial, Verdana, Sans-serif;
font-size: .7em;
}

.button {
border: 1px solid gray;
color: maroon;
}

.more {
float: right;
font-size: .8em;
margin-left: 0;
/* margin-top: -5px; */
padding: 0px;
width: 10em;
}


/* images in the blog need to float left */

#blog img {
float:left;
margin-right:5px;
}

body.post #blog .picture img {
float: none;
}

/* little symbols in the rightboxes */

.rightbox .symbol {
float: left;
padding: 4px 4px 2px 0;
}
 
/*also when editing*/

div#editbox img {float:left;}

.contentpic {
border: 1px solid #FAF7E7;
padding: 2px 0;
margin-bottom: 4px;
}

.contentpic img {
display: block;
float: none;
margin: 2px auto 0 auto;
}

.contentpic p {
font-size: .7em;
padding: 0 6px;
}

/* here follows all the stuff needed for rounded corner boxes */

.roundedbox {
width: 192px;
margin: 1px auto 12px auto;
}

.b1f, .b2f, .b3f, .b4f {
font-size:1px;
overflow:hidden;
display:block;
}
.b1f {height:1px; background:#F4E8D4; margin:0 5px;}
.b2f {height:1px; background:#F4E8D4; margin:0 3px;}
.b3f {height:1px; background:#F4E8D4; margin:0 2px;}
.b4f {height:2px; background:#F4E8D4; margin:0 1px;}
.contentrounded {
background: #F4E8D4;

padding: 0 6px 6px 6px;
/* margin: 6px; */
}

.roundedbox img {
float: left;
margin: 5px 6px 5px 6px;
}


.contentrounded p {
margin:0 6px 4px 6px;
padding: 2px 0;
font-size: .9em;
line-height: 1.2em;
border-bottom: 1px dotted #C84E00;
}

.contentrounded a {
border: none;
}

/* make the strong link a bit bigger */

.contentrounded strong {
font-size: 1.1em;
}


.contentrounded h2 {
color: #C84E00;
margin:0 6px 4px 6px;
padding: 0 0 3px 0;
font-size: 1em;
border-bottom: 1px solid #C84E00;
}

.roundedbox .contentrounded ul {
margin: 0px;
padding: 0px;
}

#sidebar .contentrounded ul li 	{
list-style-type: none;
line-height: 1.2em;
margin: 6px 0;
padding: 0 0 3px 0;
border-bottom: 1px dotted #C84E00;
}

#sidebar a:link {
text-decoration: none;
border: 0;
}


/* for the enquiry form */

pre {
	background-color: transparent;
	color: #333;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0em;
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}

/* for the shop */
#basketdisplay
{
margin:10px;
padding:5px;
border:1px solid #999;
background-color:#ccc
}
tr.basket_total td{
border-top:1px solid #000;
}
#basketdisplay td.ship_info
{font-size:90%;}