/***************************************************************/
/* Fonts */
/***************************************************************/

@font-face {
    font-family: 'cracked';
    src: url('paddedroom/cracked-narrow-webfont.woff2') format('woff2'),
         url('paddedroom/cracked-narrow-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'finalold';
    src: url('acannex/finalold-webfont.woff2') format('woff2'),
         url('acannex/finalold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'grand_hotelregular';
    src: url('cornercafe/grandhotel-regular-webfont.woff2') format('woff2'),
         url('cornercafe/grandhotel-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sporkmedium';
    src: url('cornercafe/spork-webfont.woff2') format('woff2'),
         url('cornercafe/spork-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'western_bang_bangregular';
    src: url('garysgarden/western_bang_bang-webfont.woff2') format('woff2'),
         url('garysgarden/western_bang_bang-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'woodplank';
    src: url('jeffsfort/woodplank-webfont.woff2') format('woff2'),
         url('jeffsfort/woodplank-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'abbess';
    src: url('storylover/abbess__-webfont.woff2') format('woff2'),
         url('storylover/abbess__-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/***************************************************************/
/* Corner Cafe Well */
/***************************************************************/

.corner_cafe_well {
    background-color: #222222;
    border: 0px solid #222222;
    border-radius: 0px;
    font-size: 16px;
    color: #FEDEB1;
}

.corner_cafe_well h2 {
    color: #FFCC00;
    font-size: 38px;
    padding-top: 0px;
    margin-top: 0px;
    font-family: grand_hotelregular;
}

.corner_cafe_well .btn {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    font-size: 18px;
}

.corner_cafe_well .ac-name {
	font-family: sporkmedium;
	color: red;
}

/***************************************************************/
/* Story Lover's Well */
/***************************************************************/

.story_lovers_well {
    background-color: #000033;
    border: 1px solid #990066;
    border-radius: 0px;
    color: #FFCC00;
}

.story_lovers_well h2 {
    color: #FFCC00;
    background: -webkit-linear-gradient(#eee, #FFCC00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: abbess;
    padding-top: 0px;
    margin-top: 0px;
}

.story_lovers_well .btn {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #990066;
	*background-color: #990066;
	background-image: -moz-linear-gradient(top, #3A0632, #990066);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3A0632), to(#990066));
	background-image: -webkit-linear-gradient(top, #3A0632, #990066);
	background-image: -o-linear-gradient(top, #3A0632, #990066);
	background-image: linear-gradient(to bottom, #3A0632, #990066);
	background-repeat: repeat-x;
	border-color: #990066;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A0632', endColorstr='#990066', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    font-size: 18px;
}
.story_lovers_well .btn:hover,
.story_lovers_well .btn:focus,
.story_lovers_well .btn:active,
.story_lovers_well .btn.active,
.story_lovers_well .btn.disabled,
.story_lovers_well .btn[disabled] {
	color: #FFFFFF;
	background-color: #990066;
	*background-color: #003bb3;
}

/***************************************************************/
/* Jeff's Fort Well */
/***************************************************************/

.jeffs_fort_well {
    background-color: #000000;
    border-radius: 0px;
    font-size: 16px;
    position: relative;
    border: 0px;
    border-top: 3px solid #000080;
    color: #99CCFF;
}
.jeffs_fort_well:before, .jeffs_fort_well:after {
    content: "";
    position: absolute;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000080), to(transparent));
    background-image: -webkit-linear-gradient(#000080, transparent);
    background-image: -moz-linear-gradient(#000080, transparent);
    background-image: -o-linear-gradient(#000080, transparent);
    background-image: linear-gradient(#000080, transparent);
    top: -3px;
    bottom: -3px;
    width: 3px;
}
.jeffs_fort_well:before {
  left: -3px;
}
.jeffs_fort_well:after {
  right: -3px;
}

.jeffs_fort_well h2 {
    font-family: woodplank;
    color: #FFFFFF;
    padding-top: 0px;
    margin-top: 0px;
    font-size: 38px;
}

.jeffs_fort_well .btn {
	color: #99CCFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #000020;
	*background-color: #000020;
	background-image: -moz-linear-gradient(top, #000080, #000020);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000080), to(#000020));
	background-image: -webkit-linear-gradient(top, #000080, #000020);
	background-image: -o-linear-gradient(top, #000080, #000020);
	background-image: linear-gradient(to bottom, #000080, #000020);
	background-repeat: repeat-x;
	border-color: #000020;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000080', endColorstr='#000020', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    font-size: 18px;
}
.jeffs_fort_well .btn:hover,
.jeffs_fort_well .btn:focus,
.jeffs_fort_well .btn:active,
.jeffs_fort_well .btn.active,
.jeffs_fort_well .btn.disabled,
.jeffs_fort_well .btn[disabled] {
	color: #AA0000;
	background-color: #000020;
	*background-color: #003bb3;
}

/***************************************************************/
/* The Annex Well */
/***************************************************************/

.annex_well {
    background-color: rgba(20,20,34,0.7);
    font-size: 16px;
    position: relative;
    border: 0px;
    border-radius: 20px;
    color: #ccddff;
}

.annex_well h2 {
    color: #f9efc1;
    background: -webkit-linear-gradient(#ccddff, #4455BB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    padding-top: 0px;
    margin-top: 0px;
    font-family: finalold;
    font-size: 46px;
}

.annex_well .btn {
	color: #141422;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #141422;
	*background-color: #141422;
	background-image: -moz-linear-gradient(top, #CCDDFF, #141422);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CCDDFF), to(#141422));
	background-image: -webkit-linear-gradient(top, #CCDDFF, #141422);
	background-image: -o-linear-gradient(top, #CCDDFF, #141422);
	background-image: linear-gradient(to bottom, #CCDDFF, #141422);
	background-repeat: repeat-x;
	border-color: #141422;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCDDFF', endColorstr='#141422', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    font-size: 18px;
}
.annex_well .btn:hover,
.annex_well .btn:focus,
.annex_well .btn:active,
.annex_well .btn.active,
.annex_well .btn.disabled,
.annex_well .btn[disabled] {
	color: #CCDDFF;
	background-color: #141422;
	*background-color: #003bb3;
}

/***************************************************************/
/* The Padded Room Well */
/***************************************************************/

.padded_room_well {
    background-color: #000;
    border: 1px solid #252525;
    font-size: 18px;
    color: #00CCFF;
}

.padded_room_well h2 {
    color: #00CCFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#00CCFF), to(#80E5FE));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: cracked;
    padding-top: 0px;
    margin-top: 0px;
}

.padded_room_well .btn {
    color: #FFFFFF;
    border-color: #252525;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003d4c+0,0088cc+100 */
    background: rgb(0,61,76); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,61,76,1) 0%, rgba(0,136,204,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,61,76,1) 0%,rgba(0,136,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,61,76,1) 0%,rgba(0,136,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d4c', endColorstr='#0088cc',GradientType=0 ); /* IE6-9 */
}

.padded_room_well .btn:hover,
.padded_room_well .btn:focus,
.padded_room_well .btn:active,
.padded_room_well .btn.active {
    color: #FFFFFF;
    border-color: #252525;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0088cc+0,00ccff+99 */
    background: rgb(0,136,204); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,136,204,1) 0%, rgba(0,204,255,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,136,204,1) 0%,rgba(0,204,255,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,136,204,1) 0%,rgba(0,204,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088cc', endColorstr='#00ccff',GradientType=0 ); /* IE6-9 */
}

.padded_room_well .btn:active,
.padded_room_well .btn.active {
    background-image: none;
}

.padded_room_well .btn.disabled,
.padded_room_well .btn[disabled],
fieldset[disabled] .padded_room_well .btn,
.padded_room_well .btn.disabled:hover,
.padded_room_well .btn[disabled]:hover,
fieldset[disabled] .padded_room_well .btn:hover,
.padded_room_well .btn.disabled:focus,
.padded_room_well .btn[disabled]:focus,
fieldset[disabled] .padded_room_well .btn:focus,
.padded_room_well .btn.disabled:active,
.padded_room_well .btn[disabled]:active,
fieldset[disabled] .padded_room_well .btn:active,
.btn.disabled.active,
.padded_room_well .btn[disabled].active,
fieldset[disabled] .padded_room_well .btn.active {
    background-color: #0088CC;
    border-color: #252525;
}

/***************************************************************/
/* Gary's Garden Well */
/***************************************************************/

.garys_garden_well {
    background-color: #221f13;
    border-radius: 0px;
    font-size: 16px;
    position: relative;
    border: 0px;
    border-top: 3px solid #769823;
    color: #F1DECF;
}

.garys_garden_well h2 {
    color: #FFFFFF;
    font-size: 46px;
    padding-top: 0px;
    margin-top: 0px;
    font-family: western_bang_bangregular;
}

.garys_garden_well .btn {
	color: #F1DECF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #3A3520;
	*background-color: #3A3520;
	background-image: -moz-linear-gradient(top, #769823, #3A3520);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#769823), to(#3A3520));
	background-image: -webkit-linear-gradient(top, #769823, #3A3520);
	background-image: -o-linear-gradient(top, #769823, #3A3520);
	background-image: linear-gradient(to bottom, #769823, #3A3520);
	background-repeat: repeat-x;
	border-color: #3A3520;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#769823', endColorstr='#3A3520', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    font-size: 18px;
}
.garys_garden_well .btn:hover,
.garys_garden_well .btn:focus,
.garys_garden_well .btn:active,
.garys_garden_well .btn.active,
.garys_garden_well .btn.disabled,
.garys_garden_well .btn[disabled] {
	color: #FFF;
	background-color: #3A3520;
	*background-color: #003bb3;
}