/*
	Theme Name: MrJack Theme (beta 1.0)
	Theme URI: http://turning-block.com/	
	Description: Built for Jack Brockway by Turning Block
	Author: Vaughan Barwood @ Turning Block
	Author URI: http://turning-block.com/
	Version: Version 3.3
*/

@font-face {
    font-family: 'StMarieThin';
    src: url('StMarie-Thin-webfont.eot');
    src: url('StMarie-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('StMarie-Thin-webfont.woff') format('woff'),
         url('StMarie-Thin-webfont.ttf') format('truetype'),
         url('StMarie-Thin-webfont.svg#StMarieThin') format('svg');
    font-weight: normal;
    font-style: normal;

}@charset "UTF-8";

/* CSS Document */

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	background-color:#FFF;
    font-family: 'StMarieThin';
	color:#AAAAAA;
	font-size:16px;
}

a{
	text-decoration:none;
	color:#737275;
}

a:hover{
	color:#AAAAAA;
}


.logo{
	position:absolute;
	bottom:0;
	left:0;
	width:80%;
	height:8%;
	margin:1%;
	background-image:url('images/logo.jpeg');
	background-repeat:no-repeat;
	background-size:contain;
	max-height:40px;
	max-width:275px;
}

.page{
	position:absolute;
	bottom:0;
	left:0;
	width:50%;
	text-align:left;
	height:4%;
	margin:0 10px 15px 15px;
	max-height:30px;
}

.title{
	float:left;
	text-align:left;
	margin:0 0 0 0;
	padding:4px 0 2px 15px;
}


.menu{
	position:absolute;
	bottom:0;
	right:0;
	text-align:right;
	height:4%;
	margin:0 25px 15px 0;
	max-height:30px;
}

.menu_btn{
	float:right;
	text-align:right;
	height:100%;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	max-height:40px;
}


.submenu{
	float:right;
	text-align:right;
	height:100%;
	margin:0 15px 0 0;
	padding:2px 15px 0 0;
	max-height:20px;
	border-right:solid 1px #CCCCCC;
}

.submenu ul li{
	float:right;
	list-style:none;
	margin: 0 0 0 15px;
	padding:0;
}

.left-arrow{
	width:50%;
	min-height:90%;
	position:absolute;
	left:0;
	cursor:pointer;
}

.right-arrow{
	width:50%;
	min-height:90%;
	position:absolute;
	right:0;
	cursor:pointer;
}