/* Aleo:weights:300,300i,400,400i,700,700i/Open+Sans:400,700 */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:700);

@import url("_normalize.css");
@import url("_unsemantic.css");
@import url("qtip/jquery.qtip.min.css");
@import url("calc/jquery-pcalc-pro.css");
@import url("fs/jquery.fs.boxer.css");
@import url("fs/jquery.fs.stepper.css");
@import url("scroll/jquery.mCustomScrollbar.css");
@import url("formee/formee-structure.css");
@import url("formee/formee-style.css");
@import url("sod/selectordie.css");
@import url("sod/selectordie_theme_02.css");

@font-face {
    font-family: 'aleobold';
    src: url('wf/Aleo-Bold-webfont.eot');
    src: url('wf/Aleo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('wf/Aleo-Bold-webfont.woff') format('woff'),
         url('wf/Aleo-Bold-webfont.ttf') format('truetype'),
         url('wf/Aleo-Bold-webfont.svg#aleobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body.ojp-bb-notice,
body.ojp-bb-pg {font-family: 'Open Sans'; font-size: 100%; margin: 0;}
.ojp-bb-pg .grid-container {min-width: 950px;}
.ojp-bb-notice {background: #aaa; margin: 0; padding: 0; overflow: hidden; max-width: 800px; max-height:600px;}
.clearfix:after,
.ojp-bb a:after,
.ojp-bb img:after,
.ojp-bb-poster a:after,
.ojp-bb-lg a:after,
.ojp-bb:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
	#ojp-bb {display: block; position: relative;}
	
.ojp-bb-lg p {font-weight: 300; font-size: 0.875rem; line-height: 1.4; margin-bottom: 1em;}
.ojp-bb-lg h4 {font-size: 1.25em; margin: .5em 0 .66em;}
.ojp-bb-lg h4, .ojp-bb-lg dt {color: #07a;}
.ojp-bb-lg h4, .ojp-bb-lg dt, .ojp-bb a {font-family:'aleobold'; font-weight: normal;}

.ojp-bb-lg h4, dt, .ojp-bb a {font-weight: normal;}
.ojp-bb-lg dd {font-family: 'Open Sans'; font-weight: 400; }
.qtip {font-size: .8125rem; line-height: 1.15; font-family: 'Roboto Slab', serif; font-weight: 700;}
/*.ojp-bb { -webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}*/
.ojp-bb .boxer  {text-align: center;}
.ojp-bb .boxer img { -webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.25);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.25);box-shadow:1px 1px 3px 1px rgba(0,0,0,.25)}

/*----------
=BOARD
------------ */
.ojp-bb {background: #d7e9fd url("http://newhavenindependent.org/assets/site_images/06.jpg"); width: 9rem; padding: 1rem; display: block; position: relative;
text-align: center; float: right; margin-bottom: 1rem; margin-top: -0.75rem;}
.ojp-bb  * {text-align: left;}

.ojp-bb a {display: block; text-decoration: none; color: #003c7e; line-height: 1.2;
margin-bottom: .375rem;}
#farRight .ojp-bb a {padding: 0;}
.ojp-bb .boxer img {margin: 0 auto; display: inline-block; position: relative;}
.ojp-bb .boxer, .ojp-bb .boxer img {line-height: 0; padding: 0;}
.ojp-bb a:hover {text-decoration: none; color: #d54700;}

/*---------
=DEETS PAGE
----------- */
ojp-bb-notice {margin: 0; padding: 0; width: 800px; height: 600px; overflow-x: hidden;}
.ojp-bb-lg {width: 800px; height: 600px; display: block; position: relative; background-color: #fff; overflow-x: hidden;}
.ojp-bb-lg dl {margin-top: .25em;}
.ojp-bb-lg a, .ojp-bb-lg a:link,.ojp-bb-lg a:visited  {color:#07a;}
.ojp-bb-lg a:hover,.ojp-bb-lg a:active {color: #d60;}
.ojp-bb-lg dt {font-size: 1rem; padding: 0; text-align: right;}
.ojp-bb-deets {padding-right: 10px;}
#bb-descbox, .ojp-bb-lg .ojp-bb-deets .desc {display: block; max-height: 13rem;  box-sizing: border-box;
    /*max-width: 97%;*/
    overflow: auto;
    padding: 0;
    position: relative; margin-bottom: 1rem;}
.ojp-bb-lg dd {margin: 0 0 .33rem 0; font-size: 0.875rem; /* 14px */ padding-top: 0;}
.ojp-bb-poster img {margin: 0; padding: 0; display: block; position: relative; padding-top: 10px; padding-bottom: 10px;}
.ojp-bb-poster a {}
.ojp-bb-lg .h4-desc {font-size: 1rem; margin-bottom: .375rem; /*border-bottom: #aaa solid 1px;*/ }
.ojp-bb-lg .desc p {margin-top: 0; font-size: .75em;}
.svg .ojp-get-dir,
.svg .ojp-ext-link {
    width: 22px; 
    display: block;
    height: 20px;
    position: relative;
    text-indent: -9999px;
    }
.svg .ojp-get-dir {background: url("/_bb/img/map-icon.svg") no-repeat center center;}
.svg .ojp-ext-link {background: url("/_bb/img/ext-link-icon.svg") no-repeat center 0;}

/*=FORM
---------- */
/*.stepper .price-tag-wrapper {display: none; margin-left: -99999px;}*/
.formee .price-tag-wrapper {display: inline; position: absolute;}
.formee #low-events-17 label {display: none;}

.ojp-bb-pg h2 {font-family: "Roboto Slab"; font-weight: 700; font-size: 2.5rem; margin: 1rem 0 1rem;}
.ojp-bb-pg .well {
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    min-height: 20px;
    padding: 19px;
}

.ojp-bb-pg .sod_label.sod_placeholder {}
.ojp-bb-pg form legend {font-family: 'Aleo'; font-weight: 700; letter-spacing: .015em;}
.formee .inner-wrap > div {position: relative; float: left;}
.formee .p-here {display: inline; position: relative;  margin-left: 1em;}
.formee .p-here h4 {font-size: 1.675em; margin: 0; line-height: 45px;}