/*
green: #bbab43
blue: #88b7b5
kidgreen: #b4bb43
kidblue: #63b2af
kidorange: #dc7136
kid sidebar bg: #d0e3e2
kid body bg: #fcfac6
*/

/*----------------------- document setup/defaults --------------------------------- */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { color: #403a36; margin: 0px; padding: 0px; }

p, h1, h2, h3 { margin-bottom: 10px; }

h1 { font-size: 40px; font-weight:normal; }
h2 { font-size: 2em; }
h3 { font-size: 1.2em; }

a img { border: 0px; }

a { text-decoration: none; color: #88b7b5; }

a:hover { text-decoration: underline; }

input, select { font-size: 11px; }

small { font-size: .8em; }

html { font-size:12px; }

body  {
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;
	background:url(/images/bg.jpg);
	color:#7d7d7d;
	line-height:18px;	
}

ul, ol { padding:0 0 10px 18px}

blockquote {
  border-top:1px #d2d1cf dotted;
  border-bottom:1px #d2d1cf dotted;
  display:block;
  font-size:20px;
  font-style:italic;
  padding:20px 0 10px;
  margin:16px 0 20px 0;
}

.spacer {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	width: 0;
}

white {
  color:#fff;
}

/************* MUSEUMS OF BURLINGTON ***********/

#outer-wrap {
  background:url(/images/bg_shadow.png) repeat-x;
  *background:none;
  height:630px;
  width:100%;
}

#inner-wrap {
  background:url(/images/bg_image.png) top center no-repeat;
  *background:none;
  min-height:590px;
  margin:0 auto;
  width:100%;
}

#top-wrap {
  background:url(/images/top_bg.png) repeat-x;
  font-size:14px;
  height:35px;
  overflow:hidden;
  width:100%;
}

.content-top img{
  display:block;
  padding:0;
  margin:0 auto;
}

#content, #exhibit-content { margin:0 auto; }
#content { width:960px; }

#content ul, #content li { list-style: none;  }

#left {
  background:url(/images/bg_content.jpg) repeat-y left;
  display:block;
  float:left;
  padding:0 0 22px;
  width:727px;
}

#page {
  padding:16px 40px 16px;
  margin-bottom:20px;
}

#home-page {
  background:#f7f7f5;
  padding:26px 40px 30px;  
}

#left .line {
  display:block;
  margin:0 auto;
  width:600px;
}

#right {
  background:url(/images/bg_content.jpg) repeat-y right;
  display:block;
  float:right;
  padding:20px 0 2px;
  width:233px !important;
}

/*--------------- banner ------------- */

#top-menu, #banner {
  margin:0 auto;
  width:960px;
}

#top-menu { }

#banner .title, #banner .mob-kids {
  
}

#banner .title {
  float:left;
  margin:30px 0 0;
}

#banner .mob-kids {
  float:right;
  margin:20px 0 0;
}

#font-size {
  color:#403a36;
  display:block;
  float:right;
  font-size:14px;
  text-transform:uppercase;
}

#font-size img {
  position:relative;
  top:6px;
}

#location {
  font-size:14px;
  margin: 10px 0 0 0;
  text-transform:uppercase;
  float: left;
}

#location a {
  color:#403a36;
}

#location img {
  position:relative;
  top:2px;
}

/*--------------- menu ------------- */

#page-menu {
  background:url(/images/menu_bg.png) no-repeat !important;
  *background:url(/images/menu_iebg.gif) no-repeat;
  font-size:14px;
  height:38px;
  margin:0 auto;
  overflow:hidden;
  text-transform:uppercase;
  width:960px;
}

#page-menu ul li{  display:block; float:left; list-style:none; margin:12px 32px 0 0; }
#page-menu ul .last { margin-right:0; }
#page-menu .selected { color:#88b7b5; }
#page-menu a { color:#fff; }

#submenu { margin:0 auto; overflow:hidden; width: 950px; height: 23px; background: url(/images/submenu-bg.jpg); padding: 8px 5px;}
#submenu ul { list-style: none; }
#submenu li { display: block; float: left; margin-right: 15px; font-size: 14px; font-weight: normal; padding: 3px 6px; }
#submenu li.selected { background: #DFE7E7; }
#submenu li a { color: #444; }

/*--------------- widgets ------------- */

.widget {
  display:block;
  margin:10px 0 10px 0;
}

.widget .banner img, .widget .banner .title {
  display:block;
  float:right;
}

.widget .banner {
  position:relative;
    left:18px;
}

.widget .title {
  display:block;
  font-size:14px;
  margin:0 0 14px;
  padding:9px 10px 6px;
  text-transform:uppercase;
  height: 18px; 
}

.widget .green {
  background:#bbab43;
}

.widget .blue {
  background:#88b7b5;
}

.widget .content {
  clear:both;
  display:block;
  font-size:12px;
  padding:20px;
}

.widget img, .widget input {
  color: #403a36;
  display:block;
  float:left;
  margin:0;
  padding:0;
}

.widget .login, .widget .password {
  border:0;
  font-size:12px;
  height:14px;
  margin:0 0 10px;
  padding:6px 0;
}

.widget .password {
  width:132px;
}

.widget .login_button {
  background:url(/images/next_green.jpg);
  border:0;
  height:26px;
  margin:0 0 0 6px;
  width:27px;

}

.archive_link {
  font-size:16px;
  font-weight:bold;
  margin:0 0 6px 0;
}

.archive_link a {
  color:#403a36;
}

/*--------------- index ------------- */
#home-page .line { margin-bottom:20px; }

#left .post {
  border-right:1px #d2d1cf dotted;
  display:block;
  float:left;
  padding:0 6px;
  margin:0 6px 0;
  width:190px;
}

.post-thumb { border: 7px solid #EADFB7; width: 165px; }

#left .last {
  border-right:none;
}

#left .post h2 a {
  color:#403a36 ;
  display:block;
  line-height:1.2em;
  margin:8px 0 14px;
}

.exhibit .date, .post .date { 
  color:#88b7b5; 
  font-weight:bold; 
}

/*--------------- index exhibit gallery ------------- */
#gallery {
  background:#fff;
  height:360px;
  margin:0 auto;
  overflow:hidden;
  width:960px;
}

.item {
  height:330px;
  overflow:hidden;
  margin:15px;
  width:930px;
}

.item .details { 
  background:url(/images/index-banner-bg.png) !important; 
  *background:none; 
  height:66px;
  overflow:hidden;
  padding:12px 16px; 
  margin-top:240px;
  width:930px; 
}

.item .title {
  color:#88b7b5;
  font-size:24px;
  margin:0 0 6px 0;
}

.item  .blurb {
  color:#fff;
  font-size:13px;
  height:38px;
  overflow:hidden;
  width:900px;
}

/*--------------- pages ------------- */
#sidebar { float: right; width: 210px; }
#left-content { float: left; width: 644px;}
/*--------------- posts ------------- */

.post_show, .post_list {
  padding:0 6px;
  margin:12px 6px 0;
}
.post_list {
  border-bottom:1px #d2d1cf dotted;
  margin-bottom:20px;
}

.post_list .read_more {
  float:right;
  margin:0 0 10px;  
}

.post_show .date, .post_list .date {
  color:#88b7b5;
  font-size:14px;
  font-weight:bold;
  margin:12px 0 ;
}

#comments, #comment_form {
  border-top:2px #d2d1cf solid;
  padding:10px 0 0;
  margin:10px 0 0;
}

#comments .comment {
  border-top:1px #d2d1cf dotted;
  padding:10px 12px 0;
  min-height:60px;
}

#comments .comment img {
  border:2px #d2d1cf solid;
  display:block;
  float:right;
}


/*--------------- footer ------------- */

#footer {
  background:url(/images/footer_bg.png) no-repeat top center;
  font-size: 14px;
  min-height:38px;
  margin:0 auto;
  text-align:center;
  width:960px;
}

#footer .info { font-size:.8em; }

#footer .menu_item, #footer .info, #footer .info a {
  color:#fff;
}

#footer .menu_item, #footer .info {
  padding:10px 0 20px;
}


#footer a {
  color:#403a36;
}

#footer a:hover {
  
}

/*-------------------- exhibit list --------------------- */
.exhibit { border-top: 1px solid silver; padding-top: 15px; margin-top: 35px; }
.exhibit img { border: 5px solid #E1D9AD; float: left; margin-right: 15px;  }
.exhibit-text { float: left; width: 400px; }
.exhibit h2 a { color: #403a36;}
.exhibit p strong { font-size: 11px; text-transform: uppercase; }
/*-------------------- exhibit modules -------------------- */
#exhibit-content { background: white; width: 930px; padding: 10px 15px; position: relative; }
#next-arrow { position: absolute; left: 960px; top: 130px; z-index: 1; }
#prev-arrow { position: absolute; left: -48px; top: 130px; z-index: 1; }

#modules { overflow: hidden; }
#module1 { position: relative; height: 540px; }
#m1-title { 
  position: absolute; 
  bottom: 0px; 
  font-size: 26px;
  background: #666;
  opacity: 0.9;
  width: 910px;
  height: 25px;
  padding: 15px 10px 5px;
  color: white; 
}

#module2 .column, #module3 .column { width: 455px; float: left; margin-right: 10px;}
#module2 .last, #module3 .last { margin: 0px; }
#module3 ul { list-style: none; }
#module3 ul li { float: left; border: 5px solid #E1D9AD; height: 84px; margin: 0px 15px 15px 0px; }
#module3 ul li.last { margin: 0px 0px 15px 0px; }


img.beige-border { border: 5px solid #E1D9AD; }

/************* BEGIN FORGE DEFAULTS ***********/
/*--------------- forms ------------- */
table.form {
	font-size: 10px;
	border-top: 1px solid #d2d1cf;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
table.form tr td {
	padding: 6px;
	border-bottom: 1px solid #d2d1cf;
	vertical-align: top;
}

table.form tr td img {
	vertical-align: middle;
}
table.form td.label {
	width: 20%;
	font-size: 9px;
	font-weight: bold;
	color: #665E59;
	text-transform: uppercase;
	vertical-align: top;
}
table.form td.control {
	width: 80%;
	vertical-align: top;
}


/*-------------- posts --------------- */
.pagination-info {
	line-height: 14px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 11px;
}

.post {
	margin-bottom: 20px;
}

.post h2, .post h3 {
	margin: 0px;
	padding: 0px;
}



/*------------- flash messages ------------- */
.flash-msg, .errorExplanation {
	padding: 5px 10px 5px 30px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
}
#flash-notice {
	color: #577700;
	border: 1px solid #658900;
	background: url(/images/icon_accept.gif) #E9F1D5 no-repeat 6px 6px;
}
.errorExplanation, #flash-warning, #flash-error {
	color: red;
	border: 1px solid red;
	background: url(/images/action_stop.gif) #FFC9C9 no-repeat 8px 6px;
}

.errorExplanation h2 {
	color: red;
	text-transform: none;
	margin-top: 2px;
}
div.fieldWithErrors {
	display: inline;
}