/*
Theme Name:     FoodUrbanism
Description:    Theme for foodurbanism.org
Author:         Peter Holberton
Author URI:     http://www.allmeo.com/
Template:       twentyten
Version:        0.1
*/

@import url("../twentyten/style.css");

body {
	font-size: 10px;
	background-color: #c8c8c8;
}

/* Title font */

.read_more,
#nav-below,
.widget-title,
#foodurbanismlogin a,
#atlas .cat-major,
#atlas .cat-major a,
#typology-list .cat-major,
#typology-list .cat-major a,
#content .entry-title,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#footer,
.page-title span,
.widget-area .widget_selected_posts a {
	font-family: Arial, Georgia;
}

body,
input,
textarea,
.page-title span,
.pingback a.url,
input[type=submit] {
    font-family: Arial, Georgia, Impact;
}

#wrapper {
	background: transparent;
}

#wpadminbar #adminbarsearch-wrap {
	display: none;
}

#centre_column {
	margin: 0 223px 0 8px;
	float:left;
	width: 547px;
}

#centre_column .page-title {
	color: #999;
	font-size: 24px;
}

#centre_column .page-title-large {
	color: #999;
	font-size: 48px;
}

.rsslink {
	float: right;
	margin-top: 20px;
}

#foodurbanism-filters {
	float: right;
	margin-bottom: 20px;
}

#foodurbanism-filters select {
	font-size: 12px;
}

#content .share_links {
	float: right;
}

#content .share_links div {
	display: inline;
}

#content .share_links a img {
	padding: 0 2px;
}

#content a.spotlight {
	cursor:pointer;
	text-transform: uppercase;
	color: #999;
}

#spotlightpopup {
	display: none;
	background: #FFF;
	border-style:solid;
	border-width:5px;
	border-color: #666;
	padding: 5px;
	width: 400px;
	font-family: Arial, Georgia, Impact;
	font-size: 12px;
	color: #333;
}

#spotlightpopup .bClose {
	float: right;
	cursor:pointer;
	font-weight:bold;
	text-decoration:none;
}

#spotlightpopup p {
	clear: both;
	margin: 0;
}

#spotlightpopup .buttons {
	float: right;
}

#spotlightpopup .buttons input {
	width: 75px;
    font-family: Georgia, 'Bitstream Charter', serif;
    font-weight: normal;
    color: #333;
    margin-left: 5px;
    display: inline;
    float: right;
}

#content {
	padding: 10px 20px 20px 20px;
	border: 1px solid #999999;
	border-bottom: none;
	margin: 0;
	width: 505px;
}

#content,
#content input,
#content textarea {
    color: #333;
    font-size: 16px;
    line-height: 1.7em;
}

#content, .widget-container {
	background-color: #ffffff;
}

#primary {
	float: right;
	overflow: hidden;
	width: 215px;
}

#left_column {
	float: left;
	width: 140px;
}

#left_column #atlas .widget-container,
#left_column #typology-list .widget-container {
	background-color: transparent;
}

#atlas, #meoeditingwidget, #typology-list {
	overflow: hidden;
}

#left_column #atlas .foodurbanismlogospacer,
#left_column #typology-list .foodurbanismlogospacer
{
	height: 10px;
}

#left_column #atlas .foodurbanismlogospacer,
#left_column #atlas h3,
#left_column #atlas .cat-list,
#left_column #typology-list .foodurbanismlogospacer,
#left_column #typology-list h3,
#left_column #typology-list .cat-list
{
	background-color: #fff;
}

#left_column #atlas .foodurbanismlogo img,
#left_column #typology-list .foodurbanismlogo img {
	display: block;
}

#site-title {
	width: 400px;
	margin: 0px;
	padding: 5px 5px 5px 20px;
	font-size: 24px;
}

#site-title a {
	color: #ffffff;
}

#site-title a:hover {
	color: #666;
}

#site-description {
	font-size: 24px;
	font-style: normal;
	font-family: Arial, Georgia, Impact;
	line-height: 36px;
	margin: 0;
	padding: 5px;
	padding-right: 10px;
	width: auto;
	float: clear;
}

#site-description a {
	color: #666;
	text-decoration: none;
}

#site-description a:hover {
	color: #E1E1E1;
}

.right {
	float: right;
}

#header {
	padding-top: 9px;
/*	display: none; */
}

#masthead {
	border: 1px solid #606060;
	background-color: #909090;
}

#masthead .meoLangSelect {
	margin: 0;
	margin-left: 10px;
	margin-top: 15px;
	padding: 0;
	font-size: 1.2em;
	float: left;
	font-family: Arial, Georgia, Impact;
}

#masthead .meoLangLink {
	text-transform: uppercase;
}

#masthead .meoLangSelectDivider {
	color: #666666;
	padding: 0px 5px 0px 5px;
}

#masthead .right {
	width: 250px;
}

.meoLangSelect a {
	color: #666666;
	text-decoration: none;
}

.meoLangSelect a:hover {
	color: #F26522;
}

.read_more, #nav-below {
	font-size: 12px;
}

.read_more {
	float: right;
}

#content a.read_more, #content #nav-below a, .recent_comment a.read_more {
	color: #999;
}

#content .entry-summary a.read_more, .recent_comment a.read_more {
	text-decoration: none;
}

#author-description {
	font-size: 12px;
}

#content #nav-below a:hover {
	color: #F26522;
}

.clear {
	clear: both;
}

#main {
	padding-top: 9px;
}

#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper, #footer {
	margin: 0 auto;
	width: 918px;
}

.widget-container {
	border: 1px solid #999999;
	border-bottom: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
}

.widget-container #searchform {
	padding: 5px;
}

.widget-title {
	font-weight: normal;
	font-size: 12px;
	color: #999999;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #999999;
	padding: 0.5em;
}

.widget-footer {
	margin-bottom: 0.6em;
	line-height: 9px; /* height of corner.png - height of border */
	width: 215px;
}

.widget-footer-left,
.widget-footer-left-hi {
	float: left;
	width: 204px;
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.widget-footer-left {
	background-color: #ffffff;
}

.widget-footer-left-hi {
	background-color: #F26522;
}

.widget-footer-right,
.widget-footer-right-hi {
	float: right;
	width: 10px;
}

.widget-footer-right {
	background: url(images/corner.png) 100% 0 no-repeat;
}

.widget-footer-right-hi {
	background: url(images/corner_orange.png) 100% 0 no-repeat;
}

#foodurbanismlogin {
	background: #F26522;
	width: 100%;
	padding-top: 7px;
	text-align: center;
}

#foodurbanismlogin a {
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}

#foodurbanismlogin a:hover {
	color: #666;
}

#atlas .widget-title,
#typology-list .widget-title {
	border-bottom: none;
	padding: 8px 8px 4px 8px;
}

#atlas .widget-title,
#typology-list .widget-title {
	font-size: 18px;
}
.collapser {
	cursor:pointer;
}

#atlas .widget-title.collapser {
	background: url(images/nav_arrows_sprite.png) no-repeat 6px 8px;
	padding-left: 22px;
}
#atlas .widget-title.collapser.closed {
	background-position: 5px 8px;
}

#atlas .widget-title.collapser.open {
	background-position: 5px -61px;
}

#atlas .widget-title a,
#typology-list .widget-title a {
	color: #666666;
}

#atlas .widget-title a:hover,
#typology-list .widget-title a:hover {
	color: #AED137;
}

#atlas .widget-footer, #meoeditingwidget .widget-footer,
#typology-list .widget-footer, #meoeditingwidget .widget-footer {
	width: 140px;
}

#atlas .widget-footer-left, #meoeditingwidget .widget-footer-left,
#typology-list .widget-footer-left, #meoeditingwidget .widget-footer-left {
	width: 129px;
}

#atlas .widget_categories,
#typology-list .widget_categories { 
	line-height: 20px;
}

#atlas .cat-major,
#typology-list .cat-major {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 2px 0;
}

/* For review */
#atlas .cat-item-94,
#typology-list .cat-item-94 {
	padding-top: 6px;
}

#atlas .cat-seperator,
#typology-list .cat-seperator {
	padding-top: 6px;
	border-bottom: 1px solid #999999;
}

#atlas .cat-major a,
#typology-list .cat-major a {
	color: #666666;
	font-size: 14px;
}

#atlas .cat-major a:hover,
#atlas .cat-minor a:hover,
#typology-list .cat-major a:hover,
#typology-list .cat-minor a:hover {
	color: #AED137;
}

#atlas .cat-minor,
#atlas .cat-minor a,
#typology-list .cat-minor,
#typology-list .cat-minor a {
	font-family: Arial, Georgia, Impact;
	font-size: 12px;
}

#atlas .cat-minor.cat-chosen a {
	color: #f26522;
}

#atlas .cat-list,
#typology-list .cat-list {
	padding: 0px 8px;
}

#atlas a.cat-related,
#typology-list a.cat-related {
	color: #F26522;
}

#atlas a.cat-related:hover,
#typology-list a.cat-related:hover {
	color: #AED137;
}

.chosen-close {
	background: url(images/deselect.png) no-repeat 0px 0px;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-left: 1px;
	cursor: pointer;
}

.cat-chosen:hover .chosen-close {
	background-position: 0 -64px;
}

.widget-spacer {
	line-height: 8px;
	padding: 0;
	margin: 0;
	border: 0;
}

#main .widget-area ul {
	margin-left: 0;
	padding: 0;
}

#main .widget-area ul ul {
	list-style-type: none;
	padding: 5px;
	margin-left: 0em;
}

#main .widget-area ul ul li {
	padding: 0px 0px 3px 15px;
	background: url(images/puce.png) 0px 3px no-repeat;
}

.widget-area {
	color: #333333;
	font-family: Arial, Georgia, Impact;
	font-size: 12px;
	text-decoration: none;
}

#atlas.widget-area,
#typology-list.widget-area {
	color: #999;
}

.widget-area a {
	color: #333333;
	font-family: Arial, Georgia, Impact;
	text-decoration: none;
}
.widget-area .no-hover a {
	text-transform: uppercase;
}
.widget-area .no-hover .sub-menu a {
	text-transform: none;
}
.widget-area a:hover,
.widget-area .no-hover .sub-menu a:hover {
	color: #f26522;
	text-decoration: none;
	text-transform: inherit;
	cursor:pointer;
	cursor:hand;
}

.widget-area .no-hover a:hover {
	color: #333333;
	text-transform: uppercase;
	cursor: default;
}

.widget-area .inscribe-link a {
	font-weight: bold;
}

#main .widget_pages .children {
	margin-left: 0em;
	padding: 0px;
}

#content .entry-title, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
	text-transform: uppercase;
	color: #f26522;
	margin-bottom: 6px;
}

#content, #content input, #content textarea {
	font-family: Arial, Georgia, Impact;
	font-size: 12px;
}

#content .hentry {
	margin: 0 0 12px 0;
}


#content a {
	color: #333333;
	text-decoration: none;
}

#content .entry-content a, #content .entry-summary a {
	text-decoration: underline;
}

#content h2 a {
	color: #f26522;
}

#content h3 {
	margin-top: 12px;
}

#content a:hover {
	color: #f26522;
	text-decoration: none;
}

#content .entry-content p {
	margin-bottom: 3px;
}

.entry-content, .entry-summary {
	padding-top: 0;
}
.entry-meta, .comment-meta {
	font-size: 11px;
}

.entry-meta a, .comment-meta a {
	color: #888;
	text-decoration: none;
}

.entry-meta a:hover {
	color: #888;
}

.comment-reply-login {
	font-size: 12px;
}

#content p.must-log-in a {
	color: #f26522;
}

#content p.must-log-in a:hover {
	color: #333;
}

#colophon {
	border-top: 0px;
	margin-top: 0px;
	padding: 0px;
}

img.alignleft, img.alignright, img.aligncenter {
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* Hanging indent, just on team publications page */
#post-20 ul, #post-32 ul {
	list-style: none;
}

#post-20 ul li, #post-32 ul li {
	text-indent: -25px;
	padding-left: 25px;
	padding-bottom: 25px;
}

/* --- Footer --- */

#footer {
	background-color:#BBB4AE;
	font-size: 12px;
	text-transform:uppercase;
	color: #FFF;
}

#footer .footerlist {
	border: 10px;
	padding: 10px 0 0 10px ;
	width: 215px;
	float: left;
}

#footer li li {
	font-family: Arial, Georgia, Impact;
	font-size: 11px;
	text-transform: capitalize;
}

#footer .devlist {
	float: right;
}

#footer a {
	text-decoration: none;
	font-family: Arial, Georgia, Impact;
	color: #FFF;
}
#footer li li a,
#footer #site-info a {
	font-size: 11px;
	text-transform: none;
}
#footer a:hover {
	color: #575E57;
}

#footer #site-info {
	float: right;
	width: auto;
	padding: 2px 5px;
}

#footer ul {
	list-style-type: none;
	margin-left: 0;
}

h3#comments-title {
	color: #999;
	font-size: 14px;
}

h3#comments-title em {
	font-size: 16px;
	font-style: normal;
}

.page-title span {
	color: #333;
	font-size: 16px;
	font-style: normal;
}

.page-title span.sep {
	color: #F26522;
	font-weight: bold;
	padding-right: 5px;
}

/* --- Widget styling --- */

.events-content table,
.spotlight-content table {
	width: 100%;
}

.alternate {
	background-color:#E1E1E1;
}

#centre_column .widget-footer {
	width: 547px;
}

#centre_column .widget-footer-left {
	width: 536px;
}


.events-content,
.meogoogledocs-content,
.spotlight-content {
	padding: 5px 0px;
	font-family: Arial, Georgia, Impact;
}

.events-content tr, .events-content th, .events-content td,
.spotlight-content tr, .spotlight-content th, .spotlight-content td {
	padding: 0px 3px;
	color: #333;
}

.events-content td,
.spotlight-content td {
	vertical-align: top;
}

.events-content td img,
.spotlight-content td img {
		padding-top: 3px;
}

.meogoogledocs-content .meo-note,
.events-content .meo-note,
.spotlight-content .meo-note,
.widget_team_project .meo-note {
	font-size: 1em;
	padding: 5px;
}

.meogoogledocs-content .meo-note a,
.events-content .meo-note a,
.spotlight-content .meo-note a {
	font-size: 1em;
}

.googledoc {
	padding: 2px 5px;
}

.googledoc-summary {
}

.googledoc-detail {
	padding-left: 20px;
	display: none;
}

.googledoc-icon {
	padding: 0 3px;;
}

.googledoc-title {
}

.googledoc-update {
	display: block;
}

.googledoc-update:before {
	content: "Last change: ";
	font-weight: bold;
}

.googledoc-author {
	display: block;
}

.googledoc-author:before {
	content: "Author: ";
	font-weight: bold;
}

.googledoc-modifier {
	display: block;
}

.googledoc-modifier:before {
	content: "Changed by: ";
	font-weight: bold;
}

.widget_editing ul li {
	width: 42%;
	font-size: 11px;
	float: left;
}

#main #meoteamswidget.widget-area ul, #main #meoeditingwidget.widget-area ul {
    list-style-type: none;
    padding: 5px;
    margin: 0;
}

#main #meoteamswidget.widget-area ul li {
    padding: 0px 0px 3px 20px;
    background: url(images/puce.png) 0px 3px no-repeat;
}

#main #meoeditingwidget.widget-area ul li {
    padding: 0px 0px 3px 15px;
    background: url(images/puce.png) 0px 3px no-repeat;
}

.recentcomments {
	padding: 0 5px;
}

.recentcomment {
	padding-top: 12px;
	color: #999; 
}

.widget_selected_posts .widget-title {
	color: #F26522;
	font-weight: bold;
}

/* --- cforms styling --- */

.cform {
	width: 505px !important;
}

/* #cformsform input, #cformsform textarea { */
.cform input, .cform textarea {
	font-size: 1.1em !important;
	width: 270px !important;
	padding: 2px 5px 2px 2px !important;
	margin: 0 0  !important;
}


ol.cf-ol li {
	vertical-align: baseline !important;
	margin-bottom: 8px !important;
}

.cform label {
	vertical-align: baseline !important;
}

/* Team inscription form
-------------------------------------------------------------- */

#cforms3form ol.cf-ol li label {
	display: block;
	width: auto;
	text-align:left;
	padding: 5px 0;
}

#cforms3form ol.cf-ol li label span {
	width: 500px;
	color: #333;
}

#cforms3form ol.cf-ol li#li-3-2 label {
	padding-top: 15px;
}

#cforms3form.cform input, #cforms3form.cform textarea {
	width: 420px !important;
}


#cforms3form p.cf-sb {
	text-align: center;
}

#cforms3form input[type="submit"] {
	width: auto !important;
	line-height: normal;
	margin: 2px;
	margin: 5px 6px;
	height: auto;
}

/**/

#content table#atlas-articles {
	border: 0;
}

#content #atlas-articles tr td,
#content #atlas-articles tr th {
	padding: 2px;
}

#content #atlas-articles td.atlas-title {
	max-width: 300px;
}

.home_page_header {
	position: relative;
	width: 681px;
	padding-right: 9px;
}

.home_page_header h2 {
	position: absolute;
	font-size: 36px;
	line-height: 1.25em;
	background: #fff;
	color: #888;
	padding: 5px;
	-moz-opacity: 0.93;
	-khtml-opacity: 0.93;
	opacity: 0.93;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=93);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=93);
	filter:alpha(opacity=93);
}
.home_page_header a:hover h2 {
	color: #ff4b33;
}

.tabs #left_column .foodurbanismlogo,
.tabs #left_column .foodurbanismlogospacer_1 {
	display: none;
}

.tabs #centre_column {
	margin: 0 0 0 4px;
}
.tabs {
	width: 699px;
}
.tab-selectors {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
}
.tab-selectors:after {
	content: "."; 
	visibility: hidden; 
	display: block; 
	height: 0; 
	clear: both;
}
.tab-selector {
	font-size: 22px;
	line-height: 1.5em;
	text-transform: uppercase;
	background-color: #dadada;
	text-align: center;
	float: left;
}
.tab-selector.active {
	color: #000;
	background-color: #e5e5e5;
}
.tab-selector a {
	text-decoration: none;
	color: #999;
}
.tab-selector a:hover {
	color: #ff4b33;
}
.tab-selector-atlas {
	width: 173px;
}
.tab-selector-typologies {
	width: 372px;
	margin-left: 2px;
}
.tab-selector-research {
	width: 150px;
	float: right;
}
.tab-contents {
	background-color: #e5e5e5;
	padding: 20px 0 8px 4px;
	margin-bottom: 20px;
}
.tab-contents:after {
	content: "."; 
	visibility: hidden; 
	display: block; 
	height: 0; 
	clear: both;
}
.page-template-typology-list-php .typology-icon,
.single-post .typology-icon {
	float: left;
	margin: 0 15px 15px 0;
}
.page-template-typology-list-php .typology-icon {
	width: 79px;
	height: 79px;
}

.single-post .typology-icon {
	width: 40px;
	height: 40px;
}