/*
Theme Name:     Bright Field
Theme URI:      http: //www.rainstormconsulting.com
Description:    A custom theme for the Maine Shared Collections Strategy website
Author:         RainStorm Consulting
Author URI:     http: //www.rainstormconsulting.com
Version:        0.1.0
License: GNU General Public License
License URI: license.txt
Tags: blue, pink, two-columns, fixed-width, microformats, editor-style, custom-menu (optional)
*/

/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #257eb7; color: #fff; text-shadow: none; }
::selection { background: #257eb7; color: #fff; text-shadow: none; }

a { color: #f5137e; }
a:visited { color: #f5137e; }
a:hover { color: #257eb7; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* Fonts */

@font-face {
    font-family: 'QuicksandBook';
    src: url('fonts/Quicksand_Book-webfont.eot');
    src: url('fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Quicksand_Book-webfont.woff') format('woff'),
         url('fonts/Quicksand_Book-webfont.ttf') format('truetype'),
         url('fonts/Quicksand_Book-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProcionoRegular';
    src: url('fonts/prociono-regular-webfont.eot');
    src: url('fonts/prociono-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/prociono-regular-webfont.woff') format('woff'),
         url('fonts/prociono-regular-webfont.ttf') format('truetype'),
         url('fonts/prociono-regular-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==|== primary styles =====================================================
   Author: RainStorm Consulting <contact@rainstormconsulting.com>
   ========================================================================== */

/* Base styles */

body {
	margin: 0;
	padding: 0;
	background: #e3e3e3 url('images/bg.png') left top repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: #333;
	text-align: center;
}

a:link, a:active, a:visited {
	text-decoration: none;
}

#secondary a.nostyle:hover { background: none !important; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'ProcionoRegular', Georgia, 'Times New Roman', Times, serif;
	color: #257eb7;
	font-weight: normal;
}

#page {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* Header */

header#branding {
	background: url('images/header/header_bg.png') 0 60px no-repeat;
}

.top-bar {
	float: right;
	width: 340px;
	padding: 17px 0 18px 0;
	text-align: right;
}

.login-link {
	float: right;
	width: 100px;
	padding: 6px 16px 0 0;
	background: url('images/header/login-link_bg.png') 115px 5px no-repeat;
	text-align: right;
}

.login-link a:link, .login-link a:active, .login-link a:visited, .login-link a:active {
	text-shadow: 1px 0 0 #fff;
}

/* Search Form */

header#branding .top-bar #searchform {
	float: right;
	width: 209px;
	padding: 0 0 0 15px;
	text-align: right;
}

#branding #searchform div {
	margin: 0;
}

#branding #s {
	float: right;
	width: 182px;
	height: 19px;
	padding: 3px 0 3px 27px;
	background: url('images/header/search-input-placeholder_bg.png') left top no-repeat;
	border: 0;
	font-size: 105%;
}

html#ie7 #branding #s, html#ie8 #branding #s {
	padding: 5px 0 1px 27px;
}

html#ie7 #branding #s {
	background: url('images/header/search-input_bg.png') left top no-repeat;
}

#branding #s:focus {
	background: url('images/header/search-input_bg.png') left top no-repeat;
	color: #444;
}

#branding #searchsubmit {
	display: none;
}

.logo {
	display: inline-block;
	position: relative;
	top: 0;
	left: 40px;
	z-index: 5000;
	width: 165px;
	height: 252px;
	-moz-box-shadow: 0 0 8px #888;
	-webkit-box-shadow: 0 0 8px #888;
    box-shadow: 0 0 8px #888;
}

html#ie9 .logo {
	top: -1px;
}

.slogan {
	display: inline-block;
	position: relative;
	top: 45px;
	left: 282px;
	width: 428px;
	height: 77px;
}

html#ie7 .slogan {
	top: -160px;
	left: 445px;
}

.slogan h1 {
	margin: 0;
	padding: 0;
	font-family: 'QuicksandBook', Helvetica, Arial, sans-serif;
	font-size: 285%;
	color: #fff;
	text-shadow: 0 -1px 0 #333;
	text-align: right;
	line-height: 1.3;
	letter-spacing: -2px;
}

.action-buttons {
	position: relative;
	top: -48px;
	left: 697px;
	width: 183px;
}

html#ie7 .action-buttons {
	top: -125px;
}

.action-buttons img {
	display: block;
	margin: 0 0 11px 0 !important;
}

.action-buttons img:last-child {
	margin: 0;
}

/* =Menu
-------------------------------------------------------------- */

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #d75683;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

#access {
	clear: both;
	display: block;
	width: 100%;
	position: relative;
	top: 37px;
	height: 40px;
	background: #bd1b5d url('images/header/nav_bg.png') left top repeat-x;
	font-family: 'ProcionoRegular', Georgia, 'Times New Roman', Times, serif;
}

html#ie7 #access {
	top: -40px;
	z-index: 10000;
}

#access ul {
	width: 600px;
	list-style: none;
	margin: 0 auto; /* Previously had a left margin: -0.8125em s*/
	padding-left: 0;
	border-right: 1px solid #cd5d8d;
}

html#ie8 #access ul {
	height: 40px;
}

body.page #access ul, body.blog #access ul, body.single #access ul {
	width: 600px;
	border-left: 1px solid #a71a4f;
}

#access li {
	float: left;
	position: relative;
	width: 178px;
	height: 40px;
	border-right: 1px solid #a71a4f;
	border-left: 1px solid #cd5d8d;
	font-size: 135%;
	text-align: center;
	letter-spacing: 1.3;
	text-shadow: 0 -1px 0 #595959;
}

#access li:first-child {
	width: 108px;
}

#access li:last-child {
	width: 128px;
}

html#ie8 #access li#menu-item-28, html#ie7 #access li#menu-item-28 {
	width: 128px;
}

#access a {
	color: #fff;
	display: block;
	line-height: 2.28em;
	padding: 0 1.2125em;
	text-decoration: none;
}

#access li:hover {
	border-left: 1px solid #e16792;
	border-right: 1px solid #bb446d;
}

#access ul ul, body.home #access ul ul, body.page #access ul ul, body.blog #access ul ul, body.post #access ul ul, body.single #access ul ul {
	display: none;
	float: left;
	margin: -1px 0 0 0;
	position: absolute;
	top: 2.333em;
	left: 0;
	width: inherit;
	z-index: 99999;
	border-left: none;
	text-align: left;
}

#access ul ul li {
	width: 179px;
	height: 40px;
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #de83a3;
	border-right: none;
	border-left: none;
}

html#ie7 #access ul ul {
	position: absolute;
	width: 170px;
	height: 40px;
}

#access ul ul li:first-child, #access ul ul li:last-child {
	width: 179px;
}

html#ie8 #access ul ul li:first-child {
	width: 179px;
}

#access ul ul li:hover {
	border-left: none;
	border-right: none;
}

#access ul ul li:first-child {
	border-top: 1px solid #d75884;
}

#access ul ul a {
	width: 159px;
	height: 20px;
	padding: 10px 0 10px 20px;
	background: #d75884;
	font-size: 70%;
	color: #57031a;
	font-weight: normal;
	text-align: left;
	line-height: 1.4em;
	text-shadow: 0 1px 0 #ddcdd1;
	line-height: 14px;
}

#access li:hover > a, access a:focus {
}

#access ul ul :hover > a {
	color: #57031a;
	background: #e1799e;
	text-shadow: 0 1px 0 #ddcdd1;
}

#access li:hover > a,
#access a:focus {
	background: #d75683;
	border-right: none;
	color: #fff;
	text-shadow: 0 -1px 0 #595959;
}

#access ul li:hover > ul {
	display: block;
}

#access .current_page_item > a,
#access .current_page_ancestor > a,
body.single-post #menu-item-26,
body.archive #menu-item-26 {
	background-color: #671d32; /* Show a solid color for older browsers */
	background: #671d32;
	background-image: -webkit-gradient(radial, 50% 50%,200,50% 50%,20, from(rgb(42, 0, 14)), to(rgb(103, 29, 50)));
	background-image: -webkit-radial-gradient(50% 50%, rgb(103, 29, 50), rgb(42, 0, 14));
	background-image: -moz-radial-gradient(50% 50%, rgb(103, 29, 50), rgb(42, 0, 14));
	background-image: -ms-radial-gradient(50% 50%, rgb(103, 29, 50), rgb(42, 0, 14));
	background-image: radial-gradient(50% 50%, rgb(103, 29, 50), rgb(42, 0, 14));
	color: #fff;
	text-shadow: 0 -1px 0 #333;
}

#access ul ul .current_page_item > a {
	background: #e1799e;
	color: #57031a;
	text-shadow: 0 1px 0 #ddcdd1;
	line-height: 14px;
}

#access ul ul ul {
	left: 100%;
	top: 0;
}

/* Top Banner */

#top-banner {
	height: 132px;
	background: #d9d9d9 url('images/top-banner_bg.png') left top no-repeat;
	font-family: 'ProcionoRegular', Georgia, 'Times New Roman', Times, serif;
	text-align: center;
	line-height: 1.2;
}

#top-banner h2 {
	margin: 0;
	padding: 38px 0 0 0;
	font-size: 190%;
	color: #565656;
	font-weight: normal;
	text-shadow: 1px 0 0 #fff;
}

/* Content */

#main {
	position: relative;
	top: 37px;
	background: #fff url('images/main_bg.png') left top repeat-y;
	color: #353535;
}

html#ie7 #main {
	top: -40px;
}

body.page-template-homepage-php #main {
	background: #fff url('images/home-main_bg.png') left top repeat-y;
}

#primary, body.page-template-homepage-php #primary {
	float: left;
	width: 100%;	
}

#primary {
	margin: 0 -300px 0 0;
	padding: 20px 0 40px 0;
}

body.page-template-homepage-php #primary {
	float: left;
	width: 100%;
	margin: 0 -580px 0 0;
}

#primary a:hover, #secondary a:hover {
	background: #8d355a !important;
	color: #fff;
}

a .highlight:hover {
	background: none !important;
}

#content {
	margin: 0 300px 0 0;
	padding: 0 20px 0 40px;
	border-left: 1px solid #bcbcbc;
	font-size: 110%;
	line-height: 140%;
}

body.page-template-homepage-php #content {
	margin: 0 580px 0 0;
	padding: 0 20px 0 40px;
}

#content h1 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 160%;
	letter-spacing: 0.08em;
	line-height: 130%;
}

#content h2, #content h3 {
	font-family: 'ProcionoRegular', Georgia, 'Times New Roman', Times, serif;
	color: #591d2e;
	font-size: 120%;
}

#content h3 {
	color: #ad3054;
	font-size: 110%;
}

body.blog article, body.search article, body.archive article {
	margin: 0 0 40px 0;
	padding: 0 0 20px 0;
	background: url('images/sidebar/sidebar-widget-li_bg.png') left bottom repeat-x;
}

article .entry-meta {
	margin: 0 0 8px 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
}

article footer.entry-meta {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal !important;
	text-align: right;
	font-style: italic;
}

.gce-month-title {
	margin: 0 0 20px 0;
	font-family: 'ProcionoRegular', Georgia, 'Times New Roman', Times, serif;
	color: #f5137e;
	font-size: 120%;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.highlight {
	padding: 8px;
	border: 1px solid #ccc;
	background: #fff;
}

aside {
	margin: 10px 0 0 0;
	padding: 8px 8px 8px 0;
	background: #eee;
	border: 1px dotted #999;
}

.staff-table td {
	width: 33%;
}

label {
	display: inline-block;
	margin: 10px 0 4px 0;
	font-weight: bold;
}

input, textarea {
	margin: 0 0 8px 0;
}

.middle, .middle img {
	vertical-align: middle;
	line-height: 1.4;
}

.credit {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 90%;
	font-style: italic;
}

#content .site-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

#content .nav-previous {
	float: left;
	width: 50%;
}

#content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

ul.pagenav-container {
	padding: 0;
}

.pagenav-container li {
	list-style: none;
}

.pagenav-container li li {
	list-style: disc;
	padding: 0 0 4px 0;
}

/* secondary */

#secondary, body.page-template-homepage-php #secondary {
	float: right;
	background: #f2f2f2;
	line-height: 1.2;
}

#secondary {
	width: 239px;
	padding: 20px 40px 20px 20px;
	border-right: 1px solid #bcbcbc;
}

body.page-template-homepage-php #secondary {
	width: 519px;
	padding: 20px 40px 0 20px;
}

#secondary .widget {
	margin: 0 0 25px 0;
}

html#ie7 .widget-area {
	margin: 0 0 0 0;
}

#secondary h3 {
	margin: 0;
	padding: 0;
	font-size: 160%;
	letter-spacing: 0.08em;
}

#secondary .widget-area ul {
	padding: 0;
}

#secondary .widget-area li {
	list-style: none;
}

#secondary .widget-area li ul {
	margin: 20px 0;
	padding: 0
}

body.home #secondary .widget-area li ul {
	margin: 20px 0 0 0;
}

#secondary .widget-area li ul li {
	margin: 0;
	padding: 8px 0 8px 0;
	background: url('images/sidebar/sidebar-widget-li_bg.png') left bottom no-repeat;
}

#secondary .widget-area li ul li:first-child {
	padding: 0 0 8px 0;
}

body.page-template-homepage-php #secondary #first {
	float: left;
	width: 240px;
}

body.page-template-homepage-php #secondary #second {
	float: left;
	width: 239px;
	padding: 0 0 0 40px;
}

body.page-template-homepage-php #secondary .widget_recent_entries h4 {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 130%;
	letter-spacing: normal;
}

body.page-template-homepage-php #secondary .widget_recent_entries li {
	font-size: 100%;
	background: none;
}


body.page-template-homepage-php #secondary .widget_recent_entries_not_latest h3 {
	font-size: 140%;
	letter-spacing: normal;
}

.post-date, .event-date {
	font-family: 'ProcionoRegular', Georgia, 'Times New Roman', Times, serif;
}

body.page-template-homepage-php #secondary .widget_recent_entries h4 a:link, body.page-template-homepage-php #secondary .widget_recent_entries h4 a:active, body.page-template-homepage-php #secondary .widget_recent_entries h4 a:visited {
	text-decoration: underline;
}

body.page-template-homepage-php #secondary .widget_recent_entries h4 a:hover {
	text-decoration: none;
}

body.home #secondary #first .widget_recent_entries li:first-child {
	padding: 0;
}

body.home #secondary .widget_gce_widget {
	margin: 0 0 10px 0;
}

#secondary .widget_gce_widget {
	margin: 0 0 -10px 0;
}

#secondary .widget-area li.widget_gce_widget ul li {
	background: none;
}

#secondary .widget_gce_widget .event-title {
	font-family: 'ProcionoRegular', Georgia, 'Times New Roman', Times, serif;
	font-size: 110%;
	color: #591d2e;
}

#secondary .widget_gce_widget .sidebar-button {
	margin: 8px 0 30px 0;
}

body.home #secondary .widget_gce_widget .sidebar-button {
	margin: 8px 0 0 0;
}

#secondary form#email-newsletter-signup input {
	margin: 0 8px 0 0;
}

#secondary .widget_categories {
	margin: 0 0 10px 0;
}

#secondary .widget_categories select {
	margin: 20px 0 0 0;
}

#secondary .widget_archive h3 {
	display: none;
}

/* Footer */

#content footer {
	position: inherit;
	top: 0;
	padding: 0;
	font-size: inherit;
	background: none;
}	

footer {
	clear: both;
	position: relative;
	top: 37px;
	padding: 16px 0 20px 0;
	font-size: 110%;
	background: url('images/footer/footer_bg.png') left top no-repeat;
}

html#ie7 footer {
	top: -37px;
}

#supplementary {
	border: none; /* Over-ride */
	padding: 0; /* Over-ride */
}

footer #supplementary.widget-area {
	text-align: center;
}

footer #supplementary.widget-area ul {
	display: inline;
	margin: 0;
	padding: 0;
}

footer #supplementary.widget-area li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

footer #supplementary.widget-area .credit {
	display: block;
	padding: 12px 0 0 0;
	font-size: 80%;
	line-height: 0.7;
}

footer .imls-logo {
	margin: 24px 0 0 0;
}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  #content a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  #content .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  #page { width: 90%; }
  .top-bar { display: none; }
  .action-buttons { display: none; }
  .slogan { top: 0; }
  #access { display: none; }
  #access ul ul { display: none; }
  #content { margin: 0; border-left: none; }
  body.page-template-homepage-php #content { margin: 0; }
  #secondary { display: none; }
}