/* =========== */
/* = GLOBALS = */
/* =========== */
body { background:#c7c3ad url(../img/bgbody.gif); font:12px helvetica, arial, sans-serif; color:#999; }
strong { font-weight:bold; }
.hidden { display:none !important; }



/* ============= */
/* = STRUCTURE = */
/* ============= */
#wrapper { width:960px;  margin:0 auto; }
#site { background:url(../img/bghighlight.png) center top no-repeat; }
#window { background:#fff url(../img/faux.gif) left top repeat-y; margin-bottom:12px; overflow:hidden; zoom:1; 
		border-radius:7px; 
		-moz-border-radius:7px; 
		-webkit-border-radius:7px; 
		box-shadow:0 0 6px #999; 
		-webkit-box-shadow:0 0 6px #999; 
		-moz-box-shadow:0 0 6px #999; }

#window .inner { padding:27px 22px; }
#content { width:710px; float:right; position:relative; }
#content .inner { padding-left:30px; }





/* ======== */
/* = TYPE = */
/* ======== */
#window h1 { font-size:29px; margin-bottom:10px; letter-spacing:-1px; text-shadow: 0 0 2px #ccc; }
#window h2 { font-size:24px; margin-bottom:10px; padding-top:10px; letter-spacing:-1px; text-shadow: 0 0 2px #ccc; }
#window h3 { font-size:20px; margin-bottom:10px; padding-top:10px; letter-spacing:-1px; text-shadow: 0 0 2px #ccc; }
#window a { color:#8aa1a3; text-decoration:underline; }
#window p,
#window ol,
#window ul { line-height:1.6em; margin-bottom:0.6em; }
#window blockquote { margin:10px 40px; font-style:italic; }
#window .info { padding-top:6px; }
#window .info ~ ol#suggestions { padding-top:20px; }
#window .message { text-align:center; width:450px; margin:0 auto 10px auto; font-size:20px; letter-spacing:-1px; text-shadow: 0 0 2px #ccc; background:#f5f5f5; border:1px solid rgba(204,204,204,0.1); 
		border-radius:5px; 
		-moz-border-radius:5px; 
		-webkit-border-radius:5px; 
		box-shadow:0 0 4px #777; 
		-webkit-box-shadow:0 0 4px #777; 
		-moz-box-shadow:0 0 4px #777; }
#window .message p { margin:0; padding:8px; }




/* ========== */
/* = HEADER = */
/* ========== */
#header { padding:25px 8px 15px 8px; overflow:hidden; zoom:1; }
#header h1 { float:left; }
#header #twitter { width:300px; float:right; text-align:right; padding:20px 6px 0 0; }
#header #twitter a { background:url(../img/icon-twitter.png) left center no-repeat; padding:8px 0 4px 24px; text-decoration:none; color:#fff; font-weight:bold; text-shadow: 0 0 2px #7a7a7a; }




/* ========== */
/* = FOOTER = */
/* ========== */
#footer { clear:both; overflow:hidden; zoom:1; margin-bottom:80px; padding:0 6px; }
#footer p { width:50%; float:left; color:#fff; text-shadow: 0 0 2px #999; }
#footer p#association { float:right; text-align:right; }
#footer p a { text-decoration:none; color:#fff; font-weight:bold; }




/* =========== */
/* = SIDEBAR = */
/* =========== */
#sidebar { width:250px; float:left; background:url(../img/bgsidebar.gif) 233px top no-repeat; min-height:550px; }
#sidebar .section { padding-bottom:15px; }
#sidebar .section ul { margin-bottom:1em; }
#sidebar .section li { margin-bottom:0.6em; }





/* ========= */
/* = FORMS = */
/* ========= */
form div { overflow:hidden; padding-bottom:8px; zoom:1; }
form label { display:block; float:left; width:100px; text-align:right; margin-right:14px; padding-top:7px; font-size:14px; }
form input { display:block; float:left; border:1px solid #d9d9d9; padding:5px 6px; width:175px;
				border-radius:5px; 
				-moz-border-radius:5px; 
				-webkit-border-radius:5px; 
				box-shadow:0 0 3px rgba(204,204,204,0.8); 
				-webkit-box-shadow:0 0 3px rgba(204,204,204,0.8); 
				-moz-box-shadow:0 0 3px rgba(204,204,204,0.8); }
form input.file { margin-right:6px; }
form .buttons { padding:2px 0 0 114px; }
button { padding:5px 9px; }
button.img { padding:0; margin:0; border:0; cursor:pointer; background:transparent; }





/* ================ */
/* = DIALOG "BOX" = */
/* ================ */
.dialog { background:#f5f5f5; border:1px solid rgba(204,204,204,0.1); margin:-10px 22px 0 22px; padding:22px 20px 10px 20px;
		border-radius:5px; 
		-moz-border-radius:5px; 
		-webkit-border-radius:5px; 
		box-shadow:0 0 4px #777; 
		-webkit-box-shadow:0 0 4px #777; 
		-moz-box-shadow:0 0 4px #777; }
.dialog legend { display:none; }
.dialog form label { width:auto; text-align:left; }
.dialog form div { width:260px; float:left; margin-right:10px; padding-bottom:0; }
.dialog form div.buttons { width:60px; margin-right:0; }

	#logindialog div#field-quick-email { width:250px; }
	#logindialog div#field-quick-password { width:280px; }
	#logindialog div.buttons { float:right; text-align:right; padding-left:0; }
	#btncancel { display:block; float:right; margin-top:2px; }
	
	a#btnlogin { display:block; position:absolute; top:15px; right:40px; }

	/* Hidden from view */
	.rolled { width:625px; position:absolute; left:0; }



/* ======================== */
/* = REGISTER (HOME PAGE) = */
/* ======================== */
#register { padding-top:100px; }
#intro { text-align:center; }
#intro h2 { margin-bottom:0; }
#frmloginregister { width:350px; margin:0 auto; padding:20px 0; }
#frmloginregister legend { display:none; }
#frmloginregister div.file div { padding-top:5px; }
#frmloginregister .buttons { clear:both; padding-top:15px; }



/* =========== */
/* = RESULTS = */
/* =========== */
.actions { overflow:hidden; zoom:1; }
.actions p { float:left; padding-top:5px; }
.actions a { display:block; float:right; width:auto; margin-right:20px; text-align:right; }
.actions a.done { margin:13px 0 0 0; }

ol#suggestions { padding:45px 0 20px 0; }
ol#suggestions li { margin-bottom:10px; font-size:11px; }
ol#suggestions li a { color:#777; text-decoration:none; display:block; overflow:hidden; zoom:1; }
ol#suggestions li span.site { width:565px; float:left; }
ol#suggestions li span.url { opacity:0.45; }
ol#suggestions li span.percent { width:50px; float:right; text-align:right; font-size:16px; color:#999; font-weight:bold; }
ol#suggestions li span.title { font-size:19px; font-weight:bold; color:#799091; padding-right:4px; }

	ol#suggestions li:hover span.url { opacity:1; }
	
	li#loading { text-align:center; }
	li#loading span { display:block; padding:10px 0 4px 0; }
	
	a.ignore { display:block; float:left; width:20px; padding-top:5px; }
	
	ol#suggestions.edit li span.site,
	ol#suggestions.edit li span.percent,
	ol#suggestions.edit li a.ignore { opacity:0.6; }
	ol#suggestions.edit li span.site:hover { opacity:0.85; }
	ol#suggestions.edit li a.ignore:hover { opacity:1; }
	
	ol#suggestions.edit.nojs { padding-top:5px; }
	#editdialog .actions { padding-top:15px; }
	#editdialog .actions a { margin-right:0; }