/*   
Theme Name: Fufu Corn
Theme URI: http://villagediary.org
Description: A lightweight & flexible theme designed for the Village Diary Project, Cameroon.
Author: Michael Beveridge
Author URI: 
Template: 
Version: 1.0
Tags: 3-column, variable width, lightweight, customizable, widgets, africa, cameroon
.
General comments/License Statement if any.
.
*/

body {
	margin:0;
	padding:0;
	border:0; /* This removes the border around the viewport in old versions of IE */
	width:100%;
	/*background: #d6cfcb url('../images/body_bg.gif') top left repeat-x;*/
	background: #d6cfcb url('images/page_bg.gif') top left repeat-x;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

input, select, options, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #726258;
	border: 1px solid #e3e3df;
	padding:1px;
}

a {
	text-decoration:none;
	color:#d40;
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
}
h2,h3,h4 {
	display:block;
	margin:0;
	padding:0;
}
h2 {
	font-size:2.4em;
}
h3 {
	font-size:1.8em;
}
h4 {
	font-size:1.0em;
	margin-top:18px;
}

#page {
	width:95.5%;
	max-width:960px;
	min-width:744px;
	*width:expression(Math.max(Math.min((document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth) - 20, 960), 744)+'px'); 
	margin:0px auto;
	text-align:left;
	font-size:1.2em;
}


/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	/*background-color:#fff;*/
}
#header div.head-height {
	/*background:#685a59 url('../images/header_bg.gif') top left repeat-x;
	margin:6px;
	height:84px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;*/
	height:96px;
}
#header a.logo img {
	width:184px;
	height:76px;
	margin-top:16px;
	margin-left:2.5%;
	border:none;
}
#header #right-links {
	float:right;
	text-align:right;
	display:inline;
	position:relative;
	margin-right:2.5%;
	margin-top:12px;

}

#translation_bar img{
	padding:0px 4px 0px 4px;
}
#transl_sign {
	display:none;
}

#header #tabs {
	clear:both;
}
#header #tabs a:link, #header #tabs a:visited {
	display:inline;
	float:left;
	color:#433;
	text-decoration:none;
	font-weight:bold;	
	padding:0 10px;
	line-height:24px;
	margin-left:12px;
	background:#fc3;
	height:24px;
	position:relative;
	top:60px;
	*top:63px; /* not sure why IE needs an extra 3 px */
	border-top-left-radius:6px;
	border-top-right-radius:6px;	
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;	
}
#header #tabs a:hover {
	color:#d40;
}
#header #tabs a.selected {
	background:#fff !important;
}

#sub-header { /* sub header */
	float:left;
	width:95%;
	background:#fff url('images/sub_header_bg.gif') bottom left repeat-x;
	margin:0;
	padding:12px 2.5%;
	/* height:50px; */
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	background:#fff;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;	
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}
/* common column settings */
.colright, .colmid, .colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1, .col2, .col3 {
	float:left;
	position:relative;
	overflow:hidden;
}

/* Full page settings */
.fullpage {
	background:#eee;	/* page background colour */
}
.fullpage .col1 {
	width:95%;			/* page width minus left and right padding */
	left:2.5%;			/* page left padding */
}

/* 2 Column right menu settings */
.rightmenu {
	background:;	/* right column background colour */
}
.rightmenu .colleft {
	right:22.5%;		/* right column width */
	background:;	/* left column background colour */
}
.rightmenu .col1 {
	width:72.5%;		/* left column content width (left column width minus left and right padding) */
	left:25%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:20%;			/* right column content width (right column width minus left and right padding) */
	left:27.5%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column blog style settings */
.blogstyle {
		/* right column background colour */
}
.blogstyle .colmid {
	right:22.5%;				/* width of the right column */
		/* center column background colour */
}
.blogstyle .colleft {
	right:22.5%;				/* width of the middle column */
			/* left column background colour */
}
.blogstyle .col1 {
	width:50%;				/* width of center column content (column width minus padding on either side) */
	left:47.5%;				/* 100% plus left padding of center column */
}
.blogstyle .col2 {
	width:20%;				/* Width of left column content (column width minus padding on either side) */
	left:50%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 {
	width:20%;				/* Width of right column content (column width minus padding on either side) */
	left:52.5%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	margin:12px 0;
	text-align:center;
}

#footer p {
	line-height:2px;

}

/* Button */
button {
	display:block;
	float:left;
	background:#6b1 url('images/button_bg.gif') bottom left repeat-x;
	border:1px solid #380;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	padding:2px 3px;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#66bb11',EndColorStr='#338800');
	*height:22px;
	
}
button:hover {
	border-color:#d40;
	background:#d40;
}





/* Blog styles */
.blog-cap {
	background:#d6cfcb;
	float:left;
	position:relative;
	left:50%;
	width:42.5%;
	margin-top:24px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.blog-cap a:link, .blog-cap a:visited {
	display:block;
	margin:14px 18px;
	color:#433;
	font-style:italic;
}
.blog-cap a:hover {
	color:#685a59;
	text-decoration:none;
}
.blog-cap a img {
	float:right;
	border:none;
	width:48px;
	height:48px;
	margin-left:6px;
}

div.blog-categories {
	clear:both;
	float:left;
	width:76.25%;
}

div.blog-categories b {
	margin-right:6px;
	color:#6b1;
	float:left;
}
div.blog-categories a, div.blog-tags a, div.blog-subscription a, div.post-footer a {
	margin-right:6px;
}

div.blog-categories li{
	float: left;
	margin-left: 4px;
	
}

div.blog-categories ul {
	list-style:none;
	margin:0;
}

span.blog-search {
	display:inline;
	list-style:none;
	float:right;
	width:21%;
}
span.blog-search .form {
	border-collapse:collapse;
	margin:6px 0;
	font-size:1em;
}
span.blog-search select.form {
	width:100%;
}
span.blog-search input.form {
	/*width:96.25%;*/
	float:left;
	clear:both;
	width:70%;
}
span.blog-search button {
	float:right;
	margin-top:6px;
}

div.blog-twitter ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.blog-twitter li {
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #d6cfcb;
}
.blog-twitter h4, .blog-tags h4, .blog-archives h4, .blog-subscription h4 {
	color:#6b1;
	list-style:none;
}
.blog-archives a {
	display:block;
}

.blog-archives ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.blog-subscription {
	float:left;
	clear:both;
	margin-top:22px;
}
.blog-subscription input {
	width:97.75%;
	margin:6px 0;
	border:1px solid #d6cfcb;
}
.blog-subscription button {
	float:right;
}

.post h3 {
	margin-top:18px;
}
.by-line {
	color:#8d817f;
}
.by-line a.comments {
	display:block;
	float:right;
	padding-left:18px;
}

ol.commentlist{
	margin: 10px 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 16px;
}

ol.commentlist p{
	margin-bottom:10px;
	line-height: 16px;
}

ol.commentlist li{
	padding: 10px;
	border-top:1px dotted #ff9966;
}

ol.commentlist li.alt{
	background:#ffffaa;
	border-top:1px dotted #ff9966;	
}

.post-body {
	clear:both;
}
.post-footer {
	padding-bottom:12px;
	border-bottom:1px solid #d6cfcb;
	margin-bottom:12px;
}
.post-footer b {
	color:#6b1;
	margin-right:6px;
}