/*   
Theme Name: Monterey County 211 Theme
Theme URI: 
Description: Theme for Monterey County 211.
Author: Takigawa Design
Author URI: http://takigawadesign.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');
/* Modifications to Default*/


/* =Global Elements
-------------------------------------------------------------- */

body, input, textarea {
	font: 12px Helvetica, Arial, sans-serif;
	line-height:18px;
	background: #203375;
	background-repeat:repeat-y;
	background-attachment:fixed;
	background-position:center;
}
input, textarea {
	background:#CCC;
}
p, ul, ol, dd, pre {
	margin-bottom:12px;
}
pre, code {
	font:14px Monaco, monospace;
	line-height:22px;
}
blockquote {
	color:#666;
	font-style:italic;
}
table {
	border:1px solid #ccc;
	border-width:1px 1px 0 1px;
	font-size:13px;
	line-height:18px;
	margin:0 0 22px 0;
	text-align:left;
}
caption {
	text-align:left;
}
tr {
	border-bottom:1px solid #ccc;
}
th, td {
	padding: .7em 1.25em;
}
hr {
	background-color:#ccc;
	border:0;
	color:#ccc;
	height:1px;
	margin-bottom:22px;
}
a:link {
	color:#2E478B;
	text-decoration:none;
}
a:visited {
	color:#2E478B;
	text-decoration:none;
}
a:active, a:hover {
	color:#2E478B;
	text-decoration:none;
}
/* =Header
-------------------------------------------------------------- */

#header {
	z-index:2;
}
#branding-flash {
	padding:0;
	height:202px;
	width:960px;
	background:url(images/diversity-band.png);
	background-repeat:no-repeat;
	margin:0 auto;
	background-color:#FFF;
}
#branding {
	display:none;
}
#blog-title {
	font-family:Arial, sans-serif;
	font-size:34px;
	font-weight:bold;
	line-height:40px;
	display:none;
}
#blog-title a {
	color:#000;
	text-decoration:none;
}
#blog-title a:active, #blog-title a:hover {
	color: #FF4B33;
}
#blog-description {
	color:#666;
	font-size:13px;
	font-style:italic;
	display:none;
}
/* =Menu
-------------------------------------------------------------- */

.skip-link {
	display:none;
}
#access {
	border-bottom:0 none;
	margin:0 auto;
	height:32px;
	font-size:13px;
	overflow:visible;
	z-index:100;
	background-color:#C44B2F;
	width:960px;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/*** THEMATIC SKIN ***/
.sf-menu {
	border-right:0px solid #fff;
	float:left;
}
.sf-menu a {
	border-left:0px solid #FFFFFF;
	border-top:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	padding:9px 13px;
	text-decoration:none;
}
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {
	border-bottom-color:#FFFFFF;
}
/* Text color in nav */
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
/*Nav Background Color*/
.sf-menu li {
	background:		#C44B2F;
}
/*???*/
.sf-menu li li {
	background:		#FF0000;
}
.sf-menu li li li {
	background:		#C44B2F;
}
/*Nav background color when hovering*/
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:     #C8563C;
	outline:		0;
	border-bottom-color:0px solid #000;
}
.sf-menu ul {
	border-right:0px solid #000;
	border-bottom:0px solid #000;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
	margin-top:0;
}
.sf-menu ul a {
	background:#C8563C;
	border-top:1px solid #FFFFFF;
}
/* Text color in nav dropdown */
.sf-menu ul a:hover {
	color: #FFFFFF;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	border-bottom-color:#FFFFFF;
}
/* =Content
-------------------------------------------------------------- */

#main {
	clear:both;
	padding:66px 0 22px 0;
	width:960px;
	background-color:#FFF;
}
#content {
	padding-left:75px;
}
.page-title {
	font-size:13px;
	line-height:18px;
	padding:0 0 44px 0;
}
.attachment .page-title {
	font-style:italic;
}
.page-title a {
	color:#666;
	text-decoration:none;
}
.page-title a:active, .page-title a:hover {
	color: #FF4B33;
}
.page-title span {
	font-style:italic;
}
.page-title .meta-nav {
	font-style:normal;
}
.hentry {
	padding: 0 0 42px 0;
}
.single .hentry {
	padding:0;
}
.home #content .sticky {
	border:1px solid #ccc;
	margin:0 0 66px 0;
	padding:22px 20px 0 20px;
}
.entry-title {
	font-family:Helvetica, Arial, sans-serif;
	font-size:26px;
	font-weight:bold;
	line-height:24px;
	padding:0 0 7px;
}
.entry-title a {
	color:#2e478b;
	text-decoration:none;
}
.entry-title a:active, .entry-title a:hover {
	color: #FF4B33;
}
.entry-meta {
	color:#666;
	font-size:13px;
	font-style:italic;
	line-height:18px;
}
.entry-meta .author {
}
.entry-meta .n {
	font-size:11px;
	font-style:normal;
	letter-spacing:0.05em;
	text-transform:uppercase;
}
.entry-meta a {
	color:#666;
	text-decoration:none;
}
.entry-meta a:active, .entry-meta a:hover {
	color: #FF4B33;
}
.entry-meta abbr {
	border:none;
	cursor:text;
	font-size:11px;
	font-style:normal;
	letter-spacing:0.05em;
	text-transform:uppercase;
}
.entry-content {
	padding: 15px 0 0 0;
}
.entry-content h1, .entry-content h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:19px;
	font-weight:bold;
	padding:28px 0 12px 0;
}
.entry-content h3 {
	font-size:16px;
	font-style:normal;
	padding:20px 0 4px 0;
}
.entry-content h4 {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-transform: none;
	letter-spacing:normal;
	font-size:inherit;
}
.entry-content table {
	margin-left:1px;
}
.entry-content embed {
	margin:0 0 22px 0;
}
.entry-utility {
	color:#666;
	font-size:13px;
	line-height:18px;
	margin:0 0 44px 0;
}
.entry-utility a {
	color:#666;
	font-style:italic;
	text-decoration:none;
}
.entry-utility a:active, .entry-utility a:hover {
	color: #FF4B33;
}
.page-link {
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	margin:0 0 22px 0;
	padding:22px 0 0 0;
	word-spacing:0.5em;
}
.page-link a {
	border:1px solid #ccc;
	color:#666;
	font-weight:normal;
	padding:0.5em 0.75em;
	text-decoration:none;
}
.page-link a:active, .page-link a:hover {
	color: #FF4B33;
}
ul#links-page, ul#archives-page {
	list-style:none;
	margin-left:0;
	overflow:hidden;
}
li.content-column {
	float:left;
	margin-right:20px;
	width:45%;
}
.gallery {
	padding:0 0 22px 0;
}
.wp-caption-text, .gallery-caption {
	color:#666;
	font-size:13px;
	line-height:18px;
}
#author-info {
	margin:0 0 44px 0;
	overflow:hidden;
}
#author-info .avatar {
	float:left;
	margin:.3em 1em 0 0;
}
/* =Attachments
-------------------------------------------------------------- */

.attachment-jpeg #container, .attachment-png #container {
	width:100%;
}
.attachment-jpeg #content, .attachment-png #content {
	width:930px;
}
.attachment-jpeg #comments, .attachment-png #comments {
	width:540px;
	overflow:hidden;
}
.attachment-jpeg .main-aside, .attachment-png .main-aside {
	display:none;
}
/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color:#666;
	font-size:13px;
	line-height:18px;
	margin:0px 0 22px 0;
	overflow:hidden;
}
.navigation a {
	color:#666;
	font-style:italic;
	text-decoration:none;
}
.navigation a:active, .navigation a:hover {
	color: #FF4B33;
}
.navigation .meta-nav {
	font-style:normal;
}
.nav-previous {
	float: left;
	width:50%;
}
.nav-next {
	float: right;
	width:50%;
	text-align:right;
}
#nav-above, #nav-below {
	width: 100%;
}
#nav-above {
	display:none;
}
.paged #nav-above {
	display:block;
	padding:0 0 44px 0;
}
/* =Comments
-------------------------------------------------------------- */

#comments {
	padding:22px 0 0 0;
}
#comments, #comments input, #comments textarea {
	font-size:13px;
	line-height:18px;
}
#comments code {
	font-size:12px;
	line-height:18px;
}
#comments h3 {
	font-family:Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
	padding:0 0 18px 0;
}
#comments-list {
	padding:0 0 18px 0;
}
#comments-list ol, #comments-list ul {
	list-style:none;
	margin:0;
}
#comments-list ol {
	border:1px solid #ccc;
	border-bottom:none;
	margin:0 0 18px 0;
}
#comments-list li {
	background:#fafafa;
	border-bottom:1px solid #ccc;
	padding:18px 1.5em 0 1.5em;
	position:relative;
}
#comments-list li.alt {
	background:#fff;
}
#comments-list li.bypostauthor {
	background:#FFFFCC;
}
#comments-list ul li {
	border:1px solid #ccc;
	margin:0 0 18px 0;
}
#comments-list li .avatar {
	position:absolute;
	top:22px;
	left:1.5em;
	width:36px;
	height:36px;
}
#comments-list .comment-author {
	font-weight:bold;
	padding:9px 0 0 46px;
}
#comments-list .comment-meta {
	color:#666;
	font-size:11px;
	padding:0 0 9px 46px;
}
#comments-list .comment-meta a {
	color:#666;
	font-style:italic;
	text-decoration:none;
}
#comments-list .comment-meta a:active, #comments-list .comment-meta a:hover {
	color: #FF4B33;
}
.comment-reply-link {
	font-size:11px;
	padding:0 0 18px 0;
	text-align:right;
}
.comment-reply-link a {
	color:#666;
	font-style:italic;
	text-decoration:none;
}
.comment-reply-link a:active, .comment-reply-link a:hover {
	color: #FF4B33;
}
.comment-navigation {
	font-weight:bold;
	padding:0 0 18px 0;
	margin-right:0.5em;
}
.comment-navigation a {
	border:1px solid #ccc;
	color:#666;
	font-weight:normal;
	padding:0.5em 0.75em;
	text-decoration:none;
}
.comment-navigation a:active, .comment-navigation a:hover {
	color: #FF4B33;
}
.comment-navigation a, .comment-navigation span {
	margin-right:0.5em;
}
#trackbacks-list .comment-content {
	position:absolute;
	left:-9000px;
}
#respond {
	background:#fff;
	margin-bottom:22px;
	overflow:hidden;
	padding:18px 0 0 0;
	position:relative;
}
#comments-list #respond {
	border-bottom:1px solid #ccc;
	margin:0 0 18px 0;
	padding:18px 1.5em;
}
#comments-list ul #respond {
	border:1px solid #ccc;
	margin:0;
}
#cancel-comment-reply {
	font-size:11px;
	position:absolute;
	top:18px;
	right:1.5em;
}
#cancel-comment-reply a {
	color:#666;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
.form-section label {
	font-size:11px;
}
.form-section input {
	margin:0 0 18px 0;
	width:98%;
}
.form-section textarea {
	width:99%;
}
#form-allowed-tags p {
	color:#666;
	font-size:11px;
	margin:0;
}
#form-allowed-tags span {
	font-style:italic;
}
#form-allowed-tags code {
	font-size:11px;
	line-height:normal;
}
.form-submit {
	padding:18px 0 0 0;
	text-align:right;
}
.subscribe-to-comments {
	color:#666;
	float:left;
	font-size:11px;
	margin:0;
	padding:18px 0 0 0;
}
.solo-subscribe-to-comments {
	color:#666;
	font-size:11px;
	padding:18px 0 0 0;
}
.comment_license {
	color:#666;
	clear:both;
	font-size:11px;
	margin:0;
	padding:18px 0 0 0;
}
/* =Asides, Sidebars & Widget-Ready Areas
-------------------------------------------------------------- */

.aside, .aside input {
	font-size:13px;
	line-height:18px;
	margin-bottom:6px;
}
.aside p, .aside ul, .aside ol, .aside dd, .aside pre {
	margin-bottom:18px;
}
.aside pre, .aside code {
	font-size:12px;
	line-height:18px;
}
.aside .current_page_item a {
	color: #FF4B33;
}
.aside .current_page_item .page_item a {
	color:#666;
}
.aside .current_page_item .page_item a:hover, .aside .current_page_item .page_item a:active {
	color: #FF4B33;
}
.aside {
	color:#666;
}
.aside a {
	color:#C44B2F;
}
.aside a:active, .aside a:hover {
	color:#666666;
}
.aside h3 {
	font-size:15px;
	font-style:normal;
	line-height:27px;
}
.aside h3 a {
	text-decoration:none;
}
.aside caption {
	font-size:11px;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.05em;
}
.aside ul {
	list-style:none;
	margin-left:0;
}
.aside ul ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 22px 20px;
	margin-left:0;
}
.aside ul ul li {
	padding:1px 0;
}
.aside ul ul ul {
	margin-bottom:0;
}
.aside form, .aside table {
	margin-bottom:22px;
}
.aside table {
	border:none;
}
.aside thead {
	border:1px solid #ccc;
}
.aside tbody {
	border:1px solid #ccc;
}
.aside th, .aside td {
	border-right:1px solid #ccc;
	padding:.25em .8em;
}
.aside tfoot tr {
	border:none;
}
.aside tfoot td {
	border-color:transparent;
}
.widget_tag_cloud {
	margin:0 0 22px 0;
}
.aside #searchsubmit {
	display: none;
}
/*
    Main Asides
*/
.main-aside ul {
	padding:0 20px;
}
.main-aside h3 {
}
.main-aside ul ul {
	padding:0;
}
#primary {
	border:0px solid #ccc;
	padding:0 0 0 0;
	margin-bottom:22px;
	border-left:1px solid #ccc;
}
/*
    Content Asides
*/
#content .aside {
	border:1px solid #ccc;
	margin:0 0 22px 0;
	padding:18px 0 0 0;
}
#content .aside ul {
	padding:0 20px;
}
#content .aside h3 {
	font-family:Georgia, serif;
	font-weight:normal;
	font-size:17px;
	font-style:italic;
	padding:0 0 7px 0;
	text-transform:none;
}
#content .aside ul ul {
	padding:0;
}
/*
    Footer Asides
*/
#subsidiary {
	padding:33px 0 0 0;
}
/* =Footer
-------------------------------------------------------------- */

#footer {
	border-top:0px none;
	margin-top:0px;
	background:#203375;
}
#siteinfo {
	color:#778DC1;
	font-size:11px;
	line-height:18px;
	padding:12px 0 44px 0;
}
#siteinfo a {
	color:#778DC1;
}
#siteinfo a:active, #siteinfo a:hover {
	color:#778DC1;
}
/* =PageNavi
-------------------------------------------------------------- */

/* Using !important to override PageNavi CSS */

.wp-pagenavi {
	margin:0 0 0 -.5em;
	padding:0.5em 0;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
	border:1px solid #ccc !important;
	color:#666!important;
	font-style:normal;
	margin:0 .375em !important;
	padding:0.5em 0.25em !important;
}
.wp-pagenavi a:visited {
	border:1px solid #ccc !important;
	color:#666 !important;
}
.wp-pagenavi a:hover {
	border:1px solid #ccc !important;
	color:#FF4B33 !important;
}
.wp-pagenavi a:active {
	border:1px solid #ccc !important;
	color:#FF4B33 !important;
}
.wp-pagenavi span.pages {
	border:none !important;
	color:#666 !important;
	margin:0 !important;
	padding:0 !important;
}
.wp-pagenavi span.current {
	border:none !important;
	color:#666 !important;
	font-weight:normal !important;
	margin:0 !important;
	padding:0 !important;
}
.wp-pagenavi span.extend {
	background-color:#FFFFFF;
	border:1px solid #000000;
	color:#000000;
	margin:2px;
	padding:2px 4px;
}
/* CUSTOMIZATIONS */
/* Layout */
#main {
	width:960px;
}
#content {
	width:500px;
	overflow:visible;
}
#siteinfo {
	width:960px;
	padding:12px 0 44px 75px;
}
.main-aside {
	right:75px;
	width:235px;
}
.search-button {
	margin: 0 0 25px 1.5em;
}
/* Hide */
 
.page-title, .nav-next, .nav-previous, .comments-closed-link, .comments-link, .cat-links, .entry-utility {
	display:none;
}
/* Color */

h1, h2, h3 {
	color:#2e478b;
}
.entry-content h1, h1 {
font-family:Helvetica,Arial,sans-serif;
font-size:26px;
font-weight:bold;
line-height:24px;
padding:0 0 7px;
}

/* jQuery Slide */
a {
	outline:none;
}
#slide_wrapper {
	width:475px;
	clear:both;
	padding-top:15px;
}
#slide_wrapper p {
	margin:0 0 6px 0;
	padding:0;
}
.slide_trigger {
	margin: 0 0 5px 0;
	padding:1px 0 0 24px;
	background: url(images/show_hide.gif) no-repeat;
	float: left;
	height: 20px;
	cursor:pointer;
}
.slide_trigger a {
	text-decoration: none;
	display: block;
}
.slide_trigger a:hover {
	color: #666;
}
.slide_active {
	background-position: left bottom;
} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 14px;
	padding: 0;
	overflow: hidden;
	width: 475px;
	clear: both;
}
.toggle_container .block {
	padding: 0 0 20px 0;
}
.clear_last {
clear:both;}