/*
Theme Name: Happenings
Version: 99.99
*/

/* main elements */
@font-face {
	font-family: 'ITCOfficinaSansStdBold';
	src: url('fonts/officinasansstd-bold-webfont.eot');
	src: url('fonts/officinasansstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/officinasansstd-bold-webfont.woff') format('woff'),
		url('fonts/officinasansstd-bold-webfont.ttf') format('truetype'),
		url('fonts/officinasansstd-bold-webfont.svg#ITCOfficinaSansStdBold') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'ITCOfficinaSerifStdBold';
	src: url('fonts/officinaserifstd-bold-webfont.eot');
	src: url('fonts/officinaserifstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/officinaserifstd-bold-webfont.woff') format('woff'),
		url('fonts/officinaserifstd-bold-webfont.ttf') format('truetype'),
		url('fonts/officinaserifstd-bold-webfont.svg#ITCOfficinaSerifStdBold') format('svg');
	font-weight: normal;
	font-style: normal;

}
body {
	margin:0;
	color:#58585a;
	font:13px/16px "Museo Sans 900", Arial, Helvetica, sans-serif;
	min-width:1000px;
	background:#dfdfcd;
}
img {border-style:none;}
a {
	text-decoration:none;
	color:#58585a;
}
a:hover {text-decoration:underline;}
input,
textarea,
select {
	font:100% Helvetica, Arial, sans-serif;
	vertical-align:middle;
	color:#58585a;
}
form,
fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
.home #header {height:406px;}
#header {
	background: url(images/bg-header.jpg) no-repeat 50% 0;
	width:100%;
	height: 125px;
	overflow:hidden;
	position:relative;
}
.header-holder {
	background: url(images/bg-header-holder.png) no-repeat 50% 100%;
	height:100%;
}
.header-frame {
	width:946px;
	padding: 0 0 0 2px;
	margin:0 auto;
	position:relative;
	z-index:10;
}
#header .section {
	position:relative;
	z-index:10;
	padding:0 0 23px;
}
#header .logo {
	position:absolute;
	top:15px;
	left:-1px;
	background: url(images/logo.png) no-repeat;
	width: 259px;
	height: 80px;
	overflow:hidden;
	text-indent:-9999px;
	z-index:10;
	margin:0;
}
#header .logo a {
	display:block;
	height:100%;
}
.shadow {
	background: url(images/shadow.png) no-repeat;
	width: 812px;
	height: 234px;
	position:absolute;
	top:0;
	left:-288px;
}
.header-frame:after {
	content:"";
	display:block;
	clear:both;
}
#nav {
	list-style:none;
	margin:0 0 0 auto;
	padding:21px 0 0 104px;
	background: url(images/bg-nav.png) no-repeat 100% 21px;
	width: 666px;
	height: 51px;
}
#nav li {
	float:left;
	padding:0;
	font: 15px/18px ITCOfficinaSerifStdBold, Times, serif;
	white-space:nowrap;
}
#nav a {
	color:#000;
	position:relative;
	float:left;
	height:35px;
	padding:15px 3px 0;
	text-align:center;
}
#nav a:hover,
#nav .active a {
	text-decoration:none;
}
#activeItem {
	position: absolute;
	z-index:1;
	top: 0;
	left: 0;
	width:23px;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	padding: 0 !important;
	margin: 0 !important;
	background: url(images/bg-nav-h.png) no-repeat 50% 0;
}
.gallery {
	width:995px;
	height:405px;
	position:absolute;
	top:0;
	left:-23px;
	z-index:2;
}
.gallery-holder {
	width:995px;
	height:405px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.gallery-holder ul {
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	width:99999px;
}
.gallery img {display:block;}
.gallery-holder li {
	float:left;
	width:995px;
	position:absolute;
	top: 0;
	left: 0;
}
.gallery-holder li.active {
	z-index:99;
}
.swicher {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	z-index: 15;
	bottom:18px;
	left:460px;
}
.swicher li {
	float:left;
	height:11px;
	width:11px;
	margin:0 5px 0 0;
}
.swicher li span {
	display:block;
	height:11px;
	width:11px;
	cursor: pointer;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-swicher.png) no-repeat -16px 0;
}
.swicher li:hover,
.swicher li.active span {background-position:0 0;}
#main {
	width:100%;
	background:#f4f4ec;
	padding:26px 0 0;
}
.ajax-box {
	width:100%;
}
.ajax-box:after {
	display: block;
	clear: both;
	content: '';
}
.ajax-page-wrapper {
	width:100%;
}
.ajax-page-wrapper:after {
	display: block;
	 clear: both;
	 content: '';
}
#main .ajax-page-loading {
	min-height: 500px;
	background: url(images/loader.gif) 50% 50% no-repeat;
}
.main-holder {
	margin:0 auto;
	padding: 0 0 25px 2px;
	width: 946px;
	position:relative;
	background: url(images/transparent.gif);
}
.main-holder:after {
	content:"";
	display:block;
	clear:both;
}
#content {
	float:left;
	width:616px;
	padding:1px 0 0;
}
#content h2 {
	margin:0 0 14px;
	color:#000;
	font: 25px/27px ITCOfficinaSerifStdBold, Times, serif;
}
.info-box {padding:0 16px 0 0;}
.info-box .info {padding:0 0 11px;}

.info-box h3 {
	margin:0 0 10px;
	color:#000;
	font-size:14px;
	line-height:17px;
	font-weight:normal;
}
.info-box p {margin:0 0 9px;}
.info-box ul {
	list-style:none;
	margin:0;
	padding:0;
}
.info-box li {
	overflow:hidden;
	width:100%;
	padding:0 0 9px;
	vertical-align:top;
}
.info-box li span {
	float:left;
	width:30px;
}
.info-box li strong {
	float:right;
	font-weight:normal;
	width:564px;
}
.post {padding:14px 15px 30px 0;}
.post-alt {padding-top:4px;}
.post .title,
.block .title {
	overflow:hidden;
	width:100%;
	padding:0 0 5px;
	color:#000;
}
.post-alt .title {padding-bottom:9px;}
.block .title {padding:0 0 10px;}
.block-alt .title {padding-bottom:11px;}
.post .date-box,
.block .date-box {
	float:left;
	width:80px;
	padding:0 2px 0 0;
	margin:0 14px 0 0;
	background: url(images/bg-date-box.gif) no-repeat 100% 0;
}
.post .date-box strong,
.block .date-box strong {font-weight:normal;}
.post .day,
.block .day {
	float:left;
	width:40px;
	font-size:34px;
	line-height:35px;
	margin:-5px 0 0;
	position:relative;
}
.post .date,
.block .date {
	float:left;
	width:40px;
	font-size:12px;
	line-height:13px;
}
.post .month,
.block .month {
	display:block;
	font-size:13px;
	line-height:13px;
}
.post h3,
.block h3 {
	margin:5px 0 0;
	overflow:hidden;
	height:1%;
	font-size:20px;
	line-height:23px;
	font-weight:normal;
}
.post-holder {
	overflow:hidden;
	width:100%;
}
.post img {display:block;}
.post .visual {
	float:left;
	margin:3px 15px 0 0;
	position:relative;
}
.post p {margin:0 0 11px 1px;}
.post .info {
	overflow:hidden;
	height:1%;
	line-height:15px;
}
.post .tools,
.block .tools {
	overflow:hidden;
	width:100%;
	padding:14px 0 0;
}
.block .tools {padding-top:0;}
.post .facebook,
.post .twitter,
.block .facebook,
.block .twitter {
	/*text-indent:-9999px;
	overflow:hidden;
	height:20px;*/
	float:left;
	margin:3px 10px 0 0;
}
/*.post .facebook,
.block .facebook {
	width:47px;
	background: url(images/bg-tools.gif) no-repeat;
}
.post .twitter,
.block .twitter {
	width:55px;
	background: url(images/bg-tools.gif) no-repeat -47px 0;
}*/
.block {
	padding:14px 0 20px;
	line-height:15px;
}
.block-alt {padding:5px 0 15px;}
.block img {display:block;}
.block .visual {
	margin:0 0 12px;
	position:relative;
}
.block-alt .visual {margin-bottom:15px;}
.block-info h4 {
	margin:0 0 10px;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	color:#000;
}
.block p {margin:0 0 12px;}
.block .info p {margin:0;}
.block .title-text {display:block;}
.block  dl {
	margin:0 0 15px;
	width:100%;
	overflow:hidden;
}
.block dt {
	float:left;
	clear:left;
	padding:0 4px 1px 0;
}
.block dd {
	margin:0;
	float:left;
}
*+html .block dd {float:none;}
.block a {color:#73780a;}
.block dl a {color:#58585a;}
.block-info {padding:0 0 6px;}
#content .heading {
	overflow:hidden;
	width:615px;
}
#content .heading .button {
	background: url(images/bg-button3.gif) no-repeat;
	width: 150px;
	height: 26px;
	font: 13px/15px ITCOfficinaSansStdBold;
	color:#f4f4ec;
	float:right;
	cursor:pointer;
	text-shadow: 0px -1px 2px #7a762e;
}
#content .heading .button strong {
	padding:5px 18px 0 9px;
	width: 123px;
	height: 21px;
	display:block;
	background: url(images/arrow3.png) no-repeat 135px 6px;
	font-weight:normal;
}
.button:hover,
.button-list a:hover {
	text-decoration: none;
}
.contact-form {padding:4px 0 33px;}
.contact-form .row {
	overflow:hidden;
	width:100%;
	padding:0 0 6px;
}
.contact-form label {
	float:left;
	width:65px;
	margin:6px 4px 0 1px;
	font-size:14px;
	line-height:16px;
	color:#000;
}
.contact-form .text {
	float:left;
	background: url(images/bg-text.gif) no-repeat;
	width: 290px;
	height: 26px;
	padding:0 5px;
}
.contact-form .text input {
	float:left;
	padding:5px 0 5px;
	margin:0;
	width: 290px;
	height: 16px;
	border:0;
	background:none;
	line-height:normal;
	font-size:14px;
	outline:none;
}
.contact-form .textarea {
	float:left;
	background: url(images/bg-textarea.gif) no-repeat;
	width: 290px;
	height: 106px;
	padding:5px;
}
.contact-form textarea {
	float:left;
	overflow:auto;
	width: 290px;
	height: 106px;
	min-width: 290px;
	min-height: 106px;
	max-width: 290px;
	max-height: 106px;
	margin:0;
	padding:0;
	border:0;
	background:none;
	outline:none;
}
.contact-form .submit {
	float:left;
	margin:0 0 0 70px;
	padding:0;
	border:0;
	background: url(images/bg-submit.gif) no-repeat;
	width: 90px;
	height: 26px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	cursor:pointer;
}
.contact-box {padding:0 0 20px 1px;}
.contact-box h3 {
	margin:0 0 9px;
	color:#000;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
}
.contact-box address {
	padding:0 0 15px;
	font-style:normal;
}
.contact-box address span {
	display:block;
}
.contact-box dl {
	margin:0 0 15px;
	padding:1px 0 0;
	width:100%;
	overflow:hidden;
}
.contact-box dt {
	float:left;
	clear:left;
	padding:0 4px 0 0;
}
.contact-box dd {
	margin:0;
	float:left;
}
*+html .contact-box dd {float:none;}
.photo-block {
	margin:-2px 0 11px;
	position:relative;
}
.photo-block h3 {
	margin:0 0 11px;
	font-size:20px;
	line-height:21px;
	font-weight:normal;
	color:#000;
}
.gallery-list {
	list-style:none;
	margin:0 -35px -5px 0;
	padding:1px 0 0;
	width:650px;
	display:table;
}
.gallery-list:after {
	content:"";
	display:block;
	clear:both;
}
.gallery-list li {
	display:inline-block;
	width:185px;
	margin:0 30px 30px 0;
	vertical-align:top;
	position:relative;
	z-index:1;
}
*+html .gallery-list li {display:inline;}
.photo-block .gallery-list li {
	width:140px;
	margin:0 18px 19px 0;
	position:relative;
}
.gallery-list .visual {
	overflow:hidden;
	width:100%;
}
.gallery-list .visual img {float:left;}
.gallery-list p {margin:0;}
.gallery-list .info {
	background:#dfdfcd url(images/bg-photo-info.gif) no-repeat 0 100%;
	color:#000;
	padding:8px 10px 5px;
	min-height:37px;
}
.gallery-list li:hover {
	border:0;
}
.popup {
	background: url(images/bg-popup-t.png) no-repeat;
	width: 152px;
	padding:3px 0 0;
	position:absolute;
	top:90px;
	left:101px;
	text-align:center;
	z-index:99;
}
.photo-block .popup {
	top:17px;
	left:-59px;
}
.popup-holder {
	background: url(images/bg-popup-b.png) no-repeat 0 100%;
	width: 152px;
	padding:0 0 24px;
}
.popup-frame {
	background: url(images/bg-popup-c.png) repeat-y;
	width: 152px;
}
.popup-frame:after {
	content:"";
	display:block;
	clear:both;
}
.popup-inner {
	float:left;
	width:152px;
	margin:0 0 -8px;
}
.popup a,
.popup span {color:#73780a;}
#sidebar {
	float:right;
	width:300px;
}
#sidebar .heading {
	overflow:hidden;
	width:299px;
	padding:0 0 15px;
}
#sidebar .heading .button,
.post .button {
	background: url(images/bg-button.gif) no-repeat;
	width: 120px;
	height: 26px;
	font:13px/15px ITCOfficinaSansStdBold;
	color:#f4f4ec;
	float:right;
	margin:1px 0 0;
	cursor:pointer;
	text-shadow: 0px -1px 2px #7a762e;
}
.post .button {
	float:left;
	margin:0 15px 0 0;
}
#sidebar .heading .button strong,
.post .button strong {
	padding:5px 14px 0 9px;
	width: 97px;
	height: 21px;
	display:block;
	background: url(images/arrow.png) no-repeat 105px 6px;
	font-weight:normal;
}
#sidebar h2 {
	margin:0;
	color:#000;
	overflow:hidden;
	height:1%;
	font: 25px/27px ITCOfficinaSerifStdBold, Times, serif;
}
.event-box {
	width:300px;
	background:#dfdfcd;
	line-height:18px;
	margin:0 0 15px;
}
.event-box-holder {
	background: url(images/bg-event-box-t.gif) no-repeat;
}
.event-box-frame {
	background: url(images/bg-event-box-b.gif) no-repeat 0 100%;
	padding:0 10px 2px;
}
.event-box .event {padding:8px 0 9px;}
.event-box h3 {
	margin:0;
	color:#000;
	font-size:14px;
	line-height:15px;
	font-weight:normal;
}
.event-box .date {
	font-style:normal;
	display:block;
}
.event-holder {
	overflow:hidden;
	width:100%;
	padding:4px 0 9px;
}
.event-box .visual {
	float:left;
	margin:3px 10px 0 0;
	position:relative;
}
.event-box .visual img {display:block;}
.event-box .info {
	overflow:hidden;
	height:1%;
	padding:0 3px 0 0;
}
.event-box p {margin:0;}
.event-box .button {
	background: url(images/bg-button2.gif) no-repeat;
	width: 120px;
	height: 22px;
	font:13px/15px ITCOfficinaSansStdBold;
	color:#f4f4ec;
	display:block;
	margin:1px 0 0;
	cursor:pointer;
	text-shadow: 0px -1px 2px #7a762e;
}
.event-box .button strong {
	padding:3px 18px 0 7px;
	width: 95px;
	height: 19px;
	display:block;
	background: url(images/arrow.png) no-repeat 105px 4px;
	font-weight:normal;
}
.button-list {
	list-style:none;
	margin:0;
	padding:0;
}
.button-list li {
	padding:0 0 15px;
	font:20px/22px ITCOfficinaSerifStdBold, Times, serif;
	vertical-align:top;
	height:67px;
}
.button-list a {
	display:block;
	height:67px;
	color:#f4f4ec;
	cursor:pointer;
	text-shadow: 0px -1px 2px #7a762e;
}
.button-list strong {
	display:block;
	height:44px;
	padding:23px 35px 0 65px;
	background: url(images/arrow2.png) no-repeat 269px 21px;
	font-weight:normal;
}
.button-list .contact a {background: url(images/bg-button-list.gif) no-repeat;}
.button-list .photo a {background: url(images/bg-button-list.gif) no-repeat 0 -67px;}
.button-list .facebook a {background: url(images/bg-button-list.gif) no-repeat 0 -134px;}
#footer {
	width:100%;
	background:#dfdfcd url(images/bg-footer.gif) no-repeat 50% 0;
	font-size:12px;
	line-height:13px;
	color:#999439;
}
#footer a {color:#999439;}
.footer-holder {
	margin:0 auto;
	width:946px;
	padding: 41px 0 40px 2px;
	background: url(images/transparent.gif);
}
#footer .section {
	overflow:hidden;
	width:100%;
	padding:0 0 19px;
	background: url(images/transparent.gif);
}
.address-box {
	float:left;
	width:236px;
	padding:3px 10px 0 0;
}
#footer .logo {
	background: url(images/logo-footer.gif) no-repeat;
	width: 134px;
	height: 60px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	margin: 0 0 9px;
}
#footer .logo a {
	display:block;
	height:100%;
}
#footer address {
	padding:0;
	font-style:normal;
}
#footer address span {
	display:block;
	padding:0 0 6px;
}
#footer address strong {
	display:block;
	font-weight:normal;
	padding:0 0 2px;
}
.addnav {
	float:left;
	width:710px;
	list-style:none;
	margin:0 -12px 0 0;
	padding:0;
}
.addnav>li {
	float:left;
	width:226px;
	padding:0 10px 0 0;
}
.addnav ul li {padding:0 0 6px;}
#footer h2 {
	margin:0 44px 10px 0;
	font: 15px/18px ITCOfficinaSerifStdBold, Times, serif;
}
.addnav ul {
	list-style:none;
	margin:0;
	padding:0;
}
.copy {
	background: url(images/bg-copy.gif) repeat-y;
	width: 945px;
}
.copy-holder {background: url(images/bg-copy-t.gif) no-repeat;}
.copy-frame {
	background: url(images/bg-copy-b.gif) no-repeat 0 100%;
	padding:12px 14px 11px 15px;
	width:916px;
	overflow:hidden;
}
.copy .by {
	float:right;
	padding:6px 25px 9px 0;
	background: url(images/bg-by.gif) no-repeat 100% 0;
}
.copy p {
	margin:0;
	padding:6px 0 0;
}
/*implementation*/
.main-holder-noajax {
	margin:0 auto;
	padding: 0 0 25px 2px;
	width: 946px;
	position:relative;
	background: url(images/transparent.gif);
}
.main-holder-noajax:after {
	content:"";
	display:block;
	clear:both;
}
#nav a {text-transform:capitalize;}

.event-box h3 a {color:#000;}
#content h2 {text-transform:capitalize;}
.post .month,
.block .month {text-transform:uppercase;}
.post h3 a, .block h3 a {color:#000;}
.heading .button strong span {text-transform:lowercase;}
.info-box iframe {
	border:none;
	width:100%;
	height:319px;
	background:none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.not-found-link{
	position:absolute;
	left:-9999px;
}
.angle-lt {
	background: url(images/angle-lt.png) no-repeat;
	width: 2px;
	height: 2px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.angle-rt {
	background: url(images/angle-rt.png) no-repeat;
	width: 2px;
	height: 2px;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}
.angle-lb {
	background: url(images/angle-lb.png) no-repeat;
	width: 2px;
	height: 2px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
}
.angle-rb {
	background: url(images/angle-rb.png) no-repeat;
	width: 2px;
	height: 2px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:10;
}
#sidebar .angle-lt {background: url(images/angle-lt2.png) no-repeat;}
#sidebar .angle-rt {background: url(images/angle-rt2.png) no-repeat;}
#sidebar .angle-lb {background: url(images/angle-lb2.png) no-repeat;}
#sidebar .angle-rb {background: url(images/angle-rb2.png) no-repeat;}

.contact-form .submit {
	background: url(images/bg-submit.gif) no-repeat;
	margin:0 0 0 70px;
	float:left;
	width: 90px;
	height: 26px;
}
.contact-form .submit input {
	float:left;
	margin:0;
	padding:0;
	border:0;
	background: url(images/arrow.png) no-repeat 75px 6px;
	width: 90px;
	height: 26px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	cursor:pointer;
}