/*tp*/
div.tpct {padding-left:10px; background:#EFFF84; height:3.2em; line-height:3.2em; overflow:hidden; font-size:1.1em}
div.tp {width:100%} div.tp form {display:inline}
div.imagery {background-color:#9DDF5B; float:left; line-height:3.2em; height:3.2em; font-size:1.1em}
div.imagery img {vertical-align:middle}
div.tpbr {text-align:center; width:100%; line-height:25px; background-color:#EFFF84; border-bottom:1px solid #ccc} div.tpbr img {vertical-align:middle; width:100px; height:30px}
#q {font-size:1.3em; color:#555; font-weight:bold; margin-top:5px}
#prfs {padding-left:10px; font-size:1.1em; line-height:2.8em; height:2.8em; background:#E1FFC4; border-top:1px solid #9DDF5B; margin:0} #prfs select {margin-top:.4em}
div.ing, div.ing2 {line-height:2.5em; cursor:pointer; font-weight:bold}
div.ing {color:black; background:#EFFF84; width:130px; margin:0 auto; text-align:left; padding-left:0}
div.ing2 {color:white; background:#9DDF5B; width:100%; text-align:center}
#fl {width:20px; display:inline}
span.smllcps {font-variant:small-caps}

	/*header*/
	#header {height:2.2em; width:100%; border-top:1px solid #ccc; background-color:#eee; color:#555; overflow:hidden; font-size:1.1em}
	#header td {height:20px; line-height:2em}
			#results {padding:0 15px 0 5px}
			#holding {border-left:1px solid #ccc; padding-left:15px}
				#total, #query, #onscreen_thmbs, #unopened_thmbs {font-weight:bold}
				#holding i {color:#999; font-style:normal}
				#strt {display:none}
				#onscreen_thmbs {margin:0 2px; cursor:pointer}
				#unopened_thmbs {color:#509F02; cursor:pointer}
/*tabs*/
#tactct {height:27px; border-bottom:1px solid #ccc; display:none; background-color:#fffff3}
#tact {font:normal 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; margin:5px 0 0 0; height:22px; float:left}
div.tab, div.selTab {height:18px; cursor:pointer; border:1px solid #91A7B4; border-width:1px 1px 0 1px; float:left; margin:3px 0 0 1px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px}
div.selTab {height:21px; margin-top:0; border-color:#B5B5B5; border-bottom:1px solid #eee; font-weight:bold}
#tact a, #tact a:link, #tact a:visited {background:#FCFCFE; border-top:2px solid #FCFCFE; color:#000; float:left; line-height:1.6em; padding:0 6px; text-decoration:none; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px}
#tact a:hover, #tact a:focus {border-top:2px solid #ccc}
#tact div.selTab a:hover, #tact div.selTab a:focus {border-top:2px solid #FFC73C}
#tact div.selTab a, #tact div.selTab a:link, #tact div.selTab a:visited {background:#eee; border-top:2px solid #FFC73C; line-height:1.9em}

div.close_tab {height:14px; width:14px; background:url(/images/imagery/close_off.gif); float:right; margin:7px 5px 0 0; cursor:pointer}

/*thmbs*/
div.dym {display:block; padding:10px 0 0 10px; color:red; font-style:normal}

div.thmbs {border-bottom:2px #eee solid; display:none}
div.selThmbs {display:block}
div.t {height:160px; float:left; margin:0 3px}
	div.t div, div.i div {border:1px solid #ccc; margin:0; padding:0; background:#fff none no-repeat; cursor:pointer}
		div.t div div {background:#ddd; border:0; padding:0; margin:1px; position:relative; -moz-opacity:0.75}
		div.t div div.ghost {width:100%; height:100%; opacity:0.75; background-color:#fff; position:relative; top:-1px; left:-1px; z-index:5; visibility:hidden}
		div.t div div.canvas {width:100%; height:100%; background-color:#fff; -moz-opacity:1; position:relative; top:-1px; left:-1px; z-index:2; visibility:hidden}
		div.i div div.tbar, div.t div div.tbar {background:#ccc; position:relative; -moz-opacity:1; left:-1px; border:1px solid #ccc; border-width:1px 1px 0 1px; height:30px; visibility:hidden; margin:0; padding:0; width:60px; z-index:6}
		div.i div div.tbar {border-width:1px 1px 0 1px; left:-1px; top:-31px}

form.next {cursor:pointer; width:100px; height:50px; line-height:5em; margin:48px 15px; float:left; background:url(/images/imagery/next.gif)}
form.next select {margin:15px 5px; font-size:11px}

#thmb_del {position:absolute; top:0; left:0; display:none; -moz-opacity:0.6; background:#98B4DC; border:1px solid #316AC5; z-index:20}

/*imgs*/
.intro {margin-top:10px; font-size:1.1em; color:#688F3E}
.opaque img {-moz-opacity:1}
.semitransparent img {-moz-opacity:0.6}
#imgs {background-color:#E1FFC4; border-bottom:1px solid #ccc; margin-top:5px}
div.i {float:left; margin:5px} /*imgct*/
img.img {position:relative; z-index:1; left:0; top:-31px; margin:1px; border-width:0; cursor:pointer}
img.lked {border:0}
img.ff {vertical-align:middle; margin-right:5px; width:24px; height:24px}
img.logo {width:350px; height:125px}
#blurb img {width:125px; height:125px; cursor:pointer; margin:0 auto}

/*help/about*/
#help, .body {margin:10px auto; padding:10px 0; width:740px}
#projects, #about {width:600px; margin:20px auto}
#projects {border:solid 1px #ccc}
#about {background:#F6FFB8; -moz-border-radius-topright:25px; -moz-border-radius-bottomleft:25px}
.about_hack {margin:20px auto; padding:10px 20px} #projects table {margin:10px 20px}
.lhelp, .rhelp, .labout, .rabout {float:left}
.lhelp {width:590px}
.lhelp p {width:450px} .rhelp {width:100px; margin-left:30px}
.labout, .rabout {width:275px;}
.labout_hack, .rabout_hack {margin:0 12px}
img.imagery {vertical-align:middle; width:170px; height:50px}
div.opts {width:510px; margin:0 auto; padding-left:30px; margin-top:30px}
div.opts div {margin:0 0 7px 30px; border-bottom:1px solid #eee; padding-bottom:10px; width:450px}
div.opts img {width:70px; height:70px; padding-right:15px; float:left}
.more {color:#999}
span.hilite {background:#FFFFCC}
code {border:2px outset #ccc; background:#EEEEE3; -moz-border-radius:2px; -moz-border-radius-bottomright:10px; padding:0 3px; font:normal 1em Verdana, sans-serif; font-variant:small-caps; line-height:1.7em}
.big {font-size:120%}

/*iy*/
table.iy {margin:0 auto}
div.iybr {background:#EFFF84; margin:0; padding:10px 0}
span.txhi, span.txhi a {color:red; font-size:1.1em}
#form {margin:0; padding:0}
	/*quote*/
	span.arr {border:1px solid #8BBF53; font-weight:bold; font-size:80%; padding:2px; cursor:pointer; line-height:3em; margin:0 8px}
	span.quote {font:normal 1.3em Georgia, serif}
	div.source, div.source a, span.quote a, span.txco {color:#506F30}
	div.source {font-size:80%; line-height:2em}

/*else*/
body {font:normal 62.5% Verdana, sans-serif}
table {font-size:100%}
body {padding:0; margin:0; border:0; background-color:#eee; height:110%; text-align:center}
div {text-align:left}

h1 {font-family:Georgia, serif}
div.ct {background-color:#FFFFF3}
br.clear {clear:both; line-height:0; display:block;}
div.footer {line-height:2.5em; text-align:center}
div.nil_found {text-align:left; padding:20px 0 0 20px}
img {width:auto; height:auto}
#plus, #plus2, #plus3, #plus4 {font-weight:bold; font-size:.8em}
span.title {font:normal 30px Georgia, serif; color:#aaa}
div.delicious {line-height:3em; font-size:1.1em}

.ss {font-size:1.1em} /*standard size*/
.center, .center div {text-align:center}

