@font-face {
	font-family:            'blox';
	src:                    url('../fonts/blox.ttf');
}

#title {
	text-align:             center;
	color:                  #59e6fd;
	text-shadow:            2px 2px 5px black;
	/*text-shadow:              2px 2px #FF0000;*/
	position:               relative;
	top:                    -12px;
	left:                   20px;
	z-index:                2;
	font-family:            "blox";
	font-size:              60px;
	margin:                 0px;
	margin-top:             33px;
}

.logo {
	position:		        relative;
	top:			        -90px;
	left:                   40px;
	height:			        90px;
	z-index:			    2;
	-webkit-filter:         drop-shadow(5px 5px 5px #222);
    filter:                 drop-shadow(12px 11px 5px #222);
}
.content {
	font-family:            Arial;
}

h1
{
	color:                  #117ed1;
	filter: drop-shadow(12px 11px 5px darkgrey);
}
h3
{
	color:                  #117ed1;
	font-style:             italic;
	filter:                 drop-shadow(6px 5px 7px darkgrey);
}

.chapter {
	display:                inline-block;
	position:               relative;
	width:                  470px;
	color:			        #FFD700;	/* gold */
	text-shadow:            2px 2px #FF0000;
	font-family:            "italian";
	font-size:              30px;
	font-weight:            bolder;
	margin:                 1px;
}

label {
	color:                  white;
	font-size:              9px;
}
td {
	padding-left:           6px;
	padding-right:          5px;
}

.gallery-image {
	border:                 5px solid papayawhip;
	height:                 60px;
	margin:                 5px;
}

.r-img {
		display:            inline-block;
		height:             30px;
		position:           relative;
		float:              right;
		right:              200px;
}

.menuimg{
		height:             30px;
}

a {
	text-decoration:        none;
	color:                  grey;
}

.back
{
	display:                inline-block;
	position:               relative;
	width:                  50px;
	padding:                3px;
	text-align: 		    center;
	border-radius:		    5px;
	border:				    2px solid red;
	font-family: 		    "Comic Sans MS";
	font-weight:            bolder;
	font-size:              20px;
	text-decoration:        none;
	background-color:       white;
	color:				    green;
}

/* COLORS  */

.red
{
		color:               orangered;
}

.dateselect {
	width:                  90px;
	height:                 12px;
	display:                block;
	float:                  top;
	text-align:             center;
	vertical-align:         middle;
	font-size:              12px;
	color:                  black;
	margin:                 3px;
	padding:                2px;
	margin-left:            12px;
	background-color:       #59e6fd;
	border:                 2px solid green;
}

.dateselect:hover
{
	background-color:       #117ed1;
	color:                  whitesmoke;
}

.note
{
	color:                  darkgrey;
	font-size:              8px;
	font-style:             italic;
}