/* CSS Document */

.posterboard {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.posterboard .pbspan1left {
    float: left;
    width: 32.2916%;
    margin-left: 0%;
    margin-bottom: 1.5625%;
}

.posterboard .pbspan1center {
    float: left;
    width: 32.2916%;
    margin-left: 1.5625%;
    margin-bottom: 1.5625%;
}

.posterboard .pbspan1right {
    float: left;
    width: 32.2916%;
    margin-left: 1.5625%;
    margin-bottom: 1.5625%;
}

.posterboard .pbspan2left {
    float: left;
    width: 66.1458%;
    margin-left: 0%;
    margin-bottom: 1.5625%;
}

.posterboard .pbspan2right {
    float: left;
    width: 66.1458%;
    margin-left: 1.5625%;
    margin-bottom: 1.5625%;
}

.posterboard .pbspan3 {
    float: none;
    width: 100%;
    height: auto;
    margin-left: 0%;
    margin-bottom: 1.5625%;
}

.posterboard .pbthumb {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
	display: block;
}

.posterboard .pbspan3 .pbthumb {
    width: 100%;
    height: auto;
    position: relative;
    left: 0;
	display: block;
}

.posterboard .pbspan1left .pb_img_container {
    position: relative;
    padding-bottom: 66.1290%;
    height: 0px;
}

.posterboard .pbspan1center .pb_img_container {
    position: relative;
    padding-bottom: 66.1290%;
    height: 0px;
}

.posterboard .pbspan1right .pb_img_container {
    position: relative;
    padding-bottom: 66.1290%;
    height: 0px;
}

.posterboard .pbspan2left .pb_img_container {
    position: relative;
    padding-bottom: 32.2834%;
    height: 0px;
}

.posterboard .pbspan2right .pb_img_container {
    position: relative;
    padding-bottom: 32.2834%;
    height: 0px;
}

.posterboard .pbspan3 .pb_img_container {
    position: relative;
    padding-bottom: 0%;
    height: auto;
}

.posterboard .pbcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.50);
}

.posterboard .pbspan1left .pb_img_container .pbcaption {
	padding-left: 3.0967%;
	padding-right: 3.0967%;
	padding-top: 1.5483%;
	padding-bottom: 1.5483%;
	width: 93.8064%;
}

.posterboard .pbspan1center .pb_img_container .pbcaption {
	padding-left: 3.0967%;
	padding-right: 3.0967%;
	padding-top: 1.5483%;
	padding-bottom: 1.5483%;
	width: 93.8064%;
}

.posterboard .pbspan1right .pb_img_container .pbcaption {
	padding-left: 3.0967%;
	padding-right: 3.0967%;
	padding-top: 1.5483%;
	padding-bottom: 1.5483%;
	width: 93.8064%;
}

.posterboard .pbspan2left .pb_img_container .pbcaption {
	padding-left: 1.5118%;
	padding-right: 1.5118%;
	padding-top: 0.7559%;
	padding-bottom: 0.7559%;
	width: 96.9763%;
}

.posterboard .pbspan2right .pb_img_container .pbcaption {
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	width: 98%;
}

.posterboard .pbspan3 .pb_img_container .pbcaption {
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	width: 98%;
}

.posterboard h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFF;
}

.posterboard p {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFF;
}

@media only screen and (max-width: 960px) {
.posterboard h2 { font-size: 20px; }
.posterboard p  { font-size: 13px; }
}

@media only screen and (max-width: 912px) {
.posterboard h2 { font-size: 19px; }
.posterboard p  { font-size: 12.5px; }
}

@media only screen and (max-width: 864px) {
.posterboard h2 { font-size: 18px; }
.posterboard p  { font-size: 12px; }
}

@media only screen and (max-width: 816px) {
.posterboard h2 { font-size: 17px; }
.posterboard p  { font-size: 11.5px; }
}

@media only screen and (max-width: 768px) {
.posterboard h2 { font-size: 16px; }
.posterboard p  { font-size: 11px; }
}

@media only screen and (max-width: 720px) {
.posterboard h2 { font-size: 15px; }
.posterboard p  { font-size: 10.5px; }
}

@media only screen and (max-width: 672px) {
.posterboard h2 { font-size: 14px; }
.posterboard p  { font-size: 10px; }
}

@media only screen and (max-width: 624px) {
.posterboard h2 { font-size: 13px; }
.posterboard p  { font-size: 9.5px; }
}

media only screen and (max-width: 576px) {
.posterboard h2 { font-size: 12px; }
.posterboard p  { font-size: 9px; }
}

@media only screen and (max-width: 528px) {
.posterboard h2 { font-size: 11px; }
.posterboard p  { font-size: 8.5px; }
}

@media only screen and (max-width: 480px) {
.posterboard h2 { font-size: 10px; }
.posterboard p  { font-size: 8px; }
}

@media only screen and (max-width: 479px) {
.posterboard h2 { font-size: 20px; }
.posterboard p  { font-size: 13px; }

.posterboard .pbspan1left {
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1.5625%;
}

.posterboard .pbspan1center {
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1.5625%;
}

.posterboard .pbspan1right {
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1.5625%;
}

.posterboard .pbspan2left {
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1.5625%;
}

.posterboard .pbspan2right {
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1.5625%;
}

.posterboard .pbspan3 {
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1.5625%;
}

}

.posterboard a:hover .pbcaption {
	background: rgba(243, 114, 83, 1.00);
}