/* # Import # */
@import url("reset.css");
@import url("typography.framework.css");
@import url("pygments.css");

/* # Base # */
body { padding-bottom: 50px; background: #f4f4ee url(/static/gfx/background.gif); font-family: "Lucida Grande", sans-serif; }

/* # Header # */
div#header { border-bottom: 1px solid #c6c6b8; background: #dbdbd5 url(/static/gfx/background-dark.gif); margin-bottom: 50px; padding: 10px 0; font-family: Georgia, serif; font-style: italic; text-shadow: 1px 1px 1px #fff; }
	h1 { display: inline; font-size: 1.5em; padding: 0; }
		h1 a { color: #7f7f6f; }
		h1 span { color: #aaaa9f; color: rgba(127, 127, 111, 0.6); }
	
	div#header p { float: right; display: inline; padding: 0; color: #7f7f6f }
		div#header p a { font-weight: bold; color: #7f7f6f; }
			div#header p a:hover { color: #333; }
		div#header p span { margin: 0 0.4em; }
	

/* # Head # */
h2 { font-family: Georgia, serif; font-style: italic; padding: 0 0 26px; color: #7f7f6f; font-size: 30px; text-shadow: 1px 1px 1px #fff; }
	h2.first { padding: 20px 0 50px; font-size: 40px; }
	h2 em { color: #d2cfc6; }
	h2 span { position: relative; left: -20px; }
	
h3 { border-bottom: 1px dashed #eee; margin-bottom: 0.8em; }
	h3.first { padding-top: 0; }
	h3 span { color: #ccc; font-size: 70%; }

h4 { text-align: right; height: 0; position: relative; font-style: italic; font-family: Georgia, serif; }
	h4 a { background: #fff; color: #aaa; font-size: 2em; position: absolute; top: 1.5em; right: 0.4em; padding: 0 0.4em 0.2em 0.2em; }
	h4 em { font-size: 70%; position: relative; top: -0.1em; color: #ddd; }
	

/* # Lists # */
dl { width: 100%; }
	dl dt { color: #666; text-transform: uppercase; margin-bottom: 0.3em; }
	dl dd { margin-bottom: 1.5em; margin-left: 0; }

/* # Wrap # */
div.wrap { color: #333; padding: 20px 20px 0; background: #fff; margin-bottom: 50px; }
	
	/* Shadow */
	div.bottom { padding-bottom: 7px; background: url(/static/gfx/shadow/bottom.gif) 0 100% no-repeat; }
	div.right { background: url(/static/gfx/shadow/right.gif) 100% 13px repeat-y; }
	div.top { background: url(/static/gfx/shadow/top.gif) 100% 0 no-repeat; }

	div.wrap a { color: #25729e; padding-bottom: 0.3em; }
		div.wrap a:hover { color: #616161; border-bottom: 1px solid #eee; }

	p.date { color: #999; }
	p.lesser { padding-top: 15px; border-top: 1px dashed #eee; color: #ccc; }
	
	.sep { border-top: 1px solid #eee; padding-top: 20px; }

	ul.control { text-align: right; margin-top: 20px; border-top: 1px solid #eee; padding: 10px 0 0; width: 100%; }
		ul.control li { display: inline; margin: 0; }
		ul.control li.diff-toggler { float: left; }
		/*ul.control li.last { background: url(/static/gfx/bullet.gif) 0 0.5em no-repeat; padding-left: 12px; }*/
		
		div.wrap ul.control a { border: 0; color: #666; background: #ebebeb; padding: 0.2em 0.6em; margin-left: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
			div.wrap ul.control a:hover { color: #333; }
	
	/* About */
	div.highlight { border: 1px solid #f5f5df; background: #fffff3; padding: 0 1em; margin: 2em 0; }
		div.highlight h3 { border-bottom-color: #f5f5df; }
		
		body.about p.widget { padding-top: 15px; }
			body.about p.widget img { position: relative; top: -15px; float: left; margin-right: 20px; }
	
	/* Widget */
	p.download { float: right; margin: 10px 25px; }
		p.download a { font-size: 1.5em; color: #fff; display: block; padding: 20px 20px 20px 72px; background: #9fd98d url(/static/gfx/widget/arrow.gif) 10px 50% no-repeat; border: 1px solid #82bd6f; -webkit-border-radius: 2px; -moz-border-radius: 2px;  }
			div.wrap p.download a:hover { border-color: #82bd6f; }
		p.download span { display: block; font-size: 60%; color: #5c8f4d;  }
	
	/* Stats */
	ul.stats { width: 80%; }
		ul.stats li { position: relative; list-style-type: none; margin-left: 0; padding: 5px 0; height: 2em; }
			ul.stats li.last { border-bottom: none; }
		
		ul.stats em,
		ul.stats span { font-style: normal; float: left; }
			ul.stats span { width: 100px; text-align: right; }
			ul.stats em.count { width: 50px; display: block; color: #999; text-align: center; }
			ul.stats em.index { width: 20%; background: #999; opacity: 0.2; text-indent: 999em; overflow: hidden; }
	
	/* History */
	body.history li { position: relative; padding: 0.5em 0.4em 0.5em 0.25em; margin: 0; list-style-type: none; border-bottom: 1px solid #f9f9f9; }
	body.history li em { font-style: normal; margin-left: 0.5em; color: #999; font-size: 90%; }
	
		div.wrap p.logout { float: right; }
			div.wrap p.logout a { border: 0; color: #666; background: #ebebeb; padding: 0.2em 0.6em; margin-left: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
				div.wrap p.logout a:hover { color: #333; }
				
		div.day { float: left; width: 45%; }
			div.day.odd { float: right; margin-left: 10%; }
	
		div.wrap a.delete { position: absolute; right: 0; font-size: 90%; display: none; color: #999; background: #eee; padding: 0.2em 0.6em; margin: -0.2em 0 -0.2em 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: 0; }
			div.wrap a.delete:hover { color: #666; }
			div.wrap li:hover a.delete { display: inline; }
		
	
/* # Code # */
table { }
	table.syntax { display: none; }
	tr { width: 740px; overflow: auto; display: block; }
	td.linenr { padding-right: 15px; border-right: 1px solid #eee; color: #999; }
	td.code { padding-left: 15px; overflow: hidden; }
	
	table span.removed,
	table span.added { padding: 4px 5px; margin-left: -5px; }
		table span.removed { background: #ecbebe; }
		table span.added { background: #cbecbe; }

	table del,
	table ins { padding: 4px 5px; margin: -4px -5px; }
		table del { background: #ecbebe; }
		table ins { background: #cbecbe; }
	
	textarea.code { height: 30em; width: 100%; }

/* # Forms # */
form.new { margin-bottom: 20px; width: 100%; position: relative; }
	form.new p { padding: 0.75em 0; }
	form.new label { float: left; width: 8em; display: block; }
	
	form.new fieldset + fieldset { margin-top: 20px; padding-top: 25px; border-top: 1px dashed #eee; }
	
	form.new p.submit { margin-top: 20px; padding-top: 25px; padding-left: 8em; border-top: 1px dashed #eee; }
	form.new p.remove { padding-right: 80px; text-align: right; }
		p.remove a { padding-right: 18px; background: url(/static/gfx/close-circle.gif) 100% 1px no-repeat; }
	
	textarea { font-size: 1.1em; border: 0.1em solid #ccc; border-top-color: #969696; background: #f9f9f9 url(/static/gfx/shadow.gif) repeat-x; padding: 0.1em; font-family: monospace; color: #222; padding: 0.2em; }
		textarea:focus { -webkit-box-shadow: 0 0 4px #13b747; -moz-box-shadow: 0 0 4px #13b747; }
		form.new textarea { padding: 0.3em; width: 560px; height: 20em; }

	body.detail form p { padding: 0.4em 0; }
	
	ul.errorlist { margin-left: 8em; }
		ul.errorlist li { background: #b64f53; color: #fff; display: inline; font-size: 11px; list-style-type: none; margin: 0; padding: 4px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
		
	form p.tip { display: none; float: right; margin: 0.2em 6.4em 0 0; color: #ccc;  }
		div.wrap p.tip a { color: #ccc; }
		
	div.wrap:hover p.tip { display: block; }
	
	p.new { color: #999; float: right; }

/* # Footer # */
div#footer { color: #c1c1b0; font-family: Georgia, serif; text-align: right; font-style: italic; }
	div#footer a { color: #c1c1b0; padding-bottom: 0.2em; }
		div#footer a:hover { color: #999; border-bottom: 1px solid #dedecf; }
		
	div#footer p.cred { color: #d4d4c6; }
		div#footer p.cred a { color: #d4d4c6; }
		div#footer p.cred a:hover { color: #999; }

/* # Width # */
div#header div,
h2,
h4,
div.wrap,
div#footer,
div.bottom,
h4,
div#history { width: 780px; margin-left: auto; margin-right: auto; }

	/* +6px */
	div#header div { width: 786px }
	div.bottom { width: 786px; margin-bottom: 50px; }
	div.bottom div.wrap { margin: 0; }

	/* -40px */
	div.wrap { width: 740px; }

/* # Clearfix # */
.clear { clear: both; }
.clearfix { display: inline-block; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
hr {Êwidth: 10px; height: 1px; border: 0; color: #fff; border-color: #fff; }