body {
	padding:0;
	margin:0;
	background : #181818;
	color : #eee;
	font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;

  }
  #content {
	width : 480px;
	margin : 0 auto;
	padding : 2em 0;
  }
  
  #misc a,  #misc  a:link,   #misc a:visited {
	color : #9fee00;
	text-decoration : none;
	border-bottom : 1px dotted #f90;
  }
  
:focus {
	outline:none;
}
#header {
	margin : 0 ;
	padding : 0 0 1em 0;
	border-bottom : 1px solid #333;
	font-size : 1.25em;
	line-height : 1.2;
	font-weight : 300;
}


#header h1  a{
	display : block;
	width : 300px;
	height : 100px;
	margin-left : -28px;
	text-indent : -9999px;
	background : url('img/logo_fumblup.jpg') no-repeat left top;
	border:none;
}

#misc {
	/*font-size : 1.25em;*/
	line-height : 1.2;
	font-weight : 300;
}

#misc  h2 {
  	color:  #FF3900;
  	font-size: 2;
  	font-weight: normal;
padding : 1em 0;
  }
  
  #up .field {
width : 450px;
margin : 0 15px 0 15px;
padding : 3em 0 3em 0;
float : left;
clear : both;
border-top : 1px solid #090909;
border-bottom : 1px solid #333;
}

#up #up-3 {
border-bottom : none;
}

.field label {
font-weight : normal;
display : block;
padding-bottom : 0.5em;
}

.field:before {
display : block;
margin : 0 0 0.5em -90px;
position : absolute;
font-size : 2em;
width : 60px;
height : 60px;
color : #fff;
background : #679b00;
border-radius : 100px;
-moz-border-radius : 100px;
-webkit-border-radius : 100px;
text-align : center;
line-height : 60px;
font-weight : bold;
}

#up-1:before {
content : '1';
}

#up-2:before {
content : '2';
}

#up-3:before {
content : '3';
}

#up-3 input {
	cursor: pointer;
	height:30px;
	padding:0 25px;
	border:none;
	background: #222 url(img/button-overlay.png) repeat-x; 
	border-radius: 20px; /* futur CSS 3 */
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari */
	-icab-border-radius: 20px; /* iCab */
	-KHTML-border-radius: 20px; /* Konqueror */
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	text-shadow : -1px -1px 0 #383838;
	/*border-bottom: 1px solid rgba(0,0,0,0.25);*/
	color:#fff;
	margin:0px;
	text-transform : lowercase;
}

#up-2 input,
#up-2 textarea {
width : 440px;
max-height : 160px;
margin : 0 0 1.5em 0;
padding : 0.5em 5px;
color : inherit;
font-family : inherit;
line-height : inherit;
font-size : 1em;
background : #222;
border-width : 1px 0 0 1px;
border-color : #383838;
}

.form-note{
	  	color:  #FF4700;
	border:none;
	width : 440px;
margin : 0 15px 0 15px;
padding:10px 0 10px 32px;
float : left;
clear : both;
		background: transparent url(img/important.png) no-repeat center left; 
}

#image-preview {
	border-top : 1px solid #090909;
margin : 0 auto;
padding : 3em 0;
	border-bottom : 1px solid #333;

}

.image-preview  {
text-align: center;
}

.image-preview img {
padding : 4px;
border : 1px solid #333;
margin:0 auto;
}

#footer {
	border-top : 1px solid #090909;
margin : 0 auto;
padding : 3em 0;
text-align:right;

}