/* STATUS: A quick first pass has been accomplished.
 * PROBLEMS:
 * The html needs rearranged. h1#title needs to be outside div#padbox. [done on
 * image_template only so far]
 * The logo needs adjusted to have some sort of solid background.
 * Link colors need set.
 * RANDOM NOTES:
 * I noticed that the tooltips end on ' characters, as in "Child's Play II"
 * will show a tooltip of "Child" - fix that. Maybe check for new PxPost.
 */
html, body { margin: 0px; padding: 0px; }
body { background-color: #7f888a; font-family: Helvetica, Verdana, sans-serif; }
h1, h2, h3 { /* now if we could only have some cross-platform fonts... */
	font-family: "URW Bookman L", "Bookman", "Bookman Old Style",
	"Palatino Linotype", "Palatino", Georgia, serif; font-weight: bold;
	border-bottom: 3px solid #ff810a; background-color: #701c18; color: #fff;
	margin: 0px; padding: 2px 6px; }
a { text-decoration: none; color: #f0d6af; border-bottom: 1px dotted; }
a:hover, a:focus { border-bottom-style: solid; }
.nolinkborder a { border-bottom-width: 0px; }
a img { border: 0px; }

#content { width: 95%; margin: 12px auto; padding: 0px; }

#iemsg { background-color: #fff; color: #400; border: 1px solid #f00;
	padding: 4px; text-align: center; font-weight: bold;
	margin: auto 1% 5px; }

#logo { float: right; margin: 3px; width: 135px; height: 110px; }
.nqn_pg_comment #logo { display: none; }

#menu { text-transform: uppercase; color: #0e233b;
	background-color: #b9d199; padding: 0.5em 2px; margin-bottom: 5px; }
.nqn_pg_comment #menu { display: none; }

#menu ul { display: inline; padding: 0px; margin: 0px; }
#menu li { display: inline; padding: 0px 5px 0px 7px;
	border-left: 1px solid #0e233b; }
#menu li:first-child { border-left: 0px; }
#menu a { color: inherit; }

#padbox { margin: 0px; padding: 2ex;
	background-color: #3b3b3a; color: #eeeeee; }
#padbox>*:first-child { clear: right; }

#footer { background-color: #b9d199; text-align: center;
	padding: 0.5em 2px; margin-top: 5px; }
#footer a { color: inherit; }


.nqn_pg_image .centerbox { text-align: center; }
.nqn_pg_image #image { /*border: 3px solid #5c7267;*/ padding: 2px;
	background-color: #000; margin: auto; }
.nqn_pg_image #category { margin: 2ex auto 0.75ex; font-variant: small-caps; }
.nqn_pg_image .exif { font-size: 80%; }
.nqn_pg_image #image_nav { margin-top: 2ex; text-align: center; }
.nqn_pg_image #image_nav img { border: 2px solid #957658; margin: 1px 5px; }
.nqn_pg_image #image_nav img.current-thumbnail { border-color: #ff810a;
 	border-style: solid; border-width: 2px 5px; }


#content.nqn_pg_comment { background-color: #3b3b3a; color: #eee; }
.nqn_pg_comment #imageinfo div { font-size:92%; text-align: left; padding: 0.5em; }
.nqn_pg_comment #thumbnail { width: 122px; float: right; margin-bottom: 0.3em;
	}
.nqn_pg_comment #imageinfo #thumbnail { text-align: center; }
.nqn_pg_comment #thumbnail img { border: 1px solid black; }
.nqn_pg_comment #commentstitle { clear: both; }
.nqn_pg_comment #comments { font-family:Verdana, Helvetica, sans-serif;
	clear: both; text-align: left; }
.nqn_pg_comment #comments ul { padding:0px; margin:0px; display:block;
	list-style:none; width:100%; }
.nqn_pg_comment #comments li { padding-bottom:1em; padding-top:1em;
	padding-left:0.5em; padding-right:0em; margin:0px;
	border-top:1px dotted #666; }
.nqn_pg_comment #comments li:hover { background:#313130; }
.nqn_pg_comment #comments li:first-child { border-top: 0px; }
.nqn_pg_comment .commenter_info { font-size: 85%; }
.nqn_pg_comment #addcomment { text-align: left;  padding:3%; }
.nqn_pg_comment #addcomment textarea, #addcomment input {
	border: 1px solid #957658; color: #eee; background-color: #313130; }
.nqn_pg_comment #addcomment #addbtn { font-weight: bold;
	border: 1px solid #957658; background-color: #313130; }
.nqn_pg_comment #addcomment #addbtn:active { background-color: #424240;
	border: 1px solid #ff810a; }
.nqn_pg_comment #footer { display: none; }


.nqn_pg_browse #pages { text-align: center; margin: 1em 0; }
.nqn_pg_browse #combobox { margin-top: 1em; text-align: left; }
.nqn_pg_browse #images { width:100%; margin: 1em 0px 0px; }
.nqn_pg_browse .thumbnails { margin: 2px; border: 1px solid #333; width: 100px;
	height: 75px; }
.nqn_pg_browse .thumbnails:hover { border: 1px solid #fff; }
.nqn_pg_browse #combobox .importantmsg { font-size: 100%; }


/* NOTE: the about page also ends up with class .nqn_pg_image */
#logoabout { float: right; width: 264px; margin: 0px 0px 5px 5px; }