/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans'), local('JosefinSans'), url(http://fonts.gstatic.com/s/josefinsans/v9/xgzbb53t8j-Mo-vYa23n5ojoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans'), local('JosefinSans'), url(http://fonts.gstatic.com/s/josefinsans/v9/xgzbb53t8j-Mo-vYa23n5hampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(http://fonts.gstatic.com/s/josefinsans/v9/C6HYlRF50SGJq1XyXj04z0qWMeizceScn2Xpn1ZpsKI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(http://fonts.gstatic.com/s/josefinsans/v9/C6HYlRF50SGJq1XyXj04z8hHwsiXhsDb0smKjAA7Bek.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: motor_oil;
    src: url(http://www.theimaginaryzebra.com/Loards/fonts/Motor%20Oil%201937%20M54.ttf);
    font-weight:400;
}
@font-face {
    font-family: Ventography;
    src: url(http://www.theimaginaryzebra.com/Loards/fonts/Ventography_Personal_Use_Only.ttf);
    font-weight:400;
}
@font-face {
    font-family: twentytwelve;
    src: url(http://www.theimaginaryzebra.com/Loards/fonts/TwentytwelveSlab-Regular.ttf);
    font-weight:400;
}


/************************* menu bottons ********************/

body{
	background:;
	margin:0;
	padding:0;
}

#main_menu {
	position:absolute;
	text-align:left;
	height:90%;
	width:220px;
}

#main_menu a {
	text-decoration:none;
	/**font-family: motor_oil;**/
        font-family: 'Josefin Sans';
	color: #fefae9;
	font-size:17px;
	letter-spacing:1px;
	text-transform:uppercase;
	line-height:40px;
	text-shadow:2px 2px #000;
	font-weight:bold;
	 margin-left:30px;
	 padding-bottom:10px;
	 border-bottom:1px dotted #fefae9;
}

#main_menu a.index {
	border-bottom:0px dotted #fefae9;
}

#main_menu img {
	margin-left:-30px;
	margin-bottom:15px;
}

#main_menu a:hover {
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	transition: all 0.2s linear;
	color:#faebae;
	text-shadow:5px 5px #000;
}