/*---------------------------------- globals -------------------------------------*/
html { background: #17263d url(/img/pagebg.png) repeat-y 100% 0; padding: 0 0 130px 0; }
body { background: #fff url(/img/bodybg.png) repeat-y; margin: 150px 350px 0 0; padding: 0 0 0 56px; min-width: 40em; position: relative; font-family: helvetica, arial, sans-serif; font-size: 0.8em; line-height: 1.5em; }
a { text-decoration: none; }
a:hover {  }


/*---------------------------------- header --------------------------------------*/
#header { position: absolute; top: -150px; left: 0; right: 0; }
#header h1 {  }
#header h1 a { background: url(/img/stillscripts.png) no-repeat; display: block; width: 430px; height: 150px; }
#header h1 a:hover { background: url(/img/stillscripts.png) no-repeat 0 -150px; }
#header h1 a span { display: none; }


/*---------------------------------- content -------------------------------------*/
#content { background: url(/img/contentbg.png) repeat-y 100% 0; }
#content.full {  }
#content h2 { background: url(/img/contentheadbg.png) no-repeat; padding: 25px 20px 40px 20px; color: #43709c; font-size: 1.5em; font-weight: bold; text-shadow: 0.1em 0.1em 0.1em #8ab5d6; position: relative; zoom: 1 !important; }
#content h2 #cheadgraphic { display: block; width: 40px; height: 90px; background: url(/img/contentheadbg.png) no-repeat 100% 0; position: absolute; top: 0; right: 0; }
#content h2 #cheadgraphicleft { display: block; width: 56px; height: 6px; background: url(/img/contentheadleftborder.png) no-repeat 100% 0; position: absolute; top: 0; left: -66px; }
#content h2 span { padding: 0 5px; }
#content h2 a { color: #212b42; }
#content h2 a:hover { color: #95d7ff; text-shadow: 0.1em 0.1em 0.1em #40618a; }


/*---------------------------------- content div.text ----------------------------*/
#content div.text { padding: 10px 20px 10px 20px; color: #111; min-height: 200px; zoom: 1 !important; }
#content div.text h3, #content div.text h4, #content div.text h5, #content div.text h6 { color: #43709c; text-shadow: 0.1em 0.1em 0.1em #eee; font-weight: bold; font-size: 1.2em; padding: 10px 0 0.5em 0; }
#content div.text h4 strong, #content div.text h5 strong, #content div.text h6 strong { color: #212b42; }
#content div.text ul { list-style: disc inside; padding: 0.5em 0.5em 1em 0.5em; }
#content div.text ol { list-style: roman inside; padding: 0.5em 0.5em 1em 0.5em; }
#content div.text ul li { padding: 0 0 0.3em 0; }
#content div.text p { padding: 0 0 0.5em 0; }
#content div.text strong { font-weight: bold; }
#content div.text hr { border: none; border-color: #fff; background: #fff; color: #fff; clear: both; border: 1px solid white; }
#content div.text code, pre { background: #fcfcfc; display: block; padding: 0.5em; margin: 0 0 0.5em 0; border: 1px solid #e9e9e9; font-family: monaco, monospace; font-size: 10px; overflow: auto; }
#content table {  }
#content table tr {  }
#content table td {  }
#content div.text a { border-bottom: 1px solid #C3D8FF; color: #444; }
#content div.text a:hover{ color: #435a8e; border-color: #95d7ff; }

/*---------------------------------- form ----------------------------------------*/
#content form {  }
#content form div {  }
#content div.text form div h4 {  }
#content form fieldset { padding: 0 0 0.7em 0; }
#content form.error fieldset {  }
#content form label { padding: 0 0.2em 0.1em 0.2em; }
#content form label span.error { display: block; padding: 0 0.25em 0.1em 0.25em; font-size: 0.9em; color: #a10000; }
#content form fieldset.textarea span.error {  }
#content form input, #content form textarea { display: block; width: 60%; padding: 0.4em; background: #eee; border: 1px solid #bbb; border-bottom: 1px solid #fcfcfc; border-right: 1px solid #fcfcfc; color: #444; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; }
#content form input:focus, #content form textarea:focus { background: #fff; }
#content form textarea { height: 10em; }
#content form fieldset.button {  }
#content form input.button { cursor: pointer; width: 25%; margin: 1em 0 0 36%; border: 1px solid #fcfcfc; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb; font-weight: bold; }
#content form input:hover.button { background: #fff; }

#content div.text p.error, #content div.text p.success { font-weight: bold; padding: 0.5em 1em 1em 40px; margin: 0 0 1em 0; background: url(/img/erroricon.png) no-repeat; }
#content div.text p.success { background: url(/img/successicon.png) no-repeat; }


/*---------------------------------- google ad block -----------------------------*/
#gad { display: block; width: 336px; height: 280px; position: absolute; top: 22em; right: -344px; }
#gadtop { display: block; width: 468px; height: 15px; position: absolute; top: -20px; right: 20px; }
#gadtopr { display: block; width: 234px; height: 60px; position: absolute; top: -120px; right: -300px; }


/*---------------------------------- paging --------------------------------------*/
#content div.text ul.paging {  }
#content div.text ul.paging li {  }
#content div.text ul.paging li span {  }
#content div.text ul.paging li a {  }
#content div.text ul.paging li.next {  }
#content div.text ul.paging li.prev a, #content div.text ul.paging li.prev span {  }
#content div.text ul.paging li.first a, #content div.text ul.paging li.first span {  }
#content div.text ul.paging li.last a, #content div.text ul.paging li.last span {  }
#content div.text ul.paging li.next a, #content div.text ul.paging li.next span {  }


/*---------------------------------- menu ----------------------------------------*/
#menu { position: absolute; top: 82px; right: -350px; width: 352px; font-size: 1.1em; }
#menu li { padding: 0; zoom: 1 !important; }
#menu li a { color: #6a92bb; font-weight: bold; text-shadow: 0.1em 0.1em 0.1em #072f5d; display: block; padding: 10px 20px; }
#menu li a:hover { color: #fff; }
#menu li strong a, #menu li strong a:hover { background: url(/img/menuactive.png) no-repeat; color: #fff; }


/*---------------------------------- submenu -------------------------------------*/
#submenu { clear: both; width: 100%; background: url(/img/contentbg.png) repeat-y 100% 0; padding: 0 0 2em 0; }
#submenu li { margin: 0 20px 0.3em 20px; background: #fff url(/img/submenubg.png) repeat-x; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; zoom: 1 !important; }
#submenu li a { display: block; border: 1px solid #ccc; border-top-color: #eee; border-left-color: #eee; padding: 5px; color: #558ec5; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; }
#submenu li a:hover { border: 1px solid #81b7d9; background: #f4fbff; color: #1763ac; }
#submenu li strong a, #submenu li strong a:hover { color: #212b42; background: #e3f4ff; border: 1px solid #81b7d9; }

body.applescript #submenu li a { padding: 5px 5px 5px 33px; background: url(/img/applescripticon.png) no-repeat 5px 60%; }
body.applescript #submenu li a:hover { background: #f4fbff url(/img/applescripticon.png) no-repeat 5px 60%; }
body.applescript #submenu li strong a, body.applescript #submenu li strong a:hover { background: #e3f4ff url(/img/applescripticon.png) no-repeat 5px 60%; }
body.mac-os-x #submenu li a { padding: 5px 5px 5px 33px; background: url(/img/macosxicon.png) no-repeat 5px 60%; }
body.mac-os-x #submenu li a:hover { background: #f4fbff url(/img/macosxicon.png) no-repeat 5px 60%; }
body.mac-os-x #submenu li strong a, body.mac-os-x #submenu li strong a:hover { background: #e3f4ff url(/img/macosxicon.png) no-repeat 5px 60%; }
body.photoshop #submenu li a { padding: 5px 5px 5px 33px; background: url(/img/photoshopicon.png) no-repeat 5px 60%; }
body.photoshop #submenu li a:hover { background: #f4fbff url(/img/photoshopicon.png) no-repeat 5px 60%; }
body.photoshop #submenu li strong a, body.photoshop #submenu li strong a:hover { background: #e3f4ff url(/img/photoshopicon.png) no-repeat 5px 60%; }


/*---------------------------------- subcontent ----------------------------------*/
dl.subcontent { position: absolute; top: 111px; right: 20px; width: 28%; color: #111; }
dl.subcontent dd { padding: 0 0 1em 0.5em; }
dl.subcontent dt { font-weight: bold; }
dl.subcontent a { border-bottom: 1px solid #C3D8FF; color: #444; }
dl.subcontent a:hover { color: #435a8e; border-color: #95d7ff; }


/*---------------------------------- footer --------------------------------------*/
#footer { padding: 0 20px; height: 82px; clear: both; background: url(/img/footerbg.png) no-repeat; position: relative; zoom: 1 !important; }
#footer p { padding: 29px 0; color: #666; }
#footer a { color: #ddd; }
#footer a:hover { color: #95d7ff; }
#footer a.imp { position: absolute; top: 0; right: 0; padding: 29px 20px 0 20px; height: 82px; background: url(/img/footerbg.png) no-repeat 100% 0; }
#footer span#footerborderleft { display: block; width: 56px; height: 6px; background: url(/img/footerleftborder.png) no-repeat; position: absolute; bottom: 0; left: -56px; }


/*---------------------------------- disclaimer ----------------------------------*/
#disclaimer { position: absolute; bottom: -6em; left: 70px; font-size: smaller; color: #6f7c90; z-index: 30; padding: 0 20px 0 0; }
#disclaimer em { color: #38a1c7; }


/*---------------------------------- search --------------------------------------*/
#search { position: absolute; top: -150px; right: -350px; width: 350px; height: 156px; background: url(/img/searchbg.png) no-repeat; }
#search form { margin: 134px 0 0 0; padding: 0 20px; }
#search form h3 { margin: 50px 0 5px 0; color: #43709c; font-size: 1.4em; font-weight: bold; text-shadow: 0 -0.2em 0.3em #0d121d; }
#search form p { padding: 0 0 8px 0; color: #101624; }
#search form input { -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border: none; padding: 0.5em; width: 200px; float: left; background: #6493c7; }
#search form input:focus { background: #fff; color: #111; }
#search form input.button { width: 5em; float: right; background: #ccc url(/img/searchbuttonbg.png) repeat-x; cursor: pointer; }
#search form input:hover.button { background: #fff; }

#searchresults dt {  }
#searchresults dt a {  }
#searchresults dd { padding: 0 0 1em 0; }
#searchresults dd p { padding: 0 !important; }
#searchresults dd p.url { font-size: smaller; color: #00a100; }