/*
# Community Almanac - A place for your stories.
# Copyright (C) 2009  Douglas Mayle, Robert Marianski,
# Andy Cochran, Chris Patterson

# This file is part of Community Almanac.

# Community Almanac is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.

# Community Almanac is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU Affero General Public License for more details.

# You should have received a copy of the GNU Affero General Public License
# along with Community Almanac.  If not, see <http://www.gnu.org/licenses/>.
*/
.selfclear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.selfclear {
display: inline-block; /* IE 7 */
}

.selfclear {
display: block;
}

* html .selfclear {
height: 1px; /* IE < 7 */
}

* html .pngfix {
zoom: 1;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1 ? (this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/img/transparent.gif") : (this.origBg = this.origBg ? this.origBg : this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='" + (this.currentStyle.backgroundRepeat=='no-repeat' ? 'crop' : 'scale') +"')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}

.bordered {
border: 4px solid #d0c9b9;
}

.bordered input {
border: 0 none transparent;
}

a {
color: #00ace6;
outline: none !important; /* avoid ugly dotted border for Firefox */
}

a:hover {
color: #ff6040;
}

body {
font-family: georgia, serif;
text-align: center;
margin: 0;
padding: 0;
background: url(/img/brown-noise.jpg) -50% 0 repeat;
color: #003459;
font-size: 87.5%;
}

* html {
width: 980px;
}

* html body {
width: 100%;
}

body.home {
background: url(/img/brown-noise-dark.png) -50% 0 repeat;
}

#ill-sky {
	background: url(/img/ill-sky-sm.jpg) center bottom repeat-x;
}
#ill-clouds {
	background: url(/img/ill-clouds-sm.png) 30% 0 repeat-x;
}
#ill-mountains {
	background: url(/img/ill-mountains-sm.png) 275px 60px no-repeat;
}
#ill-hills {
	background: url(/img/ill-hills.png) -25% 112px repeat-x;
}
#ill-foreground {
	background: url(/img/ill-foreground-b.png) -60% bottom repeat-x;
}
* html #ill-sky,
* html #ill-clouds,
* html #ill-mountains,
* html #ill-hills,
* html #ill-foreground { /* IE6 */
background: url(/img/ill-header-ie6-sm.png) repeat-x;
}

#header {
height: 180px;
text-align: left;
margin: auto;
}

h1#logo {
width: 202px;
height: 130px;
margin: 20px 10% 0 20px;
float: right;
}

h1#logo a {
width: 202px;
height: 130px;
background: url(/img/logo-sm.png) no-repeat;
text-indent: -9999px;
display: block;
cursor: pointer;
}

#welcome {
color: #ff6040;
padding: 5px 10px;
margin: 0;
background: url(/img/page-bg.png) center top;
position: absolute;
top: 0;
left: 7%;
border: 4px solid #d0c9b9;
border-top: 0;
}

#welcome a {
color: #919ca2;
padding: 4px 0 4px 18px;
background: url(/img/cancel-icon.png) 0 50% no-repeat;
}

#welcome a:hover {
color: #003459;
}

#login {
color: #ff6040;
padding: 0.5em 10px;
height: 10.5em;
margin: 0;
position: absolute;
line-height: 1em;
top: -11.8em;
left: 7%;
background: url(/img/page-bg.png) center top;
border: 0.3em solid #d0c9b9;
border-top: 0;
text-align: right;
z-index: 11;
}

#login input {
display: block;
line-height: 1em;
font-size: 1.5em;
border: 0.2em solid #d0c9b9;
margin: 0.2em 0;
padding: 0.2em;
font-family: georgia, serif;
background: #f9f5ee;
width: 14em;
}

#login .bordered {
float: left;
margin: 0.2em 0.5em 0.2em 0;
}

#login input#login-submit {
float: left;
background: #ff6040;
color: #fff;
margin: 0;
width: auto;
border: 0 none transparent;
}

#login .tab {
position: absolute;
line-height: 1em;
bottom: -1.6em;
left: 10px;
background: url(/img/book-tile.png) center top;
border: 0.3em solid #d0c9b9;
border-top: 0;
padding: 0.1em 0 0;
margin: 0 0 -0.38em;
}

#login .tab a {
padding: 0.3em 0.3em 0.3em 22px;
background: url(/img/user-icon.png) 2px 50% no-repeat;
display: block;
}

#flash-messages {
position: absolute;
top: 0;
right: 7%;
width: 40%;
}

#flash-closer {
position: absolute;
left: -50px;
top: 0;
width: 42px;
height: 42px;
display: block;
overflow: hidden;
text-indent: -9999em;
background: url(/img/flash-closer-bg.png) no-repeat;
border: 4px solid #d0c9b9;
border-width: 0 4px 4px;
}

#flash-messages {
border: 4px solid #d0c9b9;
border-width: 0 4px 4px;
background: url(/img/bttn-bg-orange.jpg) repeat;
font-size: 1.3em;
color: #fff;
padding: 0.4em;
}

#flash-content a:hover {
color: #fff;
}

h3#tagline {
margin: 0 0 0 7%;
padding: 1.5em 0 0 4px;
clear: left;
font-size: 1.9em;
}

h3#tagline a {
text-decoration: none;
color: #003459;
}

h3#tagline a:hover {
color: #FF6040;
}

#content {
background: url(/img/book-top.png) 50% 0 no-repeat;
min-width: 980px;
padding: 20px 0 0 0;
position: relative;
}

* html #content {
background: url(/img/book-top-ie6.png) 50% 0 no-repeat;
}

body.home #content {
background: url(/img/brown-noise.jpg) -50% 0 repeat;
}

#wrap-a {
background: url(/img/book-bottom.png) 50% 100% no-repeat;
padding: 0 0 20px 0;
}

* html #wrap-a {
background: url(/img/book-bottom-ie6.png) 50% 100% no-repeat;
}

#wrap-b {
background: url(/img/book-tile.png) 50% 0 repeat-y;
padding: 20px 0;
}

* html #wrap-b {
background: url(/img/book-tile-ie6.png) 50% 0 repeat-y;
z-index: 98;
}

#right-page {
text-align: left;
width: 520px;
float: right;
margin: 0 50% 20px -505px;
position: relative;
left: 405px;
clear: both;
}

* html #right-page {
margin-right: 25%;
}

#left-page {
margin: 20px 50% 20px 0;
padding: 0 235px 0 0;
}

.sidebar {
float: right;
text-align: left;
width: 260px;
margin: 0 0 20px 20px;
}

#nav-top, #nav-bottom {
clear: both;
width: 980px;
margin: auto;
text-align: right;
position: relative;
}

#nav-top span.prev,
#nav-bottom span.prev {
font-size: 0.8em;
display: block;
width: 240px;
float: left;
text-align: left;
margin: 0 0 20px;
}

#nav-top span.next,
#nav-bottom span.next,
#nav-top span.cancel,
#nav-bottom span.cancel {
font-size: 0.8em;
float: right;
width: 240px;
margin: 0 80px 20px 0;
}

#nav-top span.cancel a,
#nav-bottom span.cancel a {
text-decoration: none;
padding-right: 20px;
background: url(/img/cancel-icon.png) 100% 50% no-repeat;
}

#footer {
clear: both;
text-align: left;
margin: auto 7%;
padding-bottom: 40px;
}

ul#footer-nav {
float: left;
list-style: none;
margin: 30px 20px 0 0;
font-size: .9em;
}

ul#footer-nav li {
float: left;
margin-right: 1.5em;
}

ul#footer-nav a {
color: #b2b32d;
text-decoration: none;
}

ul#footer-nav a:hover {
color: #ff6040;
}



.post-head { margin-bottom: 1.5em; }

.post-head h2 { margin-bottom: 0; line-height: 1em; }

.post-head h2 a { text-decoration: none; }

.post-head h2 a:hover { text-decoration: underline; }

.post-head p.meta { color: #70818c; margin: 0; font-size: 0.9em; }

.comments-head { margin: 40px 0 20px; }

.comments-head h3 { color: #70818c;}

.comments-head h3 a.comment-link { font-size: 0.55em; }

.comment { margin-bottom: 1.5em; }

.comment p.meta { text-align: right; color: #70818c; margin-bottom: 0.2em; }

.comment p.meta span { float: left; }

#comment-form .form-row {
clear: both;
margin: 0 0 20px 0;
}

#comment-form label {
float: left;
width: 160px;
margin: 0 20px 0 0;
padding: 0;
text-align: left;
}

#comment-form label span.required {
color: #ff6040;
}

#comment-form label span.note {
display: block;
font-size: 0.8em;
color: #70818c;
}

#comment-form input,
#comment-form textarea {
background: url(/img/bttn-bg-white.jpg) repeat;
border: 4px solid #d0c9b9;
width: 312px;
margin: 0;
padding: 10px;
font-family: georgia, serif;
color: #003459;
font-size: 1em;
line-height: 1.5;
}

#comment-bttn,
#add-page-bttn,
#submit-button-form input,
.upload-bttn,
#comment-submit {
background-image: url(/img/bttn-bg-blue.jpg);
font-family: georgia, serif;
color: #fff;
border-top: 1px solid #80d4ff;
border-right: 2px solid #069;
border-bottom: 2px solid #069;
border-left: 1px solid #80d4ff;
font-size: 1.4em;
line-height: 1em;
margin: 0 0 20px;
}

#submit-button-form input {
padding: 5px;
font-size: 1.1em;
}

#comment-submit a,
#comment-bttn a,
#add-page-bttn a,
.upload-bttn {
display: block;
padding: 10px;
color: #fff;
text-decoration: none;
}

.upload-bttn {
float: left;
font-size: 1em;
margin: 1em 0;
}

.upload-status {
float: left;
font-size: 1em;
margin: 1em 0;
padding: 10px;
}

#add-page-bttn a {
padding: 10px 10px 10px 35px;
background: url(/img/add-page-icon.png) 10px 50% no-repeat;
font-size: 0.8em;
}

#comment-bttn:hover,
#add-page-bttn:hover,
#submit-button-form input:hover,
.upload-bttn:hover,
#comment-submit:hover {
border-top: 2px solid #069;
border-right: 1px solid #08c;
border-bottom: 1px solid #08c;
border-left: 2px solid #069;
cursor: pointer;
}

#comment-submit a:hover,
#comment-bttn a:hover,
#add-page-bttn a:hover {
color: #fff;
}

#comment-bttn {
float: left;
width: 340px
}

.page-media-items form .media-item-actions {
clear: both;
padding: 0;
margin: 10px 0 0;
}

.media-save,
.media-cancel {
border: 1px solid transparent;
background: transparent;
float: left;
padding: 10px;
text-decoration: none;
font-size: 1.2em;
font-family: georgia,serif;
color: #00ace6;
}

.media-save span {
padding-left: 20px;
background: url(/img/save-icon.png) 0 50% no-repeat;
}

.media-cancel span {
padding-left: 20px;
background: url(/img/cancel-icon.png) 0 50% no-repeat;
}

.media-save:hover,
.media-cancel:hover {
border: 1px solid #d0c9b9;
background: #fffbf5;
color: #ff6040;
}

* html .media-save,
* html .media-save:hover,
* html .media-cancel,
* html .media-cancel:hover { /* IE6 */
border: 0 none transparent;
}

#comment-submit {
margin-left: 180px;
width: 340px;
}

#backtoc {
width: 188px;
height: 80px;
background: url(/img/bookmark.png) no-repeat;
position: absolute;
top: -121px;
left: -23px;
text-align: left;
padding: 40px 0 0;
z-index: 10;
}

* html #backtoc { /* IE6 */
background: url(/img/bookmark-ie6.png) no-repeat;
}

#backtoc a {
text-decoration: none;
color: #f1e8da;
display: block;
width: 158px;
margin: 0 0 0 24px;
padding: 10px 0 0 0;
text-align: center;
line-height: 1em;
font-size: 0.95em;
}

#backtoc a:hover {
color: #fff;
text-decoration: underline;
}


#searchform {
background: url(/img/bttn-bg-khaki.jpg) repeat;
border: 4px solid #d0c9b9;
font-size: 1.4em;
line-height: 1em;
padding: 5px 5px;
margin-bottom: 20px;
}
input#query {
background: transparent;
border: 0;
width: 218px;
margin: 0;
padding: 0;
font-family: georgia, serif;
color: #003459;
font-size: 0.8em;
line-height: 1em;
}
input#searchsubmit {
}

#searchform-global {
background: url(/img/bttn-bg-pea.jpg) repeat;
padding: 5px;
margin: 0;
position: relative;
top: -5px;
}
input#query-global {
background: transparent;
border: 0;
width: 218px;
margin: 0;
padding: 0;
font-family: georgia, serif;
color: #340f03;
line-height: 1em;
}
input#searchsubmit-global {
}

span.amp {
font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
font-size: 1.2em;
font-style: italic;
}

.mediacontent {
overflow: hidden;
}

/* edit page */
ul.page-media-items {
min-height: 200px;
}

* html ul.page-media-items {
height: 200px;
}


ul.page-media-items li {
list-style-type: none;
position: relative;
padding: 0 0 0 30px;
margin: 0 0 0 -30px;
}

ul.page-media-items li ol li {
list-style-type: decimal;
margin: 0 0 0.5em 2em;
padding: 0;
}

ul.page-media-items li ul li {
list-style-type: disc;
margin: 0 0 0.5em 2em;
padding: 0;
}


ul.page-media-items li .media-content {
border: 4px solid #d0c9b9;
margin: 0.5em 0 20px;
background: url(/img/page-contrast-bg.png);
min-height: 65px;
padding: 10px;
}

ul.page-media-items li .media-tab {
position: absolute;
width: 30px;
height: 51px;
top: 14px;
left: 4px;
background: url(/img/media-drag-bg.png);
overflow: hidden;
text-indent: -9999em;
cursor: move;
display: none;
}

ul.page-media-items li:hover .media-tab {
display: block;
}

ul.page-media-items li .media-edit {
padding: 4px 20px 4px 0;
background: url(/img/edit-icon.png) 100% 50% no-repeat;
}

ul.page-media-items li .media-delete {
padding: 4px 20px 4px 0;
background: url(/img/delete-icon.png) 100% 50% no-repeat;
margin: 0 0 0 9px;
}

ul.page-media-items fieldset {
border: 4px solid #ff6040;
}

h3#add-content {
font-size: 1.25em;
}

ul.page-media-tools li {
border: 4px solid #d0c9b9;
margin: 0.5em 0 10px;
background: url(/img/page-contrast-bg.png);
list-style-type: none;
padding: 0;
}

ul.page-media-tools li a {
display: block;
padding: 6px 22px 6px 6px;
font-size: 1.25em;
line-height: 1em;
text-decoration: none;
}

* html ul.page-media-tools li a {
width: 224px;
}

ul.page-media-tools li a#text-tool {
background: url(/img/text-icon.png) 230px 50% no-repeat;
}

ul.page-media-tools li a#image-tool {
background: url(/img/image-icon.png) 230px 50% no-repeat;
}

ul.page-media-tools li a#map-tool {
background: url(/img/map-icon.png) 230px 50% no-repeat;
}

ul.page-media-tools li a#audio-tool {
background: url(/img/audio-icon.png) 230px 50% no-repeat;
}

ul.page-media-tools li a#pdf-tool {
background: url(/img/pdf-icon.png) 230px 50% no-repeat;
}

ul.page-media-tools li a#video-tool {
background: url(/img/film-icon.png) 230px 50% no-repeat;
}

form.add-media-item textarea,
form.edit-media-item textarea {
display: block;
border: 0 none transparent;
background: #fff;
width: 100%;
height: 15em;
margin: 0.5em 0;
}

#submit-button-form {
margin: 1em 0;
}

.mini-page-media-tools {
border: 4px solid #d0c9b9;
margin: 0 0.5em 0 0;
padding: 5px;
background: url(/img/page-contrast-bg.png);
float: left;
}

.mini-page-media-tools h4 {
float: left;
font-size: 1.1em;
line-height: 1em;
margin: 0 0.5em 0 0;
vertical-align:middle;
}

.mini-page-media-tools a {
width: 16px;
height: 16px;
overflow: hidden;
text-indent: -9999em;
float: left;
margin: 0 0.5em 0 0;
vertical-align:middle;
}

.mini-page-media-tools a#mini-text-tool {
background: url(/img/text-icon.png) 100% 50% no-repeat;
}

.mini-page-media-tools a#mini-image-tool {
background: url(/img/image-icon.png) 100% 50% no-repeat;
}

.mini-page-media-tools a#mini-map-tool {
background: url(/img/map-icon.png) 100% 50% no-repeat;
}

.mini-page-media-tools a#mini-audio-tool {
background: url(/img/audio-icon.png) 100% 50% no-repeat;
}

.mini-page-media-tools a#mini-pdf-tool {
background: url(/img/pdf-icon.png) 100% 50% no-repeat;
}

.mini-page-media-tools a#mini-video-tool {
background: url(/img/film-icon.png) 100% 50% no-repeat;
}

/*view almanac */
h2.almanac-title {
color: #00ace6;
min-height: 44px;
padding: 0 0 0 85px;
background: url(/img/almanac-title-bg.png) 0 50% no-repeat;
margin-left: -25px;
}

* html h2.almanac-title {
padding: 0;
background-image: none;
margin-left: 0;
}

h3#frontispiece-pages {
background: transparent url(/img/toc-line.gif) repeat-x scroll left center;
color:#70818C;
font-size:1.2em;
line-height: 1.2;
text-align:center;
padding: 0;
margin: 40px 0 20px;
}

h3#frontispiece-pages span {
background: transparent url(/img/toc-r.gif) no-repeat scroll right center;
display: inline-block;
margin: 0 auto;
padding-right: 30px;
}

h3#frontispiece-pages span strong {
color:#003459;
background: transparent url(/img/toc-l.gif) no-repeat scroll left center;
padding-left: 30px;
}

h3#frontispiece-pages span em {
font-size:0.875em;
font-style: normal;
}

ul.almanac-pages {
margin: 1em 0;
padding: 0;
}

ul.almanac-pages li {
margin: 1em 0;
padding: 0 0 1em;
list-style-type: none;
border-bottom: 1px solid #99b0bf;
}

ul.almanac-pages ol li {
list-style-type: decimal;
margin: 0 0 0.5em 2em;
padding: 0;
border: 0 none transparent;
}

ul.almanac-pages ul li {
list-style-type: disc;
margin: 0 0 0.5em 2em;
padding: 0;
border: 0 none transparent;
}

ul.almanac-pages li .almanac-meta {
float: right;
width: 140px;
}
ul.almanac-pages li .almanac-meta .almanac-link {
background: url(/img/almanac-icon.gif) 0 center no-repeat;
padding-left: 20px
}
ul.almanac-pages li .almanac-meta .comments-link {
background: url(/img/comments-icon.gif) 0 center no-repeat;
padding-left: 20px
}

ul.almanac-pages h4 {
font-size: 0.9em;
color: #70818c;
margin-right: 160px;
}

ul.almanac-pages h4 a {
font-size: 1.5em;
text-decoration: none;
}

ul.almanac-pages h4 a:hover {
text-decoration: underline;
}

ul.almanac-pages div.almanac-excerpt,
ul.almanac-pages div.page-excerpt {
margin-right: 160px;
}

.page-first-image {
float: left;
margin: 0 10px 10px 0;
border: 2px solid #d0c9b9;
}

#page-list-pagination {
background: #d0c9b9;
text-align: center;
position: relative;
line-height: 1em;
padding: 0.5em;
margin: 30px 0;
}

#page-list-pagination .prev {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: #033459 url(/img/bttn-bg-navy.jpg) repeat;
}

#page-list-pagination .next {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
background: #033459 url(/img/bttn-bg-navy.jpg) repeat;
}

#page-list-pagination .prev a,
#page-list-pagination .next a {
display: block;
padding: 0.5em 1em;
text-decoration: none;
}

p.kml-link {
display: block;
padding: 10px 0;
margin-bottom: 10px;
background: url(/img/kml-icon.png) 0 50% no-repeat;
}

p.kml-link a {
padding-left: 22px;
}

/*view page */
h2.page-title {
color: #00ace6;
}

.page-meta {
color: #70818c;
}

ul.page-items {
margin: 1em 0;
padding: 0;
}

ul.page-items li.page-item {
margin: 1em 0;
padding: 1em 0 0;
list-style-type: none;
border-top: 1px solid #99b0bf;
}

ul.page-items li.page-item ol li {
list-style-type: decimal;
margin: 0 0 0.5em 2em;
padding: 0;
}

ul.page-items li.page-item ul li {
list-style-type: disc;
margin: 0 0 0.5em 2em;
padding: 0;
}

ul.page-items li:first-child {
border-top: 0 none transparent;
}

ul.page-items li .image {
text-align: center;
}

ul.page-items li .image img {
border:4px solid #d0c9b9;
background: #d0c9b9;
}

ul.page-items li .video {
border:4px solid #d0c9b9;
}

ul.page-items li .map {
border:4px solid #d0c9b9;
height: 400px;
}


div.comment {
margin: 1em 0;
padding: 0;
border-bottom: 1px solid #70818c;
}

/* homepage */
body.home {
min-width: 1065px;
}

body.home #content .wrap {
text-align: left;
margin: 0 auto;
width: 980px;
}

body.home #intro {
padding: 25px 12px 0 18px;
background: url(/img/intro-bg.jpg) no-repeat;
}

body.home #intro .text {
height: 29em;
width: 340px;
padding: 0 10px;
float: right;
overflow: hidden;
background: url(/img/page-bg.png) repeat;
margin: 13px 0 -65px;
}

* html body.home #intro .text {
width: 360px;
padding: 0;
}

body.home #intro .panel-wrap {
position: relative;
}

body.home #intro .panel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 24em;
background: url(/img/page-bg.png) repeat;
}

body.home #intro .inactive {
display: none;
}

body.home #intro .panel h3,
body.home #intro .panel p {
padding-left: 10px;
padding-right: 5px;
line-height: 20px;
}

body.home #intro .panel h3 {
font-size: 22px;
color: #ff6040;
margin: 0 0 0.2em;
}

body.home #intro .panel h3.start-by {
font-size: 16px;
/* background: transparent url(/img/paper-icon-64.png) 0 0 no-repeat; */
padding-top: 5px; 
padding-bottom: 15px; 
color: #b2b32d;
}

body.home #intro .panel p {
font-size: 14px;
margin: 0 0 0.6em;
}

span.larr {
font-family: "Arial unicode MS", Arial, Geneva, sans-serif;
font-size: 18px;
}

#add-pages-blurb img {
float: left;
}

#add-almanac-blurb img {
float: right;
}

body.home #intro .prevnext {
float: right;
width: 220px
}

body.home #intro .next-panel,
body.home #intro .prev-panel,
body.home #intro .next-signup {
color: #fff;
background: url(/img/bttn-bg-orange.jpg) repeat;
border: 2px solid #d0c9b9;
text-decoration: none;
font-size: 1.1em;
padding: 0.3em 0;
width: 100px;
text-align: center;
}
body.home #intro .next-signup {
background: url(/img/bttn-bg-pea.jpg) repeat;
}

body.home #intro .next-panel,
body.home #intro .next-signup {
float: right;
margin-left: 10px;
}

body.home #intro .prev-panel {
float: left;
}

body.home #intro .map {
width: 580px;
}

body.home #intro .map #map {
border:4px solid #d0c9b9;
border-width: 0 4px 4px;
height: 230px;
width: 572px;
}

body.home #intro .map form {
position: relative;
background: #d0c9b9; /* webkit broswers are getting input height wrong */
}

body.home #intro .map form#almanac-create-form {
border-bottom: 4px solid #d0c9b9;
}

body.home #intro .map input {
font-size: 1.4em;
width: 80%;
line-height: 1em;
color: #003459;
font-family: georgia, serif;
border: 4px solid #d0c9b9;
padding: 0.3em;
}

body.home #intro .map input:focus {
outline: none;
}

body.home #intro .map a.find-almanac {
position: absolute;
right: 0;
top: 0;
background: url(/img/bttn-bg-green.jpg) repeat;
border: 4px solid #b2b32d;
font-size: 1.4em;
line-height: 1em;
padding: 0.3em;
color: #fff;
text-decoration: none;
text-align: center;
width: 13%;
}

body.home #intro .map input#almanac-submit {
background: url(/img/home-add-page-bg.png) 0 50% repeat;
width: 100%;
color: #fff;
border-width: 0;
padding: 0.3em 34px;
text-align: left;
cursor: pointer;
}

body.home #intro .map input#almanac-submit.disabled {
background: url(/img/home-add-page-disabled-bg.png) 0 50% repeat;
color: #ccc;
cursor: auto;
}

body .olPopup {
background: transparent url(/img/map-popup-bg.png) no-repeat !important;
width:243px !important;
height: 88px !important;
padding: 3px 14px 3px 3px !important;
}

body .olPopupContent {
padding: 0 0 0 5px !important;
}

body .olPopupCloseBox {
background:transparent url(/img/close.gif) no-repeat scroll 0 0;
top: 10px !important;
right: 15px !important;
}

body .almanac-timestamp,
body .almanac-pagecount  {
white-space: nowrap;
color: #70818c;
font-size: 0.95em;
}

body a.almanac-title {
white-space: normal;
font-size: 1.1em;
}

body .almanac-pagecount {
color: #b2b32d;
}

body.home #intro .map .addpage {
display: block;
font-size: 0.95em;
padding: 0.3em 0 0.3em 20px;
background: url(/img/popup-add-page-icon.png) 0 50% no-repeat;
}

body.home #intro .map .contact {
margin: 0.5em 0 0;
font-size: 0.85em;
line-height: 1;
}

ul#almanacs {
padding: 0;
margin: 1em 0 0;
width: 684px;
float: left;
}

ul#almanacs li {
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
width: 691px;
background: url(/img/almanac-spine-bg.png) 0 0 no-repeat;
overflow: hidden;
}

* html ul#almanacs li { /* IE6 gets non-transparent bg and adjusted bottom margin */
background: url(/img/almanac-spine-bg.gif) 0 0 no-repeat;
margin-bottom: -3px;
}

*:first-child+html ul#almanacs li { /* IE7 gets adjusted bottom margin */
margin-bottom: -3px;
}

ul#almanacs li.almanac-1 {
margin-left: -10px;
}

ul#almanacs li.almanac-2 {
margin-left: -13px;
}

ul#almanacs li.almanac-3 {
margin-left: -2px;
}

ul#almanacs li.almanac-4 {
margin-left: -5px;
}

ul#almanacs li.almanac-5 {
margin-left: -15px;
}

ul#almanacs li.almanac-6 {
margin-left: -6px;
}

ul#almanacs li.almanac-8 {
margin-left: -7px;
}

ul#almanacs li.almanac-9 {
margin-left: -10px;
}

ul#almanacs li.almanac-10 {
margin-left: -2px;
}

ul#almanacs li a {
display: block;
height: 80px;
width: 691px;
text-decoration: none;
position: relative;
margin: 0;
padding: 0;
}

ul#almanacs li a span.almanac-name { 
position: absolute;
left: 245px;
top: 50%;
margin-top: -0.6em;
font-size: 1.2em;
color: #00ace6;
cursor: pointer;
}

ul#almanacs li a span.almanac-pagecount {
font-size: 0.85em;
padding: 0 0 0 1em;
color: #b2b32d;
cursor: pointer;
} 

ul#almanacs li a span.almanac-timestamp {
position: absolute;
right: 48px;
top: 50%;
margin-top: -0.6em;
font-size: 1em;
color: #b2b32d;
cursor: pointer;
}

* html ul#almanacs li a span.almanac-name,
* html ul#almanacs li a span.almanac-timestamp { /* IE6 */
margin-top: -0.8em;
}

*:first-child+html ul#almanacs li a span.almanac-name,
*:first-child+html ul#almanacs li a span.almanac-timestamp { /* IE7 */
margin-top: -0.8em;
}

ul#almanacs li a:hover span.almanac-name,
ul#almanacs li a:hover span.almanac-pagecount,
ul#almanacs li a:hover span.almanac-timestamp {
color: #ffe1a6;
}

#recent-activity {
background: url(/img/torn-paper-top.png) no-repeat;
width: 260px;
float: right;
margin: 80px 10px 0 0;
max-height: 650px;
overflow: visible;
}

.sidebar #recent-activity {
background: url(/img/torn-paper.png) no-repeat;
height: auto;
max-height: none;
margin: 0 0 30px;
}

* html .sidebar #recent-activity,
* html .sidebar ul#pages {
background: url(/img/torn-paper-ie6-light.png) no-repeat;
}

#recent-activity h2 {
color: #ff6040;
font-size: 1.1em;
padding: 20px 15px 0.5em 25px;
}

ul#pages {
color: #70818c;
padding: 0 15px 15px 25px;
margin: 0;
background: url(/img/torn-paper.png) repeat-y;
position: relative;
z-index: 500;
}

* html ul#pages {
background: url(/img/torn-paper-ie6.png) repeat-y;
}

ul#pages li {
margin: 0 0 1em;
padding: 0;
list-style-type: none;
}

ul#pages .page-title,
ul#pages .page-timestamp,
ul#pages .page-comments,
ul#pages .page-almanac {
float: left;
white-space: nowrap;
padding: 0.2em 0.3em;
line-height: 1em;
}

ul#pages .page-title {
white-space: normal;
}

ul#pages a.page-title {
font-size: 1.1em;
padding: 0.1em 0.2em;
color: #00ace6;
}

ul#pages a.page-comments {
padding-left: 20px;
margin-left: 0.3em;
color: #b2b32d;
background: url(/img/comments-icon.gif) 0 50% no-repeat;
}

div#shelf {
height: 65px;
background: url(/img/shelf-bg.png) center 0 repeat-x;
padding: 15px 0 0;
overflow: hidden;
}

div#almanac-pagination-footer {
background: #b2b32d url(/img/bttn-bg-pea.jpg) repeat;
color: #340f03;
margin: 0 auto;
position: relative;
left: -150px;
line-height: 1em;
padding: 0.5em;
width: 674px;
}

div#almanac-pagination-footer .prev {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: #033459 url(/img/bttn-bg-navy.jpg) repeat;
padding: 0.5em 1em;
text-decoration: none;
}

div#almanac-pagination-footer .next {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
background: #033459 url(/img/bttn-bg-navy.jpg) repeat;
padding: 0.5em 1em;
text-decoration: none;
}

/* Error pages */
body.fourhundred #content,
body.fivehundred #content,
body.fourhundred #wrap-a,
body.fivehundred #wrap-a {
background: none transparent;
padding: 0;
}

body.fourhundred #turn_wrapper,
body.fivehundred #turn_wrapper {
display: none;
}

body.fourhundred #wrap-b,
body.fivehundred #wrap-b {
height: 594px;
padding: 20px 0 0;
}

body.fourhundred #wrap-b {
background: url(/img/book-torn.png) 50% 0 no-repeat;
}

* html body.fourhundred #wrap-b {
background: url(/img/book-torn-ie6.png) 50% 0 no-repeat;
}

body.fivehundred #wrap-b {
background: url(/img/book-stained.png) 50% 0 no-repeat;
}

* html body.fivehundred #wrap-b {
background: url(/img/book-stained-ie6.png) 50% 0 no-repeat;
}

body.fourhundred #right-page {
left: 460px;
}

body.fourhundred h1,
body.fivehundred h1 {
color: #00ace6;
}

body.fourhundred #searchform {
width: 402px;
margin: 0 0 1em;
}


body.fourhundred input#query {
width: 378px;
}


/* About page */
#about-page-text h1 {
	margin-top:20px;
	color:#00ACE6;
	}
#about-page-text h4 {
	color:#FF6040;
	}
#about-page-text h3 {
	color:#B2B32D;
	margin:50px 0 0;
	}


/* Contact page */
#contact-page-intro {
	margin:20px 0 0;
	color:#00ACE6;
	}
#manual-request h3 {
	color:#FF6040;
	font-size:1.4em;
	line-height:1;
	}


/*search results */
h3.search-title {
color: #70818c;
font-size: 1.4em;
}

h3.search-title strong {
color: #ff6040;
font-size: 1.5em;
font-weight: normal;
}

/* Badges page */
.badge {
background: transparent url(/img/page-contrast-bg.png) repeat scroll 0 0;
border: 4px solid #D0C9B9;
margin: 10px 10px 10px 0;
padding: 10px 0 0 10px;
float: left;
clear: left;
}
.badge h2 {
font-size: 1.2em;
margin-right: 10px;
}
.badge h2 span {
color: #70818C;
font-size:0.75em;
}
.badge img {
float: left; 
margin: 0 10px 10px 0;
}
.badge textarea {
overflow-x: hidden;
width: 250px;
height: 70px;
margin: 0 10px 10px 0;
padding: 0.5em;
}
.micro-bttns div,
.logo-rectangles div {
border-top: 1px solid #99B0BF;
padding: 10px 0 0 0;
clear: both;
}
.micro-bttns div.first,
.logo-rectangles div.first {
border-top: 0;
padding: 0;
}
.custom-badge p {
margin: 0;
}
.custom-badge pre {
font-size: 0.75em;
white-space: normal;
margin: 0.5em 0;
}
.custom-badge pre span.highlight {
background: url(/img/bttn-bg-white.jpg) repeat;
}

/* rob's starting point */
form div.selfclear label {
font-weight: bold;
float: left;
width: 10em;
text-align: right;
padding: 0 0.5em 0 0;
margin: 0 0 0 -10.5em;
}

form div.selfclear {
clear: both;
margin: 0.8em 0;
padding: 0 0 0 10.5em;
}

input {
font-size: 1em;
}

fieldset {
margin: 1em 0;
padding: 1.5em 0.5em 0.5em;
border: 4px solid #d0c9b9;
background: url(/img/page-contrast-bg.png);
}

legend {
padding: 0.2em 0.5em;
border: 2px solid #d0c9b9;
background: url(/img/page-contrast-bg.png);
font-size: 0.9em;
}

* html fieldset { /* IE6 */
background: transparent;
}

body:last-child fieldset { /* IE7 */
background: transparent;
}

*:first-child+html fieldset { /* IE8 */
background: transparent;
}

input.indented-submit {
margin: 0.5em 0 1em 10.5em;
}

form .error {
border: 2px solid #fa4740;
}

form .error-message {
font-size: 0.75em;
color: #ce0700;
margin: 0.2em 0 0 0;
}

form .info-message {
font-size: 0.75em;
margin: 0.2em 0 0 0;
}

.ui-effects-transfer {
border: 2px solid #D0C9B9;
}

#recaptcha_widget_div {
margin-left: 180px;
}

.no-class {
color:#FF6040
}