/*
Theme Name: Clemente Museum
Theme URI: http://www.nicolegagliardi.com
Description: Complicated WordPress Theme
Author: Nicole Gagliardi
Author URI: http://www.nicolegagliardi.com
version: 0.1
Tags: complicated
*/

/* basics 
'Optima_EH25', 'Optima', 'Optima Medium', 'Helvetica', Times, serif;*/

*{margin:0; padding:0;}
 

@font-face {
  font-family: 'Optima_EH25';
  	src: url('fonts/Optima_Medium.eot');
	/*src: local('Optima_EH25'), 
		url('fonts/Optima_Medium.ttf') format("truetype");
		url("fonts/Optima_Medium.svg#optima") format('svg');*/
	font-weight: normal;
}

@font-face {
  font-family: 'Optima_EH25';
  	src: url('fonts/Optima_Bold.eot');
	/*src: local('Optima_EH25'), 
		url('fonts/Optima_Bold.ttf') format("truetype");
		url("fonts/Optima_Bold.svg#optimaBold") format('svg');*/
   font-weight: bold;
}

@font-face {
  font-family: 'Optima_EH25';
  	src: url('fonts/Optima_Medium_Italic.eot');
	/*src: local('Optima_EH25'),
		url('fonts/Optima_Medium_Italic.ttf') format("truetype");
		url("fonts/Optima_Medium_Italic.svg#optimaItalic") format('svg');*/
  font-style: italic;
}

body {
	margin-top:40px;
	background:#fff;
	font-family: 'Optima_EH25', 'Times', 'Times New Roman', serif;
	font-size: 15px;
	line-height: 19px;
	font-weight: normal;
	color: #f4f3f3; 
	}
	
h1 {font-size: 24px; font-weight:normal; line-height: 30px}
h2 {font-size: 21px; line-height: 25px}
h3 {
	font-size: 17px; 
	margin:12px 0 -12px 0; 
	padding: 2px 0;
	}
h4 {font-size: 10px; line-height: 14px}

img, img a { border: none }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}
	
ul{
	margin: -10px 0 10px 30px;
	}

textarea {	
	scrollbar-3dlight-color:#ffd700;
	scrollbar-arrow-color:#ff0;
	scrollbar-base-color:#ff6347;
	scrollbar-darkshadow-color:#ffa500;
	scrollbar-face-color:#008080;
	scrollbar-highlight-color:#ff69b4;
	scrollbar-shadow-color:#f0f
	}
	
	
/* links */

a {
	color:#fff;
	text-decoration:none;
	}

a:hover {
	color:#000; 
	text-decoration: underline;
	}
	
/*#page-normal a:hover, #brown-bg a:hover {color: #f1b9ab;}*/


/* container */

#container {
	width: 985px;
	margin: auto;
	background:#3a2f23;
	overflow:hidden;
	}


/* header */

#header {
  	height: 30px;
	padding-left:15px;
	color: #fff;
	}

#header h1 {
	float:left;
	text-transform:lowercase	
	}

#header h1 a:hover {text-decoration:none}
	
#header div {
	text-align:right; 
	padding:7px 15px 0 0;
	font-size: 13px
	}


/* main menu */

#menu,
.menu-main-menu-container {
	width:100%;
	padding: 7px 0;
	font-size: 15px;
	text-transform:lowercase;
	overflow:hidden;
	background:#2e384b;
}

#menu ul,
.menu-main-menu-container ul {
	margin: 0;
	padding: 0 0 0 20px;
}

#menu ul li,
.menu-main-menu-container li {
	list-style-type: none;
	float:left;
	border-right: 1px solid #fff;
	letter-spacing: 3px
}

.menu-main-menu-container li:last-child{
	border: 0;
}

#menu ul li a,
.menu-main-menu-container li a {
	display:block;
	padding: 0 19px;
	color: #fff	
}

#menu ul li.page-item-2 {
	border: none;
}

#menu ul li a:hover {
	color:#000;
	text-decoration: none;
}

#menu ul li.current_page_item a {
	color:#000;
}

.menu-main-menu-container {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.menu-main-menu-container ul {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.menu-main-menu-container li{
	display: inline-block;
	float: none;
}

/* tour menu */

#tour-menu {
	padding: 20px 0;
	text-transform:lowercase;
}

#tour-menu ul
{
	width:50%;
	margin:auto;
}

#tour-menu ul li {
	list-style-type: none;
	float:left;
	border-right: 1px solid #fff;
	letter-spacing: 5px
}

#tour-menu ul li a {
	display:block;
	padding: 0 10px;
}

#tour-menu ul li.page-item-72 {
	border-right: none;
}

#tour-menu ul li.page-item-87 a {
	padding-right: 0;
}

#tour-menu ul li.page-item-3 {
	border: none;
}

#tour-menu ul li.current_page_item a {
	color:#F4EEAA;
}


/* content */

#content {
	float:left;
	width:530px;
	margin:14px;
	overflow: hidden;	
	}

.post { margin:auto; }

.post h2 a{
	color: #000;
	text-decoration: none
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none
	}

.entry p{margin:12px 0}
	
.alignleft a{float:left; margin:25px 0;}

.alignright a{float:right; margin:25px 0;}


/* homepage */

#homepage, #welcome, #faqs, #calendar, #contact {
	clear:both;
	width: 100%;
	}
	
#homepage { background-image:url("imgs/homepage-clemente.jpg"); }

#welcome { background-image:url("imgs/welcome-roberto-clemente-bat.jpg"); }

#faqs { background-image:url("imgs/faq-clemente-with-bat.jpg"); }

#calendar { background-image:url("imgs/calendar-pirates-team.jpg"); }

#contact { background-image:url("imgs/contact-roberto-clemente-bat.jpg"); }

#society { background-image:url("imgs/society-roberto-clemente.jpg"); }

#tour-page { background-image:url("imgs/tour-blue-sky-partial.jpg"); } /*backgroud-color:#F4F3F3} /*{ */

#homepage .post, #faqs .post, #welcome .post, #contact .post { width: 520px; }

#calendar .post { width: 770px; }	

#homepage .post, #contact .post { margin-left:20px; }

#homepage .post .post{
	margin-left:0;
	width:auto;
}

#faqs .post, #welcome .post   { margin-left:435px }

#society .post { width: 440px; margin-left:125px }
	
.post h2 {
	font-size: 24px;
	line-height:normal;
	font-weight: normal;
	padding: 10px 15px 7px;
	text-transform:lowercase;
}

#homepage .entry, #welcome .entry, #contact .entry, #faqs .entry {
	line-height: 20px;
	padding: 5px 15px 7px 15px;
}

#homepage #post-45 .entry, #welcome .entry, #contact .entry, #faqs .entry {
	height:420px;
	overflow:auto;
}


#pullout-menu,
.list-centerer nav{
	position:relative;
	width: 100%;
	text-align:center;
	font-size: 18px;
	padding: 6px 0 10px 0;
	letter-spacing: 1px;
	overflow:hidden;
}

#pullout-menu .transparency{  
  	width:610px;  
	height:44px;
	position:absolute; 
	top:0px;  
	left:0px;  
	z-index:-1;
	
	background-color:#fff;
	filter:alpha(opacity=15);
	-moz-opacity:0.15;
	-khtml-opacity: 0.15;
	opacity: 0.15;
}

#pullout-menu a,
.list-centerer nav a{
	padding: 0 10px;
	color: #fff;
}

.list-centerer nav ul{
	margin:0;
	padding:0;
}

.list-centerer nav li{
	display:block;
	float:left;
	list-style-type:none;
}

.list-centerer nav{
	position:relative;
	display:block;
	width:100%;
}

.list-centerer nav ul{
	float:left;
	left:50%;
	display:block;
	position:relative;
	overflow:visible;
}

.list-centerer nav li{
	display:block;
	float:left;
	left:-50%;
	position:relative;
}

#calendar .text-holder {
	padding: 15px 25px 15px 15px;
}

#society .text-holder {
	padding: 0 25px 15px 15px;
}


/* form slider */
#slideForm
{
	position:absolute;
	display:block;
	width:500px;
	background-color: #0f0;
	left: 985px;
	top: 85px;	
}

/* calendar */
.calnk a, .calnk a:visited {
	 text-decoration:none;
	 color:#000;
	 border-bottom:1px dotted #000;
	}
.calnk a:hover {
	 background-position:0 0;
	 text-decoration:none;  
	 color:#000;
	 border-bottom:1px dotted #000;
	 }
.calnk a span { 
	display:none; 
	}
.calnk a:hover span {
	color:#333; 
	background:#F6F79B; 
	display:block;
	position:absolute; 
	margin-top:1px; 
	padding:5px; 
	width:150px; 
	z-index:100;
	}
 .calendar-table {
	margin-bottom: 20px;
	border:none;
	width: 100%;
	background-color: #5d4c29;
 }
 .calendar-heading {
	height:25px;
	text-align:center;
	border:1px solid #fff;
 }
 .calendar-next {
	width:25%;
	text-align:center;
 }
 .calendar-prev {
	width:25%;
	text-align:center;
 }
 .calendar-month {
	width:50%;
	text-align:center;
	font-weight:bold;
 }
 .normal-day-heading {
	text-align:center;
	width:25px;
	height:25px;
	font-size:0.8em;
	border:1px solid #fff;
 }
 .weekend-heading {
	text-align:center;
	width:25px;
	height:25px;
	font-size:0.8em;
	border:1px solid #fff;
 }
 .day-with-date {
	vertical-align:text-top;
	text-align:left;
	width:60px;
	height:60px;
	border:1px solid #fff;
 }
 .day-without-date {
	width:60px;
	height:60px;
	border:1px solid #fff;
	background-color:#4B3C2D; 
 }
 span.weekend {
 }
 .current-day {
	vertical-align:text-top;
	text-align:left;
	width:60px;
	height:60px;
	border:1px solid #fff;
	background-color:#78643c;
 }
 span.event {
	font-size:0.75em;
 }
 .event-title {
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
 }
 .event-title-break {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	height:1px;
	background-color:#000;
 }
 .event-content-break {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	height:1px;
	background-color:#000;
 }
 .calendar-date-switcher {
	height:25px;
	text-align:center;
	border:1px solid #D6DED5;
	background-color:#E4EBE3;
 }
 .calendar-date-switcher form {
	margin:0;
	padding:0;
 }
 .calendar-date-switcher input {
	border:1px #D6DED5 solid;
 }
 .calendar-date-switcher select {
	border:1px #D6DED5 solid;
 }
 .cat-key {
	width:100%;
	margin-top:10px;
	padding:5px;
	border:1px solid #D6DED5;
 }
 
.blackout { background-color:#111; }

.blackout .event { display:none; }
	 
	 
/* footer */

#footer {
	clear:both;
	text-align:center;
	background-color:#fff;
	font-size:11px;
	letter-spacing:4px;
	padding:10px 0 20px 0;
}

#footer a { text-decoration:none; }

#footer a:hover { text-decoration:underline; }

#footer span {padding:0 17px}


/* misc */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}





.slide {
  position: relative;
  background-color: #ffc;
  border: 1px solid #999999;
  height:120px;
  width: 350px;
  overflow:hidden;
}

.slide .inner {
  position: absolute;
  background: #4C5;
  height: 36px;
  width:360px;
  left: 0;
  bottom: 0;
}

.col-985{
	width:985px;
	margin:0 auto;
	display:block;
	position:relative;
	min-height:30px;
}

body{
	margin-top:10px
}

.col-985 a{
	float:right;
	color:#2E384B;
	text-decoration:none;
}

.col-985 a:hover{
	text-decoration:underline;
}

.promo-message{
	border-bottom:1px solid #f8be1e;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}

.promo-message h1,
.promo-message h2,
.promo-message h3,
.promo-message h4,
.promo-message h5,
.promo-message h6{
	margin-bottom:8px;
	color:#f8be1e;
}

.promo-message h1{
	font-size:22px;
}

.promo-message h2{
	font-size:20px;
}

.promo-message h3{
	font-size:18px;
}

.promo-message h4{
	font-size:16px;
}

.promo-message h5{
	font-size:14px;
}

.promo-message h6{
	font-size:12px;
}

.promo-message p{
	color:#f8be1e;
	font-size:16px;
	line-height:22px;
}

.promo-message strong{
	color:#f8be1e;
	font-weight:normal;
}

.promo-message span.gc-cs-link{
	color:#f8be1e;
}

.jp-carousel-image-meta{
	display:none !important;
	visibility:hidden !important;
}

#footer {
	background: #fff;
}

.pp-donate-form {
	background: #fff;
	display: block;
	width: 148px;
	margin-top: 18px;
	float: left;
	margin-right: 20px;
}

.donate-p {
	letter-spacing: normal;
	text-align: left;
	margin-top: 22px;
}

/*! Helper classes */.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}