/* @override
	http://dev.mainehistory.org/css/css-mhs.css
*/

/*
*********************************************************************
Language:       CSS 2.1
Web Site:       http://www.mainehistory.org/
File Path:      /css/
Created:        2004-12-29 15:48:03
Created by:     Jamie Peloquin
*********************************************************************
*********************************************************************
NOTES:
This document contains styles which are compatible with CSS-2
and higher compliant web browsers. These styles are specific to
Maine Historical Society http://www.mainehistory.org/.
*********************************************************************
*/
/*
*********************************************************************
BASE PROPERTIES
*********************************************************************
*/

html {
    background-color: #663;
}

/*
*********************************************************************
CONTENT-SPECIFIC PROPERTIES
*********************************************************************
*/

#content {
  min-height: 734px;
  height: 734px;
  height: auto !important;
}

h2 {
    color: #930;
}
h3 {
    border-bottom: 1px solid #5E6200;
}

#content h4 {margin-top:0;}

a {
    color: #424200;
}
a:hover {
    color: #600;
}

.highlight_story {
	background-color: rgb(255,255,203);
	border-color: rgb(230,229,102);
	color: rgb(147,0,0);
}


/* Sidebar column and its items */
.sidebar_item {
	/*background-color: #ff0000;*/
	background-color: #FFFCED;
	border-color: #FD8;

}

/* Related Exhibits (non-sidebar) */
.related_exhibit {
	background-color: #FFFCED;
	border-color: #FFDF8E;
	}

/* Large Image Detail Image */
#ImageDetailLarge {
	background-color: #FFFCED;
	border-color: #FFDF8E;

	}
#ImageDetailLarge .toolbar {
	background-color: #FFFCED;
	border-width: 0;
	}

/* Photo Boxes */
.photo_box {
	background-color: rgb(251,255,238);
	border-color: rgb(228,230,120);
}
.photo_box a img {border-color: rgb(93,149,92);}
.photo_box a:hover img {border-color: rgb(00,61,01);}

/* Event Page */

#content h3.event_month {
    font-size: 18px;
    padding-top: 0;
}

div.event_wrapper {
    clear: both;
    border-top: 1px dashed grey;
    margin-top: 18px;
    padding-top: 18px;
}

h3 + div.event_wrapper {
    border-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}

div.event_wrapper div.photo_box {
    font-size: 12px;
    margin-top: 1em;
}

div.event_wrapper .event_content {
    padding-left: 2em;
    margin-bottom: 0;
}

/* Volunteer Form */
#volunteerform fieldset.radiogroup,
#volunteerform fieldset.checkboxgroup {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#volunteerform #interests,
#volunteerform #shift_captain_wrapper,
#volunteerform #mhs_member,
#volunteerform #departments,
#volunteerform #specialty,
#volunteerform #cocktailparty,
#volunteerform #tour,
#volunteerform #training,
#volunteerform #waiver,
#volunteerform #intern_for_credit {
    border: 0;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

#volunteerform #interests legend,
#volunteerform #shift_captain_wrapper legend,
#volunteerform #mhs_member legend,
#volunteerform #departments legend,
#volunteerform #specialty legend,
#volunteerform #cocktailparty legend,
#volunteerform #tour legend,
#volunteerform #training legend,
#volunteerform #waiver legend,
#volunteerform #intern_for_credit legend {
    font-size: 12px;
    color: #222222;
}

#volunteerform #departments p,
#volunteerform #interests p,
#volunteerform #shift_captain_wrapper p,
#volunteerform #waiver_text {
    margin-left: 2px;
    padding-left: 12px;
}

#volunteerform #training_special_arrangements {
    margin-left: 3em;
    width: 90%;
}

#volunteerform #intern_for_credit span span {
    display: inline;
}

#volunteerform .checkboxgroup label,
#volunteerform .radiogroup label {
    font-weight: normal;
}

/*
*********************************************************************
MASTHEAD-SPECIFIC PROPERTIES
*********************************************************************
*/
div#mastheadcontainerInternal {
    top: 0px;
    height: 119px;
    background-color: #000000;
    width: 804px;
    position: relative;
    background-image: url(/mhs/graphics/masthead_background.gif);
    background-repeat: no-repeat;
    background-position: right;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 130%;
}
div#logoInternal {
    position: relative;
    padding: 2px;
}
.mastheadTextInternal {
    color:#FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    text-align: left;
    text-indent: 160px;
    letter-spacing: 0.25em;
    position: absolute;
    top: 50px;
    left: 0;
}
div#loginInternal {
    position: absolute;
    right: 10px;
    top: 0px;
}
div#loginInternal li {
    font-size: 12px;
    display: inline;
    padding-left: 6px;
    color: #B9BB8D;
    font-weight: bolder;
}
#loginInternal a {
    color: #CCCCCC;
    text-decoration: underline;
}
#loginInternal span,
#loginInternal a {
    padding-left: 6px;
    padding-right: 6px;
}
#loginInternal a:link {
    color: #CCCCCC;
}
#loginInternal a:visited {
    color: #CCCCCC;
}
#loginInternal a:hover {
    color: #B9BB8D;
    text-decoration: none;
}
div#masthead2Internal {
    left: 645px;
    width: 150px;
    position: absolute;
    top: 30px;
}
.masthead2Text {
    color:#FFFFCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    text-align: center;
    padding-top:18px;
    line-height: 18px;
}

/*
*********************************************************************
NAVIGATION-SPECIFIC PROPERTIES
*********************************************************************
*/
#navigation ul.primary li a.on, #navigation a:hover,  #navigation a:focus {
	color: rgb(153,51,0);
}

#socialnet {
    text-align: center;
    padding: .5em 0;
    border: 1px solid #eee;
    border-width: 1px 0;
}

#socialnet a {
    display: inline;
}

/*
*********************************************************************
FOOTER-SPECIFIC PROPERTIES
*********************************************************************
*/
#footer {
	background-color: #fffced;
	border-color: #5E6200;
    border-width: 1px 0;
    border-style: solid;
    padding: 1em 1em 0 1em;
    font-family: Arial, Helvetica, sans-serif;
}

#footer p {
    padding: 0;
    margin: 0;
}

#footer a {
    text-decoration: none;
}

#footer h3 {
    padding: 0;
    margin: 0 0 .6em 0;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
}

#footer .row {
    clear: both;
}

#footer #quicklinks_container {
    float: left;
    width: 620px;
}

#footer #quicklinks_container ul.quicklinks_col {
    float: left;
    clear: none;
    padding-left: 0;
    padding-right: 54px;
    list-style-type: none;
}

#footer #quicklinks_container ul.quicklinks_col li a {
    font-size: 12px;
    line-height: 16px;
}

#footer #mhs_websites {
    float: left;
    width: 150px;
    margin-bottom: .5em;
}
#footer #mhs_websites ul {
    list-style-type: none;
    padding:0;
}

#footer #quicklinks_container input#search_mhs {
    width: 256px;
    margin-bottom: 12px;
}

#footer #contact_info {
    text-transform: uppercase;
    font-weight: bold;
    margin: auto;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    border-top: 1px solid #ccc;
}
#footer #contact_info p {
    font-size: 10px;
    color: #5E6200;
}
#footer #contact_info a {
    color: #5E6200;
}

#footer #copyright {
    margin: auto;
    text-align: center;
}
#footer #copyright p {
    font-size: 10px;
    color: #5E6200;
}

/*
*********************************************************************
MYALBUM-SPECIFIC PROPERTIES
*********************************************************************
*/
/* Highlight the active Slide */
#lightbox .slide:hover, #lightbox .on {
	background-color: #FFF8F0;
}

#myalbum_navigation a:hover, #myalbum_navigation a:focus {
	background-color: #000;
}

/* @group Maine History Journal */
/*
 *********************************************************************
 Maine History Journal
 *********************************************************************
 */

/* Common */

body#mhj form .error {
    border: 0;
}

body#mhj form p {
    display: inline;
}

/* Page: Search Form */

/* Page: Search Results */

body#mhj #content.search-results .toolbar .right {
    text-align: right;
}

body#mhj #content.search-results table {
    margin-bottom: 24px;
}

/* Page: View Page */

body#mhj #content.view-page {
    /* Reset styles used to accommodate navigation bar */
    border-left: 0;
    margin-left: 0;
}

body#mhj #content.view-page .page-viewer {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 1em;
    padding-bottom: 0;
}

body#mhj #content.view-page .page-viewer .toolbar {
    background-color: #ddd;
    border: 1px solid #ccc;
}

body#mhj #content.view-page .page-viewer .toolbar .tools {
    border: 1px solid #ccc;
    padding: .75em;
    margin-bottom: -1px;
}

body#mhj #content.view-page .page-viewer .toolbar .tools ul.tool-list {
    list-style: none;
    padding-left: 0;
}

body#mhj #content.view-page .page-viewer .toolbar .tools ul.tool-list li {
    float: left;
    padding: .5em;
}

body#mhj #content.view-page .page-viewer .toolbar .tools ul.tool-list li a {
    display: block;
    text-align: center;
    text-decoration: none;
}

body#mhj #content.view-page .disabled-button-image,
body#mhj #content.view-page .disabled-button-label {
    opacity: .5;
    filter: alpha(opacity=50);
}

body#mhj #content.view-page .page-viewer cite {
    font-weight: bold;
}

body#mhj #content.view-page .page-viewer .zoom-tools {
    padding-bottom: .75em;
}

body#mhj #content.view-page .page-viewer .zoom-tools .label {
    margin-right: .5em;
}
body#mhj #content.view-page .page-viewer .zoom-tools a {
    background-color: #e6e6e6;
    border: 1px solid #bbb;
    text-decoration: none;
    padding: .5em;
}

body#mhj #content.view-page .page-viewer #page-image-container {
    margin-bottom: 24px;
    overflow-x: scroll;
    text-align: center;
}

body#mhj #content.view-page .page-viewer #page-image-container #page-image-wrapper {
    position: relative;
    margin: auto;
}

body#mhj #content.view-page .page-viewer #page-image-container #page-image-wrapper.page-image-size-small  { width:  365px; }
body#mhj #content.view-page .page-viewer #page-image-container #page-image-wrapper.page-image-size-medium { width:  730px; }
body#mhj #content.view-page .page-viewer #page-image-container #page-image-wrapper.page-image-size-large  { width: 1095px; }

body#mhj #content.view-page .page-viewer #page-image .highlight {
    background: yellow;
    filter: alpha(opacity=50);
    opacity: .5;
    position: absolute;
}

/* Page: Download */

/* @end */

/* Clear floats for browsers supporting :after */
.clearfloats:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* self-clearing floats for IE 6 */
* html .clearfloats {
	height: 1%;
}

/* self-clearing floats for IE 7 */
*:first-child+html .clearfloats {
	min-height: 1px;
}