/*
Theme Name:		MOFAC
Theme URI:		http://mofac.org
Description:	A theme built from pre-existing site by <a href='http://www.clarknikdelpowell.com'>Clark/Nikdel/Powell Inc.</a> for MOFAC
Author:			Taylor Gorman
Author URI:		http://clarknikdelpowell.com
*/

body {margin: 0; padding: 12px 0 12px 0; text-align: center; background: url(images/bg_body.jpg);}
div,p,h1,h2,h3,h4,h5,hr,form,input,select,table,tr,td,th,blockquote,label,ul,ol,li,thead,tbody
{position: relative; margin: 0; padding: 0; text-align: left;}

a {outline: none;}
img {border: none;}

strong {font-weight: bold;}
em {font-style: italic;}

.page {width: 980px; margin: 0px auto; border-top: 4px solid #D13400; font-size: 1px;}

.top {width: 980px; height: 394px; font-size: 1px; text-align: center;}
.int_top {height: 267px;}
.top img.logo {position: absolute; top:70px; left: 40px; z-index: 1;}
.top img.logo_int {position: absolute; top: 66px; left: 47px; z-index:1;}
.top img.feature {position: absolute; top: 0px; left: 0; z-index: 0; }

.nav {z-index: 2; overflow: hidden; position: absolute; top: 19px; left: 28px; width: 923px;}
.opaque {width: 1000px; height: 50px; background: #000; filter: alpha(opacity=72); opacity: .72; position: absolute; top: 0; left: 0;}
.nav ul {border: 1px solid #fff; border-right: none; z-index: 1; width: 923px; overflow: hidden; float: left; height: 25px;}
.nav li {float: left; display: inline;}
.nav li.home {border-left: 1px solid #fff;}
.nav li a {display: block; line-height: 20px; height: 20px; padding: 5px 0px 0px 0px; text-align: center; font: bold 12px Georgia; color: #fff; text-decoration: none; vertical-align: middle; border-right: 1px solid #fff;}

/*
html[xmlns*=""] body:last-child .nav li a {padding-top: 2px; padding-bottom: 3px;}
@media all and (min-width:0px) { body:last-child .nav li a {padding-top: 2px; padding-bottom: 3px;} }
body:last-child:not(:root:root) .nav li a {padding-top: 2px; padding-bottom: 3px;}
*/

.nav li.home a {width: 55px;}
.nav li.exhibits a {width: 101px;}
.nav li.programs a {width: 88px;}
.nav li.education a {width: 91px;}
.nav li.get-involved a {width: 107px;}
.nav li.store a {width: 59px;}
.nav li.visit-us a {width: 75px;}
.nav li.cultural-programs a {width: 148px;}
.nav li.collections a {width: 96px;}
.nav li.partners a {width: 91px;}
.nav li a:hover {background: #111;}
.nav ul.home li.home a, .nav ul.exhibits li.exhibits a, .nav ul.programs li.programs a, .nav ul.education li.education a, .nav ul.get-involved li.get-involved a, .nav ul.store li.store a, .nav ul.visit-us li.visit-us a, .nav ul.cultural-programs li.cultural-programs a, .nav ul.collections li.collections a, .nav ul.partners li.partners a {
	background: #B84119;
}

.black {width: 736px; float: right; margin: 225px 0 0 0; height: 105px; overflow: hidden;}
.black img.bg {position:absolute; filter: alpha(opacity=90); opacity: .9;}
.black img.word {position: absolute; top: 50px; left: 27px;}
.black img.name {position: absolute; top: 26px; left: 184px; z-index: 2;}
.black p {font: 14px Georgia; color: #9A9999; line-height: 13px; padding: 91px 15px 30px 196px;}
.black a {color: #B84119; text-decoration: none;}
.black a:hover {text-decoration: underline;}

#facebook {
	position: absolute;
	bottom: 20px;
	right: 0px;
	padding: 7px 35px 7px 31px;
	background-image: url(images/facebook.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-color: #000;
	color: #ddd;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#facebook:hover {color:#f1f1f1;}

.int_top img.tab {position: absolute; top: 110px; right: 149px;}
.black_int {width: 736px; float: right; height: 92px; overflow: hidden; margin-top: 137px;}
.black_int img.bg {position:absolute; filter: alpha(opacity=95); opacity: .95;}
.black_int img.thumb_black {position: absolute; top: 0px; left: 21px;}
.black_int img.title {position: absolute; top: 16px; left: 139px; z-index: 2;}
.black_int p {font: 14px Georgia; color: #B84119; line-height:1.3em; padding: 64px 15px 0px 145px; height:1.4em; overflow:hidden;}
.black_int a {color: #9a9999; text-decoration: none;}
.black_int a:hover {color:#bbb;}

.columns {margin: 0 0 0 9px; background: #686868 url(images/bg_columns.gif) repeat-y; width: 964px;}
.columns .postimage {
	display: block;
	margin-top: 6px;
	height: 108px;
	overflow: hidden;
	position: relative;
}
.columns .postimage img {
	position: relative;
	left: 0px;
	top: 50%;
}
.columns h1 {font: bold 14px Verdana; color: #000; padding: 4px 10px 8px 15px;}
.columns h1 a {color: #000; text-decoration: none; font-family:Georgia, serif;}
.columns h1 a:hover {text-decoration: underline;}
.current p, .upcoming p, .traveling p {border-top: 1px dotted #6a6a6a; margin: 0px 10px 0 15px; font: 10px Verdana; color: #6A6A6A; line-height: 14px; padding: 10px 0;}
.columns p.date {font-weight:bold; padding: 18px 0 0 0; border-top:0;}
.columns p.readmore {padding-top:8px; font-weight:bold;}
p.readmore a:hover {text-decoration: underline;}

.current {float: left; margin-right: 1px; width: 235px; background: #fff; font-size: 1px;}
.current p.readmore a {color: #29889C; text-decoration: none;}
.current p.date {color: #29889C;}

.upcoming {float: left; margin-right: 1px; width: 235px; background: #fff; font-size: 1px;}
.upcoming div {background: #E1E2DB; float: none; margin: 0 !important;}
.upcoming p.readmore a {color: #B13B16; text-decoration: none;}
.upcoming p.date {color: #B13B16;}

.traveling {float: left; width: 235px; background: #fff; font-size: 1px;} 
.traveling p.readmore a {color: #D0811F; text-decoration: none;}
.traveling p.date {color: #D0811F;}

.schedule {width: 257px; margin-right: 0 !important; float: left;}
.schedule h1 {padding: 12px 12px 0 24px; background: url(images/bg_icon.gif) no-repeat 8px 15px; font: 15px Georgia; color: #fff;}
.schedule h1 a {color: #fff; text-decoration: none;}
.schedule h1 a:hover {text-decoration: underline;}
.schedule p {padding: 2px 12px 0 24px; font: 11px Verdana; color: #531C0A;}
.schedule div {
	width: 233px;
	margin: 1px 0 0 12px;
	float: none !important;
	padding-bottom: 15px;
	background-color: transparent;
	background-repeat: repeat-y;
	background: url(images/bg_even.gif);
}
.schedule div.odd {background-image:url(images/bg_odd.gif);}

.body-content {width: 964px; background: #F1F2EB; margin: 0 8px; font: 11px Georgia;}
.left {width: 210px; float: left; padding: 43px 0 0 0; font-size: 1px;}
.left li {width: 210px; overflow: hidden; margin-top: 1px;}
.left li a {display: block; font: bold 11px Georgia; color: #161616; line-height: 11px; background-color:#E1E2DE; padding: 9px 0 9px 21px; text-decoration: none;}
.left li a:hover, .left li.current_page_item a {background-color:#fff;}
.left li.current_page_item a {color:#B84119;}
.left li.current_page_item li a {color:inherit; background-color:transparent;}
.left ul ul a {background: transparent url(images/bg_arrows.gif) no-repeat 17px 13px; font: 11px Georgia; padding-left: 32px;}
.left ul ul a:hover, .left ul ul .current_page_item a {background: transparent url(images/bg_arrows.gif) no-repeat 17px 13px; color: #B84119;}
.left ul ul .current_page_item a {font-weight:bold; background-color:transparent;}

.smaller {width: 465px !important;}
.middle {width: 665px; margin: 0px 0 0 38px; padding-top: 40px; float: left; display: inline; padding-bottom: 40px;}
.middle h1 {font: 28px Georgia; color: #B84119;}
.middle h2 {font: 20px Georgia; color: #B84119; padding-top: 21px;}
.middle h3 {font: bold 18px Georgia; color: #B84119; padding-top: 18px;}
.middle h4 {font: bold 14px Georgia; color: #B84119; padding-top: 16px;}
.middle h5, .middle h6 {visibility:hidden;}
.middle .go-left { float: left; padding: 10px 20px 10px 0px; }
.middle .go-right { float: right; padding: 10px 0px 10px 20px; }
.middle p, .middle td, .middle li {font: 14px Georgia; color: #000; line-height: 20px; padding-top: 15px;}
.middle p strong, .middle li strong {background: #E1E4D8; padding: 1px;}
.middle p.date {font-size:12px; padding-top:2px; font-weight:bold;}
.middle table {margin-top:14px; border-collapse:collapse; border-top: 2px solid #b0b0b0;}
.middle th {font-weight:bold; text-align:center;}
.middle th, .middle td {padding: 8px; border-bottom: 1px solid #B0B0B0;}
.middle .noborder, .middle .noborder th, .middle .noborder td {border:0;}
.middle .form th, .middle .form td {padding: 2px 16px 9px 0;}
.middle ul { margin: 0; padding: 0; }
.middle li { margin: 0; padding: 0 0 2px 20px; list-style-type: none; display: block; background: url(images/arrow.gif) no-repeat 0 8px; }

.middle input, .middle textarea, .middle select {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #fff;
	border: solid 1px #999;
}
.middle input, .middle textarea {
	padding: 3px;
}
.middle input[type="submit"] {
	background-color: #486203;
	color: #fff;
	padding: 3px 8px;
	border: 0;
	font-weight: bold;
	cursor: pointer;
}

.middle a {color: #486203;}
.middle a.post-edit-link {
	color: #F1F2EB;
	background-color: #111;
	display: block;
	float: left;
	padding: 4px 7px;
	text-decoration: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
.middle a.post-edit-link:hover {
	color: #fff;
	background-color: #486203;
	padding-top: 6px;
}
.middle blockquote {background: #E1E4D8; margin: 12px auto 0 auto; padding: 10px; font: 13px Georgia; color: #000; width: 390px;}
.middle p.errormsg {background: #B84119; margin: 8px auto 0 auto; padding: 10px; font: bold 13px Georgia; color: #fff; width: 390px;}
.middle .gallery {padding-top:18px; clear:both;}
.middle .postthumbnail {
	width: 200px;
	height: 200px;
	margin: 20px 0 20px 16px;
	float: right;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #e1e4d8;
}
.middle .archivethumbs {
	display: block;
	float: left;
	width: 180px;
	margin: 20px 25px 0 0;
	background-color: #e1e4d8;
	padding: 8px 10px;
	line-height: 15px;
	text-decoration: none;
}
.middle .archivethumbs:hover {
	color: #222;
}
.middle .archivethumbs .postthumbnail {
	float: none;
	display: block;
	margin: -8px -10px 8px -10px;
}

.clear {clear: both; height: 1px; background: #C6C6C6; font-size: 1px; height: 1px; overflow: hidden;} 
.comments {width: 400px; font: bold 11px Verdana; color: #3f3f3f; background: #E1E4D8; text-indent: 38px; padding: 6px 0 8px 0;}
.comments textarea {width: 350px; margin: 3px 0 0 24px;}

.middle a:hover {text-decoration: none;}
.middle ul, .middle ol {padding: 15px 0 0 0;}
.leftside {float: left; width: 226px; background: #E1E4D8; margin-top: 11px;}
.rightside {float: right; width: 226px; background: #E1E4D8; margin-top: 11px;}
.leftside p, .rightside p {font: 11px Georgia; color: #486203; padding: 7px 11px;}

.right {width: 215px; margin: 40px 0 0 0; background: #454C33; float: right; padding-bottom: 12px;}
.right h1 {font: bold 11px Georgia; color: #F1F2EB; padding: 15px 0 6px 0px; margin: 0 12px; border-bottom: 1px dotted #837F7B;}
.right div {margin: 14px 4px 14px 0; min-height: 50px;}
.right p {clear: both; padding: 0px 0px 0 56px; font: bold 11px Verdana; color: #9B9F8F;}
.right div img {position: absolute; top: 0px; left: 12px; padding: 0 2px 3px 0; background: url(images/bg_thumb.gif) no-repeat bottom right; float: left;}
.right div.museumstore {margin: 0 12px 0 12px; border-top: 1px dotted #837F7B; border-bottom: 1px dotted #837F7B; min-height: 65px; height: auto !important; height: 65px;}
.right div.museumstore p {padding: 14px 0px 10px 44px !important; color: #B7CB3E;}
.right div.museumstore a {color: #ffffff;}
.right div.museumstore img {top: 16px; left: 0;}
.right a {font: 11px Verdana; color: #fff; text-decoration: none;}
.right a:hover {text-decoration: underline;}
.right a:visited, .right a:active {color: #f2f2f2;}

.quote {width: 201px; clear: right; float: right; margin: 42px 0px 0 14px; padding-bottom: 30px;}
.quote p {font: bold 15px Georgia; color: #4E4E4E; line-height: 20px; margin: 0 15px 0 4px;}
.quote p.person {background: none; font: 11px Georgia; color: #B84119; padding-top: 5px;}
.quote a {color: #4e4e4e;}
.quote a:active, .quote a:visited, .quote a:hover {text-decoration: none;}

.body-footer {width: 980px; border-top: 4px solid #D13400; overflow:hidden;}
.body-footer p {font: 11px Verdana; color: #6A6A6A; line-height: 18px; padding-top: 4px;}
.body-footer p.links {font: 11px Verdana; color: #B84119; padding: 15px 0 0;}
.body-footer p.links a {color: #B84119; text-decoration: none; padding: 0 6px; border-right: 1px dotted #B84119;}
.body-footer p.links a.noborder {border: none;}
.body-footer p.links a:hover {text-decoration: underline;}
.body-footer img {float: left; margin: 6px 8px 0 7px; display: inline;}
.clr {clear: both; font-size: 1px; float: none !important; margin: 0 !important; width: 0; background: none;}

.photo-set img, .thumb-set img { border: 1px solid #454C33; }
.photo-set {width:80px;float:left;text-align:center;display:inline;position:relative;margin:10px 6px;padding:0;height:80px;}
.thumb-set { float: right;  margin: 10px 10px 0 10px;}

form#order-entry .error-with-field { margin: 0; padding: 0; display: inline; }
form#order-entry .error-with-field input, form#order-entry .error-with-field select { background: #ffdfdf;}
form#order-entry { margin-top: 25px; }
form#order-entry fieldset, form#order-entry legend {border: 0;padding: 0;}
form#order-entry legend {font: 18px Georgia; color: #B84119; padding-top: 18px;}
form#order-entry ol, form#order-entry ul {list-style: none; margin: 0;padding: 0;}
form#order-entry li { background: none;clear: both;margin: 0 0 .75em; padding: 0;}
form#order-entry label {display: block; float: left;line-height: 1.5em; margin-right: 10px;text-align: right;width: 200px;padding-top: .3em;font-size: 1.0em;}
form#order-entry label:after {content : ':';}
form#order-entry label input {width: auto;}
form#order-entry .checkbox label {display: block; float: none;margin-left: 125px;text-align: left;width: 270px;}
form#order-entry .checkbox label:after {content: '';}
form#order-entry input, form#order-entry select {background: #DDD;padding: 3px 4px;font-size: 1.25em;}
form#order-entry input {width: 350px;}
form#order-entry select {width: 360px;}
form#order-entry input:focus, form#order-entry textarea:focus {background: #FFF;}
form#order-entry button { background: #454C33;border: 1px outset #333;color: #FFF;font-size: 11px;font-weight: bold;letter-spacing: .3em; padding: .2em .5em; text-transform: uppercase;margin-left: 500px; cursor: pointer;}
form#order-entry fieldset p {font-size: 1.2em;font-style: italic; margin: 0 0 10px 0; padding: 0;}
form#order-entry abbr { cursor: help; font-style: normal; color: #B00;}
form#order-entry em.msg { color: #B84119; font-size: 11px; font-style: normal; line-height: 2.5; margin-left: 215px;}

#error-explanation {background: #FFDFDF;border: 4px solid #FFDFDF;margin: 1em 0 1em;padding: 0px;font-size: 12px;}
#error-explanation h2 {background: #c00 url(..images/admin/error_bg.gif) repeat left top; margin: 0; padding: 4px 0 4px 6px; font-size: 18px; color: #FFF; text-shadow: #820000 2px 2px 1px;}
#error-explanation p {margin: 10px 0 0 6px; padding: 0; font-size: 1.25em;}
#error-explanation ul {margin: 0px 0 10px 30px; font-style: italic;}
#error-explanation ul li {display: list-item; list-style-type: square;font-size: 1.25em;background: none; margin: 0;padding: 0;}

.message { background: #B84119; padding: 10px; margin: 0 auto -12px; width: 960px }
.message h1 { color: #FFF; font-size: 16px; text-align: center; }
.message h1 a {color: #FFF;}
.message h1 a:hover {text-decoration: none;}

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