/*General Stuff */
body {
	font-family: 'Montserrat', sans-serif;
	padding: 0px;
	margin: 0px;
	background-image: linear-gradient(to bottom, rgba(50,30,10,0.8), rgba(247,118,34,0)), 
		url('img/bgbricks.png');
	}
h1, h2, h3, h4, h5, h6, h7 { font-family: 'BioRhyme', serif;}

#titlebar {
	width:100%;
	height:320px;
	text-align:center;
	font-size:18pt;
	background-image:  url('img/logleft.png'), url('img/logright.png'), url('img/loglamp.png');
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left, right, center;
	background-size:contain;
	
	margin:0 auto;
	}
#titlebar img {height:100%}

#linkbar {float:left; width:20%; min-height:600px;
	background-image:  url('img/menuborder1.png'), url('img/menuborder2.png'), url('img/menuborder3.png'), url('img/menuborder4.png'), url('img/menuborder5.png'), url('img/menubg.png');
	background-repeat: no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat;
	background-position: top right, bottom right, top, bottom, right;
	}

#overpane {
	float:left;
	width:80%;
	min-height:600px;
	position:relative;
	background-image:url('img/smalllogend.png'), url('img/smalllogend.png'),
					url('img/smalllogend.png'), url('img/smalllogend.png'),
					url('img/smalllog.png'), url('img/smalllog.png'),
					linear-gradient(to bottom, rgba(14,10,27, 0.5), rgba(53,30,40, 0)),
					url('img/barbottles.png');
	background-position: top left, top right, bottom left, bottom right, top, bottom, top, left;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, no-repeat, repeat;
	}
#contentpane {float:left; width:56%; min-height:600px; margin: 0 1%; padding:0 1%; border-radius:10px; background-color: rgba(255, 255, 225, 0.9);}
.posttitle {font-variant: small-caps; margin-bottom: 0px;}
.postsubtitle {font-size: 0.8em; font-variant: small-caps; margin: 0px}
.postcontent {margin-bottom: 25px;}
.postcontent img {width:80%; display:block; margin:0 auto}

.characterprofile{clear:both}
.charactername {text-align:center}
.characterprofile .rightside{float:right}
.characterprofile .leftside{float:left;}
.profilepicture {width:340px; max-width:100%;}



#characterpane {float: left; width:40% ;height:60%; position:absolute; bottom:0; right:0;}

/*LinkBar Stuff*/
#linkbar a {
	display:block;
	position:relative;
	width:100%;
	min-height:180px;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	font-size:14pt;
	color:white;
	font-weight:bold; 
	text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
    -webkit-font-smoothing: antialiased;
	}
#linkbar a span {display:block; position:absolute; top:50%; width:100%; text-align:center;}
#linkbar a:hover span {font-size:18pt;top:48%}

#homelink {background-image:url("img/beers.png"); }
#charlink {background-image:url("img/charicon.png");}
#charlink:hover {background-image:url("img/charicon.gif");}
#aboutlink {background-image:url("img/burger.png");}

/*SlideShow Stuff*/
.mySlides img{position:absolute; bottom:0; right:0; min-width:400px}