/* @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: 525px;
  height: auto !important;
  height: 525px;
}

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

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);}






/*
*********************************************************************
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 p#footer_navigation {
    height: 30px;
	background-color: #fffced;
	border-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 */

#sect_mhjournal #content.viewpage {
	margin: 0px 0px 0px 0px;
	border-left-width: 0;
}

#sect_mhjournal .toolbar, .imgviewer .citation {
	position: relative;
	width: 644px;
	margin-left: auto;
	margin-right: auto;
}

#sect_mhjournal .tool, .imgviewer .toolbar {
	padding: .5em;
	/*margin-left: 0;*/
	background-color: #ddd;
	border: 1px solid #ccc;
}

#sect_mhjournal .tool {
	clear: none;
	padding: .5em 0;
	margin-bottom: -1px;
}


#sect_mhjournal ul.tool {
	list-style: none;
}

#sect_mhjournal .tool + .tool {
	margin-left: -1px;
}

#sect_mhjournal ul.tool li, #sect_mhjournal form.tool p, .imgviewer .toolbar#zoomtools a {
	padding-left: .25em;
	padding-right: .25em;
}

#sect_mhjournal ul.tool li {
	margin-left: 0;
	margin-right: .5em;
	float: left;
}

#sect_mhjournal ul.tool li:before {
	content: '';
}

#sect_mhjournal ul.tool li a {
	display: block;
	text-align: center;
	text-decoration: none;
}

#sect_mhjournal ul.tool li a, #sect_mhjournal ul.tool li a img {
	/*display: block;*/
}

#sect_mhjournal ul.tool li a span {
	font-size: 9px !important;
}

#sect_mhjournal .tools {
	clear: left;
	/*overflow: hidden;*/
}

#sect_mhjournal .toolbar .full {
	float: none !important;
	width: 100% !important;
}

#sect_mhjournal .toolbar .full .tool {
	float: none !important;
	display: block;
	width: auto;
	height: auto;
}

.imgviewer, .imgcontainer {
	width: 644px;
	border: 1px solid #ccc;
	background-color: #eee;
}

.imgviewer {
	padding: 1em;
	margin: auto;
	margin-bottom: 1.5em;
}

.imgcontainer {
	width: auto;
	height: 1000px;
	overflow: auto;
	background-color: #666;
	text-align: center;
	margin-bottom: 2em;
}


/* for IE 7 */
*:first-child+html #sect_mhjournal .toolbar#zoomtools .toolbar {
	width: 740px;
}


.imgviewer .toolbar#zoomtools a, .imgviewer .toolbar#zoomtools a img, .imgviewer .toolbar#zoomtools strong {
	display: block;
	float: left;
	margin-right: .5em;
	padding: .5em;
}

.imgviewer .toolbar#zoomtools a {
}

.imgviewer .toolbar#zoomtools a {
	text-decoration: none;
	border: 1px solid #bbb;
	background-color: #e6e6e6;
}  

.imgviewer p.citation {
    font-weight: bold;
}

/* @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;
}