@charset "utf-8";
/*
jTouch Cheat Sheet
Created by Rick - Color Charge on 2008-03-09.
Copyright (c) 2008 Color Charge. All rights reserved.
jQuery is Copyright (c) of John Resig and the jQuery team.
*/
/* Touching is learning --------------------- */
/*html {-webkit-text-size-adjust:200%}*/
body { background: url(../images/bg.png) repeat 0 0; }

div#home { background: url(../images/home.png) no-repeat 0 0; width: 404px; height: 400px; padding: 70px .5em 0; position: relative; text-align: center; }
div#home h1 { position: absolute; left: 0; top: 0; width: 110px; height: 57px; }
div#home h2, div#home h2 a { width: 220px; height: 57px; position: absolute; right: 0; top: 0; }
a { color: #333; }
a:hover { color: #000; text-decoration: none; }

h3 { cursor: pointer; font-size: 1.75em; height: 42px; padding: 0 0 0 .5em; text-align: left; clear: both; margin: 0; color: #FFF; background: url(../images/headingBg.png) repeat-x left bottom; text-shadow: #666666 0 -1px; }
h3.touched { background: url(../images/headingBgOn.png) repeat-x left bottom; color: #58616E; text-shadow: #999 0 1px; }
div.majorGroup { margin: 0; padding: 1em 0; background: #EEE; }
div.rules { clear: left; }
div.rules h4 { cursor: pointer; font-size: 1.6em; -webkit-border-radius: 10px; margin: 0 8px; padding: 8px 50px 8px 8px; color: #FFF; background: url(../images/on.png) no-repeat right center; }
div.rules h4.touched { background: url(../images/off.png) no-repeat right center; }
div.content { clear: both; padding: 2%; width: 96%; margin: 0; background-color: #EEE; }

div#response { padding: 8px; clear: both; -webkit-border-radius: 10px; background-color: #FFF; margin: 0 8px; }
div#response ul li { padding: 0 0 .5em; margin: 0 0 .5em; border-bottom: 1px dotted #DDD; }
div#response ul li span { font-style: italic; font-weight: bold; }
div#response ul li code { font-family: Monaco,'Courier New', Courier; }

div.loading { background: url(../images/loading.gif) no-repeat 5px 5px; height: 80px; }

#documentReady h4 { background-color: #a0a0a0;}
#elmSelectContext h4,
#cssSelectors h4,
#attributeSelector h4 { background-color: #81c76f; }
#userAgent h4 { background-color: #afafaf; }
#uiEvents h4 { background-color: #54b7d5; }
#userInteraction h4 { background-color: #3390ad; }
#traversingDOM h4 { background-color: #f0d04c; }
#manipulatingDOM h4 { background-color: #eda833; }
#coreEffects h4 { background-color: #656a9c; }
#ajaxify h4 { background-color: #de3960; }
#extendJquery h4,
#javascriptRules h4 { background-color: #afafaf; }
#coreInternals { display: none; }