/*  
Theme Name: SFAC Kyoto (based on Mimbo Pro)
Theme URI: http://prothemedesign.com/themes/mimbo-pro/
Description: A version of Mimbo Pro customized for the San Francisco Arts Commission by Rick Elizaga
Version: 1.2
Author: Darren Hoyt, Ben Gillbanks
Author URI: http://prothemedesign.com/themes/mimbo-pro/
*/

/* Original Copyright 2008, Darren Hoyt and Ben Gillbanks
View license info in license.txt file 

TABLE OF CONTENTS 

	Font Reset
	HTML Elements
	Page Structure
	Navigation
	Headings
	Content Page Styles
	WP Post Formatting  
	Comments
	Forms
	Clear
	Footer
*/


/* YUI Font Resets */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* HTML Elements ****************** */

* {
	margin:0;
	padding:0;
	}
	
*:focus { 
	outline: none;
	}
	
body,html {
	min-height:101%;
	}
	
body {
	background: #ffffff;
	color: #737373;
	padding: 0 0 10px 0;
	}

body, select, input, textarea {
	font: 100%;
	}

p {
	margin-bottom:1em;
	}

a, a:visited {
	color: #395e8c;
	text-decoration:none;
	}

a:hover, a:active {
	color:#59bced;
	text-decoration:underline;
	}

small {
	font-size: 85%;
	padding:3px 6px;
	}

hr { 
	display:none;
	}	

label {
	margin:12px 0 0 0;
	display:block
	}
	
a img {
	border:none
	}

table {
	display: table;
	margin:13px 0;
	width:100%;
	border-collapse:collapse;
	}	

th {
	background:#e4e4e4;
	text-align:left;
	width:35%
	}

th, td {
	border-bottom:1px solid #FFF;
	padding:4px 7px;
	}
	
td {
	background:#f2f2f2;
	width:65%;
	}		

dt {
	font-weight:bold;
	color:#000;
	}
dd {
	margin-bottom:1em;
	padding-left:5px;
	}



/* Structure ****************** */

#wrapper {
	width:971px;
	margin:0;
	}

#page {
	font-size:85%;
	line-height:145%;
	border-right:1px solid #cecece;
	}
	
#masthead {
	height:82px;
	padding:8px 40px 0;
	background:#000 url(images/bg_masthead.png) repeat-x 0 100%;
	}	

p#sfac {
	margin:9px 22px 0 0;
	float:left;
	width:45px;
	text-indent:-9999px;
	overflow:hidden;
	}
#sfac a {
	display:block;
	height:45px;
	}

#top-nav {
	width:200px;
	float:right;
	}
	
#innerwrap {
	background:#fff url(images/bg_innerwrap-interior.png) repeat-y 0 0;
	}
	
#leftcol {
	width:150px;
	float:left;
	padding-top:15px;
	background:#34383b url(images/bg_nav-shadow.png) no-repeat;
	}
	
#sidebar {
	width: 120px;
	float:left;
	padding:20px 15px 25px;
	}

#maincontent {
	width:820px;
	float:left;
	}

.inner {
	padding:20px 20px 20px 15px;
	}
		
		
		
.left,
.fl-left {
	float:left;
	}

.right,
.fl-right{
	float:right;
	}

.fl-left {
	float:left;
	margin:2px 10px 0 0;
	}

.fl-right{
	float:right;
	margin:2px 0 0 10px;
	}
	
.clear {
	clear:both;
	height:1px;
	font-size:6px;
	}
	
	
/*More Menu ****************** */

#more-menu {
	width:140px;
	float:left;
	margin:0 0 15px 0;
	padding:36px 10px 20px;
	color:#222;
	}

.category #more-menu {
	padding:25px 10px 20px;
	}
	
#more-menu p.rss {
	margin-bottom:1.5em;
}



/*	Headers ****************** */

/* graphical logo */
h1, a#logo {
	text-indent:-9999px;
	width:262px;
	height:63px;
	float:left;
	display:block;
	/*background:url(images/logo_sfac_pubart-civic.png) no-repeat;*/
	} 
	
h2 {
	font-size: 218%;
	padding:0 0 5px;
	color:#000;
	font-weight:normal;
	}
	
h2#cat-hed {	
	padding:16px 0 12px 30px;
	color:#fafafa;
	background:#5e666b url(images/bg_bar.png) repeat-x;
	border-bottom:none;
	}

.post h2 {
	line-height:110%; 
	padding:5px 0 5px;
	}
.post .entry h2 {
	font-size:184.5%;
	color:#999;
	margin-bottom:.25em;
	}
	
h2#description {
	border:none;
	padding:0;
	font-size:90%;
	text-transform:uppercase;
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

h2.widgettitle {
	border:none;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	}
	
h3 {
	font-size: 109%;
	margin:0 0 .25em 0;
	line-height:110%;
	font-weight:bold
	}

.post h3 {
	color:#000;
	}

#leftcol h3 {
	font-size: 100%;
	font-weight:normal;
	color:#99a0a5;
	background-color:#35393c;
	margin:0;
	text-transform:uppercase;
	letter-spacing:2px;
	border-top:1px solid #494f53;
	}

#leftcol h3 a,
#leftcol h3#civart-hed a {
	color:#99a0a5;
	display:block;
	padding:10px 10px 7px;
}
	
#leftcol h3#civart-hed a {
	margin-top:15px;
	padding:8px 10px 7px;
}

#leftcol h3 a:hover,
#leftcol h3 a:active,
#leftcol h3#civart-hed a:hover,
#leftcol h3#civart-hed a:active{
	color: #eee;
	background:#465974;
	text-decoration:none;
}

#sidebar h3 {
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif
	}

h3#pages {
	margin:0 0 5px 0;
	}
		
h3.grey {
	margin:0 0 5px 0;
	padding:0;
	font-size:118%;
	font-weight:bold;
	}
	
h3.grey a:link,
h3.grey a:visited {
	color:#000;
	}

h3.grey a:link span,
h3.grey a:visited span {
	color:#a7cde4;
	}
	
				
#lead h3 {
	font-size:145%;
	margin:0;
	padding-right:17px;
	line-height:113%;
	}
	
#lead h3 a:link,
#lead h3 a:visited{
	color:#fff;
	}
			
#recent h3 {
	margin: 0 0 5px 0;
	color:#112f41;
	font: 100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	}

.entry h3,
.post h3 {
	font-size:123%;
	line-height:127%;
	margin-top:1.25em;
	margin-bottom:.5em;
	}

h3.page-list-hed {
	margin-top:25px;
	padding-top:10px;
	border-top:1px solid #e9e9e9;
	}

h3.tight {
	margin-top:.75em;
	}
	
h4 {
	font-size:109%;
	line-height:127%;
	font-weight:bold;
	margin: 0 0 2px 0;
	}

.entry h4 {
	font-size:107%;
	color:#000;
	margin: 15px 0 2px 0;
	}
	
.entry .teaser h4 {
	font-size:100%;
	margin: 0 0 2px 0;
	}
		
.download h4 {
	margin: 5px 0 2px 0;
	}
		
h4#respond {
	border-top:1px solid #e9e9e9;
	margin-top:25px;
	padding-top:20px;
	}
	
h4#comments {
	margin-top:32px;
	}

h4.pagetitle {
	margin-bottom:12px;
	}

h4.date {
	margin-top:2.5em;
	padding:.25em .5em .15em;
	font-weight:normal;
	text-transform:uppercase;
	font-size:85%;
	letter-spacing:1px;
	color:#fff;
	background:#ccc;
	/*border-top:1px solid #e9e9e9;*/
	}

.cat-excerpt h4 {
	margin:0;
	}

.domtab h4 {
	margin:15px 0;
	}

#more-menu h4 {
	color:#222;
	font-size:100%;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:5px;
	}

.entry h5 {
	font:100%;
	color:#000;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:bold;
	}
						
#meta h5 {
	color:#aaa;
	font-size: 100%;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:4px;
	}


/* Teasers ****************** */
	
.teaser {
	margin:0 0 10px 0;
	padding:10px;
	color:#333;
	background:#f5f5f5;
	}
	
.teaser img {
	float:left;
	margin:3px 11px 7px 1px;
	border:1px solid #fff;
	}

.teaser h4 a:link,
.teaser h4 a:visited {
	color:#000;
	}
	
.teaser h4 a:hover {
	color:#59bced;
	}	
	
.teaser h4 span.date,
.teaser h4 span.pages{
	font-weight:normal;
	font-size:92%;
	color:#999;
	}
	
.teaser h5 {
	font-size:100%;
	font-weight:bold;
	clear:left;
	}
	
.teaser p {
	margin-bottom:5px;
	}
	
.entry .teaser a {
	text-decoration:none;
	}

	
/* page lists (from XLS plug-in)*/
.entry ul.page-teasers li {
	background:#f5f5f5;
	list-style-type:none;
	margin:0 0 10px 0;
	}
	
/* page lists (from template) */
.entry ul.page-list	{
	border:solid 1px #ddd;
	background:#f5f5f5;
	padding:15px 15px 5px;
	margin-bottom:15px;
	}
.entry ul.page-list	li {
	list-style-type:none;
	background:url(images/page_white.png) no-repeat 0 0;
	padding-left:20px;
	margin-left:0;
	margin-bottom:.75em;
	}	
.entry ul.page-list	li ul{
	margin-top:5px;
	font-size:92%;
	}		
.entry ul.page-list	li ul li{
	margin-bottom:.35em;
	}		
		
		
/* Content Page Styles ****************** */

#logo:hover, #logo:active {
	text-decoration:none;
	}
	
#lead {
	width:570px;
	padding:0;
	float:left;
	}

#lead {
	color:#222;
	background:#9db948 url(images/bg_lead-green.png) repeat-x 0 0;
	}

.rsslink {
	margin-left:0px;
	}

#lead .left {
	width:300px;
	}

#lead .right {
	width:235px;
	padding:31px 20px 10px 15px;
	}

#interior #lead .right {
	padding:23px 20px 10px 15px;
	}
		
#lead a, #lead a:visited {
	}

#lead img {
	}
	
#lead #cat-hed img {
	border:none;
	}
	
#lead .date {
	color:#ddd;
	margin-bottom:-15px;
	padding:4px 0;
	}

#lead p {
	margin:15px 0 3px;
	line-height:133%;
	}
	
a#fullstory,
a#fullstory:visited {
	color:#fff;
	background:url(images/arrow-right-sm-w.png) no-repeat 0 50%;
	padding-left:7px;
	}
	
/*#fullstory {
	width:103px;
	height:20px;
	background:url(images/fullstory.png);
	display:block;
	text-indent:-9999px;
	}

#fullstory:hover {
	background:url(images/fullstory.png) 0 -20px;
	}
*/
		
.widget_tag_cloud a {
	display:inline;
	float:none;
}

.widget_calendar table {
	width:100%;
}

.box {
	margin-bottom:.5em;
	}
	
li.widget {
 	list-style:none;
 	}

.widget li {
	list-style:none;
	border-bottom:1px solid #ddd;
	padding: 3px 0 4px 0;
	margin:0;
	}

.widget ul {
	margin-bottom:14px;
	}

/*.bullets a, .bullets a:visited,
.widget a, .widget a:visited {
	}

.bullets a:hover, .bullets a:active,
.widget a:hover, .widget a:active {
	color:#000;
	text-decoration:none;
	}*/

.bullets li {
	margin-left:25px;
	padding:5px 0;
	border-bottom:1px solid #ececec;
	list-style:square;
	}
	
#interior #content {
	float:left;
	width:600px;
	padding:28px 30px 40px;
	color:#3d3d3d;
	}
	
#interior #content strong {
	color:#000;
	}

#interior .category #content {
	width:660px;
	padding:0 0 40px 0;
	}

#interior .archive #content,
#interior .archives #content,
#interior .search #content{
	float:left;
	}
	
#interior #lead {
	width:660px;
	padding:0;
	float:none;
	background:#7089a5;
	}
	
#interior.page-public-art-projects-map #lead {
	}
	
#interior #lead .date {
	color:#ddd;
	}

#interior #lead .right {
	width:325px;
	}
		
#breadcrumbs {
	padding:10px 30px 7px;
	color:#fff;
	background:#5e666b url(images/bg_bar.png) repeat-x 0 0;
	}	

#breadcrumbs a, #breadcrumbs a:visited {
	color:#ccc;
	}

#author {
	margin-bottom: 19px;
	}

#author img {
	padding:1px;
	border:1px solid #93c0d6;
	float:left;
	margin-right:13px;
	}

#author span {
	display:block;
	border-top:1px solid #bfdfef;
	margin-top:12px;
	background:url(images/envelope.gif) no-repeat 1px 10px;
	padding:8px 0 0 17px;
	}

#author p {
	margin:0;
	width:482px;
	}	

.cat-excerpt {
	padding:10px;
	margin: 12px 0;
	}
	
.cat-excerpt img, .gallery {
	float:left;
	margin:1px 12px 7px 0;
	border:1px solid #516f80;
	padding:1px;
	}	

.entry {
	margin-top:15px;
	width:575px;
	}

.gallery {
	margin:0 18px 16px 18px;
	}
				
.pagination {
	padding-top:20px;
	}
	
.narrow {
	/*float:left;
	width:575px;*/
	}

.bigger {
	font-size:118%;
	}

.edit-page {
	background:url(images/page_white_edit.png) no-repeat 0 0;
	padding-left:20px;
	}
	
		

/* Post Page Formatting ****************** */

.post {
	padding:0;
	}

.aligncenter {
	text-align:center;
	}

.picleft,
.alignleft {
	float:left;
	margin:5px 14px 10px 0;
	}

.picright,
.alignright {
	float:right;
	margin:5px 0 10px 14px;
	}	
	
.alignnone {
	margin:10px 0;
	}

.entry pre, .entry code, 
.commentlist blockquote, .commentlist code {
	color:#76767a;
	background:#f2f2f2;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	display:block;
	}	
	
.entry blockquote {
	color:#76767a;
	background:#ffffdd;
	clear:both;
	padding:6px 14px 0;
	margin:15px 0;
	border-right:1px solid #ddddcc;
	border-bottom:1px solid #ddddcc;
	}	
	
.entry blockquote.download {
	color:#3d3d3d;
	background:#e7f0f6;
	float:right;
	width:33%;
	padding:6px 14px 0;
	margin:4px 0 0 10px;
	font-size:92%;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	}	
	
.entry blockquote.download a {	
	text-decoration:none;
	}
	
.entry blockquote.plain {
	color:#3d3d3d;
	background:transparent;
	clear:both;
	padding:0;
	margin:0 0 15px 30px;
	border:none;
	}	

.entry blockquote.info {
	background:#e7e7e7;
	clear:both;
	padding:6px 14px 1px;
	margin:15px 0;
	border:1px solid #dddddd;
	border:none;
	}	
	
.entry .linkbox {	
	background:#e7f0f6;
	padding:6px 14px 0;
	margin:4px 0 0 0;
	font-size:92%;
	}
	
.entry .linkbox ul li {
	margin-bottom:.5em;
	}	
	
.entry .linkbox a {
	text-decoration:none;
	}	

.entry pre, .entry code {
	width:350px;
	font: 1em "Courier New", Courier, monospace;
	overflow:auto;
	padding:20px 14px;
	}

.entry, 
.commentlist p {
	line-height:141.6%;
	line-height:150%;
	}
	
.entry p.wp-caption-text {
	margin:3px 0 9px;
	color:#888;
	font-size:85%;
	line-height:130%;
	}
	
.entry ul, 
.entry ol {
	padding:0 0 .5em;
	}
		
.entry ol li, 
.entry ul li {
	margin:0 0 1em 30px;
	}

.entry li li {
	margin:.5em 0 .5em 30px;
	}

.entry ul li {
	list-style:disc;
	}
	 
.entry .download ul li {
	margin:0 0 .5em 0;
	}
	
.entry .download ol li {
	margin:0 0 .5em 1.5em;
	}

.entry .download ul li {
	list-style:none;
	}
	
.entry a {
	text-decoration:underline;
	}


.sfac-boilerplate {
	font-size:92%;
	line-height:133%;
	color:#888;
	padding:10px 10px 5px;
	margin-top:20px;
	border:solid 1px #ddd;
	}
.sfac-boilerplate h4 {
	color:#888;
	margin:0;
	}


p#tags {
	margin:15px 0;
	padding-top:2px;
	border-top:1px solid #c9c9c9;
	}	

#tags span,
.tag-cloud-link {
	padding:4px 6px 4px 13px;
	background:url(images/tag.gif) no-repeat 2px;
	/*background-color:#edf7ff;*/
	}	

.tag-cloud {
	background:url(images/bg_tag-cloud-bottom.png) no-repeat 0 100%;
	}
	
.tag-cloud-inner {
	padding:15px;
	margin-bottom:1em;
	background:url(images/bg_tag-cloud-top.png) no-repeat;
	}
	
.tag-cloud-inner a {
	margin:.25em;
	}	

.tag-cloud-link {
	font-weight:bold;
	border-top:1px solid #ddd;
	}

.tags a {
	padding:0 .25em 0 0;
	}	

.commentcount {
	background:url(images/bubble.gif) no-repeat 1px;
	padding-left:17px;
	margin: 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal
	}

#home #lead .commentcount, 
#interior #lead .commentcount {
	background:url(images/bubble2.gif) no-repeat 1px;
	font-size:0.6em;
	}
			
.postmetadata {
	border-bottom:1px solid #c9c9c9;
	padding:0 3px 4px;
	color:#999;
	}	

#sharethis_0 {
	display:block;
	margin-bottom:10px;
	}

p#print {
	background:url(images/printer.png) no-repeat;
	padding-left:23px;
	margin-bottom:23px;
	}


a.pdf,
li.pdf a {
	background:url(images/page_white_acrobat.png) no-repeat 0 0;
	padding:1px 0 1px 20px;
	}
a.word,
li.word a {
	background:url(images/page_white_word.png) no-repeat 0 0;
	padding:1px 0 1px 20px;
	}
	


/* Comments ****************** */

.commentlist cite {
	font-style:normal;
	margin-bottom:4px;
	display:block
	}	

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	padding: 10px 14px 14px 14px;
	background:#f2f2f2 url(images/bg_comment.gif) no-repeat;
	border-bottom: 1px solid #dcdbd7;
	list-style:none;
	margin-bottom:12px;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	width:607px;
	float:right
	}
		
.commentlist cite strong {
	font-size:1.1em;
	}
	
li.my_comment {
	background: #FFF;
	border:none
	}

li.my_comment cite strong {
	font-size: 1.5em;
	color:#313228;
	}
	
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	margin-top:13px;
	text-align:right
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9
	}

.gravatar {
	border:1px solid #939188;
	margin:15px 8px 6px 0;
	float:left;
	padding:1px;
	width:45px;
	height:45px;
	}	

#comment {
	width:538px;
	}
	
	

/* Form Elements ****************** */

#searchform {
	text-align:right;
	padding-top:8px;	
	}
	
select {
	/*background:#edf7ff;
	border:1px solid #3399cc;
	width:100% rick */
	}

#s {
	background:#fff;
	border-top:solid 1px #999;
	border-left:solid 1px #aaa;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #eee;
	padding:1px;
	width:129px;
	}

#submit {
	border:1px solid #6f8d9d;
	background: #7fa0b3;
	margin-top:12px;
	color:#fff;
	padding:3px;
	display:block;
	}
	
#submit:hover {
	background:#8babbd;
	}

#contactform legend {
	display:none
	}

#contactform fieldset {
	border:none
	}

.field {
	border:1px solid #444;
	border-bottom:1px double #c4c4c4;
	border-right:1px double #c4c4c4;
	padding:5px;
	background:#FFF ! important;
	}

.field:focus {
	background:#f9f8f4 ! important;
	}

#wysiwyg {
	padding:6px 0 10px 0;
	}

#wysiwyg a, #wysiwyg a:visited {
	padding:3px;
	margin-right:4px;
	text-indent:-9999px;
	display:block;
	width:20px;
	height:20px;
	float:left;
	border:1px solid #FFF;
	border-bottom:1px solid #afafaf;
	border-right:1px solid #afafaf;
	background-color:#CCC
	}
			
a#button-bold {
	background:#CCC url(images/bg_bold.gif) no-repeat 8px;
	}	

a#button-italic {
	background:#CCC url(images/bg_italic.gif) no-repeat 8px;
	}	
	
a#button-block {
	background:#CCC  url(images/bg_block.gif) no-repeat 5px;
	}	
	
a#button-link {
	background:#CCC  url(images/bg_link.gif) no-repeat 5px;
	}		

#wysiwyg a:hover, #wysiwyg a:active {
	background-color:#dcdcdc
	}


				

/* Float Properties ****************** */

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}

.clearfloat {
	display:block;
	}
	


/* Meta and Footer ****************** */

#meta {
	clear:left;
	/*background:#e1e1e1 url(images/bg_meta.png) repeat-x 0 0;*/
	color:#888;
	background:#000;
	border-top:solid 1px #222;
	padding:0;
	line-height:127%;
	}

#meta a, #meta a:visited {
	color:#869aa7;
	}

#meta a:hover {
	color:#fff;
	}

#meta ol {
	padding-top:15px;
	}

#meta .block {	
	width:323px;
	float:left;
	}
	
#meta .block .pad {	
	float:left;
	width:293px;
	padding:15px 15px 15px;
	}
	
#meta li {
	margin-left:0;
	padding:1px 0;
	list-style:none;
	}
	
#meta .listcol1,
#meta .listcol2{
	float:left;
	width:49%;
	}
	
#meta .listcol1 li {
	margin-right:10px;
	}
					
#footer {
	font-size:77%;
	padding:3px 10px 5px;
	color:#888;
	border-top:solid 1px #cecece;
	}

#footer a, #footer a:visited {
	}

#footer .left {
	width:600px;
	}
	
#footer .right {
	text-align:right;
	width:300px;
	}
	


/* Multi-page nav styles ****************** */

.contentjumplink,
.contentjumptitle{
	font-size:92%;
}

.entry a.contentjumplink,
.entry a.contentjumptitle{
	text-decoration:none;
	font-weight:bold;
}

form.content_jump {
	clear:both;
	margin:2em 0 1em;
	background:#eef5fd;
	padding:2px;
	text-align:center;
}

form.content_jump select {
	margin:0 25px;
}