/* by Chris Jennings for SOAWR */
/* Nov 2008 */

* {outline:none;}

body {
margin:14px 0 0 12px;
background:#fff;
color:#333333;
font-family: Tahoma, Verdana,"Trebuchet MS", Arial,sans-serif;
font-size: 95%;
letter-spacing: 0.04em;
}

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: .8em;
margin: 3px 12px 3px 20px;
}

/* links */

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

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

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

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


p {
font-size: .85em;
line-height: 1.5em;
/* margin: 0 0 0.6em 0; */
padding: 0 0 0.6em 0;
}

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

h1 {
font-size: 1.2em;
/* border-top: 6px solid #fcc;  */
padding-top: 0;
padding-bottom: 4px;
margin-top: 0;
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 { 
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;
/* border: 1px solid red; */
}

#masthead {
width: 640px;
height: 54px;
margin: 0 0 25px 0;
padding: 0;
background: transparent;
/* border: 1px solid silver; */
}

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

#headtabs {
float: right;
width: 518px;
}


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

/* 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 {
border-left: 1px solid #C68D99;
border-right: 1px solid #C68D99;
margin: 0px 0px 12px 118px;
padding: 0 4px 0 6px;
width: 517px;
}


.home #content {
padding: 0 0px 0 0;
float: left;
width: 526px;
}

/* picture blocks was class / right and left -- change in markup to */
/* all small pictures should float right */

img {
border: 0;
margin: 0;
}

#content img {
border: 0;
/* margin: 5px 0; */
/* max-width: 100%; */
border: 1px solid silver;
}


img a, img a:link {
border: 0;
}

.rightpic, .leftpic {
	border: 1px solid silver;
	padding: 0;
	display: block;
	margin: 0px 0px 4px 6px;
	background: white;
	font-size: .9em;
	}
	
	.rightpic {
	float: right;
	margin-left: 4px;
/* 	clear: right; */
/* 	width: 180px; */
	}
	
	.leftpic {
	float: left;
	margin-right: 4px;
	clear: left;
	}
	
	#content .rightpic img, #content .leftpic img {
	margin: 4px auto;
	display: block;
	border: 0px solid #f2f2f2;
	}
	
	#content .rightpic p, #content .leftpic p {
	font-size: .8em;
	line-height: 1em;
	padding-left: 6px;
	padding-right: 4px;
	padding-bottom: 1px;
	line-height: 1.2em;
	margin-bottom: 3px;
	}


/* centre columns usually only on home page for each language */

#column_one, #column_two {
/* width: 252px; */
float:left;
margin-left: 7px;
margin-right: 5px;
}

#column_one {
width: 255px;
border-right: 1px solid #C68D99;
}

#column_two {
width: 250px;
margin-left: 2px;
}

#content #column_one h2, #content #column_two h2 {
padding-bottom: 6px;
text-transform: uppercase;
color: #9E3039;
border-top: 1px solid #9E3039;
font-weight: normal;
}

#content #column_one h2, #content #column_one p {
margin-right: 6px;
margin-top: 0px;
}


/* images in the coluns will float left */

#column_one img, #column_two img {
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0;
}



/* left navigation inside each section */

#sidenav {
font-size: .75em;
width: 113px;
float: left;
padding: 0 5px 0 0;
margin: 0;
/* border: 1px solid red; */
}

/* Left navigation */

#sidenav ul {
margin: 4px 0 18px 0;
padding: 0px;
line-height: 1.5em;
border-top: 1px solid #cc9999; 
}

#sidenav ul li 	{
list-style-type: none;
display: block; 
margin-left: 0px;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 3px;
background: #fff;
line-height: 1.2em;
border-bottom: 1px solid #C68D99;
/* color: #993333; */
text-indent: 0px;
}


#menus li a, #menus li a:link, #menus li a:visited {
color: #B26F7E;
border: 0;
}

#menus li a:hover, #menus li a:active {
color: #9E3039;
border: 0;
}

/* right column */

#sidebar {
width: 114px;
float: right;
padding: 0 2px;
font-size: .9em;
/* border-right: 1px solid #FBCE92; */
font-size: .8em;
}

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

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


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


.featurebox {
/* width: 120px; */
border: 1px solid #cc9999;
margin: 0 auto;
/* padding: 6px; */
background: #f7dcc4;
}

.featurebox p {
color:#933;
font-size: 0.9em;
padding: 4px;
}

.featurebox h3 {
font-size: 1em;
color: white;
background: #cc9999;
line-height: 1.6em;
text-transform: uppercase;
padding: 0 4px;
margin: 0;
}

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

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

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

#sidebar .featurebox img {
margin: 5px auto 2px auto;
display: block;
float: right;
}



/*footer*/


#footer {
margin: 10px 123px 0 120px;
padding: 2px 4px;
clear: both;
background: #cc9999;
text-transform: uppercase;
}


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

/*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 1px 0;
padding: 2px 0px 0 0;
}

.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 */



.postdetails {
margin-bottom: 1px;
font-size: .75em;
background: transparent;
color: #666;
}

.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;
}


/*  these tabs are setup with a list */
	
	ul#tabs {
	float:left;
	margin: 0;
	padding: 0;
	margin-top: 4px;
	background: #cc9999;
	font-size: .7em;
	line-height: 1.4em;
	width: 524px; 
	list-style:none;
	text-transform: uppercase;
/* 	height: 18px; */
/* 	border: 1px solid green; */
	}
		  
	ul#tabs li {
	/* display:inline; */
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid white;
	}
	  
	ul#tabs a {
/* 	width: 104px; */
	display: block;
	float: left;
	padding: 2px 6px;
	margin: 0;
	text-align: center;
	color: white;
	background: transparent;
	text-decoration:none;
/* 	border-right: 1px solid white; */
	border-bottom: none;
	border-bottom: 0px solid #0350a4;
	}
	  
	ul#tabs a:hover {
	background: #DBB7BF;
	color: #782327;
	}
		
	  
	ul#tabs a span {
	  float:left;
	  display:block;
	  background: transparent;
	  padding:2px 15px 2px 6px;
	  color:black;
	  border-top: 1px solid silver;
	  border-left: 1px solid silver;
	  border-right: 1px solid silver;
	  }
	  
	  
/* 	  for feeds delivered in the content */
	  
#content ul.feed {
	margin: 4px 4px 0 0;
	font-size: .85em;
	line-height: 1.4em;
	list-style:none;
}

#content ul.feed li { 
    background: #f7dcc4;
    margin: 6px 0;
	padding: 3px;
	color: #933;
	}
	
#content ul.feed a {
	padding: 3px 0px;
	margin: 0;
	color: #933;
	background: transparent;
	text-decoration:none;
	border: none;
	}

	  
	  
/* light up where we are for the tabs */
	
	body.home #tabs li#home a, body.auprotocol #tabs li#auprotocol a, body.about #tabs li#about a, body.auprotocol #tabs li#auprotocol a,  body.news #tabs li#news a, body.resources #tabs li#resources a, body.links #tabs li#links a, body.publications #tabs li#publications a {
	background: #BDB7B5;
	color: #5D4F4B;
	}



/* 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 */
}