/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* PRETTY SEARCH */
input.prettysearch { width:200px; height: 16px; background: url(searchfield_repeat.png) center top repeat-x; border: 0px; margin: 0; padding: 3px 0 0 0; font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }
.search-wrapper { position: relative; width: 200px; }
.search-wrapper input.prettysearch { width: 171px; margin-left: 20px; *margin-top:-1px; *margin-right:-2px; *margin-left:10px; }
.search-wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 19px; background: url(searchfield_leftcap.png) left top no-repeat; }
.search-wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 10px; height: 19px; background: url(searchfield_rightcap.png) right top no-repeat; }
.search-wrapper.empty.blurred input { color: #7e7e7e; }
.search-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px; background: url(close.gif); display: block; cursor: pointer; _cursor:hand; }
.search-wrapper.empty .reset { display: none; }
label .prettyplaceholder { display: block; overflow: hidden; text-indent: -9999px; height: 0; width: 0;}

/* GLOBALHEADER */
#globalheader { width: 982px; height: 38px; margin: 18px auto; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader #globalsearch { background-image: url(http://www.hoonio.com/navigation/globalnavbg.png); _background-image: url(http://www.hoonio.com/navigation/globalnavbg.gif); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-hoonio1 a { background-position: 0 0; }
#globalheader #globalnav li#gn-hoonio2 a { background-position: -117px 0; }
#globalheader #globalnav li#gn-who a { background-position: -234px 0; }
#globalheader #globalnav li#gn-blog a { background-position: -351px 0; }
#globalheader #globalnav li#gn-foto a { background-position: -468px 0; }
#globalheader #globalnav li#gn-wiki a { background-position: -585px 0; }
#globalheader #globalnav li#gn-apps a { background-position: -702px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-who a:hover { background-position: -234px -38px; }
#globalheader #globalnav li#gn-blog a:hover { background-position: -351px -38px; }
#globalheader #globalnav li#gn-foto a:hover { background-position: -468px -38px; }
#globalheader #globalnav li#gn-wiki a:hover { background-position: -585px -38px; }
#globalheader #globalnav li#gn-apps a:hover { background-position: -702px -38px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-hoonio a:active { background-position: 0 -76px; }
#globalheader #globalnav li#gn-who a:hover { background-position: -234px -38px; }
#globalheader #globalnav li#gn-blog a:active { background-position: -351px -76px; }
#globalheader #globalnav li#gn-foto a:active { background-position: -468px -76px; }
#globalheader #globalnav li#gn-wiki a:active { background-position: -585px -76px; }
#globalheader #globalnav li#gn-apps a:active { background-position: -702px -76px; }

/* ON STATES */
#globalheader.main #globalnav li#gn-hoonio a:hover { background-position: 0 0; cursor: default; }
#globalheader.who #globalnav li#gn-who a { background-position: -234px -114px !important; }
#globalheader.blog #globalnav li#gn-blog a { background-position: -351px -114px !important; }
#globalheader.foto #globalnav li#gn-foto a { background-position: -468px -114px !important; }
#globalheader.wiki #globalnav li#gn-wiki a { background-position: -585px -114px !important; }
#globalheader.apps #globalnav li#gn-apps a { background-position: -702px -114px !important; }

/* Testing everywhere search */
input[type=search].not-round { /*background: #ABABAB;*/ height: 19px; outline: none; -webkit-border-radius: 9px; -webkit-border-image: url(searchfield_border.png) 2 2 2 2 stretch stretch; width: 200px; }

/* GLOBAL SEARCH */
#globalsearch { width: 163px; height: 38px; position: absolute; top: 0; right: 0; background-position: 100% 0; background-repeat: no-repeat; }
#globalsearch.active { background-position: 100% -38px; }
#globalsearch input.g-prettysearch, #globalsearch .search-wrapper input.g-prettysearch {background: url(searchfield_repeat.png) center top repeat-x; }
#globalsearch input.g-prettysearch { width:140px; height: 16px; margin-top: 9px; margin-left: 11px; }
#globalsearch .search-wrapper { position: relative; width: 140px; margin-top: 9px; margin-left: 11px; }
#globalsearch .search-wrapper input.g-prettysearch { width: 110px; margin-left: 20px; *margin-top:-1px; *margin-right:-2px; *margin-left:10px; }
#globalsearch .search-wrapper .left, 
#globalsearch .search-wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 19px; background: url(searchfield_leftcap.png) left top no-repeat; }
#globalsearch .search-wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 10px; height: 19px; background: url(searchfield_rightcap.png) right top no-repeat; }
#globalsearch .search-wrapper.empty.blurred input { color: #7E7E7E; }
#globalsearch .search-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px; background: url(close.gif); display: block; cursor: pointer; _cursor:hand; }
#globalsearch .search-wrapper.empty .reset { display: none; }
#globalsearch .search-wrapper input.g-prettysearch { position: absolute; width: 110px; top: 0; right: 10px; border: 0px; margin: 0; padding: 3px 0 0 0; font: 11px "Lucida Grande", Arial, sans-serif; }
#globalsearch label .prettyplaceholder { display: block; overflow: hidden; text-indent: -9999px; height: 0; width: 0;}

#globalsearch input[type=search].not-round { background: #ABABAB; height: 19px; outline: none; -webkit-border-radius: 9px; -webkit-border-image: url(searchfield_border.png) 2 2 2 2 stretch stretch; width: 133px; }

/* SEARCH SHORTCUTS */
#cse-search-results { position: absolute; margin-right: 0; margin-bottom: 0; margin-left: 0; top: 100px; left: 90px; height: 0; }

/* PRINT */
@media print {
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}

/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }