@charset "UTF-8";

*    { font-size:100%; }
html { margin:0; padding:0; }
body { margin:0; padding:0.25em 20px; border-top:5px solid #f93; line-height:1.4; font-family:sans-serif; 
		/* background:url(../img/flamenco/09.jpg) no-repeat fixed 100% 0%; background-size:40% auto; */ }

main { display:block; clear:both; padding:0 10px; max-width:1240px; min-height:calc(100vh - 400px); }

a:hover { color:#f09030; text-decoration:underline; }
a:hover img { opacity:0.8; }

em      { font-weight:bold; font-style:normal; color:#c60; }
strong  { font-weight:bold;  color:#e63333; }
small   { font-size:87%; }
img     { border:0; vertical-align:bottom; }

h1     { margin:0.25em -5px; font-size:175%; color:#fa9a3a; }
h1 a   { color:#fa9a3a; text-decoration:none; }
h2 {
	width: 60%;
	margin: 1.4em 0 1em -15px;
	padding: 0.5em 1em;
	border-radius: 2em;
	font-size: 100%;
	background: rgb(255,204,153);
	background: linear-gradient(to right, rgba(255,204,153,0.5), rgba(255,204,153,0));
	color: #ff7f00;
	text-shadow: 2px 2px #fff9f3;
}

ul    { padding:0; }
ol    { padding:0; }
ul li, ol li { margin: 0 0 0.125em 25px; padding: 0 0 0.125em; }

*.note { padding:0 1em; }

header { clear:both; }
header .help { font-size:87%; }

footer { clear:both; margin:2em -20px 0; padding:0.25em 20px; border-top:2px solid #f93; }
footer address { text-align:right; font-style:normal; }

article, section { clear:both; }

p.help        { font-size:94%; margin:0.5em 0; padding:0 1em; }
form + p.help { text-align:center; margin:-0.5em 0; }

form     { margin:0 0 1em; }
form a   { text-decoration:none; }
fieldset { padding:0 1em; border:1px solid #999; }
label    { margin-right:0.33em; }
small, legend  { font-size:87.5%; }
textarea, input[type="text"] { padding-left:3px; }

.button { display:inline-block; padding:4px 8px 4px 4px; border-radius:8px;
			background:#f93; color:#fff; vertical-align:bottom; text-decoration:none;
			line-height:32px; font-size:80%; font-weight:bold; cursor:pointer; }
.button:hover { color:#fff; text-decoration:none; opacity:0.8; }
.button:hover img { opacity:1; }


/* tabs */
div.ui-tabs { overflow:hidden; margin:0 0 1.5em; border:0; font-size:94%; background:none; }
div.ui-tabs .ui-tabs-nav { margin:0 10px; padding:0; border:0; background:none; font-size:93%; }
div.ui-tabs .ui-tabs-nav li a { padding:0.4em 0.7em; }
div.ui-tabs .ui-tabs-panel { border:1px solid #ccc; background:rgba(255,255,255,0.9); }
div.ui-tabs .ui-tabs-panel h3 { display:none; }


/* Homepage */
#Home { background:url(../img/bg/Fotolia_31479469_XS3.jpg) no-repeat fixed 100% 100%; background-size:auto 80%; }
#Home h1 { float:left; margin-bottom:1em; }
#Home #sorry { clear:left; margin:1em 1.4em 0 0.6em; font-size:87%; text-align:left; white-space:nowrap; }
#Home header .help { float:right; width:60%; margin:-0.5em 0 0 auto; text-align:right; }
#Home main { width:67%; }

/* Fonts */
#Fonts { background:url(../img/bg/Fotolia_34886833_XS2.png) no-repeat fixed 100% 100%; background-size:auto 60%; }
#Fonts #font_area,
#Fonts form,
#Fonts textarea  { background:rgba(255,255,255,0.8); }

/* Playtube */
#Playtube { background:url(../img/bg/Fotolia_56844486_XS4.png) no-repeat fixed 100% 100%; background-size:auto 67%; }

/* uploadThumbs */
#uploadThumbs { background:url(../img/bg/Fotolia_53242527_XS2.jpg) no-repeat fixed 100% 90%; background-size:auto 75%; }
#uploadThumbs form { float:left; margin-right:1.4em; }
#uploadThumbs form fieldset { width:340px; padding:0 10px; }
#uploadThumbs form fieldset ul li { list-style:none; margin:0; }
#uploadThumbs div.tabs {  }

#uploadThumbs #sample-button a.button { }