/* ------------------------------------------------------------
	Reset Styles (from meyerweb.com)
------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

.clear { clear: both; height: 1px; overflow: hidden; }

body {
	background: white;
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1;
	background: url('imgs/editor.png') repeat-y top right;
}

#header { position: relative; height: 40px; background: url('imgs/header.png') repeat-x; z-index: 99; }
#logo { position: absolute; top: 2px; left: 15px; width: 152px; height: 42px; background: url('imgs/logo.png'); }
#logo a { display: block; width: 100%; height: 100%; text-indent: -9999em; } 

/* Social */
.social { height: 18px; text-align: center; padding: 3px; background: white; position: absolute; top: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; }
#tweetmeme { right: 280px; width: 70px; }
#digg { right: 360px; width: 80px; }

/* Help*/
#help { position: absolute; top: 10px; right: 20px; }
#helpbutton { color: white; font-weight: bold; font-size: 16px; }
#helpcontents { position: absolute; top: 10px; right: -10px; width: 305px; height: 0px; padding: 45px 20px; background: url('imgs/help.png'); }

#helpnav { display: block; border-bottom: 1px solid #ddd; height: 26px; }
#helpnav li { float: left; padding: 3px 8px; margin: 0 2px 0 0; background: #eee; height: 20px; line-height: 20px; }
#helpnav li.selected { background: #ddd; }
#helpnav li a { color: #999; font-weight: bold; }
#helpnav li a:hover, #helpnav li.selected a { color: black; }

#helpsections { }
#helpsections li { display: none; color: #333; line-height: 18px; padding: 8px; }
#helpsections li.selected { display: block; }
#helpsections li p { margin: 9px 0; }

#closebutton { position: absolute; bottom: 18px; right: 12px; text-decoration: none; font-weight: bold; color: white; }




#container { position: relative; margin-top: -4px; padding: 20px 0; }
h2.blocktitle { background: none; font-size: 30px; font-weight: bold; color: black; line-height: 30px; margin: 0; padding: 0; z-index: 1; }

#sitemap { position: relative; background: white; margin: 0 280px 0 15px; }
#message { position: absolute; top: 25px; right: 300px; border: 2px solid #E9E9E9; background: #F7F7F7; padding: 4px; color: #717171; z-index: 2; font-size: 12px; }
#message.saved { background: #FFFBD5; border: 2px solid #EFE097; color: #000; font-weight: bold; }
#message.saved a { color: #00F; text-decoration: underline; content: none; text-transform: normal; display: inline; }

#editor { width: 245px; float: right; margin: 0; padding: 0 15px;}
#naveditor { margin: 10px 0 0 0; padding: 2px; width: 235px; border: 1px solid #C9C9C9; color: #333; }
#simplehelp { margin: 5px 0 0 0; color: #333; }
#print, #save {  float: left; display: block; margin: 3px 2px; width: 118px; height: 29px; line-height: 300px; overflow: hidden; }
#print { background: url('imgs/print.png'); }
#save { background: url('imgs/save.png'); }
#save.ready { background: url('imgs/save-over.png'); }
#save:hover { cursor: text; }
#save.ready:hover { cursor: pointer; cursor: hand; }

#credit { position: absolute; bottom: -10px; right: 20px; }
#credit img { position: relative; top: 3px; }