

div.sbblackboard {
	background: #222222 url('images/style/blackboard.png') center center repeat;
	font-family: 'Short Stack', cursive;
	color: #FFFFFF;
	font-size: 16px;
	border: 2px #9A7765 solid;
	box-shadow: -1px 1px 2px 2px rgb(206, 206, 206);
	text-shadow: 1px 1px 1px #333232;
	
	margin: 0 10px 10px 10px;
}

div.sbblackboard h1, div.sbblackboard h2, div.sbblackboard h3,
div.sbblackboard h4, div.sbblackboard h5, div.sbblackboard h6 {
	color: #EBE3BB;
	text-shadow: 1px 1px 1px #333232;
}

div.sbblackboard div.board {
	padding: 25px 25px 25px 25px;
}

div.sbblackboard div.pad {
	border: 2px #9A7765 solid;
	box-shadow: 0 0 2px 2px #17110C inset;
}

div.sbblackboard div.borderleft {
	background: transparent url('images/style/blackboard-borderleft.png') top left repeat-y;
}

div.sbblackboard div.borderright {
	background: transparent url('images/style/blackboard-borderright.png') bottom right repeat-y;
}

div.sbblackboard div.bordertop {
	background: transparent url('images/style/blackboard-bordertop.png') top left repeat-x;
}

div.sbblackboard div.borderbottom {
	background: transparent url('images/style/blackboard-borderbottom.png') bottom right repeat-x;
}


div.su-row {
	margin-bottom: 0 !important;
}


.sb_box{
	position: relative;
	width: 100%;
	text-align: left;
	background-color: #000000;
	color: #FFFFFF;
	border: 1px rgb(0, 0, 0) solid;
}

.sb_box:before {
	content: "";
	display: block;
	padding-top: 100%;
}

@media (min-width: 990px) {
	.h50 .sb_box:before {
		padding-top: 50%;
	}
}

.sb_box .sb_box_content {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.sb_box .sb_box_img {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	
	background: transparent none bottom center no-repeat;
	background-size: auto 100%;
}

.sb_box .sb_box_link {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.sb_box .sb_box_link a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.sb_box .sb_box_link a:hover,
.sb_box .sb_box_link a:active {
	background-color: rgba(0, 0, 0, 0.25);
}

.sb_box .sb_box_title {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;

	font-weight: normal;
	color: #FFFFFF;
	padding: 0 0 0 0;
		
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.75);
}

body.tablet div.sbbox, 
body.smartphone div.sbbox {
	margin-top: 10px;
}

body.tablet div.sbbox div.text,
body.smartphone div.sbbox div.text {
	height: 100px;
}

body.tablet div.sbbox div.text h3,
body.smartphone div.sbbox div.text h3 {
	font-size: 12px;
	line-height: 12px !important;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
}

body.tablet div.sbbox div.text p,
body.smartphone div.sbbox div.text p {
	font-size: 12px;
	line-height: 13px !important;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
}

