/*

  DAROKIN.INFO v3 MEOW - StyleSheet v0.1
  http://darokin.info
  (c) 2012 Adrien Rebuzzi

*/

* { 
	outline: 0; 
}
html, body { 
	min-height: 100%;  
}
body, ul, ol, dl { 
	margin: 0; 
}
img { 
	border: 0; 
}
article, aside, audio, footer, header, nav, section, video { 
	display: block 
}

/* --- END RESET --- */

* {
	margin: 0px;
	padding: 0px;
	border: none;
}

body {
	background-color:	#fff;
}


@font-face {
	font-family: 'PressStart';
	src: url('./assets/PressStart2P.ttf') format('truetype');
}
@font-face {
	font-family: '8bitoperator JVE Regular';
	src: url('./assets/8bitoperator_jve.ttf') format('truetype');
}


@font-face {
    font-family: 'press_start_2pregular';
    src: url('../assets/fonts/pressstart2p-webfont.eot');
    src: url('../assets/fonts/pressstart2p-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/pressstart2p-webfont.woff') format('woff'),
         url('../assets/fonts/pressstart2p-webfont.ttf') format('truetype'),
         url('../assets/fonts/pressstart2p-webfont.svg#press_start_2pregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'volter_goldfishregular';
    src: url('../assets/fonts/volter__28goldfish_29-webfont.eot');
    src: url('../assets/fonts/volter__28goldfish_29-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/volter__28goldfish_29-webfont.woff') format('woff'),
         url('../assets/fonts/volter__28goldfish_29-webfont.ttf') format('truetype'),
         url('../assets/fonts/volter__28goldfish_29-webfont.svg#volter_goldfishregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '8bitoperator_jveregular';
    src: url('../assets/fonts/8bitoperator_jve-webfont.eot');
    src: url('../assets/fonts/8bitoperator_jve-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/8bitoperator_jve-webfont.woff') format('woff'),
         url('../assets/fonts/8bitoperator_jve-webfont.ttf') format('truetype'),
         url('../assets/fonts/8bitoperator_jve-webfont.svg#8bitoperator_jveregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

canvas {
	
}
#c {
	cursor: url(./assets/hand_01.cur);
	border:2px solid #DDD;
}

#mainDiv {
	//position: absolute;
	display:	block;
	width:		512px;
	height:		112px;
	margin: 	0px auto;
	margin-top:	100px;
	background: #ffffff;
}

a {
	text-decoration: none;
}

.menu {
	font-size: 16px; 
	font-family: 'press_start_2pregular';/*'PressStart';*/
	display: inline-block;
}

.menu ul {
	width: 512px;
	list-style:none; 
	display: inline-block;
}

.menu ul li {
	display: 	inline-block;
}

.menu ul li.menuEntryAbout {
	width: 		92px;
}
.menu ul li.menuEntryBlog {
	width: 		85px;
}
.menu ul li.menuEntryWork {
	width: 		86px;
}
.menu ul li.menuEntryShop {
	width: 		78px;
}
.menu ul li.menuEntryTwitter {
	width:		88px;
}

.menu a {
	text-decoration: 	none;
	color:				#FF6440;
}

.menu a:hover {
	text-decoration: 	underline;
	color:			#FF0000;
}

#aboutDiv {
	font-size: 		16px; 
	font-family: 	'8bitoperator_jveregular';
	color:			#BF4B30;
	text-align:		left;
	letter-spacing: 0px
}

#workDiv {
	font-size: 		16px; 
	font-family: 	'8bitoperator_jveregular';
	color:			#BF4B30;
	text-align:		left;
	letter-spacing: 0px
}

#shopDiv {
	font-size: 		16px; 
	font-family: 	'8bitoperator_jveregular';
	color:			#BF4B30;
}

span.green {
	color:			#CC9940;
}

#emailadr a {
	color:			#CC9940;
}

#emailadr a:hover {
	color:			#FF9940;
}

.workItem {
	font-size: 		16px; 
	font-family: 	'8bitoperator_jveregular';
	color:			#BF4B30;
	text-align:		left;
	letter-spacing: 0px;
	padding-top:	4px;
	padding-left:	100px;
	height:			36px;
	border:			1px solid #ffcba4;
	background-repeat:no-repeat;
	/*
	background-color: #421212;
	background-color: #f9a76a;
	*/
}

.workItem  i {
	color:			#a12475;
	/*
	*/
}