/*movie backgraound_ 0730*/




body { background: #ff0202; }
/* span{ color:#6BdA4B; font-family: sans-serif; font-size: 40px; background: #FEDD00; } */
test{ background: #FEDD00; }
/* div {style: fatpen;} */


#fatpenviolet {
	 font-family: 'fatpen'; color: #588dc4; font-size: 30px;
 	 margin-top: 0px;

 }

div { font-family: 'fatpen2'; color: #4d96b5; font-size: 24px;}
span a{
	color: black;
	text-decoration: none;
}


#dateRight{
	font-family: sans-serif;
	color: aqua;
}

#wrapper {
text-align: left;
margin: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: auto;
margin-left: 0px;
max-width: 600px;
}

#menu {
	position : absolute;
	top : 50px;
    left : 50px;

}


#footer {
	font-family: 'fatpen2';
    position : absolute;
    bottom : 0;
    right : 0;
/*
    height : 40px;
    margin-top : 40px;
*/
  }

              







blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Media queries 

@media (max-width:1000px) {
	#wrapper {
		max-width: 600px;
	}
	#preview, #about {
		float: none;
		margin: auto;
		width: 600px;
	}
}

@media (max-width:620px) {
	#wrapper {
		max-width: 300px;
	}
	*/
	
	
/* Header */

header h1 {
font-family: sans-serif;
font-size: 60px;
letter-spacing: 15px;
border-radius: 5px;
/* padding: 12px 2px 6px 5px; */
/* background-color: #d9794c; */
margin: auto;
width: auto;
text-align: left;
color: #4d96b5;
padding-right: 5px;
}

header {
padding-top: 0px;
}

#icon_changer {
	font-family: "Typicons";
	-webkit-font-smoothing: antialiased;
	font-size: 80px;
	vertical-align: middle;
}






@font-face
{
font-family: 'fatpen2';
	src: 
	url('/images/font/fatpen.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}


/* .h1 {font-family: 'fatpen'; color: #ee0c0c; font-size: 20px;} */


@font-face {
	font-family: 'typicons';
		src: url('/images/font/typicons-regular-webfont.eot');
		src: url('/images/font/typicons-regular-webfont.eot?#iefix') format('embedded-opentype'),
			url('/images/font/typicons-regular-webfont.woff') format('woff'),
			url('/images/font/typicons-regular-webfont.ttf') format('truetype'),
			url('/images/font/typicons-regular-webfont.svg#TypiconsRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.typicn:before {
	font-family: "fatpen", sans-serif;
/* 	-webkit-font-smoothing: antialiased; */
	vertical-align: middle;
}

.typicn {
	font-family: "typicons", sans-serif;
/*
	//Reduce blur on icons in chrome, opera, safari and ios. 
//This is hacky & bad. Maybe possible for firefox, not sure yet. 
*/
/* 	-webkit-font-smoothing: antialiased;	-o-transform: scale(1);  */
}


.location:before {content: "A";}
.phone:before {content: "B";}
.home:before {content: "C";}
.camera:before {content: "D";}
.left:before {content: "E";}
.right:before {content: "F";}
.up:before {content: "G";}
.down:before {content: "H";}
.refresh:before {content: "I";}
.sync:before {content: "J";}
.loop:before {content: "K";}
.repeat:before {content: "L";}
.shuffle:before {content: "M";}
.rss:before {content: "N";}
.cog:before {content: "O";}
.spanner:before {content: "P";}
.barChart:before {content: "Q";}
.pieChart:before {content: "R";}
.lineChart:before {content: "S";}
.views:before {content: "T";}
.zoomIn:before {content: "V";}
.zoomOut:before {content: "U";}
.export:before {content: "W";}
.user:before {content: "X";}
.group:before {content: "Y";}
.microphone:before {content: "Z";}
.globe:before {content: "a";}
.thumbsUp:before {content: "b";}
.thumbsDown:before {content: "c";}
.tag:before {content: "d";}
.tab:before {content: "e";}
.warning:before {content: "f";}
.tick:before {content: "g";}
.beta:before {content: "h";}
.unlock:before {content: "i";}
.lock:before {content: "j";}
.eject:before {content: "k";}
.move:before {content: "l";}
.expand:before {content: "m";}
.cancel:before {content: "n";}
.power:before {content: "o";}
.compass:before {content: "p";}
.radar:before {content: "q";}
.directions:before {content: "r";}
.pin:before {content: "s";}
.mute:before {content: "t";}
.volume:before {content: "u";}
.world:before {content: "v";}
.write:before {content: "w";}
.minus:before {content: "x";}
.equals:before {content: "y";}
.feed:before {content: "z";}
.batteryNone:before {content: "0";}
.batteryLow:before {content: "1";}
.batteryMid:before {content: "2";}
.batteryHigh:before {content: "3";}
.batteryPower:before {content: "4";}
.plus:before {content: "5";}
.times:before {content: "6";}
.next:before {content: "7";}
.previous:before {content: "8";}
.edit:before {content: "9";}
.cut:before {content: "'";}
.anchor:before {content: "(";}
.bookmark:before {content: ")";}
.music:before {content: "*";}
.puzzle:before {content: "+";}
.archive:before {content: ",";}
.mobile:before {content: "-";}
.contrast:before {content: ".";}
.brightness:before {content: "/";}
.flag:before {content: "{";}
.info:before {content: "|";}
.unknown:before {content: "}";}
.chat:before {content: "~";}
.mail:before {content: "[";}
.message:before {content: "\005C";}
.delete:before {content: "]";}
.backspace:before {content: "^";}
.infinity:before {content: "_";}
.key:before {content: "$";}
.time:before {content: "%";}
.grid:before {content: "\0022";}
.list:before {content: "\0023";}
.heart:before {content: ";";}
.star:before {content: "=";}
.back:before {content: "?";}
.forward:before {content: "@";}