@import url(http://dharmafly.com/lib/prettify/prettify.css);

/* RESET */ 	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}a{outline:none;}address{display:inline;}



/* MICROFORMATS */
.adr, .geo, .vevent, .vcard, a[rel*=tag], a[rel*=bookmark], .hentry, .hreview .rating, .vevent .dtstart, .hentry .updated, .hentry .published, 
.uf-geo > a, .uf-adr > a, .uf-hcard > a, .uf-hcalendar > a, .uf-rel-tag > a, .uf-rel-bookmark > a, .uf-hatom > a, .uf-time > a, .uf-hreview_rating > a {
	min-height:16px;
	padding-left:22px;
	background-repeat:no-repeat;
	background-position:left center;
}
.geo, .uf-geo > a {
	background-image:url(http://dharmafly.com/images/icons/silk/world.png);
}
.adr, .uf-adr > a {
	background-image:url(http://dharmafly.com/images/icons/silk/email.png);
}
.vcard, .uf-hcard > a {
	background-image:url(http://dharmafly.com/images/icons/silk/user.png);
}
.vevent, .uf-hcalendar > a {
	background-image:url(http://dharmafly.com/images/icons/silk/date.png);
}
.vevent .dtstart, .hentry .updated, .hentry .published, .uf-time > a {
	background-image:url(http://dharmafly.com/images/icons/silk/time.png);
}
a[rel*=tag], .uf-rel-tag > a {
	background-image:url(http://dharmafly.com/images/icons/silk/tag_blue.png);
}
a[rel*=bookmark], .uf-rel-bookmark > a {
	background-image:url(http://dharmafly.com/images/icons/silk/link.png);
}
.hentry, .uf-hatom > a {
	background-image:url(http://dharmafly.com/images/icons/silk/feed.png);
}
.hreview .rating, .uf-hreview_rating > a {
	background-image:url(http://dharmafly.com/images/icons/silk/star.png);
}



/* LAYOUT */
html {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0.68% 1.6%;
	font-family:verdana,lucida,arial,helvetica,sans-serif;
	color:#666;
	position:relative;
}
body > * {
	width:45%;
}
h2 {
	margin-bottom:0.68em;
	font-weight:bold;
	font-family:arial,helvetica,sans-serif;
}
a {
	color:#3080CB;
	background-color:transparent;
	text-decoration:none;
}
a:hover {
	color:white;
	background-color:#3080CB;
}
body > .title {
	font-size:2.2em;
	background:transparent url(http://dharmafly.com/images/microformats_32.png) left center no-repeat;
	min-height:24px;
	margin-bottom:0.68em;
	padding-left:42px;
}
body > .description {
	font-size:0.9em;
	text-align:justify;
}
body > .description, .legend {
	width:27.4%;
	padding:0.68em;
	margin-bottom:1.6em;
}
body > .description p {
	margin:0.68em 0;
}
.digg {
	margin-top:1.2em
}
.legend {
	background-color:#F8F8EC;
	border:2px solid #E0E8B9;
}
.legend .items > * {
	font-size:0.9em;
	margin-bottom:0.1em;
}
.legend .items > * > a {
	color:#666;
}
.legend .items > * > a:hover {
	color:white;
}
.legend .items > * > a + a {
	background-image:none;
	padding:0;
}

.examples {
	clear:both;
	font-size:1.1em;
	line-height:1.6em;
	margin:0 0 1.6em 1.6em;
}
.examples > li {
	padding:1.6em;
	position:relative;
	list-style-type:decimal;
	font-size:0.8em;
	border-bottom:2px solid #E0E8B9;
}
.examples > li:hover {
	background-color:#E0E8B9;
	border-color:#6CA300;
	font-weight:bold;
}
.examples > li:hover > * {
	font-weight:normal;
}
.examples > li > * {
	display:block;
	margin-top:1.6em;
	font-size:1.2em;
}
code#source {
	position:fixed;
	top:2%;
	right:2%;
	left:50%;
	width:46%;
	font-size:0.9em;
	line-height:1em;
	z-index:1000;
	padding:1%;
	background-color:#F8F8EC;
	border:2px solid #E0E8B9;
}
code#source .pln {
	text-transform:lowercase;
}
#resources, #credits, #license {
	margin-top:1.6em;
}
#license ul > * {
	margin-top:0.68em;
}