html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
margin: 0; 
padding: 0; 
}
@font-face {
    font-family: 'C64ProMonoRegular';
    src: url('../fonts/c64_pro_mono_v1.0-style.eot') format('embedded-opentype');
    src: url('../fonts/c64_pro_mono_v1.0-style.eot?#iefix') format('embedded-opentype'),
         url('../fonts/c64_pro_mono_v1.0-style.woff') format('woff'),
         url('../fonts/c64_pro_mono_v1.0-style.ttf') format('truetype'),
         url('../fonts/c64_pro_mono_v1.0-style.svg#C64UserMonoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* C64 COLORS */
.bgcol1{
	background-color: #000000;
}
.bgcol2{
	background-color: #FFFFFF;
} 
.bgcol3{
	background-color: #68372b;
} 
.bgcol4{
	background-color: #70a4b2;
} 
.bgcol5{
	background-color: #6F3D86;
} 
.bgcol6{
	background-color: #588d43;
} 
.bgcol7{
	background-color: #352879;
} 
.bgcol8{
	background-color: #b8c76f;
} 
.bgcol9{
	background-color: #6F4F25;
} 
.bgcol10{
	background-color: #433900;
} 
.bgcol11{
	background-color: #9a6759;
} 
.bgcol12{
	background-color: #444444;
} 
.bgcol13{
	background-color: #6C6C6C;
} 
.bgcol14{
	background-color: #9AD284;
} 
.bgcol15{
	background-color: #6c5eb5;
} 
.bgcol16{
	background-color: #959595;
} 

.col1{
	color: #000000;
}
.col2{
	color: #FFFFFF;
} 
.col3{
	color: #68372B;
} 
.col4{
	color: #70A4B2;
} 
.col5{
	color: #6F3D86;
} 
.col6{
	color: #588D43;
} 
.col7{
	color: #352879;
} 
.col8{
	color: #B8C76F !important;
} 
.col9{
	color: #6F4F25;
} 
.col10{
	color: #433900;
} 
.col11{
	color: #9A6759;
} 
.col12{
	color: #444444;
} 
.col13{
	color: #6C6C6C;
} 
.col14{
	color: #9AD284;
} 
.col15{
	color: #6C5EB5;
} 
.col16{
	color: #959595;
} 

body {
	background-color: white;
	padding-top: 50px;
	font:16px 'C64ProMonoRegular', Georgia, serif;
	color: #a5a5a5;
	font-weight: normal;
}
.landscape{
width: 640px;
height: 400px;
}
.portrait{
height: 640px;
width: 400px;
}

p{
margin-bottom: 5px;
}
a{
text-decoration: none;
}
#gui{
top: 435px;
width: 640px;
	font-size: 16px;
	position: absolute;
z-index: 10;
}

.menu{
	width: 220px;
	margin-left: 10px;
	z-index: 2;
	float: right;
	height: 130px;
}
.social{
padding-top: 7px;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.socialbtns{
width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.menu0{
color: #6c5eb5;
	background-color: #352879;
	padding: 5px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	cursor: default;
	width: 210px;
}
#btn_flickrupload,.popBtn{
	padding: 5px;
	color: #b8c76f;
	background-color: #68372b;
	text-transform: uppercase;
}
#btn_flickrupload:hover,.popBtn:hover{
	background-color: #9a6759 !important;

}
.btn{
color: #b8c76f;
	background-color: #352879;

	padding: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
	float: left;
	width: 200px;
}
.btnreset{
float: left;
margin-left: 0;
width: 110px;
cursor:pointer;
}
.submenu{
width: 210px;
height: auto;
bottom: 26px;
position: absolute;
}
.btnreset .submenu{
width: 130px;
}
.submenu a{
display: none;
}
.active, .btn:hover {
background-color: #6c5eb5; 
}
/*
.menu .btn{
background-color: aqua;
position: absolute;
bottom: 0;
}

.active, .btn:hover {
	background-color: #6465cd; 
}



*/
.disclaimer{
padding: 10px;
text-align: center;
margin-bottom: 10px;
}
#imagecontainer{

margin-bottom: 20px;
}

.left,.sub{
margin-left: 0px;
}
.right{
float: right;
}
#wrap{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	line-height: 20px;
	width: 860px;
}
#imagewrap,.attention{
text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	line-height: 20px;
	width: 88%;
}
.attention{
color: #b8c76f;
background-color: #68372b;
padding: 40px !important;

}
#flickrwrap{
text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	line-height: 20px;
	width: 640px;
}

.paletteColor{
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 2px;
}
.cRed{
color: #8b6053;
}
.cBlue{
color: #615dac;
}
#sourcePalette,#destPalette{
width: 600px;
display: block;
clear: both;
margin-top: -20px;
}
#loaderscreen{
position: absolute;
z-index: 7;
}
#screen{
	color: #fff;
	font-size: 24px;
	background-color: #2b2f8d;
	position: absolute;
	z-index: 2;
}
#screenBG{
	color: #fff;
	font-size: 24px;
	background-color: #000;
	position: absolute;
	z-index: 1;
}


#screenwrap{
	background-color: #6c5eb5;
	padding: 40px;
	font:12px 'C64ProMonoRegular', Georgia, serif;           
	border-color: #ccc;
	border-style: solid;
	border-width: 10px;
	margin-left: auto;
	margin-right: auto;
}
#monitor{
	padding-left: 60px;
	padding-bottom: 60px;
	padding-right: 60px;
	padding-top: 60px;
	background-color: #dddddd;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}
#logo{
margin-left: -30px;
margin-top: -35px;
margin-bottom: 20px
}

#power{
float: right;
padding-top: 15px;
}
.footer{
padding-top: 25px;
line-height: 11px;
text-align: center;
font-size: 8px;
width: 100%;
clear: both;
}
.footer p{
margin-bottom: 20px;
}
.description{
padding-top: 20px;
}
.legal{
padding-top: 50px;
text-align: right !important;
display: block;
width: 860px;
}
#console{
	font-family: monospace;
	color: #24ff36;
	width:880px;
	height: 440px;
	background-color: #23572c;
	float: left;
	clear: both;
}
/*uploader styles*/
#uploadArea{
background-repeat: no-repeat;
position: absolute;
z-index: 6;
}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:400px; min-height: 70px; z-index:2; text-align:center; 
    
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
    
}
.qq-upload-drop-area-active {color: white; background:#646464;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}